@charset "utf-8";
/* CSS Document */
@import url("bootstrap.min.css");
@import url("swiper.min.css");
@import url("common.css");
@import url("top.css");
@import url("footer.css");

em{ font-style:normal}

.page-banner{ width:100%; position:relative; height:346px; 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:10%;top:35%;  color:#fff; text-align:left; width:100%;}
.page-banner .title strong{ 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:60px;
text-shadow: 0px 2px 1px rgba(38,88,158,1); }
.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; width:54px;height:4px; background-color:#dedede; margin-top:20px;/* text-transform:uppercase;*/}
.page-banner .title::after {content:""; display:inline-block; width:27px; height:24px; /*background:url(../images/down.png) no-repeat; background-size:cover; */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{ height:60px;line-height:60px; font-size:16px;width:100%; border-bottom:1px solid #ebebeb}
.crumb .crumb_box{  float:left}
.crumb .crumb_box p{background:url(../images/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{height:50px;}
.page-nav ul{display:block; display:flex;-moz-display:flex; -ms-display:flex;justify-content: center; -moz-justify-content: center; -ms-justify-content: center; position:absolute; z-index:4; width:98%;}
.page-nav li{ display:inline-block; flex:1; text-align:center; font-size:18px; position:relative}
.page-nav li::after{ content:""; position:absolute; top:14px; right:0; width:1px; height:30px; background-color:#dedede;}
.page-nav li a{ display:block}
.page-nav li:last-child::after{ display:none}
.page-nav li.current,.page-nav li:hover{ background-color:#174198; }
.page-nav li.current a,.page-nav li a:hover{color:#fff}
.page-nav li.h{ background-color:#174198;}
.page-nav li.h a{color:#fff}
.page-nav li dl{ position:absolute; z-index:8; background-color:#174198; opacity:0.6; width:100%; display:none}
.page-nav li dl{ padding:10px 0}
.page-nav li dl dd a{color:#fff; font-size:15px; text-align:center; display:block; line-height:32px;}
.page-nav li dl dd a:hover{ text-decoration:underline}

.title2{ text-align:center; margin-top:2%; border-bottom:1px solid #ececec; padding-bottom:2.5%}
.title2 h2{font-size:42px; font-weight:bold;color:#333}
.title2 h2 em{color:#174198; margin-left:10px; font-style:normal}

/*新闻列表-通用*/
.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: 14px;color: #999;display:block;padding:10px 0;}
.top_news_text p{ line-height:28px; font-size:16px;}

a.more-btn{width:180px; height:50px; background-color:#fff;  display: block; line-height:50px; text-align: center; position: relative; z-index: 1;transition: all 1s ease; margin-top:20px;/*box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.15);*/ border-radius:25px;border:1px solid #ddd;}
a.more-btn i{ font-size:16px; margin-left:6px}
a.more-btn::before{ content:""; width:100%; height:100%; background-color:#316bb3;  z-index: -1; position:absolute; left:0; bottom:0px; 
transform-origin:100%; 
-webkit-transform-origin:100%; 
-webkit-transition:-webkit-transform .42s ease; 
transition:-webkit-transform .42s ease; 
transition:transform .42s ease ;
transform:scaleX(0); 
-webkit-transform:scaleX(0);  
visibility:hidden\9; 
 border-radius:25px;
 
}
a.more-btn:hover{ text-decoration:none;color:#fff;border:1px solid #316bb3}
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:hover .top_news_text h3{-moz-transform: translateX(10px); -webkit-transform: translateX(10px)); -o-transform: translateX(10px)); -ms-transform: translateX(10px)); 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);}

.news_list{ margin-top:20px; padding:0 2%}
.news_list li{ height:40px; line-height:40px; font-size:16px; width:100%;color:#373737;}
.news_list li em{ float:left;  background:url(../images/small.png) no-repeat left center; transition: all 0.3s ease 0s;width:90%}
.news_list li em:hover{  background:url(../images/small.png) no-repeat 10px center;}
.news_list li em a{ margin-left:2%;display: inline-block;float: left;}
.news_list li span{ float:right; font-size:14px; margin-right:5px; width:auto}

.news_list li.addBorder{border-bottom:1px  solid #ececec;padding-bottom:4%;margin-bottom: 1%;}

/*分页*/
#pages{ text-align:center; padding-top:30px; 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:20px 0}
.detail_title{ text-align:center}
.detail_title h3{ font-size:36px; color:#333;  line-height:42px; padding:10px 0}
.detail_title h4{ font-size:24px; font-weight:bold; padding:15px 0; color:#333}
.detail_title p {padding: 12px 0px;text-align: center; border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;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(../images/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(../images/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:34px;}
.substance p img{max-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(../images/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}


/*企业简介*/
.synopsis{ padding:2% 0 3%}
.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:18px;color:#373737; margin-bottom:12px}
.details p img{ max-width:100%}
.synopsis_pic{float:right ; margin-left:30px;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);}



/*图片列表2-业务板块*/
.list_pic .top_news{ padding:2.5% 0}
.list_pic .top_news_text{ padding-bottom:0}
.list_pic .top_news:hover{ background:#f5f5f5;}


/*图片列表-荣誉奖励*/
.list_honor .col-lg-4{ padding-left:20px; padding-right:20px}
.itembox{ transition: all 1s ease;border-radius:4px; margin-top: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);}
.graceful .itembox img{ border:1px solid #eee}

/*管理团队*/
.leadership ul{ display:block;width:100%;}
.leadership li{width:20%; margin:2% 2.5%; float:left}
.leadership li .leadership_com{ padding:20px;background-color:#f7f7f7;border: 1px solid #ccc;border-radius: 20px;}
.leadership li .leadership_com:hover{ background-color:#DEDEDE}
.leadership .leadership_com .leadership_img{ text-align:center}
.leadership .leadership_com .leadership_img img{width: 100%; max-width: 190px;max-height: 360px;}
.leadership .leadership_info{ text-align:center}
.leadership .leadership_info h3{ font-size:24px; font-weight:normal; margin-top:16px;color:#373737;}
.leadership .leadership_info p{text-indent:0;margin-top:5px;padding-top: 0;line-height:26px;height:52px; overflow:hidden; font-size:16px;}

/*图片新闻*/
.trends ul li { border-bottom:1px solid #ececec; padding:30px}
.trends ul li:hover{ background-color:#f7f7f7}
.trends ul li .trends_img{ width:22%;}
.trends ul li .trends_img img{ width:100%}
.trends ul li .trends_text{ width:72%; margin-left:32px}
.trends ul li .trends_text h4{ line-height:36px; font-size:24px; margin-top:5px}
.trends ul li .trends_text p{ line-height:14px;color:#9a9a9a; line-height:25px; height:50px; overflow:hidden; margin-top:10px}
.trends ul li .trends_text span{ font-size:12px;color:#404040; margin-top:24px; display:block}
.trends ul li .more{width:96px;height:32px;border-radius:16px; text-align:center; line-height:32px;border:1px solid #ddd; margin-top:10px; color:#515356}
.trends ul li .more:hover{ background-color:#174198; border:1px  solid #174198;color:#fff}

/*新闻列表2—公司文化*/
.culture ul li { border-bottom:1px solid #ececec; padding:30px}
.culture ul li h4{ line-height:36px; font-size:24px; margin-top:20px}
.culture ul li p{ line-height:14px;color:#9a9a9a; line-height:25px; height:50px; overflow:hidden; margin-top:10px; /*text-indent:2em*/}
.culture ul li span{ font-size:12px;color:#404040;  display:block}




/*联系我们*/
.contact{ margin:30px 10px}
.contact .map{ width:50%; float:left;}
.contact #Bmap {border: 1px #ddd solid;}
.contact_text{ border-left:1px solid #eee; padding-left:2%; margin-left:2%; float:left; width:48%;color:#404040 ; min-height:260px}
.contact_text dt{ font-size:30px; line-height:38px; padding-bottom:20px; margin-top:10px; font-weight:500; border-bottom:1px solid #eee}
.contact_text dd{ line-height:30px; margin-top:14px; font-size:20px}



/*组织机构*/
.zzjg{ text-align:center}
.zzjg img{ max-width:100%}

/*友情链接*/
.friendly_link{ text-align:center; padding:0 2%}
.friendly_link a{ float:left; border:1px solid #eee; padding:8px 18px; margin-top:20px; font-size:16px; background-color:#f5f5f5; margin-right:20px}