@charset "utf-8";

.wrapper{ width:1200px; margin:0 auto; overflow:hidden;}
.cen{ width:1300px; margin:auto; height:auto;}

/*-------------------------------  ■ index 首页---------------------------------*/

.banner{ width:100%; height:100vh;}

/*-----首页 banner-----*/
.index_focus {position: relative;width: 100%;height:100vh;margin: 0 auto;overflow: hidden;}
.index_focus .bd li {  display: none;position: absolute; top: 0; width:100%;}
.index_focus_post {z-index: 10;}
.index_focus .pic {height:100vh;display: block; }
.index_focus .pic:hover {text-decoration: none;}
.index_focus .slide_nav {position: absolute; left:46.3%; bottom:2%; width:100%;  position: absolute; z-index:99; }
.index_focus .slide_nav a {cursor:pointer;f/loat:left;font-size:40px;font-family: arial;color: #fff;padding:5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #ff6600;opacity:0.9;}
.index_focus_pre,.index_focus_next {position: absolute;top: 50%;margin-top: -36px;width:38px;height:80px;text-indent: 100%;white-space: nowrap;overflow: hidden;z-index: 10;}

/* 本例子css */
.slideBox{ width:100%; height:460px; overflow:hidden; position:relative; }
.slideBox .hd{ overflow:hidden; position:absolute; right:5px; bottom:15px; width:100%; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; text-align:center; height:25px;}
.slideBox .hd ul li{ display:inline; margin-right:2px; padding:10px; font-size:0; text-align:center; color:#ffef00; cursor:pointer; background:url(../images/qqq02.jpg) no-repeat center center;}
.slideBox .hd ul li.on{color:#fff;background:url(../images/qqq01.jpg) no-repeat center center; padding:10px 20px;}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }


/*-----首页 大按钮-----*/
.index_news01{ text-align:center; width:1100px; margin:auto; margin-top:65px; text-align:center; font-size:35px; color:#00448c; }
.index_news02{ font-size:14px; color:#555454; text-align:center; padding-top:12px; margin-bottom:40px;}

.bigbtn{ overflow: hidden;width: 100%; padding-bottom:20px; }
.bigbtn01{ position: relative; float: left; width: 300px; margin-bottom:10px; height: 253px; overflow: hidden; }
.myservice01{ float: left; width: 33.33333%; height: 285px; overflow:hidden; position: relative; text-align:center;}
.myservice01 img{  width: 100%; height: 285px; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; }
.myservice01:hover img{  width: 110%; height: 330px; margin-left: -20px; margin-top: -15px; }
.myservice02{ display: block; color: #fff; position:absolute; top: 0; left: 0; width:100%; height: 285px; z-index:9;}
.myservice02 .title{ font-size: 22px; font-family: "微软雅黑"; padding-top: 20%;}
.myservice03{position:absolute; top: 0; left: 0; width:100%; height: 285px;  }
.prolist{ line-height: 25px; font-family:Verdana, Geneva, sans-serif; padding-top: 10px; padding-bottom:30px; font-size:18px;}
.myservice02 a{ width: 120px; height: 34px; line-height: 34px; text-align: center; display: block; color: #fff; border:#fff solid 1px; margin:auto;}
.myservice02 a:hover{ background:#00448c; color: #fff; border:#fff solid 1px; margin:auto;}

.aboutnran a{text-align:center; border-radius:50px;width:156px; height:38px; display:block; background:#00448c; margin:auto; margin-top:25px;  font-size:14px; color:#ffffff; line-height:38px; margin-bottom:70px;}
.aboutnran a:hover{background:#41B3E5; color:#ffffff;}



/*-----首页 案例区域-----*/
.index_case{ height: 695px;  background:url(../images/dcp.jpg) no-repeat bottom center fixed; padding-top:95px;}
.index_case01{ float: left; width:400px; height: 520px; background:#fff; overflow: hidden; }
.index_case02{ height: 260px; padding-left:30px; color:#8A8A8A; padding-right:30px; line-height:22px; font-size:13px; background: #fff; text-align: center; }
.index_case02 span{ display: block; background:url(../images/case01.jpg) no-repeat bottom center; line-height: 37px; font-size: 26px; color: #333; padding:58px 0 10px;}
.index_case02 a{ display: block; color: #fff; background: #e0a92a; width: 82px; line-height: 24px; text-align: center; margin: 20px auto; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_case02 a:hover{ border-radius:10px;}




/*-----首页 重点产品-----*/
.index_pro{ position:relative; height:760px; overflow:hidden; background:url(../images/dcp.jpg) no-repeat bottom center;}
.index_pro01{ position:absolute; top:0; left:0;}
.index_pro01 h2{ font-size:45px; color:#fff;}
.index_pro01 h2 span{ display:block; font-size:25px; font-family:Arial, Helvetica, sans-serif;}

.index_pro02{ position:absolute; top:160px; left:50%; margin-left:-510px; color:#fff; text-align:center; }
.index_pro02 h2{ font-size:45px; font-weight:normal;}
.index_pro02 h2 span{ display:block; margin-top:10px; font-size:25px; font-family:Arial, Helvetica, sans-serif;}
.index_pro02 dl{ float:left; width:144px; margin:0 10px; position:relative; padding-top:40px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_pro02 dl:hover{ padding-top:60px;}
.index_pro02 dl dt{ margin:0 auto; width:144px; height:144px; overflow:hidden; background:url(../images/pro02.png) no-repeat bottom center;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; text-align:center;}
.index_pro02 dl dt img{ display:block; margin:7px auto; border-radius:50%;}
.index_pro02 dl dd{ font-size:14px; color:#fff; line-height:55px; height:55px; overflow:hidden;}

.index_pro02 dl:hover dt{-webkit-transform: rotateZ(180deg);-moz-transform: rotateZ(180deg);-o-transform: rotateZ(180deg);-ms-transform: rotateZ(180deg);transform: rotateZ(180deg);}


.index_pro03{ margin-left:190px; top:360px;}


/*-----首页 生产车间-----*/
.chejian{ position:relative; height: auto; padding-bottom:100px; color:#3a414b;}
.chejian h2{ font-size:54px; font-weight:bold; padding-left:20px; line-height:40px; padding-top:80px;}
.chejian h3{ font-size:36px; padding-left:20px; padding-top:20px; color:#3a414b;}
.chejian h4{ font-size:20px; padding-left:20px; color:#A5A5A5; padding-top:8px;}
.chejian h5{ font-size:14px; padding-left:20px; color:#656565; line-height:28px; padding-top:28px; padding-right:580px; text-align:justify;}

.chejian02 a{text-align:center; border-radius:50px; width:156px; height:38px; display:block; margin-top:25px;  font-size:14px; color:#414141; line-height:38px; border:1px solid #A9A9A9;}
.chejian02 a:hover{background:#218ADD; color:#ffffff;}


.chejian01{ position:absolute; top:106px; left:50%; margin-left:-60px;}

.che_pic01{ position:absolute; top:35px; left:125px;}
.che_pic02{ position:absolute; top:0; left:503px;}
.che_pic03{ position:absolute; top:192px; left:125px;}
.che_pic04{ position:absolute; top:227px; left:412px;}
.che_pic05{ position:absolute; top:60px; left:0;}
.che_pic06{ position:absolute; top:77px; left:320px;}



/*-----首页 优势-----*/
.youshi{ height:762px; background:url(../images/youshi.jpg) no-repeat top center fixed; text-align:center;}
.youshi01{ padding-top:150px; }
.youshi02{ background:#e0a92a; line-height:59px; font-size:26px; color:#fff; font-weight:bold; margin-top:20px; }
.youshi03{ color:#000204; font-size:18px; line-height:30px; margin-top:20px; }

.youshi04{ padding-top:75px; overflow:hidden; }
.youshi04 dl{ position:relative; float:left; width:142px; height:142px; overflow:hidden; border-radius:50%; margin:0 20px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.youshi04 dl:hover{ margin-top:20px;}
.youshi04 dl dt{ width:142px; height:142px; overflow:hidden; border-radius:50%;}
.youshi04 dl dd{ position:absolute; top:75px; left:0; width:100%; color:#fff; background:url(../images/ys03.png) repeat; line-height:33px; height:33px; overflow:hidden; font-size:16px;}




/*-----首页 联系我们-----*/
.index_lx{ width:1280px; margin:auto;}
.index_lx01{}
.index_lx02{float:left; width:370px; overflow:hidden; border:#ccc solid 1px; border-radius:12px; margin:0px 0px 0 40px; box-shadow:#b1b1b1 0 0 10px; }
.index_lx02 dl{ margin:2px; overflow:hidden; background:url(../images/lx02.jpg) repeat-x; border-radius:12px; height:150px;}
.index_lx02 dl dt{ float:left; width:96px; padding:40px 14px 0 25px;}
.index_lx02 dl dd{ float:left; width:250px; color:#666; font-size:14px; line-height:24px; padding-top:22px;}
.index_lx02 dl dd h2{ display:block; font-weight:bold; color:#1c1c1c;}

.index_lx03{ text-align:center; color:#fff; line-height:34px; font-size:18px; width:705px; margin:50px auto 0; background:#e0a92a; padding:9px 0 13px;}
.index_lx03 span{ display:block; font-size:28px;}



/*-----首页 招聘-----*/
.job{ height:258px; text-align:center; background:url(../images/abls1.png);}
.job a{  display:block; z-index:100; position:absolute; left:42%;}
.job img{ margin-top:34px;}
.jobbj{height:258px; width:100%; position: absolute; z-index:-1;}

/*-----首页 新闻-----*/
.news{ height:763px;background:url(../images/xwbj.jpg) no-repeat top center;background-size:cover;}
.news01{ width:110%; padding-top:40px;}
.news02{ float:left; width:378px; height:510px; margin-right:30px;background:#fff url(../images/news01.jpg) no-repeat bottom center; }
.news03{ text-align:center; padding-top:20px;}
.news04{ padding-top:23px;}
.news04 ul li{ border-bottom:#c0c0c0 dotted 1px; line-height:33px; height:33px; overflow:hidden; margin:0 27px; padding-left:19px;background:#fff url(../images/news03.jpg) no-repeat left center;}
.news04 ul li a{ color:#3f3f3f;}
.news04 ul li a:hover{ color:#3f3f3f;}
.news05{ text-align:center;background:url(../images/news04.jpg) no-repeat bottom center; color:#bebebe; line-height:22px; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding:18px 0 8px; text-transform:uppercase; font-weight:normal;}
.news05 span{ display:block; font-size:20px;  font-weight:bold; color:#000; font-family:'微软雅黑';}

.news06{ text-align:center; font-size:35px; color:#fff; padding-top:67px;}
.news06 span{ display:block; font-size:18px;}










.flip-container {perspective: 1000;
-webkit-perspective: 1000px; /*父类容器中 perspective 子类允许透视*/
-moz-perspective: 1000px;
-ms-perspective: 1000px;
-o-perspective: 1000px;
perspective: 1000px;
}
.flip-container:hover .back {transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index:2;}
.flip-container:hover .front { transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index:1; width:267px; height:180px;}
.flip-container, .front, .back {wi/dth: 283px;he/ight: 283px;}
.flipper {transition:transform 0.6s ease-out;
transition: transform .5s ease-in-out;
-webkit-transition: transform .5s ease-in-out;
-moz-transition: transform .5s ease-in-out;
-ms-transition: transform .5s ease-in-out;
-o-transition: transform .5s ease-in-out;
-webkit-transform-style: preserve-3d; /*使其子类变换后得以保留 3d转换后的位置*/
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
display:block;position: relative;}
.front, .back {backface-visibility: hidden;transition: 0.6s ease-out;-webkit-transition: .6s ease-out; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0;left: 0;width:267px; height:180px; }
/*.front img, .back img{ width:283px; height:283px; overflow:hidden;}
*/.front {z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}
.back { z-index:1;transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);}






















/*-----产品介绍动画部分-----*/
.pro_animate01{-webkit-animation: left01 1s 0s both; -moz-animation: left01 1s 0s both; -ms-animation: left01 1s 0s both; -o-animation: left01 1s 0s both; animation: left01 1s 0s both;visibility:visible;}
.pro_animate02{-webkit-animation: left01 1s 0.5s both; -moz-animation: left01 1s 0.5s both; -ms-animation: left01 1s 0.5s both; -o-animation: left01 1s 0.5s both; animation: left01 1s 0.5s both;visibility:visible;}
.pro_animate03{-webkit-animation: left01 1s 1s both; -moz-animation: left01 1s 1s both; -ms-animation: left01 1s 1s both; -o-animation: left01 1s 1s both; animation: left01 1s 1s both;visibility:visible;}
.pro_animate04{-webkit-animation: left01 1s 1.5s both; -moz-animation: left01 1s 1.5s both; -ms-animation: left01 1s 1.5s both; -o-animation: left01 1s 1.5s both; animation: left01 1s 1.5s both;visibility:visible both;visibility:visible;}
.pro_animate05{-webkit-animation: left01 1s 2s both; -moz-animation: left01 1s 2s both; -ms-animation: left01 1s 2s both; -o-animation: left01 1s 2s both; animation: left01 1s 2s both;visibility:visible;}
.pro_animate06{-webkit-animation: left01 1s 2.5s both; -moz-animation: left01 1s 2.5s both; -ms-animation: left01 1s 2.5s both; -o-animation: left01 1s 2.5s both; animation: left01 1s 2.5s both;visibility:visible;}
.pro_animate07{-webkit-animation: left01 1s 3s both; -moz-animation: left01 1s 3s both; -ms-animation: left01 1s 3s both; -o-animation: left01 1s 3s both; animation: left01 1s 3s both;visibility:visible;}
.pro_animate08{-webkit-animation: left01 1s 3.5s both; -moz-animation: left01 1s 3.5s both; -ms-animation: left01 1s 3.5s both; -o-animation: left01 1s 3.5s both; animation: left01 1s 3.5s both;visibility:visible;}

@keyframes left01 {
    0% {opacity: 0;-webkit-transform: translateX(-25%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes left01 {
    0% {opacity: 0;-webkit-transform: translateX(-25%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}





















/*-----111111111111111-----*/
.slide01{
	-webkit-animation: slide01 1s both; -moz-animation: slide01 1s both; -ms-animation: slide01 1s both; -o-animation: slide01 1s both; animation: slide01 1s both;
    visibility: visible; 
}
@keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide01 {
    0% {opacity: 0;-webkit-transform: translateX(50%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}




/*-----222222222-----*/
.slide02{
   -webkit-animation: slide02 1s both; -moz-animation: slide02 1s both; -ms-animation: slide02 1s both; -o-animation: slide02 1s both; animation: slide02 1s both; visibility:visible;
}
@keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-20%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);} 
}
@-webkit-keyframes slide02 {
    0% {opacity: 0;-webkit-transform: translateX(-20%);} 
    100% {opacity: 1;-webkit-transform: translateX(0%);}
}






/*-----33333333333-----*/
.slide03{
   -webkit-animation: slide03 1s both; -moz-animation: slide03 1s both; -ms-animation: slide03 1s both; -o-animation: slide03 1s both; animation: slide03 1s both;
    visibility: visible; 
}
@keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide03 {
    0% {opacity: 0;-webkit-transform: translateY(50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



/*-----33333333333-----*/
.slide04{
   -webkit-animation: slide04 1s both; -moz-animation: slide04 1s both; -ms-animation: slide04 1s both; -o-animation: slide04 1s both; animation: slide04 1s both;
    visibility: visible; 
}
@keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);} 
}
@-webkit-keyframes slide04 {
    0% {opacity: 0;-webkit-transform: translateY(-50%);} 
    100% {opacity: 1;-webkit-transform: translateY(0%);}
}



.mbfor{display:none;}
.mbdh{ display:none;}
#mccp{ display:none;}


@media all and (max-width:768px){

	
.mbfor{display:block;}
.mbdh{ display:block;}
#mccp{ display:block;}	

.news{ display:none;}
	
#wu{display:none!important;}
.cen{ width:90%; padding-left:5%; padding-right:5%;}
.cen01{ width:90%; padding-left:5%; padding-right:5%;}
.wrapper{ width:96%; padding-left:2%; padding-right:2%;}
.nav{ width:100%; margin:auto;}
.banner{ height:280px!important;}
.index_focus {position: relative;width: 100%;height:280px!important;margin: 0 auto;overflow: hidden;}
.index_focus .pic {height:280px!important;}

.tlogo{ width:98%; text-align:center;}
.nav1{ width:95%; padding-top:20px; float:left;}
.nav2{ width:5%;}
	.nyban{ height:200px;}
	.nydh{ display:none;}
	.mbdh{ display:block;}
	.mbfor{display:block;}
	#mccp{ display:block;}
	#pccp{ display:none;}
	#xw{ display:none;}
	.bti{ display:none;}
	.whnr{ width:100%;}
	.nynr{ padding-top:40px; text-align:left; padding-bottom:10px;}
	.nyban{display:none;}
	.lxwmbt{ font-size:24px;}
	
	table { width:100%!important;max-width:100%!important;} 
	
table td{table-layout:fixed; word-break: break-all; overflow:hidden; } 
table td img{ width:100%!important;height:auto!important;}

.nynr img{ width:100%!important;height:auto!important;}
.whnr{ height:auto;}
.anquan{ width:100%; height: auto; background:url(../images/aqbj.jpg) top center no-repeat; padding-top:50px; padding-bottom:50px; position:relative;}

.bt01{ text-align:center; font-size:20px; line-height:20px; padding-bottom:20px; color:#fff; }

.bt02{ text-align:center; font-size:30px; line-height:35px; font-weight:bold; padding-bottom:20px; color:#fff; text-transform:uppercase;}
.bt03{ text-align:center; font-size:16px; line-height:32px; padding-bottom:20px; color:#fff; width:90%; padding-left:5%; padding-right:5%; text-align:center; margin:auto;}

.syspln01{ margin-top:80px;}
.qywl{ width:90%; padding-left:5%; padding-right:5%; margin:auto; height:auto; padding-top:70px; padding-bottom:50px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.qywlan{text-align:center; width:45%;}
.qywlan:hover{ margin-top:-20px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.qywlan01{line-height:42px; padding-top:20px; padding-bottom:20px; font-size:42px; color:#fff; font-weight:bold; border-bottom:2px solid #FFF;}
.qywlan02{line-height:22px; padding-top:20px; padding-bottom:20px; font-size:17px; color:#fff;}

.bwz{font-size:22px; font-weight:bold; color:#fff; padding-left:2%; padding-top:10%; text-shadow:rgba(0,0,0,0.8) 2px 3px 4px;}
.bwz01{font-size:14px; font-family:Arial, Helvetica, sans-serif; width:90%; text-transform:uppercase; padding-top:20px; padding-left:2%; line-height:22px; color:#fff; text-shadow:rgba(0,0,0,0.8) 2px 3px 4px;}

.index_focus .slide_nav a{ font-size:20px;}
.index_focus .slide_nav {bottom:2%;}

.footer_nav{ display:none;}
.footercen{  width:90%; padding-left:5%; padding-right:5%; margin:auto; height:auto;}
.index_news01{ width:90%!important; padding-left:5%; padding-right:5%; font-size:24px;}
.index_news02 {padding-left:5%; padding-right:5%;}
.index_lx{  width:100%!important; padding-left:0%; padding-right:0%;}
.index_lx02{float:none; width:80%; margin-bottom:30px;}
.index_lx02 dl{overflow:hidden; background:url(../images/lx02.jpg) repeat-x; padding-bottom:30px; border-radius:12px;  height:auto;}
.index_lx02 dl dt{ display:none;}
.index_lx02 dl dd{ float:none; width:95%; padding-left:5%; padding-top:12px;}

.index_case{ height:auto;  background:url(../images/dcp.jpg) no-repeat bottom center;background-size:cover;  padding-top:55px; padding-bottom:55px;}
.index_case01{ float: none; width:100%; height: auto; background:#fff; overflow: hidden; }
.index_case02{ height: 260px; padding-left:30px; color:#8A8A8A; padding-right:30px; line-height:22px; font-size:13px; background: #fff; text-align: center; }
.index_case02 span{ display: block; background:url(../images/case01.jpg) no-repeat bottom center; line-height: 37px; font-size: 26px; color: #333; padding:58px 0 10px;}
.index_case02 a{ display: block; color: #fff; background: #e0a92a; width: 82px; line-height: 24px; text-align: center; margin: 20px auto; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.index_case02 a:hover{ border-radius:10px;}

.index_case03 img{ width:100%;}
.footer{ background: #2b2c2d; line-height: 24px; font-size: 13px; padding-top:20px; padding-bottom:20px; color: #b7b7b7; text-align: center; }



}

@media all and (max-width:450px){
	.dbdhk1{width:100%;}
	.syxw{ width:100%;}
	
	
}