@import url("/static/css/bootstrap.min.css");
@import url("/static/css/swiper.min.css");
@import url("/static/css/common.css");
@import url("/static/css/top.css");
@import url("/static/css/footer.css");

@font-face {
  font-family: 'iconfont';  
  src: url('/static/font/iconfont.eot');
  src: url('/static/font/iconfont.eot') format('embedded-opentype'),
  url('/static/font/iconfont.woff2') format('woff2'),
  url('/static/font/iconfont.woff') format('woff'),
  url('/static/font/iconfont.ttf') format('truetype'),
  url('') format('svg');
}

.iconfont{font-family:"iconfont" !important;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:100%}
.page-banner{ width:100%; position:relative; height:376px; overflow:hidden; z-index:1;} 
.page-banner .image-con{ overflow:hidden; height:100%; width:100%; position:relative;transition: all 1.5s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1.5s cubic-bezier(0.215,.61,.215,1);transform:scale(1.1);-webkit-transform:scale(1.1);}
.page-banner .image-con .image{ height:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.page-banner .image-con .image em{ background-color:#000; position:absolute; left:0;top:0; right:0;bottom:0; opacity:0.5}
.page-banner .title{ position:absolute; left:0;top:55%;  color:#fff; text-align:left; width:100%;}
.page-banner .title strong{ font-weight:normal; display:block; margin-left:-0.5rem; line-height:1;
transition: all 0.8s cubic-bezier(0.215,.61,.215,1);
-webkit-transition: all 0.8s cubic-bezier(0.215,.61,.215,1);
transition-delay:0.5s; 
-webkit-transition-delay:0.5s;
opacity:0; font-size:38px;
text-shadow: 0px 0px 4px rgba(0,0,0,0.26); }
.page-banner .title p{ transition: all 2s cubic-bezier(0.215,.61,.215,1);
-webkit-transition: all 2s cubic-bezier(0.215,.61,.215,1);
transition-delay:1s; 
-webkit-transition-delay:1s;
opacity:0; font-size:20px; margin-top:8px; text-transform:uppercase;}
.page-banner .title::after {content:""; display:inline-block; width:27px; height:24px; margin-top:10px; transition: all 1.2s cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 1.2s cubic-bezier(0.215,.61,.215,1);transition-delay:1s; -webkit-transition-delay:1s;opacity:0; display:none;}

.page-banner.hover .image-con{transform:scale(1);-webkit-transform:scale(1);}
.page-banner.hover .title strong{opacity:1; margin-left:0;}
.page-banner.hover .title p{opacity:1;}
.page-banner.hover .title::after{opacity:1; margin-top:30px}

.crumb{ background-color:#f4f4f4; height:70px; line-height:70px; font-size:16px}
.crumb .crumb_box{  float:left}
.crumb .crumb_box p{background:url(/static/image/crumb.png) 0px 25px no-repeat; padding-left:24px;}
.crumb .crumb_box a{ margin:0 5px}
.crumb .crumb_box a:hover{ color:#014099}

.page-nav{ float:right }
.page-nav ul li{ position:relative; font-size:16px;display: inline-block }
.page-nav ul li:before {content:"";display:block;width:1px;height:100%; background-color:#ccc; position:absolute; left:0; top:0; z-index:2; display:none }
.page-nav ul li a{ display: inline-block; text-align:center; padding:0 25px; line-height:70px;}
.page-nav ul li a:hover{ color:#014099;text-decoration:none}
.page-nav ul li.current a{ color:#014099; background-color:#fff; }
.page-nav ul li.current::after {content:"";display:block;height: 2px;position:absolute; left:0.3rem; right:0.3rem; bottom:-1px; background-color:#007dbf; display:none}
.page-nav ul li.current::before{ display:none}
.page-nav ul li:first-child::before{ display:none}

.synopsis{ padding:3% 0}
.synopsis .row{ margin-top:0; margin-bottom:0 }
.page-top{ text-align:center}
.page-top strong{ display:block; font-size:36px; color:#014099; font-weight:normal}
.page-top em{ display:inline-block; width:180px; height:1px; background-color:#ddd; line-height:3px; margin-top:14px;}
.page-top em i{ display:inline-block; width:60px; height:4px; background-color:#014099; line-height:4px; position:relative;top:-5px;}
.content_text{ padding-top:2%}
.details{ line-height:36px;}
.details p,.details .text{ font-size:16px;color:#333; margin-bottom:12px}

.synopsis_pic{box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); border: 1px #ddd solid;padding:14px;}
.synopsis_pic img{display: block; width: 100%;}
.synopsis_num{ margin-top:2%; text-align:center}
.synopsis_num strong{ font-size:50px; display:block;color:#014099; font-weight:normal; line-height:56px; position:relative}
.synopsis_num .col-xs-4{ border-right:1px solid #e4e4e4}
.synopsis_num strong i{ font-size:24px; position:absolute; top:0px; line-height:20px}
.synopsis_num .col-xs-4:last-child{ border:0}


.top_news{ border-bottom:1px solid #e4e4e4;    padding-bottom: 3%;}
.top_news .img img{ display:block; width:100%}
.top_news_text{ padding-bottom:30px}
.top_news_text h3{ font-size:24px; line-height:32px; margin-top:6px ;transition: all 1s ease;}
.top_news_text h3 a{ text-decoration:none}
.top_news_text span{ font-size:18px;color:#014099; display:block; padding:10px 0}
.top_news_text p{ line-height:28px; font-size:16px;}

a.more-btn{width:200px; height:50px; background-color:#1342ac;  display: block; line-height:50px; text-align: center; position: relative; z-index: 1;transition: all 1s ease;}
a.more-btn:before{ content:""; width:100%; height:100%; background-color:#fff; z-index: -1; position:absolute; left:0; bottom:0px; 
transform-origin:100%; 
-webkit-transform-origin:100%; 
-webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); 
transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); 
transition:transform .42s cubic-bezier(.4,0,.2,1);
transform:scaleX(0); 
-webkit-transform:scaleX(0);  
visibility:hidden\9; 
}
a.more-btn:hover{box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.15); text-decoration:none}
a.more-btn:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.top_news_text a.more-btn,.manpower .more-btn{ margin:2% 0 0; background-color:#fff; color:#999;box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.2); font-family:Arial, Helvetica, sans-serif; font-size:16px;}
.top_news_text a.more-btn:hover,.manpower .more-btn:hover{ color:#fff}
.top_news_text a.more-btn::before,.manpower .more-btn::before{ background-color:#014099}
.top_news:hover .top_news_text h3{-moz-transform: translateX(5px); -webkit-transform: translateX(5px)); -o-transform: translateX(5px)); -ms-transform: translateX(5px)); transform: translateX(10px);color:#014099;}
.top_news:hover .top_news_text a.more-btn{-moz-transform: translateX(5px); -webkit-transform: translateX(5px); -o-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px);}

.item_link{padding: 30px 0;border-bottom: 1px solid #F5F5F5;}
.item_link .item_left{ text-align:center}
.item_link .item_left p:first-child{font-size: 30px;color: #666;}
.item_link .item_left p:last-child{ font-size: 18px;color: #939393; width: 72%; padding: 10px 0; margin-top: 10px;display: flex; justify-content: flex-end;position: relative;}
.item_link .item_left p:last-child:after{
    display: block;
    content: '';
    width: 50%;
    height: 1px;
    background: #CCCCCC;
    position: absolute;
    top: 0;
    right: 0;
}
.item_link .item_title{ font-size:20px; font-weight:bold}
.item_link .item_content{color:#666; font-size:16px; line-height:28px; margin-top:10px}
.item_link .item_arr{opacity: 0; transition: all 0.3s linear;position: absolute;right: 6%;bottom: 3%;}
.item_link .item_arr img{ width: 100%;height: auto;}
.item_link:hover .item_arr{right: 3%;opacity: 1;}


#pages{ text-align:center; padding-top:25px; height:90px;}
#pages a{ display:inline-block; padding:9px 15px; background-color:#fff; color:#888; margin:0 2px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; border:1px #ddd solid; border-radius:3px}
#pages a:hover{ background-color:#014099; border-color:#014099; color:#fff}
#pages a.active{ background-color:#014099;border-color:#014099; color:#fff}
#pages span{display:inline-block; padding:9px 15px; color:#888; position:relative;top:-2px}


.content{ padding:0 20px; margin-bottom:20px}
.detail_title{ text-align:center}
.detail_title h3{ font-size:24px; color:#333;  line-height:34px; padding:10px 0}
.detail_title p {padding: 12px 0px;text-align: center; border-top: 1px dotted #e2e2e2;border-bottom: 1px dotted #e2e2e2;color: #888; margin:20px 0}
.detail_title p span{ display:inline-block; margin:0 10px}

.content .pics{ background:#fff;  margin-top:30px; position:relative; overflow:hidden}
.content .pics .list img{ max-width:880px; max-height:405px;}
.content .pics .list li{ display:none; text-align:center; }
.content .pics .prev{ width:40%; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; display:block; position:absolute;top:0; left:0; z-index:100; height:100%;}
.content .pics .next{ width:40%; display:block; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;  position:absolute;top:0; right:0; z-index:100; height:100%;}
.content .pics .prev-btn{ display:block;z-index:50; width:70px; height:70px; background:url(/static/image/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:0; display:none}
.content .pics .next-btn{display:block; z-index:50; width:70px; height:70px; background:url(/static/image/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:0; display:none}
.content .pics p{ font-size:14px; color:#fff; background:#000;border-radius:5px; padding:8px 10px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; position:absolute;top:20px; right:20px; z-index:8}
.content .pics p span{ font-weight:bold; font-size:15px}
.content .pics p b{ font-weight:normal}
.substance{ margin-top:28px}
.substance p{ line-height:30px}
.picbox p{ text-align:center; margin-top:2%}
.picbox p img{width:100%}
.other{border-top: 1px solid #e4e4e4;padding:2% 0; margin-top:2%;  }
.showpagebtn{  }
.showpagebtn p { padding:5px 0;width:90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.showpagebtn p a{ color:#333;}
.showpagebtn p a:hover{color:#014099}
.cont_share{ margin-top:10px}
.share span{ float:left; line-height:22px;}
.share a{ padding-left:20px; height: 20px; margin-left:6px; display: inline-block; background: url(/static/image/share.png); float: left;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
.share a.i1{ background-position: 0px 0px;}
.share a.i2{ background-position: -50px 0px;}
.share a.i3{ background-position: -95px 0px;}
.share a.i1:hover{ background-position: 0px -20px;}
.share a.i2:hover{ background-position: -50px -20px;}
.share a.i3:hover{ background-position: -95px -20px;}

.jsmodern-share{position:fixed;top:50%;left:50%;width:300px;height:335px;z-index:999999;background:#fff;border:#ccc solid 1px;border-radius:10px;  box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.3);
overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.jsmodern-share p{display:block;height:20px;text-align:center;font-size:18px;margin:15px 0 20px 0}
.jsmodern-share div{width:260px;height:260px;margin:0 auto}
.jsmodern-share b{position:absolute;width:20px;height:20px;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA/UlEQVQ4T8WU7ZEBQRCGHxFciQARIBJEcGRABFYEZIAIEAkyIAMhqFdtV7WpabuOqptfM9Pdz0x/NvjyalTwesAg0TkAp8guAg6BJdAODC/ADNin8hxwA/zWjIR0J143Bb4DM84T1APl5s69dga6wU9T2cjc90DFpVUCbkATGAPrBCoX9Svp/JQy2Xa0N6CyeQwMPdRguYf6yr4BC2Cecc8DJNbPcjDJFkBRBZSiQbWPYP8H/LPLX0+KYvBJ2VytTV8Vth6IelnDQV7Zyha2lUXdPjbYtsz+4/zpcHiCRUDdq69XrhXTmlfMpnXHlzdWnAT3SzPw7QEbDJnq6ztc3EQVa6MIgAAAAABJRU5ErkJggg==);right:4px;top:4px;cursor:pointer;color:#ccc;opacity:.1;transition:.1s}
.jsmodern-share b:hover{opacity:.5}

.back{ float:right; display:block}
.back img{ margin-right:10px}



.list_pic .top_news{ padding:2.5% 0}
.list_pic .top_news_text{ padding-bottom:0}
.list_pic .top_news:hover{ background:#f5f5f5;}



.itembox{ border:1px solid #eee; padding:15px;transition: all 1s ease;border-radius:4px; margin-bottom:25px}
.itembox a{ overflow:hidden; display:block}
.itembox img{width: 100%;display: block;transition: transform 2s ease;-webkit-transition: transform 2s ease;}
.itembox p{ text-align:center; font-size:16px; line-height:26px; padding:10px 0}
.itembox:hover{-moz-transform: translateY(10px); -webkit-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);box-shadow:0px 0px 10px #dedede;}
.itembox:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}


.contact{ }
.contact .icons{ width:30%; float:left;}
.contact .icons .contact_list{ padding-bottom:3%; margin-bottom:3%; border-bottom:1px #eee solid; padding-left:90px; position:relative; font-size:16px;}
.contact .icons .contact_list em{ position:absolute; left:0;top:0px;}
.contact .icons .contact_list i{ font-size:50px; color:#aaa;}
.contact .icons .contact_list p{ margin-top:5px; color:#888; font-size:14px}
.contact .icons .contact_list:last-child{ border-bottom:0}
.contact .map{ width:70%; float:left; padding-left:3%;}
.contact #Bmap {border: 1px #ddd solid;}


.talent{ border:1px solid #eee; padding:20px; display: table-cell;vertical-align:middle;transition: all 1s ease;}
.talent:hover{-moz-transform: translateY(10px); -webkit-transform: translateY(10px); -o-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);box-shadow:0px 0px 10px #dedede;}

.talent span{ display:block}
.talent span img{ width:100%}
.talent em{ display:block; margin-top:20px}
.talent em i{ font-size:38px;color:#0068b7}
.talent h2{ font-size:30px; margin-top:20px}
.talent p{ font-size:16px; color:#666; margin-top:10px}

.man_recruit .col-lg-4{ margin-top:30px}
.man_recruit .man_recruit_list{ padding:30px 20px; border:1px solid #eee; background-color:#fff}
.man_recruit .man_recruit_list:hover{ background-color:#eeeeee}
.man_recruit .man_recruit_list em{width:40px;height:2px; background-color:#0068b7; display:block}
.man_recruit .man_recruit_list h3{ font-size:20px; font-weight:bold; margin-top:20px}
.man_recruit .man_recruit_list p{ line-height:30px; font-size:16px;color:#666; margin-top:16px}
.man_recruit .man_recruit_list .more3{margin-top:10px; display:block}
.more3 i{ font-size:30px; color:#c4c4c4}
.man_recruit .man_recruit_list:hover .more3 i{ color:#0068b7}
.manpower .more-btn{ margin:3% auto}


.job-list{ }
.job-list table{ width:100%; font-size:15px;}
.job-list th{ padding:12px 10px; background:#f2f2f2; text-align:left;color:#444}
.job-list td{ padding:12px 10px; color:#888; border-bottom:1px #dfdfdf dotted}
.job-list td a{ color:#5a94de}
.job-list td a:hover{ text-decoration:underline}
.job-list a.btn{ display:block; width:60px; height:24px; background:#47547e; color:#fff;  text-align:center; border-bottom:3px #3e496d solid; line-height:24px; font-size:12px; padding:0}
.job-list a.btn:hover{ background-color:#3e496d; text-decoration:none}

.manpower .itembox{ border-radius:10px}