@charset "utf-8";



.job a {
    color:#ffffff
}

*{ padding: 0; margin: 0; }

img{    max-width: 100%;}

body{ font-size: 12px; color: #333; font-size: '微软雅黑' }

.top{ height: 35px; line-height: 35px; background: #f0f0f0 }

.top .topl{ font-size: 16px; color: #666666 }

.top .topr{}
.nei_ban {
    background-size: cover!important;
}
.top .topr form.ss{ display: inline-block; width: 142px; height: 22px; border: solid 1px #dcdcdc; border-radius: 10px; margin-top: 6px; float: left; margin-right: 32px; }

.top .topr form.ss input.text{ width: 105px; height: 20px; float: left; margin-left: 10px; background: none; font-size: 12px; }

.top .topr form.ss input.sub{ width: 12px; float: left; margin:4px 0 0 5px;  }

.top .topr a.qyyx{ color: #999999; font-size: 14px;  margin-right: 32px;}

.top .topr a.cn{ color: #999; font-size: 14px; margin-right: 30px;}

.top .topr a.cn img{ vertical-align: middle; margin-right: 5px; }

.top .topr a.en{ color: #999; font-size: 14px;}

.top .topr a.en img{ vertical-align: middle; margin-right: 5px; }



.head_pc{}

.head_pc .head{ height: 90px; }

.head_pc .head a.logo{ margin: 10px 0 0 0; }

.head_pc .nav{}

.head_pc .nav ul{ margin-top: 40px; }

.head_pc .nav ul li{ padding: 0 20px; position: relative;; }

.head_pc .nav ul li a{ display: block; font-size: 16px; color: #333; padding-bottom: 10px; }

.head_pc .nav ul li.active a{ color: #0062b1; }

.navhide{

  position: absolute;

  left: 0;

  top: 100%;

  width: 100%;

  background: #fff;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  transition: .25s;

}

.head_pc .nav ul li .navhide a {

    display: block;

    text-align: center;

    line-height: 34px;

    font-size: 14px;

    padding-bottom: 0px;

    color: #666;

}

.head_pc .nav ul li{ position: relative; }

.head_pc .nav ul li:hover .navhide{

  opacity: 1;

  visibility: inherit;

}









.swiper-container-bn{ height: 520px; overflow:hidden; }

.swiper-container-bn .swiper-slide{ position: relative; }

.swiper-container-bn .swiper-slide .text{ position: absolute; width: 100%; top: 0; left: 0; }

.swiper-container-bn .swiper-slide .text .textc{ width: 1000px; margin: 0 auto }

.swiper-container-bn .swiper-slide .text .textc h2{ text-align: center; font-size: 48px; color: #fff; margin-top: 185px; }

.swiper-container-bn .swiper-slide .text .textc span{ display: inline-block; text-align: center; font-size: 20px; color: #fff; margin-top: 40px; text-align: center; width: 100% }







.m1{ margin-top: 55px; }

.m1 .tit{ font-size: 28px; color: 333; text-align: center; }

.m1 i{ display: block; width: 65px; height: 2px; background: #0062b1; margin: 0 auto; margin-top: 20px; margin-bottom: 50px; }

.m1l{ width: 585px; padding-bottom: 20px;}

.m1l .tabtit{ border-bottom: solid 1px #d2d2d2; }

.m1l .tabtit ul{ margin-bottom: -1px; }

.m1l .tabtit ul li{ display: inline-block; }

.m1l .tabtit ul li:nth-child(1){ margin-right: 40px; }

.m1l .tabtit ul li:nth-child(2){ margin-right: 40px; }

.m1l .tabtit ul li a{ display: block; font-size: 20px; color: #666; padding-bottom: 12px;  box-sizing: border-box; }

.m1l .tabtit ul li:hover a,.m1l .tabtit ul li.active a{ border-bottom: solid 2px #0062b1; color: #333; font-weight: bold;}

.m1l .tabtit a.more{ margin: 10px 8px 0 0; font-size: 16px; color: #999 }

.m1l .tabc{}

.m1l .tabc .item{ display: none;; } 

.m1l .tabc .item:nth-child(1){ display: block;; } 

.m1l .tabc .item a.first{ font-size: 24px; color: #0062b1; display: block; margin: 27px 0 18px 0; }

.m1l .tabc .item ul{}

.m1l .tabc .item ul li{ line-height: 35px; }

.m1l .tabc .item ul li a{ font-size: 16px; color: #333;width: 76%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis; }

.m1l .tabc .item ul li span{ color: #747474; font-size: 14px; }



.m1r{ width: 565px; height: 350px; margin-top: 10px;}

.swiper-container-news .swiper-pagination-bullet{ width: 36px; height: 6px; border-radius: 20px; background: #fff; opacity: 0.8;}

.swiper-container-news .swiper-pagination-bullet-active{ opacity: 1; background: #007aff;}



.m2{ background: #f5f5f5;  position: relative;; padding-bottom: 105px; }

.m2 .tit{ font-size: 28px; color:#333; text-align: center; margin-top: 52px;}

.m2 i{ display: block; width: 65px; height: 2px; background: #0062b1; margin: 0 auto; margin-top: 20px; margin-bottom: 45px;}

.m2c{}

.m2c .m2clist{  border:solid 1px #ececec; height: 350px; -moz-box-shadow:0px 6px 20px #cccccc; -webkit-box-shadow:0px 6px 20px #cccccc; box-shadow:0px 6px 20px #cccccc;}

.m2c .m2clist:hover{ background: #fff }

.m2c .m2clist a.bnimg{ display: block; width: 340px; height: 140px; overflow:hidden; margin:0 auto; margin-top: 25px;text-align: center;}

.m2c .m2clist a.bnimg img{ max-width: 100%;

    max-height: 100%; }

.m2c .m2clist span{ display: block; font-size: 18px; color: #333; text-align: center; width: auto; margin-top: 22px; margin-bottom: 26px; font-weight: bold; }

.m2c .m2clist:hover span{ color: #0062b1 }

.m2c .m2clist p{ font-size: 14px; line-height: 25px; width: 295px; color: #666; margin: 0 auto; text-align: center;}

.m2c .swiper-container-yw .swiper-button-prev{ width: 53px; height: 56px; background: url(../images/left.jpg) no-repeat; }

.m2c .swiper-container-yw .swiper-button-next{ width: 53px; height: 56px; background: url(../images/right.jpg) no-repeat; }

.m2c .yw-btns{ position: absolute; width: 1350px; top: 340px; left: 50%; margin-left: -675px;}

.m2c .yw-btns .swiper-button-prev-yw{ width: 53px; height: 56px; background: url(../images/left.jpg) no-repeat; }

.m2c .swiper-container-yw .swiper-slide{ height: 370px; }

.m2c .yw-btns .swiper-button-next-yw{ width: 53px; height: 56px; background: url(../images/left.jpg) no-repeat; }

.m2c .swiper-pagination{ width: 1200px; margin-top: 40px;}

.m2c .swiper-pagination .swiper-pagination-bullet{ margin: 0 3px; width: 14px; height: 13px; background: url(../images/dian.jpg) no-repeat; }

.m2c .swiper-pagination .swiper-pagination-bullet-active{ background: url(../images/dianon.jpg) no-repeat; }







.m3{ background: url(../images/f_bg.jpg) no-repeat center bottom #fff;  position: relative;; padding-bottom: 215px; position: relative; }

.m3 .border{ height: 1px; background: #dadada; position: absolute; width: 100%; left: 0; top: 291px; z-index: 1; }

.m3 .tit{ font-size: 28px; color: 333; text-align: center; margin-top: 52px;}

.m3 i{ display: block; width: 65px; height: 2px; background: #0062b1; margin: 0 auto; margin-top: 20px; margin-bottom: 45px;}

.m3 .swiper-container-ry{}

.m3 .swiper-container-ry .swiper-slide{ height: 380px; padding: 0 15px; padding-top: 10px;}

.m3 .swiper-container-ry .swiper-button-prev{ width: 27px; height: 17px; background: url(../images/left2.jpg) no-repeat; }	

.m3 .swiper-container-ry .swiper-button-next{ width: 27px; height: 17px; background: url(../images/right2.jpg) no-repeat; }

.m3 .swiper-container-ry .ry-item{ padding-top: 75px; padding-bottom: 40px; background: #fff; position: relative;    text-align: center;}

.m3 .swiper-container-ry .ry-item img {height: 142px;}

.m3 .swiper-container-ry .ry-item .border{height: 1px; background: #dadada; width: 100%; position: absolute; top: 125px;}

.m3 .swiper-container-ry .ry-item:hover{ -moz-box-shadow:0px 6px 20px #cccccc; -webkit-box-shadow:0px 6px 20px #cccccc; box-shadow:0px 6px 20px #cccccc;}

.m3 .swiper-container-ry .ry-item span{ display: block; font-size: 20px; color: #666; text-align: center; }

.m3 .swiper-container-ry .ry-item i{ display: block; width: 12px; height: 36px; background: url(../images/ry-ico.jpg) no-repeat; margin-bottom: 10px; position: relative; z-index: 99}

.m3 .swiper-container-ry .ry-item:hover i{ background: url(../images/ry-ico-on.jpg) no-repeat; z-index: 99}

.m3 .swiper-container-ry .ry-item p{ font-size: 14px; color: #999; line-height: 30px; width: 200px; margin: 0 auto; text-align: center; }

.m3 .swiper-container-ry .ry-item:hover p{ color: #666666 }

.m3 .ry-brns{ position: relative;; width: 1300px; margin: 0 auto; }

.m3 .ry-brns .swiper-button-next-ry{ width: 27px; height: 17px; background: url(../images/right2.jpg) no-repeat; top: -190px; right: 0px; }

.m3 .ry-brns .swiper-button-prev-ry{ width: 27px; height: 17px; background: url(../images/left2.jpg) no-repeat; top: -190px; right: 0px; }







.foot{ background: url(../images/foot_bg.jpg) no-repeat; height: 150px;    background-size: cover; }

.foot  a.flogo{  margin-top: 22px; }

.foot .fmenu{ color: #fff; font-size: 16px; line-height: 36px; padding-top: 45px; margin-left: 60px; }

.foot .fmenu a{ color: #fff;padding: 0 10px; }

.foot .fmenu span{ color: #fff }

.foot .ewm{ margin-top: 25px; }

.foot .ewm img{ height: 96px; width: 96px; }

.foot .ewm img:nth-child(1) { margin-left: 16px;}









/*关于我们*/

.nei_ban { clear: both; width: 100%; height: 270px;}

.nei_ban h3 { text-align: center; width: 100%; clear: both; font-size: 48px; color: #FFF; font-weight: normal; padding-top: 105px;}

.nei_ban p { font-size: 24px; color: #FFF; text-transform: uppercase;}

.ptb3 { padding-top: 3%;}

.fl_list { clear: both; display: table; text-align: center; margin: 0 auto;}

.fl_list li { float: left; margin: 0 20px; display: block;}

.fl_list .cli a { background: #0062b1;}

.fl_list li a { background: #b9b9b9; display: block; padding: 12px 40px; font-size: 18px; color: #FFF; border-radius: 5px;}

.fl_list li a:hover { background: #0062b1; }

.ab_tit { clear: both; width: 100%; text-align: center;}

.ab_tit h3 { font-size: 30px;}

.ab_tit i { display: block; width: 50px; height: 2px; background: #0062b1; margin: 0 auto; margin-top: 20px;}

.ptb2 { padding-top: 2%;}

.ab_txt_txt { float: left; width: 50%; line-height: 30px;}

.ab_txt_img { float: right; width: 40%;}

.clear { height: 0; clear: both; zoom: 1;}



/*业务领域*/

.fwList{}

.fwList ul{}

.fwList ul li{ width: 378px; text-align: center; height: 375px;; position: relative; margin-bottom: 18px}

.fwList ul li:hover {box-shadow: 0px 0px 10px 5px rgba(78,78,78,0.1);}

.fwList ul li:hover .fwtxt{ height: 200px; position: absolute; bottom: 0px; left: 0px; width: 100%;}

.fwList ul li:hover .fwtxt b{ color: #0062b1;}

.fwList ul li:hover .fwtxt p{ display: block;}

.fwList ul li:hover .fwtxt span{ margin-bottom: 22px;; background-color: #0062b1;}

.fwList ul li:nth-child(3n+2){ margin: 0px 33px;}

.fwList ul li .fwtxt{ overflow: hidden; background: #fff;    padding-top: 32px;}

.fwList ul li b{ font-size: 18px; color: #333; display: inline-block;
/*padding-top: 32px;*/
    
}

.fwList ul li span{ display: block; width: 50px; height: 1px; background: #e6bf2a; margin: 0 auto; margin-top: 20px; margin-bottom: 40px;;}

.fwList ul li p{ display: none; color: #999; width: 80%; margin: 0 auto;}

.fwList ul li img{ width: 100%; height: 260px;} 



/**/



.news_l{ float:left; width:68%;}

.news_cl{ clear:both; width:100%;}

.news_cl li{ float:left; padding-right:20px;}

.news_cl li a{ font-size:22px;}

.news_cl li a:hover{ color:#0ba299;}

.news_cl .cli a{ color:#0ba299;}

.nw_list{ clear:both; width:100%;}

.nw_list dl{ clear:both;border-bottom:1px #dcdcdc solid; padding:30px 0;}

.nw_list dl dt{ float:left; width:25%;}

.nw_list dl dt img{ width:100%; height:100%;}

.nw_list dl dd{ float:right; width:71%;}

/*.nw_list dl:first-child dd h3 a{ color:#0ba299;}*/

.nw_list dl dd h3{ font-size:18px;}

.nw_list dl dd h5{ font-weight:normal; font-size:12px; color:#999999; padding:10px 0;}

.nw_list dl dd p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:26px;}



.nw_tj_list{ clear:both; width:100%;}

.nw_tj_list dl{ clear:both; padding:12px 0;}

.nw_tj_list dl dt{ float:left; width:35%;}

.nw_tj_list dl dt img{ width:100%; height:100%;}

.nw_tj_list dl dd{ float:right; width:60%;}

.nw_tj_list dl dd h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

.nw_tj_list dl dd h5{ font-weight:normal; font-size:12px; color:#999999; padding-top:3px;}



.news_r{ float:right; width:28%; padding-left:35px;}

.news_line{ border-left:1px #dcdcdc solid;}

.news_tjtit{ font-size:22px; padding-bottom:18px;}



.news_tj_img{ clear:both; width:100%;}

.news_tj_img li{ clear:both; text-align:center;}

.news_tj_img li img{ width:100%;}

.news_tj_img li h3{ padding:10px 0;}  



.news_show_tit{ clear:both; width:100%; font-size:24px; font-weight:bold;}

.news_show_time{ color:#999999; padding:15px 2px;}

.news_show_ms{ background:#efefef; padding:15px 25px; color:#999999; line-height:25px;display:none}

.news_show_txt{ padding-top:30px; line-height:30px;font-size:1rem}

.news_up_line{ clear:both; border-top:1px #d2d2d2 solid; padding-top:20px;}



ul.pagelist{ text-align: center;}

ul.pagelist li{ display:inline-block; padding: 6px 11px; border:solid 1px #ccc; border-radius: 100px}

ul.pagelist li.thisclass,ul.pagelist li:hover{ border: solid 1px #0062b1;}





/*文化*/

h4.tit2{ color: #333; font-size: 30px; text-align: center; margin-top: 35px; }

i.tit2i{ display: block; width: 60px; height: 2px; margin: 0 auto; background: #0062b1; margin-top: 22px; margin-bottom: 48px; }

ul.whlist{}

ul.whlist li{ width: 299px; height: 413px; float: left; }

ul.whlist li h5{ font-size: 20px; color: #222; text-align: center; margin-top: 160px; }

ul.whlist li p{ color: #666; font-size: 16px; width: 85%; text-align: center; margin: 0 auto; margin-top: 22px;}

ul.whlist li.li1{ background: url(../images/wximg1.jpg) no-repeat; }

ul.whlist li.li2{ background: url(../images/wximg2.jpg) no-repeat; }

ul.whlist li.li3{ background: url(../images/wximg3.jpg) no-repeat; }

/*ul.whlist li.li3 h5{ color: #fff; }*/

/*ul.whlist li.li3 p{ color: #fff; }*/

ul.whlist li.li4{ background: url(../images/wximg4.jpg) no-repeat; }

ul.whlist li.li5{ background: url(../images/wximg5.jpg) no-repeat; }

ul.whlist li.li6{ background: url(../images/wximg6.jpg) no-repeat; }

ul.whlist li.li7{ background: url(../images/wximg7.jpg) no-repeat; }

ul.whlist li.li8{ background: url(../images/wximg8.jpg) no-repeat; }

.whad{ height: 233px; background: url(../images/fwptimg.jpg) no-repeat center center; margin-top: 85px; overflow: hidden; margin-bottom: 40px;}

.whad h2{ color: #fff; font-size: 36px; text-align: center; margin-top: 98px; }

.qywh{ overflow: hidden; }

.qywhc{ height: 300px; }

.qywhc a.bnimg{ border: solid 1px #d7e0e9; display: block; }

.qywhc a.bnimg img{ width: 334px; height: 190px; margin: 0 auto; display: block; margin-top: 25px; margin-bottom: 25px; }

.swiper-container-ygfc{ height: 300px; }

.swiper-container-ygfc .swiper-pagination-bullet{ background: #333; border-radius: 0; width: 20px; }







/*招聘*/

.zxns{ overflow: hidden; }

.zxnsc{}

.zxnsc p{ font-size: 16px; color: #222; line-height: 30px; text-align: center;; }

.zxnsc p a{ color: #0062b1 }

.mainbox img.zxnsimg{ margin-top: 50px; }



.job{ padding: 60px 0px;}

.job ul{}

.job ul li{ margin-bottom: 15px;}

.job ul li .jobtit{ height: 60px; background: #f5f5f5; line-height: 60px; overflow: hidden;}

.job ul li .jobtit p{ font-size: 16px; color: #666666;}

.job ul li .jobtit p span{ font-size: 18px;  color: #222; display: inline-block; padding-right: 15px; font-weight: bold;}

.job ul li .jobtit p span b{  display: inline-block; padding: 0 65px}

.job ul li .jobtit a.jobxq{ height: 60px; color: #fff; padding: 0px 30px; font-size: 18px;}

.job ul li .jobtit a.jobxq img{ vertical-align: middle; }

.job ul li .jobc{ background: #0062b1; display: none;; }

.job ul li:nth-child(1) .jobc{ display: block; }

.job ul li .desc{ padding-top: 20px; padding-bottom: 30px;}

.job ul li:nth-child(1) .desc{ display:block}

.job ul li .desc p{ color: #fff; line-height: 28px; font-size: 14px;}

.job ul li .desc p span.sp1{ display: inline-block;; width: 70px; vertical-align: top; }

.job ul li .desc p span.sp2{ display: inline-block;; width: 1000px; }

.job ul li .desc .sp1 {
    color: #fff;
    line-height: 28px;
    font-size: 14px;
}


/*联系我们*/

.contact_bg{ background: url(../images/contactbg.jpg) no-repeat bottom center #f1f3f4; }

.contact-tit{ color: #333; font-size: 30px; font-weight: bold; text-align: center; }

.contact-tit i{ display: inline-block;; width: 48px; height: 1px; background: #999999; vertical-align: middle; margin:0 10px; }

.contact-tit p{ color: #727272; font-size: 16px; margin-top: 10px; font-weight: normal; }

.contact-box{ background: #fff; margin-top: 53px; padding: 60px 50px; margin-bottom: 110px; }

.contact-l{ padding-top: 26px; width: 40% }

.contact-l h3{ color: #333; font-size: 24px; margin-top: 38px; margin-bottom: 27px;}

.contact-l p{ color: #666; line-height: 30px; font-size: 14px; }

.contact-r{ width: 615px; height: 370px; }





@media only screen and (min-width:768px) and (max-width:1199px) {

	.a1br{

		padding-top: 0;

	}

}

@media only screen and (max-width:950px) {

	.swiper-container-bn .swiper-pagination-bullet{

		width: 30px;

		height: 4px;

	}

}

@media only screen and (max-width:768px) {

.news_l{ width: 100% }

.news_r{ width: 100%; padding: 0; border-left: none; }

.fl_list li {

    float: left;

	width:48%; margin:0px 1%; margin-bottom:10px;

    display: block;

}

.news_cl li a{ font-size: 18px; }

.nw_list dl dd{ width:60%;}

.nw_list dl dd p{ display:none;}

.nw_list dl dt img {

    width: 100%;

    height: 100%;

}

.nw_list dl dt {

    width: 35%;

}

.nw_list dl dd h3{ font-size: 14px; }

ul.whlist li{ width: 100%;    background-size: cover !important; margin-bottom: 5px }

.ab_txt_txt{ width: 100% }

.ab_txt_img{ width: 100% }

.ab_txt_img img{ max-width: 100% }

.contact-box{    padding: 45px 20px;}

.contact-l{ padding-top: 0; }

.contact-r{ width: 100%; margin-top: 10px; }

.contact-box{ margin-bottom: 10px; }

.contact-tit{ margin-top: 20px; }

.whad h2{ font-size: 24px; margin-top: 65px;}

.whad{ height: 153px; margin-top: 30px; margin-bottom:15px;}

h4.tit2{}

	.top{ display: none;; }

	.search{

		padding: 0;

		margin-top: 15px;

	}

	.sc1{

		width: 80%;    height: 35px;

    border: 1px solid #e5e5e5;

    color: #666;

    padding-left: 10px;

	}

	.sc2{

		width: 20%;    height: 35px;

    border: 1px solid #e5e5e5;

    border-left: 0;

    background: url(../images/ss.jpg) no-repeat center #f0f0f0;

    cursor: pointer;

	}

	.wapnava .cnen{ width: 100% }

	.wapnava .cnen a{ width: 50%; float: left; }

	.wapnava .cnen a img{ vertical-align: middle; margin-right: 10px; }

	.swiper-container-bn{ height: 180px; }

	.m1{ margin-top: 15px; }

	.m1 .tit{}

	.m1 i{ margin-top: 10px; margin-bottom: 30px; }

	.m1l{ width: 100% }

	.m1r{ width: 100%; height: 230px; }

	.m1l .tabtit a.more {

    margin: 3px 8px 0 0;

    font-size: 12px;

    color: #999;

}

	.m1l .tabtit ul li a{ font-size: 16px; }

	.swiper-container-news{ height: 230px; }

	.m1l .tabc .item a.first {font-size: 20px;color: #0062b1;display: block;margin: 12px 0 12px 0;}

	.m1l .tabc .item ul li a{ font-size: 12px; }





	.m2{ margin-top: 15px; }

	.m2 .tit{ margin-top: 12px }

	.m2 i{ margin-top: 8px; margin-bottom: 10px; }

	.m2c .m2clist a.bnimg{ width: 100% }

	.m2c .m2clist span{ width: 100% }

	.m2c .m2clist p{ width: 75%; text-align: center; }





	

	.m3{ margin-top: 15px; }

	.m3 .tit{ margin-top: 12px }

	.m3 i{ margin-top: 19px; margin-bottom: 10px; }

	.m3 .ry-brns{ display: none; }



.m3 .border{ top: 215px; }





	.foot{ height: auto; background-size: cover; padding-bottom: 20px;}

	.foot .fmenu{ margin: 0; font-size: 12px;}

	.foot .fmenu span{ display: inline-block; padding: 0 6px; }

	.foot a.flogo{ display: block; width: 100%; text-align: center; }

	.foot .ewm{ width: 100%; text-align: center;}

	.foot .ewm a{ display: inline-block; width: 35%; padding: 0 5%; box-sizing: unset; }

	.foot .ewm img:nth-child(1){  margin-right: 0; width: 100%; height: auto }

}

@media screen and (max-width: 768px) {
    .fwList ul li:nth-child(3n+2) {
         margin: auto; 
    }
    .fwList ul li {
        width: 100%!important;
        margin: auto!important;
        float: none!important;
    }
    .m2 {
        background: #f5f5f5;
        position: relative;
        padding-bottom: 20px;
    }
    .m2c .m2clist p {
        width: 90%;
        text-align: center;
    }
}