@charset "utf-8";

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

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

/*-----首页 banner-----*/
.index_focus {position: relative;width: 100%;height:700px;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:700px;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:#1454bd; }
.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:#35753f; color: #fff; border:#fff solid 1px; margin:auto;}

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





.syxwk{ width:1260px; margin:auto; height:auto; padding-top:35px; padding-bottom:55px;}
.xwt{ width:559px; height:368px; float:left; position:relative;}
.xwtsj{ width:559px; height:100px; position:absolute; z-index:99; bottom:0px; background:url(../images/xwbj.png) repeat-y;}
.xwtsj01{ width:117px; height:90px; padding-top:10px; float:left; text-align:center; color:#FFF; }
.xwtsj01 span{ font-size:44px; color:#fff;}




.xwtsj02{ width:312px; height:100px; float:left; line-height:100px; color:#FFF; font-size:18px; padding-left:30px;}


.xwkuai{ width:640px; height:auto; float:right;}

.xwzx{ height:105px; width:100%; margin-bottom:25px; border-bottom:1px dotted #c6c1bd;}
.xwzxwz{ width:520px; float:left;}
.xwzxwzbt{ font-weight:bold; font-size:16px; padding-bottom:10px; margin-top:3px; padding-right:20px;}
.xwzxwzbt a{ color:#585858;}
.xwzxwzbt a:hover{ color:#FF3600;}

.xwzxwznr{ line-height:24px; color:#989898; font-size:13px; padding-bottom:5px; text-align:justify;}

.xwzximg{ width:85px; height:80px; padding-top:5px; float:left; background:#f5f5f5; margin-right:30px; text-align:center; }
.xwzximg span{ font-size:40px; color:#333;}




.contact01{ width: 1260px; margin:auto;display: flex; flex-wrap: wrap; justify-content: space-between; padding-top:60px; padding-bottom:60px;}
.contact01 dl{ width: 370px; height: 450px; background: #fff; color: #7d7d7d; line-height: 25px; font-size: 14px;}
.contact02s{}
.contact02{ font-size: 18px; color: #212121; font-weight:bold; margin:15px auto 0px; line-height: 49px; width: 370px;}
.contact02 a{ color:#212121;}
.contact02 a:hover{ color:#ff0000;}

.contact02wz{ font-size: 14px; color: #7D7D7C; line-height: 26px; margin:0px auto 5px; width: 370px; text-align:justify; }
.contact02an{ font-size: 14px; color: #35BD4D; margin:0px auto 0px; width: 370px; padding-top:20px; }
.contact02an a{ color: #212121; }
.contact02an a:hover{ color:#9DCE66;}

.syxw{height:38px; line-height:38px; font-size:32px; width:30%; margin-top:70px; font-weight:bold; color:#333;}
.syxwdh{width:70%; margin-top:70px;}

a.dha { font-family:"微软雅黑"; font-size: 16px; line-height:42px; color: #fff; background:#1454BD; display:block; width:148px; height:42px; text-align:center; float:right; margin-left:10px;}
a.dh1 { font-family:"微软雅黑"; font-size: 16px; line-height:42px; color: #000; background:#EBEBEB; display:block; width:148px; height:42px; text-align:center; float:right; margin-left:10px;}
a.dh1:visited {font-style: normal; color: #000; text-decoration: none;}
a.dh1:hover { color:#ffffff; text-decoration: none; background:#1454BD; }
a.dh1:active { color: #ffffff; background:#CC0810;}











/*-----首页 联系我们-----*/
.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:230px; 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;}









.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);}






















@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%);}
}