@charset "utf-8";

/* CSS Document */
*,
::after,
::before {
	box-sizing: border-box;
}
.wap_contact {
	display: none
}

@media (max-width: 1190px) {
    #main .tabs.ywlyd{padding:0px}
	.pc_contact {
		display: none
	}
	.wap_contact {
		display: block
	}
	#n_contact .un_box li {
		width: 80%;
		margin: 0 auto;
		float: none;
		margin-left: none
	}
	.contentTop img{ width:100% !important; height:auto !important}
	.bocweb-header.on {
		position: fixed;
	}
	.bocweb-header.on {
		padding: 0 0 0 10px!important;
		background: rgba(21, 90, 194, .7);
		height: 60px;
		width: 100%
	}
	.contact_wap .swiper-button-next01,
	.contact_wap .swiper-button-prev01 {
		margin-top: -20px;
	}
	/*.bocweb-header.on .header-nav{
  background: rgba(255,255,255,.6);
  padding: 5px 20px;
}
.bocweb-header.on .header-right{
  background: rgba(255,255,255,.8);
  padding: 18px 20px;
  opacity: 0;
}*/
	.bocweb-header.on .header-l {
		width: 230px;
	}
	.bocweb-header.on .boc-logo img {
		/*max-width: 85%;*/
		max-height: 30px;
		/*margin-top: 4px;*/
		display: block;
	}
	.bocweb-header.on .line {
		display: block;
		height: 3px;
		border-radius: 3px;
		background-color: #fff;
		position: absolute;
		left: 0px;
		-webkit-transition: all .4s;
		transition: all .4s;
	}
	.bocweb-header.active .line {
		display: block;
		height: 3px;
		border-radius: 3px;
		background-color: #fff;
		position: absolute;
		left: 0px;
		-webkit-transition: all .4s;
		transition: all .4s;
	}
	.bocweb-header.active .nav-btn .line1 {
		-webkit-transform: rotate(38deg) !important;
		-ms-transform: rotate(38deg) !important;
		transform: rotate(38deg) !important
	}
	.bocweb-header.active .nav-btn .line3 {
		-webkit-transform: rotate(-38deg) !important;
		-ms-transform: rotate(-38deg) !important;
		transform: rotate(-38deg) !important
	}
	.bocweb-header.active .line1 {
		top: 0px;
		transform-origin: left top 0;
		-webkit-transform-origin: left top 0;
		-ms-transform-origin: left top 0;
	}
	.bocweb-header .wnav-btn {
		height: 34px;
		line-height: 34px;
		width: 100px;
		position: absolute;
		left: 85% !important;
		top: 20px !important;
	}
	.bocweb-header .nav-btn .line {
		background: #fff;
		width: 100%;
	}
	.bocweb-header .nav-btn .line3 {
		bottom: 10px;
	}
	.bocweb-header .nav-btn .line2 {
		top: 10px;
	}
	.bocweb-header .nav-btn {
		width: 38px;
	}
	.bocweb-header.on .line1 {
		top: 0px;
		transform-origin: left top 0;
		-webkit-transform-origin: left top 0;
		-ms-transform-origin: left top 0;
	}
	.f-cb:after {
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		overflow: hidden;
		content: ".";
	}
	.bocweb-header.on .line2 {
		width: 100%;
	}
	.bocweb-header.on .navWord {
		color: #FFF;
		font-size: 17px;
		position: relative;
		left: 15px;
		top: -1px;
	}
	.bocweb-header.on .select-language {
		position: relative;
		top: -10px;
	}
	.bocweb-header.on .header-l .boc-logo .imga {
		display: none;
	}
	.bocweb-header.on .header-l .boc-logo .imgb {
		display: block;
	}
	.bocweb-header.on .header-right .search-btn {
		background: url(../images/img5-2.png) no-repeat center;
	}
	.bocweb-header.on .header-right .language-btn {
		background: url(../images/img5-3.png) no-repeat right center;
	}
	.bocweb-header.on .header-right .language-btn:before {
		background: rgba(0, 0, 0, 0.5);
	}
	.bocweb-header.on .nav-btn .line {
		/*background: #a5a5a5;*/
	}
	.bocweb-header.active {
		background: #155ac2;
		/*padding:5px 20px;*/
		position: fixed;
		-webkit-transition-delay: .3s;
		transition-delay: .3s;
		z-index: 1000;
		height: 60px;
		width: 100%;
	}
	.headFa {
		height: 60px;
	}
	.bocweb-header.active .header-l .boc-logo .imga {
		display: none;
	}
	.bocweb-header.active .header-l .boc-logo .imgb {
		display: block;
	}
	.bocweb-header.active .nav-btn .line {
		/*background: #a5a5a5;*/
	}
	.bocweb-header.active .nav-btn .line1 {
		-webkit-transform: rotate(53deg);
		-ms-transform: rotate(53deg);
		transform: rotate(53deg);
	}
	.bocweb-header.active .nav-btn .line2 {
		opacity: 0;
	}
	.bocweb-header.active .nav-btn .line3 {
		-webkit-transform: rotate(-53deg);
		-ms-transform: rotate(-53deg);
		transform: rotate(-53deg);
	}
	.bocweb-header.active .header-right .search-btn {
		background: url(../images/img5-2.png) no-repeat center;
	}
	.bocweb-header.active .header-right .language-btn {
		background: url(../images/img5-3.png) no-repeat right center;
	}
	.bocweb-header.active .header-right .language-btn:before {
		background: rgba(0, 0, 0, 0.5);
	}
	.bocweb-header.active .nav-btn .line1 {
		-webkit-transform: rotate(53deg);
		-ms-transform: rotate(53deg);
		transform: rotate(53deg);
	}
	.bocweb-header.active .nav-btn .line2 {
		opacity: 0;
	}
	.bocweb-header.active .nav-btn .line3 {
		-webkit-transform: rotate(-53deg);
		-ms-transform: rotate(-53deg);
		transform: rotate(-53deg);
		transform-origin: left bottom 0;
	}
	.meun-nav {
		width: 100%;
		position: fixed;
		left: 0;
		background: #e5e5e5;
		z-index: 9;
		/*transform: scale3d(0,0,0);
  opacity: 0;*/
		display: none;
		height: calc(100% - 60px);
		top: 60px;
	}
	.meun-nav .close {
		background: url(../images/close-icon.svg) no-repeat center;
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 10;
		box-sizing: border-box;
		width: 40px;
		height: 40px;
		-webkit-transition: -webkit-transform .25s ease;
		transition: transform .25s ease;
		cursor: pointer;
	}
	.meun-nav .w1440 {
		padding-top: 6%;
	}
	.meun-nav .imgbox {
		width: 37.5%;
		float: right;
		margin-top: 45px;
	}
	.meun-nav .imgbox .img,
	.meun-nav .imgbox img {
		width: 100%;
	}
	.meun-nav .imgbox .text {
		margin-top: 15px;
	}
	.meun-nav .imgbox .text .h {
		font-size: 20px;
		line-height: 1.5;
		color: #333;
		margin-bottom: 5px;
	}
	.meun-nav .imgbox .text .p {
		font-size: 14px;
		line-height: 1.5;
		color: #666;
	}
	.meun-nav .nav-list {
		width: 44%;
		float: left;
	}
	.meun-nav .nav-list .ul {
		width: 50%;
		position: relative;
	}
	.meun-nav .nav-list .ul:before {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		width: 1px;
		margin-top: -210px;
		height: 450px;
		background: #cbcbcb;
	}
	.meun-nav .nav-list .nav-li {
		width: 50%;
		position: relative;
		margin-top: 45px;
	}
	.meun-nav .nav-list .nav-li .sub-li {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		visibility: hidden;
		width: 100%;
	}
	.meun-nav .nav-list .nav-li .sub-li.active {
		opacity: 1;
		visibility: visible;
	}
	.meun-nav .nav-list .nav-li a {
		display: block;
		text-indent: 50%;
		font-size: 18px;
		margin-bottom: 5px;
		color: #333;
		line-height: 1.8;
		cursor: pointer;
		-webkit-transition: all .35s ease;
		transition: all .35s ease;
		-webkit-transform: translate(-20px, 0);
		-ms-transform: translate(-20px, 0);
		transform: translate(-20px, 0);
		opacity: 0;
	}
	.meun-nav .nav-list .nav-li a:hover {
		color: #2dbef0;
		padding-left: 5px;
	}
	.meun-nav .nav-list .nav-li a.cur {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
	.meun-nav .ul .li-index {
		font-size: 14px;
		line-height: 1.8;
		color: #333;
		margin-bottom: 18px;
		display: block;
		-webkit-transition: all .3s;
		transition: all .3s;
		cursor: pointer;
	}
	.meun-nav .ul .li-index:hover {
		color: #2dbef0;
	}
	.meun-nav .ul .li {
		display: block;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		overflow: hidden;
		overflow: visible !important;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: 30px;
		line-height: 1.8;
		-webkit-transition: color .2s ease;
		transition: color .2s ease;
		cursor: pointer;
		color: #000;
		position: relative;
		-webkit-transition: padding-left .35s ease, text-indent .35s ease, color .35s;
		transition: padding-left .35s ease, text-indent .35s ease, color .35s;
	}
	.meun-nav .ul .li:before {
		content: "";
		position: absolute;
		width: 0;
		left: 0;
		top: 50%;
		margin-top: -1px;
		left: 0;
		height: 2px;
		background-color: #2dbef0;
		-webkit-transition: width .35s ease;
		transition: width .35s ease;
	}
	.meun-nav .ul .li:hover,
	.meun-nav .ul .li.cur {
		color: #2dbef0;
		padding-left: 30px;
		text-indent: 10px;
	}
	.meun-nav .ul .li:hover:before,
	.meun-nav .ul .li.cur:before {
		width: 30px;
	}
	#main .bannerImgFa {
		height: 120px;
		padding-top: 60px;
	}
	#main .zoujinhr-nav {
		top: 120px;
		height: 60px;
		position: static;
	}
	#main .navs {
		width: 95%
	}
	#main .navs .nav-left {
		display: none
	}
	#main .navs .nav-right {
		width: 100%;
		padding-right: 0px;
		overflow-x: auto;
	}
	#main .navs .nav-right>div {
		display: flex;
	}
	#main .navs .nav-right li {
		padding: 0 7px;
    	line-height: 60px;
		flex: 0 0 auto;
		position: inherit;
	}
	.introduction .introduction-top .top2 {
		display: none
	}
	.introduction .introduction-bottom .bottom1 {
		width: 100%
	}
	.introduction .introduction-bottom .bottom1>div:nth-child(1) {
		font-size: 26px;
	}
	.introduction .introduction-bottom .bottom1>div:nth-child(2) {
		font-size: 50px;
	}
	.introduction .introduction-bottom .bottom2 {
		width: 100%;
		padding: 0px;
	}
	#main .area-content .carousel-item .lbArea {
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
		height: auto
	}
	#main .area-content {
		width: 80%
	}
	.carousel-control-prev {
		left: 0px
	}
	.carousel-control-next {
		right: 0px
	}
	.fu_banener_box {
		padding-top: 60px !important;
	}
	.introduction .introduction-top .top1>p:nth-child(3) {
		font-size: 25px;
	}
	.introduction .introduction-top .top1>p:nth-child(1) {
		font-size: 20px;
	}
	#main .tabs {
		width: 90%;
		padding-top: 0;
	}
	.wenhua_con .wh_fl,
	.wenhua_con .wh_fr {
		width: auto !important
	}
	.whyj {
		width: 100%
	}
	.whyj li {
		width: 90%
	}
	.fu_banener_box img {
		padding: 0px;
	}
	.fu_banener_box img {
		padding-top: 0px !important
	}
	.p_title {
		float: none !important
	}
	.t_title {
		text-align: left
	}
	.right_box .col-lg-1 {
		width: 23.5%;
		vertical-align: top;
	}
	#project .t_text {
		font-size: 14px;
		font-weight: 100
	}
	.content .contentBottom {
		margin-top: 20px;
	}
	.content .contentBottom .imgBox {
		width: 100% !important;
		height: auto !important;
	}
	.content .contentBottom .imgFa>img {
		height: auto
	}
	.content .contentBottom>a:nth-child(3n+2) {
		margin-left: 0;
		margin-right: 0
	}
	.content {
		margin: 30px auto;
	}
	.content .contentBottom .imgFa,
	.content .contentBottom .jxsb_con {
		float: none !important
	}
	.content .contentBottom .jxsb_con {
		width: 90% !important;
	}
	.content .contentBottom .imgFa {
		width: 100% !important;
	}
	.navBox .nav-right {
		display: none
	}
	.navs {
		margin-top: 60px;
	}
	.news {
		width: 90% !important;
		margin-top: 30px;
	}
	.navBox {
		width: 90%;
	}
	.newsDetail {
		width: 90% !important
	}
	.newsLeft .newsHead .newsTitle {
		font-size: 22px;
		padding-right: 0px;
	}
	.newsLeft {
		padding: 0px !important
	}
	.newsLeft .newsHead .newsTime {
		display: block;
		position: inherit
	}
	.fu_banener_box2 {
		height: auto
	}
	.introduction .introduction-top {
		padding-top: 40px;
	}
	.introduction .introduction-top .top1{
		/*margin-top: -30px;*/
	}
	#main .hr-nav {
		top: 120px !important;
	}
	.introduction .introduction-bottom {
		margin-top: 40px;
	}
	.zoujinhr-nav {
		top: 120px;
	}
	.zoujinhr-nav .nav-left {
		display: none
	}
	.zoujinhr-nav .nav-right {
		display: block;
		float: none;
		overflow-x: auto;
		padding-right: 0px;
	}
	.zoujinhr-nav .nav-right>div{
		display: flex;
	}
	.zoujinhr-nav .nav-right li {
		padding: 0 7px;
		position: inherit;
	}
	.zoujinhr-nav .navs {
		width: 95%;
		margin-top: 0px;
	}
	body {
		min-width: auto
	}
	.news .boxFa>div:nth-child(3n+2) {
		margin-left: 0%;
		margin-right: 0%;
	}
	#n_contact .up_box .main_box {
		height: auto;
		margin: 0 auto;
		width: 90%;
		background: none
	}
	#n_contact .up_box .pic_box {
		position: inherit;
		width: auto;
		heigh: auto
	}
	#n_contact .up_box .text_box {
		padding-left: 0;
		height: auto;
	}
	.main_box {
		width: 90%;
		margin: auto
	}
	.zhu_main_box .main_box {
		width: 100%;
		margin: auto
	}
	#n_contact .un_box .next {
		right: -5%;
	}
	#footer .footer-left .subsidiaryFa {
		position: inherit !important;
		width: auto !important
	}
	.mobile-mu .sub-menu .tit {
		font-size: 16px;
	}
	.mobile-mu .sub-menu .tit a {
		display: block
	}
	#dituContent {
		height: 250px !important;
		width: 90% !important;
		margin: auto !important;
	}
	.mainContent {
		margin-top: 60px;
	}
	.navs .nav-right li a {
		font-size: 13px !important;
	}
	/*社会招聘*/
	.zoujinhr-nav {
		height: 60px !important;
		position: static;
	}
	.zhu_main_box{
		position: static;
		padding-top: 40px;
	}
}