﻿
/*公共*/
*{ padding:0; margin:0; font:12px/24px "Microsoft Yahei"}
.container-layout{ padding:0}
a:hover{text-decoration:none; color:#00a2e9}
.clear{clear:both}
.fl{ float:left}
.fr{ float:right}
.marb10{ margin-bottom:10px}
.marb20{ margin-bottom:20px}
.marb30{ margin-bottom:30px}
.gray_bj{ background:#f2f2f2 url(../images/body_b.jpg)  center ; padding:30px 0}
.pos_title { margin:40px auto; text-align:center}
.pos_title span{ display:block} 
.pos_title span.cn{ font-size:36px; color:#000}
.pos_title span.en{ font-size:20px; color:#8c8782; margin-top:20px; text-transform:uppercase}

a,input,button{ outline:none; }   
::-moz-focus-inner{border:0px;}  

/*首页关于我们*/
.container{ }
.about_title{ font-size:50px; color:#00a2e9; margin:30px 0; text-transform:uppercase;}
.about_title span{ font-size:18px; color:#aaaaaa}
.about_tit_small{ margin:20px 0; font-size:24px}
.about_txt{ margin-right:7%; clear:both; margin-top:40px; font-size:14px;line-height:30px}
.blue_line{ width:8%; height:3px; background-color:#00a2e9; float:left}
.about_btn{border:2px solid #dcdcdc;border-radius:25px;-moz-border-radius:25px; /* Old Firefox */ width:120px; text-align:center; float:left; color:#00a2e9; font-size:14px; margin-top:30px; padding:5px 0}
.about_btn a{color:#00a2e9;}
.i_about_c{ margin:30px 0}
.i_about_i{ margin:40px 0 20px 0}
@media screen and (max-width: 640px) {
.about_title{ font-size:32px}
.about_txt{ margin-right:0px}
}

/*首页荣誉资质*/
.index_honer_bj{background:url(../images/i_honer_bj.jpg) no-repeat center; background-size:cover; height:800px;}
.index_honer_tit{ text-align:center; padding:40px 0 0 0}
.white_line2{ width:5%; height:3px; background-color:#fff; margin:auto}

/*首页图标*/
.index_icons{ margin-bottom:30px; height:auto; overflow:hidden}
.index_icons dl{float:left;width:20%;height:100px;margin-top:40px;}
.index_icons dl a{float:left; width:100%; border:#dcdcdc solid 1px;height:100px;border-top:#dcdcdc solid 1px;border-bottom:#dcdcdc solid 1px;display:block}
.index_icons dl a:hover{ background-color:#00a2e9; cursor:pointer;color:#FFF}
.index_icons dl:nth-child(2){margin-left:-1px}
.index_icons dl:nth-child(3){margin-left:-1px}
.index_icons dl:nth-child(4){margin-left:-1px}
.index_icons dl:nth-child(5){margin-left:-1px}
.index_icons dl dt{ margin-left:15%; margin-top:10%}
.index_icons dl dt,.index_icons dl dd{ float:left}
.index_icons dl dd{ width:55%; margin-left:5%; overflow: hidden}
.index_icons dl .dd1{margin-top:10%; font-size:18px}
.index_icons dl  a .dd2{ text-transform:uppercase; font-size:12px}
.index_icons .img2{ display:none}
@media screen and (max-width: 640px) {
	.index_icons dl{ width:50%; margin-top:20px}
	.index_icons dl:nth-child(3){margin-left:0px}
	.index_icons dl:nth-child(5){ display:none}
	.index_icons dl dt{ margin-left:10%; margin-top:10%}
	.index_icons dl .dd1{margin-top:10%; font-size:16px}
}

@media screen and (min-width:750px) and (max-width:800px){
    .index_icons dl{ width:33%; margin-top:20px}
	.index_icons dl:nth-child(3){margin-left:-1px}
	.index_icons dl:nth-child(4){margin-left:0px}
	.index_icons dl dt{ margin-left:10%; margin-top:10%}
	.index_icons dl .dd1{margin-top:10%; font-size:16px}
}


/*视频*/
.video_img{/*background:url(../images/video_img.jpg) no-repeat center; background-size:cover; height:670px; */ text-align:center;vertical-align:middle; position:relative}
.video_txt{top: 50%;margin-top:-100px;/* margin-top值为自身高度的一半 */position: absolute; left:50%; margin-left:-208px}
@media screen and (max-width: 640px) {
.video_txt img{ width:35%; margin-top:70px}
}

/*首页新闻*/
.news_bj{ background-color:#f5f5f5; padding:40px 0}
.white_bj{ background-color:#fff}
.ml30{ margin-left:30px}
.left_news{ background:url(../images/news_bj.jpg) no-repeat center;background-size:cover; height:462px; color:#FFF; margin-right:30px}
.news_con{ margin:20px 30px}
.news_con h1{ font-size:20px; margin-bottom:10px}
.news_con span{ color:#00a2e9}
.news_con p{ font-size:14px; margin-bottom:10px}
.news_btn a{ width:100px; height:30px; line-height:30px; text-align:center; background-color:#00a2e9;float:left;border-radius:25px; display:block; color:#FFF; text-decoration:none; font-size:12px}
.news_btn a:hover{ background-color:#1e64bc; color:#FFF}
.news_tit,.white_line,.news_des,.news_more{ margin-left:15px}
.news_tit{ font-size:24px; padding-top:80px}
.news_tit span{ font-size:12px}
.white_line{ width:50px; background-color:#FFFFFF; height:2px; margin:20px 15px}
.news_des{ margin:0 15px 20px 15px}
.wap_news{ display:none}
@media screen and (max-width: 640px) {
.about_title{ font-size:32px}
.about_txt{ margin-right:0px}
.news_tit{ padding-top:30px}
.left_news{ margin-right:0px;background-size: 100% 100%; margin-bottom:30px; height:220px}
.news_con { margin:20px 10px}
.news_con .news_btn{ margin-bottom:20px; height:auto; overflow:hidden}
.pc_news{}
.wap_news{}
.swiper-pagination1, .swiper-pagination2{}
.news_con p{ height:80px; overflow:hidden}
.news_con h1{ height:60px}
.news_bj { padding:60px 0}

}

@media screen and (min-width:750px) and (max-width:1100px){
  .left_news{ margin-right:0px;background-size: 100% 100%; margin-bottom:30px}
}



/*图片*/

.list_imgs{ margin-top:50px}
.list_imgs_c{margin-right:20px; text-align:center;}
.img_c{background-color:#FFF; padding:5px; text-align:center}
.list_imgs_c p{ font-size:16px; line-height:80px}

.list_case{margin-top:30px}
.list_case .list_imgs_c{ background-color:#FFF; margin-bottom:30px;border-bottom:#fff solid 5px; text-align:left}
.list_case .list_imgs_c:hover{ border-bottom:#00a2e9 solid 5px}
.list_case .list_imgs_c p{ height:45px; line-height:45px; overflow:hidden; text-indent:1em}
.list_imgs_c p span{ color:#aaa; float:right; padding-right:10px; font-size:12px}
@media screen and (max-width: 640px) {
.list_imgs_c{ margin-right:0}
}


/*下载*/
.list_down li { background: #FFFFFF url(../images/down1.png) no-repeat 96% center; height:84px; line-height:84px;margin-bottom:10px; width:100% }
.list_down li:hover { background:#00a2e9  url(../images/donw2.png) no-repeat 96% center; height:84px; line-height:84px;margin-bottom:10px; width:100% }

.list_down li a{ height:84px; line-height:84px; display:block; text-indent:4em; font-size:20px;color:#333; background:url(../images/c_b.png) no-repeat  35px center}
.list_down li a:hover{ color:#FFF;background:url(../images/c_w.png) no-repeat  35px center}

/*文化*/
.list_cuture dl{ background-color:#FFF; height:auto; overflow:hidden; margin-bottom:40px; margin-left:40px}
.list_cuture dt,.list_cuture  dd{ float:left;}
.list_cuture dt{ width:50%; overflow:hidden}
.list_cuture dd{ width:40%; margin:0 4%}
.list_cuture dd.dd1{ margin-top:8%; font-size:16px; margin-bottom:20px}
.cuture_img{ background:url(../images/wh_bj.jpg) no-repeat center;background-size:cover; height:600px; color:#FFF;}
.cuture_img h1{ padding-top:100px; text-align:center; font-size:24px; margin-bottom:80px}
.cuture_img dl.dl1{ text-align:right; font-size:14px; line-height:40px; font-weight:normal}
.cuture_img dl.dl2{ margin-left:40px;font-size:14px; line-height:40px; }
@media screen and (max-width: 800px) {
.list_cuture dl{ margin-left:0}
.list_cuture dd.dd1{ margin-top:5%; font-size:16px; margin-bottom:5px; font-weight:bold}
.cuture_img h1{ padding-top:40px; text-align:center; font-size:24px; margin-bottom:20px}
.cuture_img dl.dl1{ text-align: left; font-size:14px; line-height:30px; margin-left:10px}
.cuture_img dl.dl2{ text-align: left; font-size:14px; line-height:39px; margin-left:10px}
}


/*业务*/
.business{ position:relative; margin-bottom:10px; color:#FFF}
.business a{color:#FFF}
.business_tit{ position:absolute; left:0; top:0; height:100%; background-color:#00a1e8; width:35%;opacity:.9;filter:alpha(opacity=90); padding-top:20%}
.business_inner{ padding:0 20%}
.business_inner dl dt,.business_inner dl dd{ float:left}
.business_inner dl dd.dd1{ margin-left:20px; font-size:20px; font-weight:bold; width:60%}
.business_inner dl dd.dd2{ font-size:14px; text-transform:uppercase;margin-left:20px;}
.business_inner p{ margin-top:15%; text-align:center}
.b_more a{border:1px solid #fff;border-radius:25px;-moz-border-radius:25px; /* Old Firefox */ width:120px; text-align:center;color:#fff; font-size:14px; margin:30px auto; padding:5px 0; display:block}

@media screen and (max-width:900px) {
.business_tit{background-color:#00a1e8; width:100%;opacity:.9;filter:alpha(opacity=90); padding-top:5%; position:static;}
.business_inner{ padding:0 10%}
.business_inner p{ margin-top:5%; text-align:center}
}

@media screen and (min-width:900px) and (max-width:1024px){
 .business_tit{ position:absolute; left:0; top:0; height:100%; background-color:#00a1e8; width:35%;opacity:.9;filter:alpha(opacity=90); padding-top:15%}
 .business_inner{ padding:0 10%}
}


/*公司介绍*/
.about_1{ padding:50px 0; height:auto; overflow:hidden}
.about_1 .a_h1{ font-size:36px; text-align:center;color:#00a2e9;}
.about_1 .a_p{ text-align:center; text-transform:uppercase; font-size:24px; margin:30px auto}
.blue_btn a{ width:200px; height:50px; line-height:50px; text-align:center; color:#FFFFFF; margin:auto; display:block; background-color:#2eb2ed; margin-top:50px; margin-bottom:30px;font-size:16px}
.blue_btn a:hover{ background-color:#00a2e9}
.about_h{ background:url(../images/honer_bj.jpg) no-repeat center;background-size:cover; height:610px; }
.about_h .pos_title { color:#FFFFFF; padding-top:80px; margin:0 auto}
.about_h .pos_title span.cn,.about_h .pos_title span.en{ color:#FFFFFF}
.about_h_imgs{ margin-top:70px}
.slick_img a img{ padding:0 20px}
.about_wh{ border-bottom:#ddd solid 1px; padding-bottom:0px}
.about_wh_txt .pos_title{ text-align:left; margin:30px 0 20px 0}
.about_wh_txt .pos_title  span.en{ color:#5393b0;}
.about_wh_txt p{ padding-right:50px; font-size:14px; line-height:30px} 
.about_wh_txt .blue_btn a{ float:left; margin-top:30px}
.post  .a_h1{ font-size:36px; text-align:center;color:#00a2e9; margin:40px auto}
@media screen and (max-width: 640px) {
.about_1 .a_h1{ font-size:24px; text-align:center;color:#00a2e9; line-height:30px}
.about_wh_txt p{  padding-right:0}
.about_wh_i{ margin-top:30px;}
.about_1{ padding:20px 0; height:auto; overflow:hidden}
.post  .a_h1{ font-size:24px; text-align:center;color:#00a2e9; margin:40px auto; line-height:30px}
}

/*新闻*/
.inner_newsbj{ background-color:#F6F6F6;}
.list_news{ margin-top:30px}
.list_news .white_bj:hover{-moz-box-shadow: 0px 0px 10px #69c3eb; /* 老的 Firefox */
box-shadow: 0px 0px 10px #69c3eb; cursor:pointer}
.list_news .news_con h1{ margin-top:40px; font-weight:bold}
.list_news .news_con p{ margin-top:10px}
.list_news .news_btn{margin:50px 0 0px 0}
.list_news .news_con{ margin:0px 80px}
.article_txt{ padding:30px; height:auto; overflow:hidden}
.post-title{ text-align:center; margin:20px auto; font-size:24px}
.entry{ margin-bottom:20px}
.postmeta{ text-align:center; color:#ccc}
@media screen and (max-width: 700px) {
.post-prev-next{ }
.post-prev-next a{ display:block; clear:both; float:left}
.article_txt{ padding:0px;padding-bottom:10px}
.list_news .news_con{ margin:10px; padding-bottom:20px}
.list_news .news_con h1{ margin-top:20px}
.list_news .news_btn{margin:20px 0 0px 0}
}

@media screen and (min-width:750px) and (max-width:800px){
.list_news .news_con{ margin:10px; padding-bottom:20px}
.list_news .news_con h1{ margin-top:20px}
.list_news .news_btn{margin:10px 0 0px 0}
}

@media screen and (min-width:850px) and (max-width:1024px){
.list_news .news_con{ margin:20px; padding-bottom:20px}
.list_news .news_con h1{ margin-top:30px}
.list_news .news_btn{margin:10px 0 0px 0}
}


/*人力资源*/
.rencai_structure{ padding:50px 0; background:url(../images/rencai_structure_bj.jpg) no-repeat center;background-size:cover; height:900px;  }
.swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.swiper-slide {
  background-size: cover;
  background-position: center;
}
.gallery-top {
  height: 80%;
  width: 100%;
}
.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 1;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
.thumbs{ position:relative; width:100%; text-align:center; color:#FFF; height: auto; display:block}
.thumbs h1,.thumbs p{ display:none}
.thumbs_cover{position:absolute;left:0; top:0;width:100%; height:100%;background:rgba(0,0,0,.5); display:none}
.gallery-thumbs .swiper-slide-active .thumbs h1,.gallery-thumbs .swiper-slide-active .thumbs p,.gallery-thumbs .swiper-slide-active .thumbs .thumbs_cover{ display:block }
.thumbs h1{ position:absolute;left:0; top:38%; width:100%; margin:auto; font-size:20px }
.thumbs p{ position:absolute; left:0; top:48%;width:60%; margin:auto 20%; text-align:center; font-size:12px}
@media screen and (min-width:750px) and (max-width:1024px){
    .thumbs p{display:none} 
    .gallery-thumbs .swiper-slide-active .thumbs p{ display:none}
	.rencai_structure{ height:580px}
}	
@media screen and (max-width: 640px) {
    .thumbs p{display:none} 
    .gallery-thumbs .swiper-slide-active .thumbs p{ display:none}
	.rencai_structure{ height:380px};
	.swiper-pagination{ width:10%}
	
}


/*css3 效果*/
.Amplification { overflow:hidden}
.Amplification img{transition:400ms; filter: Alpha(Opacity=100);opacity: 1;}
.Amplification:hover img{filter: Alpha(Opacity=80); opacity: 1; -webkit-transform:scale(1.14); transform:scale(1.14);}

/*内页菜单*/
.n_menus{ height:70px; line-height:70px; font-size:16px; text-align:center}
.current_page_item{ background-color:#00a2e9}
.current_page_item a{ display:block; float:left; height:100%; color:#FFF;text-align:center; width:100%}

.foot_c{ padding:30px 10px; border-top:#ddd solid 1px}
.foot_copy{ width:90%; margin:auto; padding:20px 0;border-top:#ddd solid 1px; color:#aaa}
.foot_menu{ border-right:#eeeeee solid 1px;line-height:26px; text-align:center; height:170px}
.foot_menus div dl:nth-child(3){ border-right:none}
.foot_menu dt{ font-size:16px; margin-bottom:15px}
.foot_menu dd{}
.foot_c_tit{font-size:16px; margin-bottom:15px; font-weight:bold}
.socials li{ float: left; background-color:#adadad; margin-right:10px}
.socials li:hover{ background-color:#00a0e8}
@media screen and (max-width: 640px) {
.foot_menu{ margin-bottom:20px; border:none; }
.foot_weixin{ padding-left:10px}
}


.pages {
    width: 100%;
    margin: 50px auto;
    text-align: center;
}
.pages a,.pages span {
    display: inline-block;
    padding: 2px 15px;
    text-align: center;
    margin: 2px 5px;
	background-color:#00a0e8;
	color:#FFFFFF;
	border-radius:5px;-moz-border-radius:5px; 
}
.pages span,.pages a:hover {
    background-color:#fff;
    color:#00a0e8;
}

