/*
project:海商
author:cyh
date:2018.11.29
*/
*{outline:0}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0; word-break:break-all;}
body,button,input,select,textarea{font:14px/1.8 "Microsoft Yahei","微软雅黑","宋体";color:#666}
ol,ul{list-style:none}
a{text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;cursor:pointer}
fieldset,iframe,img{border:0}
.slick-dots button{font-size:100%;border-radius:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;border:none;background:0 0;outline:0}
table{border-collapse:collapse;border-spacing:0}
th{text-align:inherit}
button,input[type=button],input[type=submit]{cursor:pointer}
button::-moz-focus-inner,button::-moz-focus-outer,input::-moz-focus-inner,input::-moz-focus-outer{border:0 none;padding:0;margin:0}
input[type=search]{-webkit-appearance:textfield}
input:focus::-webkit-input-placeholder{color:transparent}
input::-ms-clear{display:none}
textarea{resize:vertical;overflow-y:auto}
a:link,a:visited{text-decoration:none}
a:active,a:hover{text-decoration:none}
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.btop{ background-color:#0053a3; padding:0; min-height:32px;}
.btop span,.btop p{ font-size:14px; line-height:32px; color:#fff;}
.headright{ float:right; border-left:1px solid #eee; width:142px; height:100px;}
.rightnav{ margin-top:37px;}
.rightnav .dropdown-menu li a{ display:block; padding:0 10px !important; line-height:36px; font-size:14px; color:#333;}
/*--banner--*/
.banner { overflow:hidden; position:relative; margin-top:133px;}
.banner #arrow{ position:absolute; width:22px; left:50%; margin-left:-11px; bottom:10%; z-index:99;}
#arrow img{ margin:0 auto; display:block; cursor:pointer;animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; 
-webkit-animation:b_jump 1.5s ease-in-out 0.1s alternate infinite; }
@keyframes b_jump{
	from{ transform:translateY(0); -webkit-transform:translateY(0);}
	to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
	}
@-webkit-keyframes b_jump{
	from{ transform:translateY(0); -webkit-transform:translateY(0); }
	to{ transform:translateY(-10px); -webkit-transform:translateY(-10px); }
	}


.banner .item { position:relative;}
.banner .owl-dots{ position:absolute; left:50%; margin-left:-650px; bottom:70px;text-align:left; z-index:99;}
.banner .owl-carousel .owl-nav{ display:block; position:absolute; width:80%; left:10%; top:50%; margin-top:-33px;}
.banner .owl-carousel .item img{ width:100%; height:auto;}
.banner .owl-carousel .owl-nav button.owl-prev,.banner .owl-carousel .owl-nav button.owl-next { position: absolute; width:65px; height:65px; z-index:99; font-size:0px;}
.banner .owl-carousel .owl-dots .owl-dot span { width:12px; height:12px;background:#FFFFFF; border-radius:12px; margin:0 2px;outline:0;}
.banner .owl-carousel .owl-dots .owl-dot.active span{ background-color:#1F73B3; outline:0; width:35px;}
.banner .owl-carousel .owl-nav button.owl-prev { left:10px; background:url(../images/left.png) no-repeat;}
.banner .owl-carousel .owl-nav button.owl-next { right:10px;background:url(../images/next.png) no-repeat;}
.banner .owl-carousel .owl-nav .owl-next:hover,.banner .owl-carousel .owl-nav .owl-prev:hover{filter:Alpha(Opacity=100);opacity:1;}
@media screen and (max-width:1300px){
.banner .owl-dots { margin-left:-570px; bottom:50px; }

}
@media screen and (max-width:1200px){
.banner { margin-top:67px;}
.banner .owl-dots { width:100%; left:0%; margin-left:0px; bottom:30px;text-align:center; }
#arrow{ display:none;}
}
@media screen and (max-width:768px){
.banner { margin-top:55px;}
.banner .owl-carousel .owl-nav{ display:none;}
.banner .owl-dots { bottom:15px; }
}
.content{ padding-top:50px; width:100%;}
.i_new{ display:block; margin-bottom:40px;}
.i_new h2{ font-size:20px; color:#484848; line-height:32px; font-weight:bold; margin-bottom:20px; height:32px; white-space:nowrap; width:100%; text-overflow:ellipsis; overflow:hidden;}
.i_new:hover h2{color:#0053a3;}
.i_new p{ font-size:14px; color:#666; line-height:26px; height:78px; overflow:hidden;}
.i_new span{ display:inline-block; width:170px; line-height:42px; text-align:center; font-size:14px; color:#666; margin-top:22px; border:1px solid #ccc;}
span.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background: #fff;
}
span.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#0053a3;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
span.hvr-bounce-to-top:hover,span.hvr-bounce-to-top:focus,span.hvr-bounce-to-top:active {
  color: white;
}
span.hvr-bounce-to-top:hover:before,span.hvr-bounce-to-top:focus:before,span.hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/*头部新闻*/
.BreakingNewsController{width:60%;overflow:hidden; float:left;height:auto;position:relative}
.BreakingNewsController .bn-title{display:inline-block;float:left;padding:0px; }
.BreakingNewsController ul{ max-width:100%; padding:0;margin:0;display:block;list-style:none;position:absolute;left:0px; }
.BreakingNewsController ul li{list-style:none;padding:6px 0 0px;display:none}
.BreakingNewsController ul li a{text-decoration:none;color:#333;display:block;overflow:hidden;padding:0; line-height:20px; width:100%; white-space:nowrap; text-overflow:ellipsis;}
.BreakingNewsController .bn-arrows{display:inline-block;float:right;width:50px;position:absolute;right:0;top:0;bottom:0}
.BreakingNewsController .bn-arrows span{display:block;width:20px;position:absolute;top:6px;bottom:0;cursor:pointer;opacity:.2}
.BreakingNewsController .bn-arrows span:hover{opacity:1}
.BreakingNewsController .bn-arrows-left{left:0;background:url(../images/bn-arrows.png) left center no-repeat}
.BreakingNewsController .bn-arrows-right{right:10px;background:url(../images/bn-arrows.png) right center no-repeat}
.easing a,.easing span{transition:.25s linear;-moz-transition:.25s linear;-webkit-transition:.25s linear}

/*头部新闻*/
.t_new{float:left; width:70%;}
.t_img{float:right; width:27%; position:relative; overflow:hidden;}
.t_img img{ width:100%; transition:all 0.5s;}
.t_img a{ position:absolute; display:block; width:100%; height:100%; left:0; top:0; box-sizing:border-box; padding:30% 20px 0;font-size:15px; color:#fff; line-height:26px; font-weight:bold; transition:all 0.5s;}
.t_img:hover img{ transform:scale(1.1);}
.t_img:hover a{ padding:33% 20px 0; }
.tnews .tab_menu{overflow:hidden; background:url(../images/line.png) repeat-x left bottom;}
.tnews .tab_menu li{ float:left; cursor:pointer; margin-right:60px; padding-bottom:12px; position:relative; }
.tnews .tab_menu li:after{ content:''; display:block; position:absolute; left:0; bottom:0px; width:0%; height:2px; background-color:#0053a3; z-index:10; transition:all 0.3s;}
.tnews .tab_menu li a{color:#484848; font-size:16px; line-height:30px;font-weight:bold;  }
.tnews .tab_menu li.current:after { width:100%;}
.tnews .tab_box{ padding:18px 0;}
.tnews .tab_box ul li a{ display:block; font-size:15px; color:#666; line-height:28px; height:28px; width:100%; white-space: nowrap; overflow:hidden;text-overflow:ellipsis; }
.tnews .tab_box ul li a span{ font-size:14px; color:#666; line-height:30px;}
.tab_box .hide{ display:none;}
.tnews .tab_box ul li a:hover{ color:#0053a3; }
.company{ display:block; border-top:3px solid #0053a3; width:100%; position:relative; text-align:center; margin-bottom:30px; overflow:hidden;}
.company .combot{ width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; padding-top:12%; text-align:center; background-color:rgba(0,0,0,0.2); transition:all 0.6s;}
.company h3{ font-size:40px; color:rgba(255,255,255,0.5); line-height:42px; text-transform:uppercase; font-family:Arial; font-weight:normal;transition:all 0.6s;}
.company h2{ font-size:28px; color:#fff; line-height:32px;font-weight:normal; margin:6% auto;}
.c_img{ width:100%; transition:all 0.6s;}
.company:hover .c_img{ transform:scale(1.1);}
.company:hover h3{ transform:translateY(-10px);}
.f_list{ display:block; margin-bottom:25px; width:100%; border-right:1px solid #e9e9e9; margin-top:10px; box-sizing:border-box; padding-right:30px;}
.f_box{ height:44px;}
.f_box img{ transition:all 0.5s;}
.f_list h2{ font-size:18px; color:#000; line-height:32px; font-weight:normal; margin:0px 0 6px;}
.f_list p{ font-size:14px; color:#666; line-height:20px; height:60px; overflow:hidden;}
.f_list:hover .f_box img{ transform:translateX(15px)}
.f_list:hover h2{ color:#0053a3;}
footer{ background-color:#34333b; padding:20px 0;}
.f_left h3{ font-size:15px; font-weight:bold; color:rgba(255,255,255,0.7); line-height:26px;}
.f_left h3 b{ font-size:24px; font-weight:bold; color:rgba(255,255,255,0.7); line-height:26px;}
.f_left p { display:inline-block;}
.f_left .p,.f_left a{ font-size:14px; color:rgba(255,255,255,0.8); line-height:24px;}
.f_left a:hover{ color:#fff;}
.f_right{ text-align:right;}
.f_right p{font-size:14px; color:rgba(255,255,255,0.8); line-height:24px; margin-top:6px; }
.f_right a{ display:inline-block; width:40px; height:40px; border-radius:50%; background-color:#46454b; font-size:20px; line-height:40px; text-align:center; color:#8b8a8a; margin:0 2px; transition:all 0.4s;}
.f_right a:hover{ background-color:#eee; color:#0053a3;}
@media screen and (max-width:1200px){
.tnews .tab_menu li{ margin-right:30px;}
.company h3{ font-size:30px; line-height:32px; }
.company .combot{ padding-top:9%; }
.company h2{ font-size:22px; margin:5% auto;}

}
@media screen and (max-width:992px){
.i_right{ margin-bottom:30px;}
.company h3{ font-size:20px; line-height:22px; }
.company .combot{ padding-top:8%; }
.company h2{ font-size:18px; margin:4% auto; line-height:20px;}
}
@media screen and (max-width:768px){
.company h3{ font-size:22px; line-height:26px; }
.company .combot{ padding-top:12%; }
.company h2{ font-size:20px; margin:6% auto; line-height:20px;}
.f_list{  margin-bottom:15px; border-right:none; margin-top:15px; padding-right:0px; text-align:center;}
.f_list h2{ margin:5px 0 15px;}
.f_list p{ height:auto; }
}
@media screen and (max-width:600px){
.content{ padding-top:30px;}
.t_new{float:none; width:100%;}
.t_img{float:none; width:100%; }
.i_new span{ width:110px; line-height:36px; margin-top:16px;}
.i_new h2{ font-size:16px; margin-bottom:4px;}
.i_new{  margin-bottom:20px;}
.f_left h3 b{ font-size:20px;}
}
/*新闻*/
.sbanner{ height:235px;}
.b_word{ width:45%; float:right; margin-top:40px;}
.b_word p{ font-size:16px; line-height:25px; text-transform:uppercase; color:#fff;}
.b_word h2{ font-size:35px; line-height:40px; color:#fff; margin-top:15px;}
.sec_banner{ position:relative; margin-top:133px;}
.sec_nav{ position:absolute; left:0; top:182px; width:100%; }
.sec_box{ background:#fff url(../images/nav.jpg) repeat-x 0 bottom;}
.bread_nav{ padding:30px 10px; background:#f9f9f8 url(../images/nav.jpg) repeat-x 0 bottom; line-height:32px; font-size:13px; color:#666; font-weight:bold;}
.bread_nav img{ vertical-align:0px;}
.bread_nav a{ line-height:36px; font-size:14px; color:#666; font-weight:bold; display:inline-block; padding:0 10px 0 7px; background:url(../images/tri.png) no-repeat right center;}
.bread_nav a:last-child{ background:none;}
.bread_nav a:hover{ color:#0053a3;} 
.b_nav{ padding:0px 10px; line-height:92px; font-size:15px; color:#666; font-weight:bold;}
.b_nav a{ line-height:92px; font-size:16px; color:#666; font-weight:normal; display:inline-block; margin:0 18px;}
.b_nav a:last-child{ margin-right:0;}
.b_nav a:hover{ color:#0053a3; border-bottom:4px solid #0053a3;}
.b_nav a.active{ color:#0053a3; border-bottom:4px solid #0053a3;}
.contents{ background-color:#f2f2f0; padding-top:44px;} 
.new_box{ background-color:#fff; padding-bottom:0px;}
.news{ background-color:#fff; padding-left:15px;}
.news li a{ display:block; padding:36px 10px; border-bottom:1px dashed #e2dfdc; box-sizing:border-box;}
.news li a .new_left{ width:20%; float:left;}
.news li a .new_right{ width:80%; float:left;}
.news li a .new_left p{ color:#adadad; font-size:22px; line-height:28px; font-family:Arial;}
.news li a .new_right h3{ color:#333; font-size:16px; line-height:28px; font-weight:bold; margin:0 0 15px; height:28px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}
.news li a .new_right p{ color:#666; font-size:15px; line-height:24px; height:48px; overflow:hidden; }
.news li a:hover .new_right p{ color:#0053a3;}
.slide_box{ padding-top:31px;background-color:#f9f9f8; }
.newsright{ display:block; width:100%; padding:0px 20px 20px; background-color:#f9f9f8;}
.img_boxs{ overflow:hidden; width:100%; }
.img_boxs img{ width:100%; transition:all .3s;}
.newsright:hover .img_box img{ transform:scale(1.1);}
.new_content span{ color:rgba(102,102,102,0.5); font-size:18px; line-height:28px; display:block; margin-top:10px;}
.new_content h3{ color:#333; font-size:16px; line-height:24px; font-weight:bold;height:24px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; margin-top:8px;}
.new_content p{ color:#666; font-size:14px; line-height:24px; margin-top:12px; height:48px; overflow:hidden; }
.new_content strong{ color:#ce0101; font-size:14px; line-height:24px; font-weight:bold;}
.newsright:hover .new_content h3{ color:#0065b7;}
/*翻页*/
.pages{padding:40px 0; margin:0 auto;  text-align: center; box-sizing:border-box;}
.pages:after{ clear:both; content:''; width:0px; display:block; height:0px; visibility:hidden;}
.pages a{border: 1px solid #DDD; display:inline-block; color: #333; margin: 5px 2px;padding:0px 10px; line-height:36px;text-decoration: none; font-size:14px;}
.pages a:hover{border:1px solid #5d6572; text-decoration: none; color:#fff; background-color:#5d6572; font-size:14px;}
.pages span { display:inline-block;padding:5px 10px; border: 1px solid #5d6572;  background-color:#5d6572;color: #fff;  font-size:14px; margin:0 2px;}
@media (max-width:1200px) {
.sec_banner{margin-top:67px;}
.sbanner{ height:235px; margin-top:67px;}
.b_word{ width:100%; float:left; margin-top:30px;}
}
@media (max-width:992px) {
.news li a .new_left p{ font-size:16px;}
.b_word p{ font-size:14px; line-height:22px; }
.b_word h2{ font-size:20px; line-height:26px;}
.b_nav{ line-height:36px; width:100%; box-sizing:border-box;}
.b_nav a{ line-height:36px; margin:0px 4px;font-size:15px;}
.bread_nav{ padding:0px 10px 3px; line-height:42px; text-align:right;}
.bread_nav a{ line-height:42px; }
}
@media (max-width:768px) {
.sec_banner{margin-top:55px;}
.sbanner{ height:200px; margin-top:55px;}
.pages{padding-top:30px; margin:0 auto 20px; height:auto; }
.pages a{border: 1px solid #ddd; display:inline-block; color:#333; text-decoration:none;font-size:14px;}
.news li a{ padding:12px 10px 12px 0; }
.news li a .new_left{ display:none;}
.news li a .new_right{ width:100%; float:none;}
.news li a .new_right span{ color:#999; font-size:13px; line-height:20px;}
.new_content{ padding:10px 0px 10px;}
.new_content p{ margin-top:0px;  margin-bottom:10px;}
.news li a .new_right h3{ font-size:16px; line-height:26px; margin:0 0 6px; height:26px;}
.newsright{ padding:0px 10px 10px; }
.new_content h3{font-size:14px; }
.new_content span{ font-size:16px; line-height:26px; margin-top:6px;}
.sec_nav{ position:static; left:auto; top:auto; width:100%; }
.bread_nav,.sec_box{ background:none;}
.contents{ padding-top:20px ;}
.pages{padding:20px 0; margin:0 auto; text-align: center; box-sizing:border-box;}
}
#top{ width:50px; height:50px; position:fixed; right:5%; bottom:93px; background-color:#0053a3; color:#fff; font-size:30px; text-align:center; z-index:10; cursor:pointer; line-height:40px; display:none;}
/*关于我们*/
.about{ padding:20px 0 20px 26px;}
.about h2{ font-size:30px; line-height:46px; color:#333; margin-top:10px; font-weight:normal;}
.about h3{font-size:24px; line-height:30px; color:#0053a3; font-weight:bold; text-transform:uppercase; margin-bottom:30px; font-family:Arial;}
.about p{ font-size:15px; line-height:28px; color:#666; margin-bottom:20px; }
.business{ padding:0 20px; min-height:505px; background:url(../images/rb.jpg) no-repeat right bottom;}
.business h2{ font-size:24px; line-height:40px; color:#0053a3; font-weight:normal;}
.business h3{ font-size:24px; line-height:30px; color:#0053a3; font-weight:bold; text-transform:uppercase; margin-bottom:30px;}
.business h4{ font-size:20px; line-height:30px; color:#ff9b00; font-weight:bold; margin-top:20px;}
.business p{ font-size:15px; line-height:28px; color:#666;}
.four{ background: url(../images/four.jpg) no-repeat center; background-size:cover; padding:60px 0;}
.four img{ max-width:100%;}
.f_cir{ width:45%; float:left;}
.cfour{ margin-top:60px;margin-bottom:120px;}
.a_four{ width:110px; height:110px; border-radius:50%; background-color:#fff; box-sizing:border-box; padding-top:24px;}
.a_four img{ display:block; margin:0px auto 0; transition:all 1s;}
.c_right{ width:55%; float:right; padding-top:20px;}
.c_right h3{font-size:50px; font-family:'dincond-medium'; line-height:30px; color:#fff;}
.c_right h3 small{font-size:16px;  line-height:30px; color:#fff;}
.c_right p{font-size:16px;  line-height:30px; color:#fff;}
.c_box:hover .a_four img{ transform:rotateY(360deg);}
@media (max-width:1200px) {
.business{ min-height:600px; }
.a_four{ width:90px; height:90px; padding-top:15px;}
#top{right:0%;}
}
@media (max-width:992px) {
.business{ min-height:430px; }
.c_box { margin-bottom:20px;}
.four{ padding:30px 0;}
.about{ padding:20px 15px;}
}
@media (max-width:600px) {
.business{ min-height:530px; padding:0 15px; }
.about h3{ font-size:20px; margin-bottom:10px;}
.about p{ margin-bottom:10px; letter-spacing:0.5px;}
.business h3{ font-size:20px; margin-bottom:10px;}
.business h4{ font-size:16px; }
.cfour{ margin-top:40px;margin-bottom:0px;}
.about h2{ line-height:30px; margin-top:0px;}
#top{ display:none;}
}
/*领航者*/
.leader{ padding:25px 25px 25px 0;}
.leader h2{ font-size:18px; font-weight:bold; line-height:40px; color:#0053a3; margin:10px 0 20px; }
.leader p{ font-size:15px; line-height:30px; color:#666; margin-bottom:15px; }
.img_box{ padding:40px 20px 40px;}
@media (max-width:768px) {
.leader h2{ font-size:16px; line-height:26px; margin:0; }
.leader{ padding:0 15px 25px 15px;}
}
/*荣誉资质*/
.honors{ padding:30px 20px 0;}
.honors h2{font-size:24px; font-weight:normal; line-height:40px; color:#333; padding-left:15px;}
.honors h3{font-size:24px; font-weight:bold; line-height:38px; color:#0053a3; text-transform:uppercase;font-family:Arial; margin-bottom:30px;padding-left:15px;}
/*荣誉资质*/
 [hidden] {
	display: none
}
 .sidebar1 {
	float: right;
	width: 20%;
	background-color: #93A5C4;
	padding-bottom: 10px
}
.fltrt {
	float: right;
	margin-left: 8px
}
.fltlft {
	float: left;
	margin-right: 8px
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0
}
.elem, .elem * {
	box-sizing: border-box;
}
.elem {
	display: inline-block;
	padding:15px;
	font-size: 0;
	border-bottom: none;
	height: auto;
	background-clip: padding-box;
}
.elem p{ font-size:16px; color:#333; line-height:50px; text-align:center; margin-bottom:0px;}
.elem > span {
	display: block;
	cursor: pointer;
	height: 0;
	padding-bottom: 70%;
	background-size: cover;
	background-position: center center;
}
.lcl_fade_oc.lcl_pre_show #lcl_overlay,
.lcl_fade_oc.lcl_pre_show #lcl_window,
.lcl_fade_oc.lcl_is_closing #lcl_overlay,
.lcl_fade_oc.lcl_is_closing #lcl_window {
	opacity: 0 !important;
}
.lcl_fade_oc.lcl_is_closing #lcl_overlay {
	-webkit-transition-delay: .15s !important; 
	transition-delay: .15s !important;
}
@media screen and (max-width:768px){
.elem { width:100%; padding:0;}
.honors h2{font-size:20px;  padding-left:0px;}
.honors h3{font-size:20px; line-height:20px; margin-bottom:20px;padding-left:0px;}
.honors{ padding:15px 10px 0;}
} 
/*企业文化*/
.culture{ padding:20px 0 70px 26px; background:url(../images/hai.png) no-repeat 100% bottom;}
.culture h2{ font-size:26px; line-height:40px; color:#333; font-weight:normal; margin-bottom:5px;}
.culture h3{ font-size:24px; line-height:30px; color:#0053a3; font-weight:bold; margin-bottom:15px; text-transform:uppercase; font-family:Arial;}
.culture p{ font-size:15px; line-height:38px; color:#666;}
.culture p strong{ font-size:17px; line-height:38px; color:#333; font-weight:normal;}
.culture img{ display:block; margin:15px 0 0 40px;}
.cultures{ background:url(../images/culture.jpg) no-repeat center; padding:180px 0 20px; background-size:cover;}
.cultures .owl-nav{ display:none; }
.cultures .item h2{ font-size:30px; line-height:40px; color:#0053a3; font-weight:normal;}
.cultures .item h3{ font-size:18px; line-height:30px; color:#bbb; font-weight:normal; margin-bottom:110px;}
.cultures .item p{ font-size:16px; line-height:36px; color:#666; }
.cultures .owl-dots{ margin:60px 0 10px !important; text-align:left !important;}
.cultures .owl-dots .owl-dot.active span{ width:30px; background-color:#165696 !important;}
.charge{ padding:45px 15px 120px;}
.charge h2{font-size:28px; line-height:40px; color:#333; font-weight:bold; text-align:center; padding-bottom:15px; position:relative; margin-bottom:14px;}
.charge h2:after{ content:''; display:block; position:absolute; left:50%; bottom:0; width:40px; height:1px; background-color:#441716; margin-left:-20px}
.charge h3{font-size:14px; line-height:20px; color:#333; font-weight:normal; text-align:center; margin-bottom:50px;}
@media screen and (max-width:768px){
.culture img{ display:block; margin:15px 0 0 0px;}
.cultures{ padding:50px 0 10px; background-size:cover;}
.cultures .item h2{ font-size:18px; line-height:30px; }
.cultures .item h3{ font-size:16px; margin-bottom:10px;}
.cultures .item p{ font-size:15px; line-height:30px; }
.cultures .owl-dots{ margin:30px 0 10px !important; }
.culture{ padding:20px 10px; }
.charge{ padding:25px 10px 40px;}
.charge h2{font-size:18px; line-height:26px; }
.charge h3{ color:#666; margin-bottom:20px;}
} 
.concept{ padding:30px 30px 0;}
.concept h2{font-size:24px; font-weight:normal; line-height:40px; color:#333; }
.concept h3{font-size:24px; font-weight:bold; line-height:38px; color:#0053a3; text-transform:uppercase; margin-bottom:30px;font-family:Arial; }
.concept h4{font-size:16px; font-weight:bold; line-height:32px; color:#666;  }
.concept p{font-size:14px; line-height:26px; color:#666; margin-bottom:30px; }
.ideas{ padding:30px 30px 60px;}
.ideas h2{font-size:16px; font-weight:bold; line-height:30px; color:#000; margin-bottom:20px; }
.talent{ width:100%; border:1px solid #eee; margin-bottom:30px;}
.tbox{ overflow:hidden;}
.tbox img{ width:100%; transition:all 0.6s;}
.talent:hover .tbox img{ transform: scale(1.1);} 
.tbottom{ padding:12px; border-right:1px solid #eee; width:74%; box-sizing:border-box;} 
.tbottom h3{ font-size:16px; line-height:30px; color:#333; margin-bottom:4px;}
.tbottom p{ font-size:15px; line-height:20px; color:#666;}
.p1{ background:url(../images/r1.png) no-repeat 92% 92%;}
.p2{ background:url(../images/r2.png) no-repeat 92% 92%;}
.p3{ background:url(../images/r3.png) no-repeat 92% 92%;}
.p1:hover{ background:url(../images/r11.png) no-repeat 92% 92%;}
.p2:hover{ background:url(../images/r21.png) no-repeat 92% 92%;}
.p3:hover{ background:url(../images/r31.png) no-repeat 92% 92%;}
@media screen and (max-width:992px){
.concept,.ideas{ padding:30px 10px 0;}
.concept h2{font-size:20px;  padding-left:0px;}
.concept h3{font-size:20px; line-height:20px; margin-bottom:20px;padding-left:0px;}
.ideas h2{ margin-bottom:20px; }
.concept p{ margin-bottom:0px; }
.tbottom{ padding:10px; width:70%; } 
}
.medias{ padding:30px 15px;}
.pictop{ overflow:hidden; display:block; margin-bottom:50px;}
.pictop img{ transition:all 0.5s; width:100%;}
.pictop:hover img{  transform:scale(1.05);}
.pictop h3{ font-size:18px; color:#333; margin:15px 0 8px; line-height:32px; font-weight:bold; width:100%; height:32px; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.pictop p{ font-size:14px; color:#666; line-height:24px; width:100%; height:48px; overflow:hidden; margin-bottom:20px; margin-top:10px; }
.pictop span{ font-size:14px; color:#777; line-height:24px; }
.pictop:hover h3,.pictop:hover span{  color:#0053a3;}
.pictop i{ font-size:14px; color:#c0c0c0; line-height:20px; display:block; font-style:normal;}

.cnewlist{border-top:1px solid #eee; width:100%}
.cnewlist li a{ display:block; padding:43px 0 20px; border-bottom:1px solid #eee; width:100%}
.cnewlist li a:after{ display:block; content:''; width:0px; height:0px; clear:both; visibility:hidden;}
.caspect h3{font-size:18px; color:#3c3c3c; line-height:20px; height:40px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:18px; margin-bottom:15px; background:url(../images/cn1.png) no-repeat 0 bottom;}
.caspect{  box-sizing:border-box; padding-left:50px; border-left:1px solid #eee;}
.caspect span{ display:none;}
.caspect p{font-size:16px; color:#666; line-height:24px; height:48px; overflow:hidden; }
.cpe_time{ text-align:center; width:60px; margin:0 auto;transform-origin:center bottom;  transition:all 0.6s; opacity:1;}
.cpe_time strong{ font-size:42px; line-height:50px; color:#3c3c3c; font-weight:normal;}
.cpe_time span{ display:none;}
.cpe_time p{ font-size:13px; line-height:20px; color:#3c3c3c; border-top:1px solid #eee; padding-top:8px; margin-top:8px;}
.cperiod{ position:relative;}
.cnewlist li a:hover .caspect h3{ color:#0860a7; background:url(../images/cn2.png) no-repeat 0 bottom;}
.cnewlist li:hover{ background-color:#dbeefe;}
.cnewlist li a:hover .cpe_time strong , .cnewlist li a:hover .cpe_time p{ color:#0860a7;}
@media screen and (max-width: 768px){
.pictop{ margin-bottom:20px;}
.caspect span{ display:block;}
.cperiod{ display:none;}
.cpe_time span{ display:block; font-size:14px; line-height:20px; color:#999;}
.caspect{ padding-left:0px; border-left:none;}
.cnewlist li a{ padding:20px 0 15px; margin:0px; }
.xwlun .carousel-inner{margin-bottom:0px; background-color:#f6fafb;}
.caspect h3{ height:36px; font-weight:normal; padding-bottom:10px; margin-bottom:10px; background:url(../images/cn1.png) no-repeat 0 bottom;}
.caspect{ padding-right:0px;}
.caspect p{font-size:14px;}
}
/*党建在线*/
.command{ margin:0px auto 35px; width:100%; }
.command a{ display:block;}
.command a h3{ margin:0;}
.command a h3 strong{ font-size:22px; color:#024594; line-height:32px; font-weight:bold; margin:0; margin-right:20px;}
.command a h3 span{ font-size:15px; color:#aaa;  font-weight:normal;}
.command a p{ font-size:15px; color:#666; line-height:30px; }
.command a p span{ float:right; font-size:16px; color:#df0024; line-height:30px; }
.command a:hover p span{  color:#2b8fed; }
.advtise{ margin-bottom:30px;}
.newlist a{ display:block; position:relative; width:100%;}
.newlist a .new_infor{ position:absolute; left:0px; bottom:0px; height:65px; width:100%; background:url(../images/dark.png) no-repeat center bottom; z-index:2;}
.newlist a .new_infor p{ font-size:18px; color:#fff; line-height:65px; margin:0 20px; height:65px; overflow:hidden;}
.new_img img{ width:100%;}
#slidernew{ margin-bottom:30px; width:54%; float:left; }
#slidernew  .bx-wrapper .bx-pager,
#slidernew  .bx-wrapper .bx-controls-auto {
	bottom: 26px; right:15px;
	width:50%;
}
#slidernew  .bx-wrapper .bx-pager.bx-default-pager a {
	background:#fff;
	font-size:0px;
}
#slidernew .bx-wrapper .bx-pager.bx-default-pager a:hover,
#slidernew .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #df0024;
}
#slidernew  .bx-wrapper .bx-pager {
	text-align:right;
	}
.issues{ box-sizing:border-box; box-sizing:border-box; }
.issue{ background:#ededed url(../images/gong.png) no-repeat 0 0; }	
.issue h3{ margin:0;font-size:16px; color:#fff; line-height:40px; font-weight:bold; padding-left:60px; background:url(../images/dang.png) no-repeat 24px center;}	
.issue h3 a{font-size:14px; color:#666; line-height:40px; float:right; margin-right:6px;}	
.issue h3 a:hover{ color:#e60000;}	
.issue_top h3{font-size:20px; color:#000; line-height:32px; font-weight:bold; height:32px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; margin-top:25px; margin-bottom:15px;}	
.issue_top p{font-size:15px; color:#666; line-height:26px;  height:78px; overflow:hidden;}	
.issue_top{ border-bottom:1px dashed #cecece; padding-bottom:25px;}	
.issue_top:hover h3{ color:#df0024;}	
.cimport{ margin-bottom:30px; margin-top:13px;}
.cimport li a{ display:block; line-height:37px;font-size:16px; color:#333; box-sizing:border-box; padding-left:20px; background:url(../images/rdot.png) no-repeat 0 center; }
.cimport li a strong{font-size:15px; display:inline-block; float:left; font-weight:normal; transition:all 0.3s; width:70%; height:37px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.cimport li a span{ display:inline-block; width:30%; text-align:right; color:#b5b5b5;line-height:37px;font-size:14px;}
.cimport li a:hover strong{ color:#df0024; }
.alltitle{ font-size:20px; font-weight:bold; color:#0053a2; padding-bottom:15px; padding-left:20px; line-height:30px; background:url(../images/rshu.png) no-repeat 0px 5px; margin:0; border-bottom:1px solid #c2cfe3;}	
.alltitle a{font-size:14px; color:#666; line-height:30px; float:right;}	
/*.study{ width:100%; max-width:1330px; margin:-15px auto;}*/
.alltitle a:hover{color:#df0024; }	
.cimports{ margin-bottom:30px; margin-top:15px;}
.cimports li a{ display:block; line-height:33px;font-size:16px; color:#333; box-sizing:border-box; padding-left:20px; background:url(../images/rdot.png) no-repeat 0 center; }
.cimports li a strong{font-size:15px; display:inline-block; float:left; font-weight:normal; transition:all 0.3s; width:70%; height:33px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.cimports li a span{ display:inline-block; width:30%; text-align:right; color:#bcbcbc; line-height:33px;font-size:14px;}
.cimports li a:hover strong{ color:#df0024; }
.adult{ background: url(../images/young.jpg) no-repeat 0 0; margin-bottom:30px;}	
.adult h3{ margin:0;font-size:16px; color:#fff; line-height:40px; font-weight:bold; padding-left:60px; background:url(../images/dang.png) no-repeat 24px center;}	
.adult h3 a{font-size:14px; color:#666; line-height:40px; float:right; margin-right:6px;}	
.young_left{ display:block; overflow:hidden;}
.young_left img{ width:100%; transition: all 0.3s;}
.young_left h3{font-size:20px; color:#000; line-height:20px; font-weight:bold; height:21px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; margin:20px 0 15px;}
.young_left p{font-size:14px; color:#333; line-height:26px; height:52px; overflow:hidden; margin-bottom:10px;}
.young_left span{ display:block; font-size:14px; color:#666; line-height:20px; margin-bottom:20px;}
.young_middle{ display:block;overflow:hidden;}
.young_middle img{ width:100%;transition: all 0.3s;}
.young_middle h3{font-size:17px; color:#000; line-height:20px; font-weight:bold; margin:15px 0; height:20px; overflow:hidden; width:100%;}
.young_right{ display:block; overflow:hidden; padding-bottom:15px;border-bottom:1px solid #d2d2d2; margin-bottom:15px;}
.young_right h3{font-size:16px; color:#000; line-height:20px; margin:0px 0 10px; font-weight:bold; height:21px; overflow:hidden; width:100%; white-space:nowrap; text-overflow:ellipsis;}
.young_right p{font-size:15px; color:#333; line-height:24px; margin-bottom:10px; height:72px; overflow:hidden;}
.young_right span{ display:block; font-size:14px; color:#666; line-height:26px; }
.young_left:hover h3 , .young_middle:hover h3 , .young_right:hover h3{ color:#df0024;}
.young_left:hover img , .young_middle:hover img	{ transform:scale(1.05);}
.slider2{ margin:30px 0;}	
.slider2 .owl-nav{ display:none;}
.slider2 .cphoto{ margin-bottom:20px;}
.advtise .owl-theme  .owl-page span{ margin:0 4px; background:#a3a3a4;}
.advtise .owl-theme .owl-dots .owl-dot.active span{ background: #e60000;}
.advtise .owl-dots{ position:absolute; bottom:10px; right:16px;}
.adv{ display:block; position:relative;}
.adv img{ width:100%;}
.adv h3{ line-height:60px; width:100%; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; background: url(../images/blac.png) repeat-x
0 bottom; font-size:16px; color:#fff; font-weight:normal; position:absolute; left:0; bottom:0px; box-sizing:border-box; padding:0 20px;}
	
@media (max-width:1300px) {
.issue_top h3{font-size:20px; line-height:30px; height:30px; }	
.issue_top p{height:50px; overflow:hidden;}	
.issue_top{ padding-bottom:15px;}	
.cimport{ margin-top:6px;}
 }
@media (max-width:1100px) {
.young_right p{height:48px; }
.issue_top h3{font-size:18px; line-height:28px; height:28px; margin-top:15px;}	
.issue_top p{height:50px; overflow:hidden;}	
.issue_top{ padding-bottom:15px;}	
.cimport{ margin-top:6px;}
.cimport li a , .cimport li a strong , .cimport li a span{height:33px; line-height:33px;}
.young_right{ padding-bottom:15px; margin-bottom:15px;}
.young_right h3{ margin:0px 0 10px; }
.young_right span{ line-height:16px; }
}
@media (max-width:960px) {
.cimport{ height:140px; overflow:hidden;}
.cimports li a strong{font-size:15px; width:60%; }
.cimports li a span{ width:40%;}
.command a h3 strong{ font-size:18px; line-height:26px; }
}
@media (max-width:768px) {
.command a h3 span{ font-size:15px;}
.command a p{ font-size:15px; color:#666; line-height:24px; }
.cimport li a strong{font-size:15px; width:60%; height:30px;}
.cimport li a{ line-height:30px;font-size:15px; height:30px;}
.cimport li a span{line-height:30px;font-size:14px; float:right; width:40%;}
.newlist a .new_infor{  height:45px; bottom:0px; width:100%; background-color:rgba(0,0,0,0.5);}
.newlist a .new_infor p{ font-size:16px; line-height:45px; margin:0 15px; height:45px; overflow:hidden; width:70%; overflow:hidden;}
#slidernew  .bx-wrapper .bx-pager,
#slidernew  .bx-wrapper .bx-controls-auto {bottom:16px; right:10px;}
.command a p span{ font-size:15px; }
#slidernew{ width:100%; float:none; }
.cimport{ height:auto; }
.cimport li a , .cimport li a strong , .cimport li a span{height:38px; line-height:38px;}
.adv h3{ font-size:15px; padding:0 10px; height:50px; line-height:50px;}
.cimport li a{ padding-left:15px; }
}

.contact{ padding:30px;}
.contact hr{ border-top: 1px dashed #93b9ea;}
.conbox{ padding:30px 0; background:url(../images/rights.png) no-repeat right center; min-height:195px;}
.conbox h3{ font-size:16px; color:#0053a3; line-height:30px; font-weight:bold; margin:12px 0;}
.conbox p{ font-size:16px; color:#666; line-height:26px;}
.comfour ul{ background-color:#fff; padding:20px 0 50px 20px; border:none;}
.comfour .nav-tabs > li > a { display:block; margin:0 7px; line-height:42px; border: 1px solid #ccc; border-radius:25px; padding:0 30px; font-size:16px; color:#666; font-weight:normal;}
.comfour .nav-tabs > li.active > a,.comfour .nav-tabs > li.active > a:hover,.comfour .nav-tabs > li.active > a:focus { color: #fff; cursor: pointer; background-color: #0068b7; }
.map{ width:100%; height:517px;}
@media (max-width:992px) {
.map{ height:300px;}
}
@media (max-width:768px) {
.conbox{ padding:10px 0; background:none; min-height:auto;}
.contact{ padding:10px;}
.comfour ul{ padding:20px 0 30px 10px; }
.comfour .nav-tabs > li > a { margin:0 4px 15px; line-height:36px; border-radius:18px; padding:0 12px; font-size:14px; }
}
.branch{ padding:30px; background:url(../images/map2.jpg) no-repeat center top; background-size:100%}
.global h3{ font-size:30px; color:#0053a3; line-height:40px; margin:25px 0; font-weight:bold;}
.global p{ font-size:15px; color:#666; line-height:30px; margin-bottom:20px; }
.tbig li{ width:33.33%; float:left;}
.tbig li a{ display:block; width:130px; height:130px; border-radius:50%; background-color:#0053a3; box-sizing:border-box; padding:40px 24px 0; text-align:center; font-size:18px; color:#fff; font-weight:bold; line-height:24px; margin-top:60px; transition:all 0.6s;}
.tbig li a:hover{ transform:translateY(-10px);}
.devote{ margin-top:100px;}
.cleft{ width:44%; float:left; position:relative; overflow:hidden;}
.cleft img.cimgs{ width:100%; }
.cleft img.clogos{ width:160px; position:absolute; left:50%; margin-left:-80px; top:50%; margin-top:-82px; transition:all 0.6s; transform:scale(0);}
.devote li .cleft:hover img.clogos{ transform:scale(1);}
.cright{ width:56%; float:left; box-sizing:border-box; padding:15px 15px 15px 45px;}
.cright h3{ font-size:24px; color:#0164c4; line-height:46px; font-weight:normal;}
.cright p{ font-size:16px; color:#666; line-height:30px; margin-bottom:15px;}
.cheight{ margin:20px 0;}
.cright a{ display:inline-block; width:150px; line-height:42px; text-align:center; font-size:14px; color:#0164c4;  border:1px solid #0164c4;}
a.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  background: #fff;
}
a.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background:#0053a3;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
a.hvr-bounce-to-top:hover,a.hvr-bounce-to-top:focus,a.hvr-bounce-to-top:active {
  color: white;
}
a.hvr-bounce-to-top:hover:before,a.hvr-bounce-to-top:focus:before,a.hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.devote li{ border:2px solid rgba(255,255,255,0.1); margin-bottom:60px; box-sizing:border-box;}
.devote li:hover{ border:2px solid #9ec4e8;}
@media screen and (max-width:1200px){
.tbig li a{ width:110px; height:110px; padding:30px 14px 0; font-size:16px;line-height:20px; }
.cheight{ height:150px; overflow:hidden; margin:10px 0 15px;}
.cright h3{ font-size:20px; line-height:32px;}
}
@media screen and (max-width:992px){
.tbig li a{  margin-top:30px; }
.cright h3{ font-size:18px; line-height:26px;}
.cright{ padding:15px;}
.cright p{ font-size:14px; line-height:24px;}
.cheight{ height:96px; }
}
@media screen and (max-width:768px){
.global h3{ font-size:20px; line-height:30px; margin:10px 0; }
.global p{ font-size:14px; line-height:26px; margin-bottom:10px; }
.cleft{ width:100%; float:none;}
.cright{width:100%; float:none;}
.branch{ padding:10px;}
.devote li{ margin-bottom:30px; }
.devote{ margin-top:30px;}
.tbig li a{ width:85px; height:85px; padding:24px 8px 0; font-size:14px;line-height:18px; margin-top:10px;}
.cleft img.clogos{ width:130px; position:absolute; left:-140px; top:30%; transition:all 0.6s;}

}
.member{ padding:30px;}
.firm{ padding-bottom:40px; border-bottom:1px solid #eee; margin-bottom:20px;}
.firm h2{ font-size:26px; line-height:40px; color:#333; font-weight:normal; margin-bottom:5px;}
.firm h3{ font-size:24px; line-height:30px; color:#0053a3; font-weight:bold; margin-bottom:15px; text-transform:uppercase; font-family:Arial;}
.group{ background: url(../images/firm.jpg) no-repeat center; background-size:cover; padding:35px 0 30px 40%; position:relative; margin-bottom:35px;}
.group h2{ font-size:28px; line-height:40px; color:#fff; margin-bottom:10px;} 
.group h3{ font-size:24px; line-height:30px; color:#fff; text-transform:uppercase; font-weight:bold;} 
.group a{ display:inline-block; width:136px; line-height:46px; text-align:center; font-size:16px; color:#4857cc; background-color:#fff; border-radius:30px; position:absolute; top:90px; right:100px;}
.group a:hover{  background-color:#0053a3; color:#fff;}
.limit .tab_menu{ width:30%; float:left; overflow:hidden; padding:26px;background:#0053a3; }
.limit .tab_menu li{width:100%; padding:15px 0; line-height:30px;color:#fff;cursor:pointer; background:none;}
.limit .tab_menu li.current{ background:url(../images/yellow.png) no-repeat 100% center;}
.limit .tab_menu li h3{ font-size:16px; line-height:30px; color:#fff; max-width:85%;}
.limit .tab_menu li p{ font-size:15px; line-height:18px; color:rgba(255,255,255,0.5);max-width:85%;}
.limit {background:#f7fbff; margin-bottom:30px;}
.limit .tab_box{width:70%; float:left; box-sizing:border-box;padding:20px 70px;}
.limit .tab_box .hide{display:none;}
.storage p{ font-size:15px; line-height:24px; color:#666; margin-bottom:20px;}
.rage{ padding-left:145px; margin:40px 0 65px;}
.rage h3{ font-size:28px; line-height:30px; color:#0053a3; font-weight:bold; margin-bottom:24px; background: url(../images/huang.png) no-repeat 0 top; padding-top:30px;}
.storage .rage p{ font-size:16px; line-height:24px; color:#333; }
.rage1{ background:url(../images/01.png) no-repeat 0 26px; }
.rage2{ background:url(../images/02.png) no-repeat 0 26px; }
.rage3{ background:url(../images/03.png) no-repeat 0 26px; }
.rage4{ background:url(../images/04.png) no-repeat 0 26px; }
@media screen and (max-width:1200px){
.group{ padding:45px 0 40px 20%;  }
.limit .tab_menu{ width:40%; }
.limit .tab_box{width:60%; padding:20px 30px;}
.rage h3{ font-size:20px; }
.rage{ margin:40px 0 45px;}
}
@media screen and (max-width:992px){
.group{ padding:45px 20px;  }
.limit .tab_menu{ width:100%; float:none; }
.limit .tab_box{width:100%; float:none; padding:20px 30px;}
.rage h3{ font-size:20px; }
.rage{ margin:20px 0 25px;}
.group h2{ font-size:20px; line-height:30px;}
.group h3{ font-size:16px; line-height:24px; }
.group a{ width:110px; line-height:40px; top:100px; right:30px;}
}
@media screen and (max-width:600px){
.member{ padding:20px 10px;}
.group{ padding:25px 10px;}
.group a{ position:static; left:auto; top:auto; margin-top:15px;}
.limit .tab_menu{ padding:15px 10px; }
.rage{ padding-left:0px; background:none;}
.limit .tab_box{ padding:20px 10px;}
}
#new .owl-dots{ display:none;}
#new .owl-nav{ position:absolute; right:0; bottom:0px;}
#new .owl-nav button{ margin:2px !important;}
#new .owl-nav button span{ width:50px; line-height:40px; height:45px; background-color:#eee; font-size:30px; display:block; padding:0 !important;}
#new .owl-nav button:hover span{ background-color:#0053a3 !important; color:#fff !important;}
/*人才理念*/
.people{ padding:30px 30px 50px; background: url(../images/birds.jpg) no-repeat center 360px;}
.sea h2{ font-size:26px; line-height:40px; color:#333; font-weight:normal; margin-bottom:5px;}
.sea h3{ font-size:24px; line-height:30px; color:#0053a3; font-weight:bold; margin-bottom:15px; text-transform:uppercase;font-family:Arial;}
.demand h3{ color:#f5a11b; font-size:16px; line-height:30px; font-weight:bold; margin-top:15px;}
.demand p{ color:#666; font-size:15px; line-height:24px; }
.sea p{color:#333; font-size:15px; line-height:30px; }
.demand{ margin-bottom:80px;}
.jonav li{width:25%}
.jo1 .tis{width:228px;border:1px solid #ba251e;padding:23px 0 17px 0;float:left;margin-left:6.5%}
.jo1 .tis p{font-size:18px;color:#000;text-align:center}
.jo1 .tis .line{display:block;width:30px;height:1px;background:#1a1a1a;margin:25px auto}
.jo1 .tis .arrow{width:100%;height:10px;background:url(../images/jo_arrow.png) no-repeat center center;display:block;animation:omap 1.5s linear alternate infinite;-webkit-animation:omap 1.5s linear alternate infinite}
.jo1 .tx{width:60%;float:right;text-align:justify}
.jo1{padding:8.8% 0 6.2% 0}
.jot{padding-left:0}
.jot span{display:block;width:16%;text-align:center;float:left;line-height:63px;height:63px;overflow:hidden}
.jot span:nth-child(1){width:20%}
.jot span:nth-child(6){width:16%}
.jotis span{font-size:17px;color:#fff;font-weight:700;background:#0053a3;}
.jot span{padding-left:4%}
.jod>span{background:0 0;color:#333;font-size:15px;cursor:pointer;transition:.3s;-webkit-transition:.3s}
.jod{border-bottom:1px solid #F2F2F2}
.jotxs{position:relative;margin-bottom:5px;background:#E6E7E8}
.joblie .jotxs:nth-child(2n){background:#F3F3F3}
.jo2 .joblie .act:nth-child(2n){background:#f08300}
.jos{padding-left:0;display:none}
.jos .bodr{background:#FFF;border:none;padding:30px 40px;border-top:0}
.jos .bodr span{display:block;border-top:none;padding-top:0;margin-top:0}
.jotxs .line{background:#B3B3B3;display:block;position:absolute}
.jotxs .line_1{width:21px;height:1px;top:23px;left:15px}
.jotxs .line_2{width:1px;height:21px;top:13px;left:25px}
.jotxs .arrow{width:55px;height:47px;position:absolute;top:10px;cursor:pointer;left:inherit;right:3.5%;transition:.3s;-webkit-transition:.3s}
.jotxs.act .jod>span,.jotxs:hover .jod>span{background:0 0}
.jotxs.act .arrow{transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.jo2 .act{background:#f08300}
.jo2 .act .jod>span{color:#FFF}
.jo3{background:#eee;padding:5.8% 0 4.8% 0}
.jo_edus{width:1140px;margin:0 auto}
.jo_edus li{width:245px;margin:10px 20px;background:#fff;float:left}
.jo_edus a{color:#787878}
.jo_edus li .pic{width:100%;overflow:hidden}
.jo_edus li .pic img{width:100%;transition:.6s;-webkit-transition:.6s}
.jo_edus li:hover .pic img{transform:scale(1.09);-webkit-transform:scale(1.09)}
.jo_edus a{color:#646464}
.jo_edus a:active,.jo_edus a:hover{color:#ba251e}
.jo_edus li .txts{padding:18px 5% 15px 5%;transition:.3s;-webkit-transition:.3s}
.jo_edus li .txts .ti{color:#1a1a1a;line-height:25px;height:50px;overflow:hidden}
.jo_edus li .txts .date{color:#787878}
.jo_edus li:hover .txts{background:#ba251e}
.jo_edus li:hover .txts .date,.jo_edus li:hover .txts .ti{color:#fff}
.jo_teams a{width:33.3333%;width:33.3%;float:left;display:block;color:#1a1a1a;transition:.3s;-webkit-transition:.3s}
.jo_teams .pic{width:100%;overflow:hidden}
.jo_teams .pic img{width:100%;transition:.6s;-webkit-transition:.6s}
.jo_teams a:hover .pic img{transform:scale(1.08);-webkit-transform:scale(1.08)}
.jo_teams a .tx{padding:0 5%;height:45px;line-height:45px;overflow:hidden}
.jo_teams a:hover{background:#ba251e;color:#fff}
.jo4{padding:9% 0 5% 0}
.jo_teams .owl-theme .owl-controls{margin-top:50px}
.ppw{margin:0 auto;margin-top:45px}
.arrow .line{margin-left:0}
#jo2 a{font-size:18px;color:#fff;background:#f08300;padding:9px 44px}
.jos h3{font-size:16px;color:#333;line-height:30px}
.jos p{font-size:14px;color:#333;line-height:28px}
.bodr p{padding-bottom:25px}
.bodr span a{font-size:14px;color:#333;background:#D8D8D8;padding:8px 44px}
.bodr span:hover a{background:#F08300;color:#FFF}
.act .line{background:#FFF}
@media screen and (max-width:1599px){.jotxs .arrow{right:3.5%}
}
@media screen and (max-width:1280px){.jotxs .arrow{right:3%}
}
@media screen and (max-width:991px){.jotxs .arrow{right:1%}
}
@media screen and (max-width:768px){.jot{margin-top:0}
.box1{height:auto;overflow:hidden}
.pathree{min-height:300px}
.jos .bodr span{margin-top:0;padding-top:15px}
.rclnlie p{height:auto}
.rcbord{padding:44px 18px}
.rclnlie .col-sm-3{padding-bottom:20px}
.jotis span{font-size:15px}
}
@media screen and (max-width:767px){
.jobpic{margin-bottom:10px}
.demand{ margin-bottom:30px;}
.jotis span{font-size:15px}
}
@media screen and (max-width:640px){.jot span:nth-child(3){display:none}
.jot span:nth-child(4){display:none}
.jot span{width:25%;padding:0}
.jot span:nth-child(1){width:30%}
.jot span:nth-child(6){width:20%}
.jotxs .arrow{right:2%}
.jobleft{float:left;width:100%}
.jobright{float:right;width:100%}
.jobtitle img{max-width:100%}
.sea h2{ font-size:20px; line-height:30px; margin-top:15px;}
.sea h3{ font-size:16px; line-height:24px; margin-bottom:5px; }
.people{ padding:10px;}
.jot span{ line-height:50px;height:50px; }
.jotxs .arrow{ top:2px; }
.jos .bodr{ padding:20px 0px; }
.ppw{margin:20px auto; }
}
@media screen and (max-width:375px){.jot span:nth-child(2){display:none}
.jot span{width:33.33%}
.jot span:nth-child(1){width:33.33%}
.jot span:nth-child(5){width:33.33%}
.jot span:nth-child(6){width:33.33%}
.jotxs .arrow{right:0;width:23%}
}
/*百大*/
.limited{ padding:30px 20px 0; border-bottom:4px solid #efefed;}
.limited h2{font-size:33px;color:#0053a3; line-height:42px;}
.limited h3{font-size:18px;color:#a3b6d4; line-height:30px; font-family:Arial; font-weight:normal; text-transform:uppercase;}
.hope{ padding:30px 20px;}
.contents img{ max-width:100%;}
.since h3{font-size:30px;color:#a3b6d4; line-height:42px; font-family:Arial; font-weight:normal;text-transform:uppercase;margin-bottom:10px;}
.since p{font-size:15px;color:#666; line-height:26px; margin-bottom:25px; letter-spacing:0.6px;}
.since{ margin-bottom:30px;}
.cultured h3{font-size:26px;color:#0053a3; line-height:42px; font-weight:normal; margin:20px 0; padding:17px 0 0 30px; background:url(../images/cultures.png) no-repeat;}
.cultured h4{ font-size:17px; color:#c10000; font-weight:bold; line-height:40px;}
.cultured p{ font-size:16px; color:#666;  line-height:40px;}
.cultured h4 img{ display:inline-block; margin-right:10px;}
.bus h2{font-size:26px;color:#0053a3; line-height:42px; font-weight:normal; margin:40px 0; padding:17px 0 0 30px; background:url(../images/business.png) no-repeat;} 
.bus p{ font-size:15px; color:#666;  line-height:30px; margin-bottom:40px;}
.goods{ position:relative; overflow:hidden; margin-bottom:30px;}
.goods img{ width:100%; transition:all 0.6s;}
.goods h3{ font-size:24px; color:#fff; text-align:center; width:100%; transition:all 0.6s; position:absolute; top:30%; left:0; font-weight:normal;}
.goods h4{ font-size:21px; line-height:30px; text-transform:uppercase; color: rgba(100%,100%,100%,.2); text-align:center; width:90%; position:absolute; top:43%; left:5%; font-weight:normal;}
.goods:hover img{ transform:scale(1.06)}
.goods:hover h3{ top:27%;}
@media screen and (max-width:992px){
.goods h4{ font-size:18px; line-height:22px; width:92%; left:4%; top:50%; }
}
@media screen and (max-width:600px){
.limited h2{font-size:20px; line-height:32px;}
.limited h3{font-size:15px; }
.limited{ padding:20px 10px 0; }
.hope{ padding:30px 10px;}
.cultured h3{font-size:24px; background:url(../images/cultures.png) no-repeat; background-size:90%;}
.cultured p{ font-size:15px; line-height:26px;}
}

/*--发展历程--*/
@font-face {
    font-family: 'dinCond-Medium';
    src: url('../fonts/dincond-medium-webfont.eot');
    src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dincond-medium-webfont.woff') format('woff'),
         url('../fonts/dincond-medium-webfont.ttf') format('truetype'),
         url('../fonts/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ldzcbt{ padding:30px;}
.ldzcbt { font-size:24px; color:#333; padding-top:20px; line-height:40px;}
.ldzcbt span{font-size:24px; line-height:30px; color:#0053a3; font-weight:bold; text-transform:uppercase; display:block;font-family:Arial;}
.honer{ position: relative;width:100%; margin:0 auto;height:auto;}
.hrong{ position:relative; }
.honer .sss{ z-index:9;width:1px; position:absolute; top:0; left:23.6%; background:#DEDAD7; display:block; height:100%;}
.clear{ clear:both;}
.wi01{ padding:20px 0;    position: relative; z-index:1;}
.wi01 .w1130{   position: relative;}
.wi01 .left{ color:#0c76a9; width:25%; box-sizing:border-box; padding-left:20px; padding-top:5px; font-size:50px;font-family: 'dincond-medium'; float:left;}
.wi01 .right{   width:75%; box-sizing:border-box; float:right;}
.wi01 .right img{ margin-right:5px;}
.wi01 .right span{ float:left;padding-top: 4px; width:40px;}

.wi01 .right .p{ float:left; width:90%; font-size:15px; color:#666;}
.wi01 .right .p b{ display:block; padding-top:6px; font-weight:normal; font-size:15px; color:#666;}
.wi01:hover .left{ color:#fff;}
.wi01:hover .right p{ color:#fff;}
.wi01:hover .right .p b{ color:#fff;}
.wi01:hover .right span{ color:#fff;}


.wi01::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/honbg.jpg) repeat-x top;
	background-color:#22ABD6;
    z-index: -1;
    opacity: 0;
    -webkit-transform: scale3d(0.1, 1,0.1);
    transform: scale3d(0.1, 1, 0.1);
    -webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
    transition: transform 0.8s, opacity 0.8s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.wi01:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media screen and (max-width:1300px){
.honer .sss{ left:22.7%;}
}
@media screen and (max-width:1199px){
.honer .sss{ left:20.9%;}
}
@media screen and (max-width:1100px){
.honer .sss{ left:18%;}
}
 
@media screen and (max-width:767px){
.honer{ padding:20px 0;}
.wi01 .left{ color:#0c76a9; width:100%; padding-left:20px; padding-top:0px; font-size:40px; line-height:40px;font-family: 'dincond-medium';}
.wi01 .right{   width:100%; padding-left:20px; padding-top:10px; }
.honer .sss{ display:none;}
.ldzcbt{ padding:30px 10px;}
.ldzcbt { font-size:22px; padding-top:10px; line-height:40px;}
.ldzcbt span{font-size:18px; line-height:20px; }

}


 
.pro{ padding-bottom:60px;overflow:hidden}
.pro h1,.pro h4{text-align:center;letter-spacing:.75px;color:#c8161e}
.pro h4{ font-size:24px;margin-top:12px}
.pro .timeline{height:6px; background:url(../images/timescroll.png) no-repeat top center}
.pro .time .slick-next,.pro .time .slick-prev{top:54px;width:56px;height:56px;}
.pro .time .slick-prev{left:20px;background:url(../images/ls.png) no-repeat 0 0; }
.pro .time .slick-next{right:20px;background:url(../images/rs.png) no-repeat center; }
.pro .time .item.slick-current{color:#0053a3; } 
.pro .time .slick-list{padding-bottom:12px!important}
.pro .time .item.slick-current::after{opacity:1}
.pro .time .item{font-size:22px; color:#666666; position:relative;cursor:pointer;　transition:all .3s ease-out 0s}
.pro .timecontent{width:100%;margin:auto;margin-top:62px}
.pro .timecontent h2{font-family:RM;margin-bottom:60px}
.pro .timecontent h2 img{display:inline-block;margin-right:27px}
.pro .timecontent .l .imgdiv{position:relative;width:486px;height:324px}
.pro .timecontent .l img{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .2s ease-out 0s;-moz-transition:all .2s ease-out 0s;-ms-transition:all .2s ease-out 0s;-o-transition:all .2s ease-out 0s;transition:all .2s ease-out 0s;opacity:0}
.pro .timecontent .l img.act{opacity:1}
.pro .timecontent p:first-child{margin-top:-12px}
.pro .timecontent p.act::after{opacity:1}
 
@media screen and (max-width:1000px){
.pro .time .slick-next,.pro .time .slick-prev{top:57px;width:50px;height:50px; background-size:100%;}
.pro .time .slick-prev{left:0px;}
.pro .time .slick-next{right:0px;}
.pro .timecontent{width:100%;margin:auto;margin-top:35px}
}

/*文章详情*/
.cover { padding-top:40px;}
.article{ padding-top:10px; margin:15px 0 60px;}
.article p,.article{ font-size:16px; color:#666; line-height:30px; margin-bottom:15px;}
.article img{ display:block; margin:20px auto; max-width:100% !important; height:auto !important;}
.bdsharebuttonbox span { float:left; line-height:32px; color:#a2a2a2; font-size:13px; line-height:40px;}
.bdsharebuttonbox a{ display:inline-block; width:36px; height:36px;}
#fenxiang1{background:url(../images/fx3.png) no-repeat; background-size:100%;  }
#fenxiang2{ background: url(../images/fx1.jpg) no-repeat; background-size:100%;}
#fenxiang3{ background: url(../images/fx2.jpg) no-repeat;background-size:100%;}
.article_title{font-size:30px; color:#333333; line-height:38px; font-weight:bold; margin:10px 0;}
.article_time{font-size:13px; color:#a2a2a2; line-height:40px; margin-right:40px;}
.bottom_link{ text-align:center; margin-bottom:60px;}
.bottom_link a{ display:inline-block; width:46px; height:46px; line-height:46px; border-radius:50%; transition:all 0.5s; font-size:0px; margin:0 3px;}
.bottom_link a:first-child{ background:url(../images/ssleft.png) no-repeat center center;}
.bottom_link a:last-child{ background:url(../images/ssright.png) no-repeat center center;}
.bottom_link a:first-child:hover{ background:url(../images/sleft.png) no-repeat center center;}
.bottom_link a:last-child:hover{ background:url(../images/sright.png) no-repeat center center;}
.bottom_link a:hover{ background-color:#00407d;}
.bottom_link a.backnew{background:url(../images/fanhuihui.png) no-repeat center center;}
.recommend{ background-color:#fdfdfd; padding:5px; margin-bottom:50px;}
.recommend h2{font-size:20px; color:#00407d; line-height:36px; font-weight:bold; margin-bottom:15px; margin-top:5px;}
.recommend ul li a{ display:block; border-bottom:1px solid #d7d7d7; padding-bottom:20px; margin-bottom:15px;}
.recommend ul li a h3{font-size:16px; color:#333; line-height:30px; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.recommend ul li a span{font-size:13px; color:#a2a2a2; line-height:30px; }
.recommend ul li a p{font-size:14px; color:#666; line-height:24px;max-height:72px;  overflow:hidden; text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.recommend ul li:last-child a{border-bottom:none;}
.recommend ul li a:hover h3{ color:#00407d;}
@media (max-width:768px) {
.article_title{font-size:20px; line-height:30px; margin-top:0px;}
.bottom_link a{width: 46px;margin:0 5px;height:46px;line-height:46px;}
.article , .bottom_link{ margin-bottom:30px;}
.recommend{ margin-bottom:30px; padding:0}
}
.tupianpian{ overflow:hidden;}
.tupianpian img{ transition:all 0.6s;}
.tupianpian img:hover{ transform:scale(1.05);}