@charset "utf-8";
@font-face {font-family: 'HELVETICANEUELTPRO-THEX';src: url('fonts/HELVETICANEUELTPRO-THEX.OTF');font-weight: normal;font-style: normal;}
article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }html {font-size:100%;}
body {font-size: 14px;font-family: 'HELVETICANEUELTPRO-THEX',"Microsoft YaHei", "微软雅黑", Arial, sans-serif;line-height: 24px;color: #444;background:#fff;}html,body{height:100%; width:100%; }h2,h3{ font-style:normal; font-weight:normal;}* {margin:0;padding:0}a { font-size: 14px;color:#333; text-decoration:none;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }a:hover { color:#156fd8; }a:active, a:focus, a:hover ,input:focus,textarea:focus,select:active { outline:0 }.trans { transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }.transfast { transition: all 0.1s ease;-moz-transition: all 0.2s ease;-webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; }img{ border-style:none;}li{list-style:none}img{border:0;margin:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.left{ float:left;}.right{ float:right;}.pc { display: block; }.phone { display: none; }.text-left { text-align: left; }.text-center { text-align: center; }.text-right{ text-align:right; }.red{ color:#000000; }.red1{ color:#56af75; }.blue { color: #1f1f1f; }.block{ display:block; }.inline-block{ display:inline-block; }.white {color:#fff; }.gray { color:#888; }.clear,.clearfix { clear: both; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.wrap { position: relative; max-width: 1600px;width:96%;margin:0 auto;}.container {max-width: 1600px; width: 96%; margin:0 auto; }.container-fluid { width:100%;display:block;}
.fadeInRight { animation:fadeInRight 1.3s 0.0s both }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeInLeft { animation:fadeInLeft 1.3s 0.0s both }
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeIn { animation:fadeIn 0.4s 0.0s both}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
@keyframes fadeOut{0%{opacity:0.5;}100%{opacity:0;}}
.fadeInUp { animation:fadeInUp 1.2s 0.1s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}
@keyframes fadeInDown {0%{opacity:0;transform:translate3d(0, -30px, 0)}100%{opacity:1;transform:none}}
@keyframes myfirst1 {0%   {}100% {transform:translateY(2px);}}
.zoomIn { animation:zoomIn 1s 1.1s both; }
@-webkit-keyframes zoomIn{0%{transform:scale(0);opacity: 0;}100%{transform:scale(1);opacity:1;}}
/*¶¥²¿µ¼º½¿ªÊ¼*/
.top { width:100%;height:81px;position: fixed;left:0;top:0;width: 100%;height: 100px;z-index: 99;    background-color: #000000;     background: rgb(246 245 243 0%)}
.top .wrap { height: 100%; }
.topbg.on { left: 0;top:0;width: 100%;height: 80px;position: fixed;z-index: 98;background-color: rgba(204, 206, 204, 0.9882352941176471)}
.top .logo{z-index:100;left:0;top:0;width:280px;}
.top .tel { right: 11.5%;top:34px;width: 185px;height: 20px;z-index: 200;color: #ffffff;font-size: 18px; }
.top .ser{z-index:100;right:8.5%;top:32px;width:8%;height:70px;color:#fff;text-align: right; }
.top .ser img { margin-right: 15%; }
.top .ser .sea_con,.top .lan .sea_con{width: 100%;height:30px;display: none;text-align: center;padding:6px 0; }
.top .lan .sea_con{padding:2px 0; }
.top .ser:hover .sea_con,.top .lan:hover .sea_con{ display: block;text-align: left; }
.top .search1 { float: left;width:78%; }
.top .search2 { float: left;width: 20%;margin-left: 2%; }
.top .search1 input { width:100%;padding-left:15%;height:28px;line-height:28px;border:0;border:0;border-radius: 20px; }
.top .search2 input { width:100%;height:26px; background:#dee2e0 url(../images/search.png) no-repeat center; border:0;cursor:pointer;border-radius: 20px; }
.top .lan{z-index:100;right:0;top:34px;width:122px;height:30px;color:#fff;font-weight: bold; }
.top .lan a{z-index:100;right:0;top:34px;width:122px;height:30px;color: #fff;font-weight: bold;}
.top .lan a:hover { color: #170707;; }
.top .t_c_cen{right:-10%;max-width:950px;width:60%;top:10px;height:80%;z-index:200; }
.top .t_c_bottom{width:100%;height:100%; }
.top .t_c_bottom .thisMenu{position:absolute;left:0;top:40px;width:12.5%;height:46px;background:url(../images/menus.gif) no-repeat center 20px ;z-index:30;}
.top .t_c_bottom ul{width:100%;}
.top .t_c_bottom ul li{position:relative;float:left;width:12.5%;text-align:center;z-index:35}
.top .t_c_bottom ul li a{display:block;width:100%;font-size:14px;height:70px;line-height:70px;color:#fff;font-weight: 500;}
.top .t_c_bottom ul li a.active { color: #fff; }
.top .t_c_bottom ul li:hover a {color:#dcd7d7;}
/*===============×Ӳ˵¥¶¨Î»=================*/
.top .t_c_bottom ul li .Nodes{position:absolute;overflow:hidden;width:140px;height:0px;left:0;top:70px;z-index:100;background:rgba(0, 3, 8, 0.8) ; }
.top .t_c_bottom ul li .Nodes ul{position:static;float:left;width:99%;left:0px;top:0px;z-index:100;}
.top .t_c_bottom ul li .Nodes ul li{width:100%;height:36px;float:none;padding:0;margin:0;text-align:left;border-top:#fdfdfd 1px solid; }
.top .t_c_bottom ul li .Nodes ul li a{display:block;width:65%;padding-right:13%;padding-left:22%;height:36px;color:#fff;font-size:11px;line-height:32px;background:rgba(0, 3, 8, 0.8)  url(../images/space.png) no-repeat 108px 15px;overflow: hidden;/*×¢ÒⲻҪдÔÚ×îºóÁË*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.top .t_c_bottom ul li .Nodes ul li:hover a { padding-right:15%;padding-left:15%;color:#eee;background:rgba(0, 3, 8, 0.8) url(../images/arr3.png) no-repeat 115px 15px;}
@media screen and (max-width:1250px){
	.top .tel { display: none; }
	.top .t_c_cen { right: 8%;width: 65%; }
}
.menubg {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #fff;z-index: 999;opacity: 1;filter:alpha(opacity=100); }
.menu-icon { margin-top: 18px; }
.visible-phone {display: none;}

.home-banner { width:100%;}
.home-banner .swiper-container { width: 100%;}
.home-banner .swiper-slide img { width: 100%; }
.home-banner .swiper-container .swiper-pagination-bullet{opacity:1;width:30px;height:20px;font-size:20px;color:#ddd;background:none;}
.home-banner .swiper-container .swiper-pagination-bullet-active{font-size:26px;color:#af7f0f; }

.home { overflow: hidden; }
.home .titcn { font-size: 36px;font-weight: bold;margin:0 0 1%;     color: #fff;}
.home .titen { font-size: 18px;color:#aaa;margin:0 0 1%; }
.home1 .titcn { font-size: 36px;font-weight: bold;margin:0 0 1%;  color: #1f1f1f;}
.home6 .titcn { font-size: 36px;font-weight: bold;margin:0 0 1%;  color: #1f1f1f;}
.home1 { padding:5% 0; }
.home1 .des { margin-bottom:2%; }
.home1 .des.container { max-width: 1000px; font-size: 18px;color: #000;}
.mr_frbox { height: 368px; }
.mr_frBtnL{ width:3%;top:42%;left:0;z-index: 19;cursor: pointer; }
.mr_frUl{width:98.8%;left:0.3%;z-index:9;height:100%;overflow:hidden;}
.mr_frBtnR{width:3%;top:42%;text-align:right;right: 0;z-index: 19;cursor: pointer; }
.mr_frUl li{float:left;width:25%;overflow:hidden; }
.mr_frUl li a { margin:0 4%;border:#f1f1f1 1px solid; }
.mr_frUl li:hover a { border:#1a1c1d  1px solid; }
.mr_frUl li .pic{ overflow:hidden; }
.mr_frUl li .pic img{ transform: scale(1.1, 1.1);}
.mr_frUl li:hover .pic img {transform: scale(1.0, 1.0);}
.mr_frUl li .bg { left:0;bottom:0;width: 100%;height: 12%;z-index:2;    background: rgba(163, 149, 84, 0.78);opacity: 0;filter:alpha(opacity=0); }
.mr_frUl li .tit1 {   left:6%;right:6%;bottom:2.5%;color:#fff;z-index: 9;background: rgba(31, 31, 31, 0.69);filter:alpha(opacity=0);overflow: hidden;/*×¢ÒⲻҪдÔÚ×îºóÁË*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; height: 28px;line-height:28px;}
.mr_frUl li .tit2 { right:6%;bottom:2.5%;color:#fff;z-index: 9;font-weight: bold;font-size: 15px;opacity: 0;filter:alpha(opacity=0); }
.mr_frUl li:hover .bg,.mr_frUl li:hover .tit1,.mr_frUl li:hover .tit2 { opacity: 1;filter:alpha(opacity=100); }
.mr_frUl li:hover .tit1,.mr_frUl li:hover .tit2 { bottom:3.5%; }

.home2 { background:url(../images/home2bg.jpg) no-repeat center;background-size: auto 100%;overflow: hidden; }
.home2 .titcn { left: 0;top:8%;width: 100%;z-index: 9;color: #111; }
.home2 .titen { left: 0;top:12%;width: 100%;z-index: 9; }
.home2 .pic { width: 50%;left:10%;bottom:8%;z-index: 9; }
.home2 .num { padding-left:80px;z-index: 9;min-height: 60px;background-size: 60px;background-repeat: no-repeat;background-position: left top; }
.home2 .home2_1 { width:62%;left: 35%;top:17%; }
.home2 .home2_2 { width:37%;left: 58%;top:32%; }
.home2 .home2_3 { width:25%;left: 71%;top:46%; }
.home2 .home2_4 { width:25%;left: 71%;top:63%; }
.home2 .home2_5 { width:37%;left: 58%;top:80%; }
.home2 .tit1 { word-spacing: 15px;font-size: 24px;padding:10px 0 2px; }
.home2 .tit2 { color: #666; }

.home3 { padding:4% 0;background:url(../images/home3.jpg) no-repeat right bottom;background-size: 56%; }
.home3 .tit1 { padding:0 0 1%;     font-size: 28px;text-shadow: 1px 1px #b9b2b2;letter-spacing: 4px;line-height: 30px;}
.home3 .tit2 { font-size: 32px;padding:0 0 1%; line-height: 30px;}
.home3 .tit3 { padding:0 0 3%; }
.home3 .text { max-width: 726px;padding:0 0 4%; }
.home3 .text p { padding:0 0 2%; }

.home4 { padding:4% 0 3%;background: #1b1b1b url(../images/home4.jpg) no-repeat center;background-size: auto 100%; overflow: hidden; }
.home4 .titen { color:#e9eaef; }
.home4 .content { padding:1% 0 0; }
.home4 .content li { width:33.33%;margin:2% 0;float: left;animation:fadeInUp 1.2s 0.1s both }
.home4 .content li .ico { -webkit-transition:.3s ease-in;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in;transition:.3s ease-in; }
.home4 .content li:hover .ico{-webkit-transform:rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);z-index:1;}
.home4 .content li .tit { font-size: 18px;font-weight: bold;padding:15px 0 8px; color: #fff;}
.home4 .content li .text { color:#ebebef;max-width: 380px;width:90%;margin:0 auto;line-height: 19px; }

.home5 li { width: 33.333333%;float: left; }
.home5.cases li { width: 32%;margin:0 2% 2% 0; }
.home5.cases li:nth-child(3n) { margin-right: 0; }
.home5 li .pic{ overflow:hidden; }
.home5 li .pic img{ transform: scale(1, 1);}
.home5 li:hover .pic img {transform: scale(1.1, 1.1);}
.home5 li .bg { left: 8%;top:10%;width: 84%;height: 80%;z-index: 6;background: rgba(0, 6, 14, 0.53); opacity: 0; filter:alpha(opacity=0); }
.home5 li:hover .bg { left:10%;top:15%;height:70%;width:80%;opacity: .8;filter:alpha(opacity=80); }
.home5 li .ico { left:50%;top:38%;width:4px;height: 4px;margin-left:-2px;z-index:7;background:url(../images/search1.png) no-repeat center;background-size: 100%;opacity: 0;filter:alpha(opacity=0); }
.home5 li:hover .ico { width:35px;top:35%;height:35px;margin-left:-17px;opacity:1;filter:alpha(opacity=100);}
.home5 li .tit { left:10%;top:58%;width:80%;z-index:8;opacity: 0;filter:alpha(opacity=0);text-align: center; font-size: 20px;font-weight: bold;color: #fff; }
.home5 li:hover .tit { top:52%;opacity: 1;filter:alpha(opacity=100);}

.home6 { padding:3% 0; }
.home6 .left { width: 47%; }
.home6 .left .pic{ overflow:hidden; }
.home6 .left .pic img{ transform: scale(1, 1);}
.home6 .left:hover .pic img {transform: scale(1.1, 1.1);}
.home6 .left .bg { left: 0;bottom:0;width: 100%;height: 48%;z-index: 6;background: rgba(23, 19, 1, 0.75);opacity: initial;filter:alpha(opacity=40); }
.home6 .left:hover .bg { opacity: .7;filter:alpha(opacity=70); }
.home6 .left .content { left: 10%;bottom:8%;width: 80%;z-index: 9;color:#fff; }
.home6 .left .date { word-spacing: 8px; }
.home6 .left span { font-size: 30px;font-weight:bold; }
.home6 .left .title { padding:12px 0;font-size: 18px; }
.home6 .left .des { line-height: 20px; }
.home6 .right { width: 47%; }
.home6 .right li { margin:3% 0 4%;width: 100%;float: left; }
.home6 .right li .date { width:12%;float: left;color: #999; }
.home6 .right li .date p { font-size: 44px;height:44px;font-weight: bold;letter-spacing: 2px;padding-bottom: 3px;background:url(../images/home6.gif) no-repeat left bottom;margin:0 0 5px; }
.home6 .right li .content { width:80%;float: right;border-left: #ccc 1px solid;padding-left: 5%; }
.home6 .right li:hover .content { padding-right: 2%; }
.home6 .right .tit { font-size: 18px;color:#111;padding:0 0 8px; }
.home6 .right .des { color:#888; }
.home6 .right li:hover .date,.home6 .right li:hover .tit,.home6 .right li:hover .des { color:#b6a869; }
.home6 .more { padding:4% 0 0; }
.home6 .more a { display: inline-block;height: 44px;line-height:44px;width: 150px;border-radius: 40px;border:#0c0e0b 1px solid;font-size: 15px;color:#0c0e0b; }
.home6 .more a:hover { color: #fff;background: #b6a869; }

.home7 { padding:4% 0;background-image:url('../images/home7.jpg'); background-repeat: no-repeat;background-size: 100% auto;background-position: bottom center; background-attachment: fixed;  }
.home7 .title { font-size: 36px;     color: #fff;}
.home7 .tit { font-size: 18px;padding:1.5% 0 2%;color: #fff; }
.home7 .more a { display: inline-block;height: 44px;line-height:44px;width: 180px;border-radius: 40px;background: #0c0e0b;border:#ffffff 1px solid;font-size: 15px;color:#fff; }
.home7 .more a:hover { color: #111;background: #fff; }

.footer { padding:2% 0;background: #ffffff url(../images/foot.jpg) no-repeat;background-size: auto 100%;overflow: hidden; }
.footer a { color:#eee; }
.footer a:hover { color:#fff; }
.footer .left { width:18%; }
.footer .middle { width:60%;float: left;padding-top:1%; }
.foot1 a { color: #fff;display: inline-block;margin:0 2% 0 0;font-size: 15px; }
.foot2 { padding:4% 0 1%;color:#fff;word-spacing: 3px; }
.foot3 { color:#fff;word-spacing: 3px; }
.footer .right { min-width:138px;width: 20%;text-align: right; }

.banner { width:100%;border-top:#1f1f1f 100px solid; }
.daohang { height: 60px;line-height: 60px;border-bottom: #ddd 1px solid; }
.daohang a { display: inline-block;padding:0 3%;border-right: #ddd 1px solid;font-size: 18px;}
.daohang a:nth-child(1) { border-left: #ddd 1px solid; }
.daohang a:hover { background: #1f1f1f;color:#fff; }
.main { padding:4% 0;min-height:450px; }
.main .container { max-width: 1460px; }
.main .titen { text-transform:capitalize;font-size: 66px;font-weight:bold;color:#eee; }
.main .titcn { font-weight: bold;font-size: 26px;margin-top: -11px; }
.main .about .text { padding:4% 0 0;line-height: 32px; }
.main .about .text p { padding: 12px 0; }
.main .culture { padding:4% 5%;background:url('../images/home7.jpg') no-repeat bottom center;margin:3% 0;  }
.main .culture li { width:19%;margin:0 3%;float: left; }
.main .cert { padding:3% 0 0; }
.main .cert li { width: 25%;margin:2% 0;float: left; }
.main .cert li .pic { padding:0 10%;overflow: hidden; }
.main .cert li .pic img{ transform: scale(1, 1);}
.main .cert li:hover .pic img {transform: scale(1.1, 1.1);}

.products { padding:0; }
.products .left { width:19%; }
.products .left .tit {     /* border: #1f1f1f 4px solid;*/}
.products .left .tit span { background:#1f1f1f;display:block;margin:2px;text-align:center;height:46px;line-height:46px;color:#fff;font-size:18px; }
.products .left li { min-width:200px;width:100%;float:left; }
.products .left li.zk1 { margin:0 0 4%;}
.products .left li.zk1 .m1 { background:#f8f8f8;color:#1f1f1f;font-weight:bold;display:block;margin:4px;height:45px;line-height:45px;padding:0 10%;font-size: 16px;}
.products .left li.zk1:hover .m1 { background:rgba(0, 3, 8, 0.72);color:#fff; }
.products .left li li { width:96%;margin:0 2%; }
.products .left li li a { display:block;padding:0 0 0 15%;width:85%;height:45px;line-height:45px;border-bottom:#ccc 1px solid; }
.products .left li li:hover a { color:#044bbf;background:#f6f6f6; }
.products .left .lx { padding:5% 8%; }
.products .des { margin-bottom:2%; }
.products .des.container { max-width: 1000px; }
.products .right { width:77%; }
.products .right .tit { border-bottom: #ccc 1px solid;margin:0 0 2%;padding:0 0 1.2%;overflow: hidden; }
.products .right .tit1 { color:#1f1f1f;font-size: 22px;width:35%;float: left; }
.products .right .tit2 { width:62%;float: right; }
.products .right li{float:left;width:32.3%;margin:0 1% 2.8% 0; }
.products .right li:nth-child(3n) { margin-right: 0; }
.products .right li a { display:block;border:rgba(84, 73, 73, 0.78) 1px solid; padding: 35px;}
.products .right li:hover a { border:#bfb8b8 1px solid; }
.products .right li .pic{ overflow:hidden; }
.products .right li .pic img{ transform: scale(1.1, 1.1);}
.products .right li:hover .pic img {transform: scale(1.0, 1.0);}
.products .right li .bg { left:0;bottom:0;width: 100%;height: 100%;z-index:2;background: rgba(1, 14, 27, 0.24);opacity: 0;filter:alpha(opacity=0); }
.products .right li .tit1 { /*left:6%;*/width:94%;color:#333;z-index: 9;font-size: 16px;padding-top: 10px;filter:alpha(opacity=0);overflow: hidden;/*×¢ÒⲻҪдÔÚ×îºóÁË*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.products .right li .tit2 { right:6%;bottom:2.5%;color:#fff;z-index: 9;font-weight: bold;font-size: 15px;opacity: 0;filter:alpha(opacity=0); }
.products .right li:hover .bg,.products li:hover .tit1,.products li:hover .tit2 { opacity: 1;filter:alpha(opacity=100); }
.products .right li:hover .tit1,.products li:hover .tit2 { /*bottom:3.5%;*/ }
.proview  .right { line-height:28px;padding:3% 0;}
.proview  .right p { margin:12px 0; }
.proview .des .tu { width: 50%;border:#ccc 1px solid;float: left; }
.proview .des .wenzi { width:45%;float: right; }
.proview .biaoti { padding:8px 0 12px;margin:0 0 15px;border-bottom: #ddd 1px solid;font-size: 24px;font-weight: bold; }
.proview .dianhua { padding:6% 0 3%;margin:0 0 3%;border-bottom:#ccc 1px solid; }
.proview .dianhua a { font-size: 22px; }
.proview .more a { display:block;width:150px;text-align: center;background-color: #56af75e;height: 40px;line-height: 40px;color: #0a0000;border-radius: 10px;font-size: 17px;     border: #d56e2a 1px solid;}
.proview .more a:hover { background-color: rgba(183, 137, 17, 0.70); }

.advantage.container { max-width: 1200px;padding:3% 0; }
.advantage p { padding:12px 0; }

/*产品列表内页底部*/
.pages{clear:both;text-align:center;white-space:nowrap;}

.pagination{ clear:both; text-align:center;display:inline-block;}
.pagination li{
	

	display:inline-block;
	border: 1px solid #130505;
	padding-left:8px;
	padding-right:8px;
	margin: 0px; overflow:hidden; margin-left:5px;hite-space: nowrap;
}

/*.pagination li+li{
	border-left-style: none;
}*/
.pagination li:first-child+li{border: 1px solid #dddddd;/*border-radius:3px 0 0 3px;*/}
.pagination li:last-child,.pagination li:first-child{border: 1px solid #dddddd;/*border-radius:3px;*/}
/*.pagination li:nth-last-child(2){border-radius:0 3px 3px 0;}*/
.pagination li.disabled{}
.pagination li.active{ background-color:#0f6890; color:#FFFFFF}

.pagination li a{ color:#333333}






/*招聘*/
.join{padding:20px 5.68% 70px 5.68%; overflow: hidden;}
.c_16{ padding:0 0 40px 0;}
.c_16 li{margin-top:20px;}
 .l_recruit_t{ display:block;  background:#f7f7f7; cursor:pointer;border-left: 3px solid #d0194e;position: relative; padding:30px 2% 30px 2.8%;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
	}
 .l_recruit_t span{display: block;float: left; width:80%;}
 .l_recruit_t span h2{display: block;font-size: 24px; color: #d0194e;
	 overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
 .l_recruit_t span h5{display: block;font-size: 14px;color: #333333; margin-top:15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
 .l_recruit_t font{display: block;float: right;margin: 8px 0 0 0;font-size: 14px;color: #808080;padding-right: 52px;position: relative;}
 .l_recruit_t font::after{content: "";display: block;position: absolute;right: 0;top: 2px;background: url(../images/img_recruit_1.png) no-repeat center/100% 100%;width: 28px;height: 15px;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
 .l_recruit_t i{display: block;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 3.41%;opacity:0; filter:alpha(opacity=00);z-index: 9;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;}
 .l_recruit_t i::before{content: "";display: block;float: left;width: 93%;height: 1px;background: #e6e6e6; }
 .l_recruit_t.on font::after{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
	}
 .l_recruit_t.on i{opacity:1; filter:alpha(opacity=100);}
  .l_recruit_d{display: none; background:#f7f7f7; border-left: 3px solid #d0194e; position:relative;line-height:34px; font-size:14px; color:#4c4c4c; padding:0 2% 35px 2.8%;}
 .l_recruit_d .h4{display: block; padding:40px 0 18px 0; font-size: 16px; color: #666;font-weight: bold;}
.l_recruit_d .h4:first-child{padding-top:25px;}
 .l_recruit_d .span{display: block;font-size: 16px;color: #666;font-weight: bold;  margin-top:45px;}
 .l_recruit_d .span a{color: #d0194e; font-size:16px;}
 .l_recruit_d .span a:hover{text-decoration: underline;}
 .l_recruit_d .span .button{ display:block;float: right;background:#d0194e; width:155px; height:40px;line-height: 40px;font-size: 18px;color: #fff; text-align:center; cursor:pointer;  font-weight: normal; border: 0;
    -webkit-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
    -webkit-appearance:none;
    outline: 0;
	 margin-top:-5px;
	 border-radius: 100px;
     padding-top:0;
}
.l_recruit_d span .button:hover{opacity:0.8;}
@media screen and (max-width:1199px){
	.l_recruit_t span{width:75%;}
	.join{padding:20px 0 70px 0;}
}
@media screen and (max-width:991px){
	.l_recruit_t{padding:20px 2%;}
	.l_recruit_t span h2{font-size:20px;}
	.l_recruit_d h4{padding:10px 0;}
	.l_recruit_t span{width:70%;}
}
@media screen and (max-width:767px){
	.join{padding:10px 0 30px 0;}
	.c_16{padding:0 0 20px 0;}
	.l_recruit_t{padding:10px 2%;}
	.l_recruit_t span h2{font-size:16px;}
	.l_recruit_t span h5{font-size:12px; margin-top:5px;}
	.l_recruit_t font{font-size:12px; padding-right:25px;}
	.l_recruit_t font::after{width:15px; height: 8px;}
	.l_recruit_d h4{padding:10px 0; font-size:14px;}
	.l_recruit_d h4:first-child{padding-top:10px;}
	.l_recruit_d{line-height:20px; font-size:12px; }
	.l_recruit_d .span{margin-top:10px;}
	.l_recruit_d .span .button{width:100px; font-size:12px; height: 30px; line-height: 30px; margin-top:5px;}
	.l_recruit_t .span{width:50%;}
}
.job1 { padding:4% 0 0; }
.job1 .left { width:30%; }
.job1 .left img { width: 100%; }
.job1 .right { width: 60%;line-height: 30px; }
.job1 .right p { padding:0 0 4%; }
.job1 .right b { font-size: 18px;padding:0 0 25px; }

/*news*/
.news { padding:5% 0 1%; }
.news li { width:23%;margin:0 2% 2% 0;float:left; }
.news li:hover { box-shadow:#ccc 0 4px 22px;}
.news li a { display:block;padding:5%;border:#eee 1px solid;}
.news li .pic { width:100%;height:157px;background-repeat:no-repeat;background-position:center;background-size: 100% auto; }
.news li:hover .pic { background-size: 108% auto; }
.news li .date { padding:12px 0 5px;}
.news li .tit { font-size:18px;height:52px;line-height:26px;margin-bottom:5px;color:#666; }
.news li:hover .tit { color: #156fd8; }
.news li .des { font-size:12px;height:70px; overflow:hidden;color:#aaa; }
.news li .more { color:#666;margin-top:18px;font-size:15px; }
.news li:hover .more { color:#156fd8; }

.newsview .title { font-size:24px;text-align:center;padding:0 0 22px;margin-top:-12px;}
.newsview .date { color:#888;padding:10px 0;font-size:13px;border-bottom:#ccc 1px solid;border-top:#ccc 1px solid;margin:0 0 10px;}
.newsview .date .left { padding:4px 0 0;width:80%; }
.newsview .date .right { width:20%;text-align: right; }
.newsview .content { line-height:28px;padding:3% 0;}
.newsview .content p { margin:12px 0; }
.newsview .content img { /* width:100%; */margin:5px 0;}
.newsview .xg { border-top:#ccc 1px solid;padding:15px 0 0; }
.newsview .xg .left { width: 48%;overflow: hidden;/*×¢ÒⲻҪдÔÚ×îºóÁË*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }
.newsview .xg .right { width: 48%;text-align: right;overflow: hidden;/*×¢ÒⲻҪдÔÚ×îºóÁË*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }

/*contact*/
.contact{  margin:5% 0 0; }
.contact .content.container { max-width: 1200px; }
.contact .content li { width:23%;margin:0 1%;float: left;animation:fadeInUp 1.2s 0.1s both }
.contact .content li div { padding:3px 0;     font-size: 18px;}
.contact .content li .pic { -webkit-transition:.3s ease-in;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in;transition:.3s ease-in; }
.contact .content li:hover .pic{-webkit-transform:rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);z-index:1;}
 #bdmap .iw_poi_content{ background:url(../images/logo_phone.png) no-repeat left; }
.contactMap{  width: 98%; box-shadow:0 0 17px rgba(0,0,0,0.09) ; border:6px solid #fff; margin-top:60px;}
#bdmap{width:100%; height:540px; background: no-repeat}
#bdmap img{ max-width:none;}

#bdmap .iw_poi_title{ color: #20c38c; font-size: 16px; font-weight: normal; line-height: 30px !important;}
#bdmap .iw_poi_content{ padding-left: 187px;  height:87px; white-space: nowrap; font-size: 18px; color: #333333; line-height: 30px; width: 100%; }
#bdmap .iw_poi_content p{position:absolute; top:50%;line-height: 30px; transform:translate(0,-50%); left:187px;  }
#bdmap .BMap_pop{ float:right; background-color:#fff; background-repeat:no-repeat; border:none !important; width:520px !important; border:0 !important; height:120px; margin:30px 0 0 280px;}

#bdmap .BMap_shadow, .BMap_shadow img, .BMap_shadow div{display:none;}
#bdmap .BMap_pop div:nth-child(8){display:none;}
#bdmap .BMap_pop div:nth-child(3){display:none;}
#bdmap .BMap_pop div:nth-child(5){display:none;}
#bdmap .BMap_pop div:nth-child(7){display:none;}
#bdmap .BMap_pop div{border:none !important; }
#bdmap .BMap_pop img:nth-child(10){left: auto !important; right:10px !important;}
#bdmap .BMap_center{width:100% !important;}
#bdmap .BMap_pop div:nth-child(9){width:100% !important;}
#bdmap .BMap_top,#bdmap .BMap_bottom{left:0 !important;}
#bdmap .BMap_bottom{display:none;}

@media  screen and (max-width:1199px){
	.contact{padding:40px 0 85px 0;}
}
@media  screen and (max-width:991px){
	#bdmap{ height:400px; }
	#bdmap .BMap_pop{  margin:0px 0 0 0px; width:288px !important; height:85px; }
	#bdmap .iw_poi_content{font-size:12px; width:242px !important;padding-left:110px; height:60px; line-height:20px; background-size:100px !important; }
	#bdmap .iw_poi_content p{left:110px; line-height:20px; }

	.contact_d_r,
	.contact_d_l{height:220px;}
	.contact{padding:40px 0 50px 0;}
}
@media  screen and (max-width:767px){
	#bdmap{ height:200px; }
	.newsview .content img {width:100%;margin:5px 0;}
	.contact_d{margin-top:15px;}
	.contact_d_r{width:94%; padding:10px 3%; height: auto;}
	.contact_d_r h4{font-size:18px; padding:10px 0;}
	.contact_d_r_list div{font-size:13px;}
	.contact_d_r_list{padding:4px 0;}
	.contact_d_l{width:100%; margin-top:15px; height:auto; padding-bottom:15px;}
	.contact_d_l h5{font-size:12px; line-height: 20px; margin-top:10px;}
	.contact{padding:30px 0;}
	
}


#fenye {float:left;color:#888;margin:20px 0 0 10%; height:25px;font-weight:bold; }
#fenye a {padding:7px 12px;color:#888; border:#cacaca 1px solid;margin:0 3px;border-radius:4px;background:url(../images/fanyebg.gif);background-size:100% 100%; }
#fenye a:hover {text-decoration:none; background:#1f9acc;color:#fff;}
#fenye .a1 { padding:7px 10px;border:#1f9acc 1px solid; margin:0 3px;border-radius:4px;background:#3cb8eb;color:#fff;}