*{outline:0;margin:0;padding:0; box-sizing: border-box;}
img,a img,a:hover img{ border:0; }
i,em{font-style:normal}
ol,ul,dl,li,dt,dd{list-style:none; }
:focus{outline:0;}
a{color:#444444;text-decoration:none; }
a:hover{color:#0085ff;text-decoration:none;}
a,a:active,.btn,.more{ transition:all 300ms ease; appearance:none;}
input,select,textarea,button{ font-size: 15rem; appearance: none; font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; font-weight: 400; }
::-webkit-input-placeholder { color:#999999; }
.clear{height:0;font-size:0;overflow:hidden;clear:both;float:none;}
iframe { border:0;}

html { height:100%; font-size:calc(100vw/1920) !important; }
body{ color:#444444; background: #ffffff; font-size: 16rem; line-height: 1.5; font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; font-weight: 400; }

@font-face {
	font-family: 'DIN';
	src: url('fonts/DIN-Bold.ttf') format('truetype');
}


.pc_show { display: block;}
.wap_show { display: none;}

.wow { visibility: hidden; }

.wrap { overflow: hidden; }

.mainbox { width: 1600rem; margin: 0 auto; position: relative; transition:all 300ms ease;}
.mainbox:after { display: block; content: ''; clear: both;}

.header { position: fixed; left: 0; top: 0; right: 0; padding: 24rem 40rem; z-index: 9999; transition:all 300ms ease;}

.topbox { height: 100rem; background: rgba(255,255,255,0.8); box-shadow: 0rem 0rem 21rem 0rem rgba(38,38,39,0.28); border-radius: 15rem; padding: 0 56rem; position: relative; transition:all 300ms ease;}

.head_logo { float: left; padding: 22rem 0; transition:all 300ms ease;}
.head_logo img { display: block; height: 56rem; transition:all 300ms ease;}

.head_nav { float: right; margin-right: 170rem; }
.head_nav ul li { float: left; position: relative; }
.head_nav ul li .t { display: block; height: 100rem; line-height: 100rem; padding:0 47rem; text-transform: uppercase; font-size: 24rem; position: relative; }
.head_nav ul li .t:hover { color: #0085ff;}
.head_nav ul li .t.on { color: #0085ff;}
.head_nav ul li .t:hover:after { display: block; content: ''; position: absolute; left: 50%; bottom: 0; width: 146rem; border-radius: 2rem; height: 3rem; background: #0085ff; margin-left: -73rem;}


.head_nav ul li .ms { display: none; position: fixed; left: 50%; top: 124rem; width: 1220rem; margin-left: -610rem; background: rgba(255,255,255,0.8); border-radius: 0 0 15rem 15rem; padding: 20rem 20rem 20rem 27rem; box-shadow: 0 10rem 18rem rgba(0,0,0,0.28); }
.head_nav ul li .ms .nav { float: left; width: 208rem; }
.head_nav ul li .ms .navs { border-bottom: 1rem #d9d9d9 solid; position: relative;}
.head_nav ul li .ms .navs>a { display: block; text-align: center; padding: 16rem; font-size: 20rem; line-height: 34rem; border-radius: 5rem;}
.head_nav ul li .ms .navs>a:hover { background: #0085ff; color: #fff;}
.head_nav ul li .ms .navs .m { position: absolute; display: none; left: 208rem; width: 308rem; box-sizing: border-box; top: 0; padding: 10rem 36rem 24rem 36rem; border-radius: 5rem; background: #fff; box-shadow: 0 0 18rem rgba(0,0,0,0.18);}
.head_nav ul li .ms .navs .m a { display: block; text-align: center; padding: 10rem 12rem; font-size: 18rem; line-height: 28rem; border-bottom: 1rem #d9d9d9 solid;}
.head_nav ul li .ms .navs .m a:hover { background: #0085ff; color: #fff; border-radius: 5rem;}
.head_nav ul li .ms .navs:hover .m { display: block;}
.head_nav ul li .ms .img { float: right;}
.head_nav ul li .ms .img img{ display: block; border-radius: 15rem; width: 935rem; height: 327rem; object-fit: cover;}
.head_nav ul li .ms:after { display: block; content: ''; clear: both;}

.head_nav ul li:hover .ms { display: block;}


.head_tool { float: right; padding: 30rem 0; transition:all 300ms ease;}

.lang_btn { float: left; line-height: 40rem; width: 40rem; border-radius: 20rem; font-weight: bold; font-size: 15rem; background: #0085FF; color: #fff; margin-left: 18rem; text-align: center;}
.lang_btn:hover { background: #00b4ff; color: #ffffff;}

.search_btn { float: left; background: url(../img/search.png) center center no-repeat #0085FF; background-size: 38rem auto; cursor: pointer; width: 40rem; height: 40rem; border-radius: 20rem; transition:all 300ms ease; }
.search_btn:hover { background-color: #00b4ff; }


.top_search { position: absolute; left: 0; right: 0; top: 122rem; padding: 32rem 0; display: none; z-index: 999;}
.top_search_m { display: block; width: 600rem; margin: 0 auto; position: relative;}
.top_search_m .input { display: block; border: 0; background: rgba(255, 255, 255, 0.8); height: 60rem; line-height: 60rem; font-size: 20rem; color: #343398; width: 100%; text-indent: 30rem; border-radius: 30rem;}
.top_search_m .btn { display: block; border: 0; position: absolute; right: 10rem; top: 10rem; width: 40rem; height: 40rem; background: url(../img/search.png) center center no-repeat #0085FF; background-size: 38rem auto; border-radius: 100%; cursor: pointer;}
.top_search_m .btn:hover { background-color: #00b4ff; }

.top_search_i { position: absolute; left: 0; right: 0; top: 80rem; padding: 32rem 0; z-index: 999;}

.headers { padding: 10rem 24rem;}
.headers .topbox{ height: 70rem; background: rgba(255,255,255,0.95);}
.headers .head_logo { padding: 12rem 0; }
.headers .head_logo img { height: 46rem; }
.headers .head_nav ul li .t { height: 70rem; line-height: 70rem; }
.headers .head_tool { padding: 15rem 0; }

.headers .head_nav ul li .ms { top: 80rem; background: rgba(255,255,255,0.95); }

.nav_btn { display: none;}


.ibanner{position: relative; z-index: 1; width: 100%;}
.bannerpic { position: relative; z-index: 1;}
.bannerpic .img {width: 100%; height: 933rem;position: relative;z-index: 1; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}
.bannerpic .con { position: absolute; left: 50%; top: 50%; width: 1400rem; padding: 0 30rem; margin-left: -700rem; transform: translateY(-50%); }
.bannerpic .con .t { color: #ffffff; margin-bottom: 42rem;}
.bannerpic .con .t span { display: block; text-transform: uppercase; font-size: 20rem; line-height: 1; }
.bannerpic .con .t b { display: block;  font-size: 60rem; line-height: 1; margin-bottom: 22rem; }
.bannerpic .con .m { }
.bannerpic .con .m a { display: block; font-size: 18rem; color: #ffffff; background: url(../img/index/more.png) center center no-repeat; background-size: contain; width: 135rem; height: 51rem; line-height: 49rem; padding-left: 67rem;}
.bannerpic .con .m a:hover { transform: translateY(-4rem);}

.bannerpic .cons .t{ color: #454545; }
.bannerpic .cons .m a { background: url(../img/index/more_s.png) center center no-repeat; background-size: contain; color: #454545; }

.bannerpic .swiper-pagination { bottom: 20rem; line-height: 0; font-size: 0; text-align: center; z-index: 100;}
.bannerpic .swiper-pagination .swiper-pagination-bullet { border-radius: 4rem; margin: 0 4rem; width: 8rem; height: 8rem; background: #fff; opacity: 0.5; }
.bannerpic .swiper-pagination .swiper-pagination-bullet-active { background: #ffffff; opacity: 0.9; }


.banbtn { position: absolute; top: 50%; width: 61rem; height: 85rem; margin-top: -42rem; opacity: 0.6; cursor: pointer; transition:all 300ms ease; z-index: 99;}
.banbtn:hover { opacity: 1;}
.banbtnl { left: 112rem; background: url(../img/index/banl.png) center center no-repeat; background-size: contain;}
.banbtnr { right: 112rem; background: url(../img/index/banr.png) center center no-repeat; background-size: contain;}


.imain { transition:all 300ms ease; overflow: hidden; }
.imain1 { padding: 80rem 0 100rem 0; background: url(../img/index/bg1.png) right bottom no-repeat; background-size: auto 528rem;}
.imain2 { padding: 50rem 0; background: #0085FF; }
.imain3 { padding: 65rem 0 100rem 0; }
.imain4 { padding: 60rem 0 90rem 0; background: #f9f9f9; }
.imain5 { padding: 65rem 0 90rem 0; }
.imain6 { padding: 110rem 0; background: url(../img/index/bg2.jpg) center center no-repeat; background-size: cover;}


.ititle { margin-bottom: 10rem; text-align: center; position: relative; }
.ititle b { display: block; font-size: 46rem; line-height: 66rem; padding: 8rem 0 20rem 0; }
.ititle span { display: block; font-size: 18rem; line-height: 26rem; padding: 25rem 0; text-transform: uppercase;}
.ititle i { display: block; height: 1rem; background: #d9d9d9; position: relative;}
.ititle i:after { display: block; content: ''; position: absolute; left: 50%; margin-left: -23rem; top: -2rem; width: 46rem; height: 5rem; border-radius: 3rem; background: #0085FF;}
.ititle .more { position: absolute; margin-top: -14rem; right: 0; top: 50%; font-size: 18rem; line-height: 40rem; border-radius: 15rem; color: #0085FF; border: 2rem solid #0085FF; padding: 0 44rem 0 24rem;}
.ititle .more:after { display: block; content: ''; position: absolute; right: 14rem; top: 50%; width: 16rem; height: 10rem; margin-top: -5rem; background: url(../img/index/more3.png) center center no-repeat; background-size: contain;}
.ititle .more:hover { transform: translateX(4rem);}
.ititle_l { text-align: left; }
.ititle_l i:after { margin-left: 0; left: 0;}
.ititle_more i{ margin-right: 126rem;}

.ititles b { font-size: 38rem; line-height: 56rem;}

.imore {}
.imore a{ display: block; margin: 0 auto; width: 96rem; line-height: 36rem; border-radius: 18rem; text-align: center; background: #e27e4d; color: #fff; font-size: 14rem; }
.imore a:hover { background: #fcb03f; color: #fff; transform: translateY(-2rem);}
.imore_l a { margin: 0;}

.iaboutl { float: left; width: 716rem;}
.iabout { font-size: 22rem; line-height: 2; color: #565656; }
.ivideo { float: right; width: 777rem; height: 427rem; border-radius: 15rem; overflow: hidden; margin-top: 100rem;}
.ivideo video { object-fit: cover; }

.iabout_list { display: flex; border-right: 1rem #fff solid;}
.iabout_list .item{ flex: 1; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18rem; padding: 15rem 0; border-left: 1rem #fff solid;}
.iabout_list .item .img img { display: block; width: 80rem;}
.iabout_list .item .con { margin-left: 8rem;}
.iabout_list .item .con .t { line-height: 1; margin-bottom: 4rem;}
.iabout_list .item .con .t b{ font-size: 49rem; font-family: 'DIN'; font-weight: normal;}
.iabout_list .item .con .m { line-height: 1.4;}
.iabout_list .item:hover .con .t { color: #d80711;}


.iservice { margin:0 -17rem; padding-top: 20rem;}
.iservice .item { float: left; width: 33.33%; padding: 0 17rem; margin-bottom: 20rem;}
.iservice .item_m { display: block; background: #ffffff; border-radius: 20rem; overflow: hidden; position: relative; color: #fff; }
.iservice .item .img { position: relative; z-index: 1;}
.iservice .item .img img{ display: block; width: 100%; height: 579rem; object-fit: cover; }
.iservice .item .con { position: absolute; left: 0; right:0; top: 0; bottom: 0; z-index: 2; background: rgba(0,133,255,0); padding: 140rem 60rem 0 60rem; transition:all 300ms ease;}
.iservice .item .icon { margin-bottom: 38rem;}
.iservice .item .icon i { display: block; height: 83rem;}
.iservice .item .icon i.t1 { background: url(../img/index/is1.png) left center no-repeat; background-size: contain; }
.iservice .item .icon i.t2 { background: url(../img/index/is2.png) left center no-repeat; background-size: contain; }
.iservice .item .icon i.t3 { background: url(../img/index/is3.png) left center no-repeat; background-size: contain; }
.iservice .item .t { font-size: 46rem; line-height: 56rem; font-weight: bold; width: 2em; margin-bottom: 38rem;}
.iservice .item .m { font-size: 22rem; line-height: 26rem; padding: 26rem 0; position: relative;}
.iservice .item .m:after{ position: absolute; left: 0; top: 0; display: block; content: ''; height: 2rem; background: #fff; width: 38rem; transition:all 300ms ease;}
.iservice .item .f { position: absolute; right: 70rem; bottom: 112rem; width: 50rem; height: 50rem; background: url(../img/index/more2.png) center center no-repeat; background-size: contain; }

.iservice .item_m:hover { }
.iservice .item_m:hover .con { background: rgba(0,133,255,0.84); }
.iservice .item_m:hover .icon i.t1 { background: url(../img/index/is1_s.png) left center no-repeat; background-size: contain; }
.iservice .item_m:hover .icon i.t2 { background: url(../img/index/is2_s.png) left center no-repeat; background-size: contain; }
.iservice .item_m:hover .icon i.t3 { background: url(../img/index/is3_s.png) left center no-repeat; background-size: contain; }
.iservice .item_m:hover .m:after{ background: #D80711; }


.ihistory { }
.ihistory_top { position: relative; display: flex; align-items: center; justify-content: center; height: 240rem;}
.ihistory_tit { }
.ihistory_tit .tit { display: inline-block; vertical-align: middle; font-size: 115rem; line-height: 115rem; margin-bottom: 10rem; color: #0085FF; font-family: 'DIN'; margin-right: 30rem; letter-spacing: -6rem;}
.ihistory_tit .con { display: inline-block; vertical-align: middle; font-size: 22rem; line-height: 36rem; max-width: 440rem;}

.ihistory_btn { position: absolute; top: 50%; margin-top: -29rem; box-sizing: border-box; width: 58rem; height: 58rem; border-radius: 100%; border: 2rem #0085ff solid; cursor: pointer;}
.ihistory_btn:after { position: absolute; left: 50%; top: 50%; margin-top: -10rem; display: block; content: ''; width: 0; height: 0; border-top: 10rem transparent solid; border-bottom: 10rem transparent solid;}
.ihistory_l { left: 132rem;}
.ihistory_r { right: 132rem;}
.ihistory_l:after { border-right: 16rem #0085FF solid; margin-left: -10rem;}
.ihistory_r:after { border-left: 16rem #0085FF solid; margin-left: -5rem;}

.ihistory_btn:hover { background: #0085ff;}
.ihistory_l:hover:after { border-right-color: #ffffff;}
.ihistory_r:hover:after { border-left-color: #ffffff;}

.ihistory_list { position: relative;}
.ihistory_list .tit { padding-top: 38rem; line-height: 90rem; text-align: center; font-size: 36rem; color: #d9d9d9; font-family: 'DIN';}
.ihistory_list .tit:before { position: absolute; left: 50%; top: 37rem; margin-top: -6rem; margin-left: -6rem; display: block; content: ''; width: 12rem; height: 12rem; border-radius: 50%; background: #a3a3a3; }
.ihistory_list_line { position: absolute; left: 20rem; right: 20rem; top: 36rem; border-bottom: 2rem #a3a3a3 dashed;}

.ihistory_list .swiper-slide-active .tit { color: #0085ff;}
.ihistory_list .swiper-slide-active .tit:before { background: #d80711; box-shadow: 0 0 0 6rem rgba(0, 133, 255, 0.5);}


.banbtn3 { position: absolute; top: 37rem; width: 20rem; height: 20rem; margin-top: -10rem; cursor: pointer; transition:all 300ms ease; z-index: 99; filter: grayscale(100%);}
.banbtn3:hover { filter: grayscale(0%);}
.banbtn3.banbtnl3 { left: 0; background: url(../img/index/banl3.png) no-repeat; background-size: contain;}
.banbtn3.banbtnr3 { right: 0; background: url(../img/index/banr3.png) no-repeat; background-size: contain;}


.inews { margin:0 -14rem; padding-bottom: 20rem; padding-top: 20rem;}
.inews .item { float: left; width: 25%; padding: 0 14rem; margin-bottom: 20rem;}
.inews .item_m { display: block; background: #fff; border-radius: 15rem; box-shadow: 0rem 0rem 21rem 0rem rgba(38,38,39,0.28);}
.inews .item .img { overflow: hidden; border-radius: 15rem 15rem 0 0; }
.inews .item .img img{ display: block; width: 100%; height: 334rem; object-fit: cover; transition:all 300ms ease;}
.inews .item .con { padding: 32rem 27rem 32rem 27rem;}
.inews .item .t { font-size: 22rem; line-height: 32rem; height: 32rem; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10rem; }
.inews .item .time { font-size: 17rem; line-height: 28rem; color: #0085ff; font-weight: bold; margin-bottom: 6rem;}
.inews .item .m { font-size: 14rem; line-height: 20rem; height: 40rem; overflow: hidden; margin-bottom: 16rem; color: #444444;}
.inews .item .f { font-size: 0;}
.inews .item .f span { display: inline-block; padding: 0 20rem; line-height: 40rem; border-radius: 15rem; border: 2rem solid #0085FF; color: #0085FF; font-size: 16rem; }
.inews .item .f span:hover { background: #D80711; border-color: #D80711; color: #fff; }

.inews .item_m:hover { box-shadow: 0rem 6rem 13rem rgba(0,0,0,0.18);}
.inews .item_m:hover .img img { transform: scale(1.1);}
.inews .item_m:hover .time { color: #D80711;}


.igbook_box { border-radius: 10rem; background: #fff; padding: 50rem 82rem 100rem 82rem; margin: 0 178rem;}

.contact_cate { padding: 22rem 28rem 50rem 28rem; font-weight: bold;}
.contact_cate .tit { font-size: 26rem; margin-bottom: 40rem;}
.contact_cate .con { font-size: 22rem; line-height: 50rem;}
.contact_cate .con:after { display: block; content: ''; clear: both;}
.contact_cate .con ul li { float: left; margin-right: 124rem;}
.contact_cate .con ul li label { cursor: pointer; }
.contact_cate .con ul li label input { display: none;}
.contact_cate .con ul li label span { position: relative; display: block; padding-left: 40rem;}
.contact_cate .con ul li label span:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 22rem; height: 22rem; border-radius: 50%; border: 2rem solid #444444; margin-top: -13rem;}
.contact_cate .con ul li label span:after { display: block; content: ''; position: absolute; left: 8rem; top: 50%; width: 10rem; height: 10rem; border-radius: 50%; background: #ff0000; margin-top: -5rem; opacity: 0;}
.contact_cate .con ul li label input:checked+span:after { opacity: 1;}


.contact_form { margin:0 -12rem; padding-bottom: 28rem;}
.contact_form .item { float: left; width: 25%; padding: 0 12rem; margin-bottom: 10rem;}
.contact_form .item_full { clear: both; width: 100%; float: none;}
.contact_form .item .t { display: block; font-size: 16rem; line-height: 48rem; padding-left: 30rem; }
.contact_form .item .t i { font-style: normal; color: #E60012;}
.contact_form .input { display: block; width: 100%; border: 1rem #c7c7c7 solid; border-radius: 5rem; background: #fafcff; height: 48rem; line-height: 46rem; text-align: left; font-size: 16rem; text-indent: 30rem; }
.contact_form .textarea { display: block; width: 100%; border: 1rem #c7c7c7 solid; border-radius: 5rem; background: #fafcff; height: 158rem; line-height: 24rem; text-align: left; padding: 10rem 30rem; box-sizing: border-box; font-size: 16rem;}

.contact_btnbox { }
.contact_btnbox .btn { display: block; width: 100%; border: 0; border-radius: 5rem; height: 52rem; line-height: 52rem; text-align: center; font-size: 16rem; box-sizing: border-box; background: #1991ff; color: #fff; font-weight: 600; cursor: pointer; }
.contact_btnbox .btn:hover { background: #40b4fe; color: #fff;}


.mbanner { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;}
.mbanner .mainbox { position: relative; height: 650rem;}

.mbanner_box { position: absolute; left: 0; right: 0; bottom: 120rem;}
.mbanner_box .tit { padding: 0 28rem; color: #fff;}
.mbanner_box .tit span{ font-size: 28rem; line-height: 30rem; padding: 16rem 28rem 0 0; display: inline-block; background: url(../img/mbant.png) right top no-repeat; background-size: auto 33rem; text-transform: uppercase; font-family: 'Times New Roman', Times, serif; }
.mbanner_box .tit b{ display: block; font-size: 60rem; line-height: 70rem;}
.mbanner_box .tit b i { color: #076bd2; }


.breadcrumb { padding-top: 40rem;}
.crumbbox { float: right; font-size: 22rem; line-height: 50rem; color: #b0b0b0;}
.crumbbox .home { display: inline-block; background: url(../img/home.png) left center no-repeat; background-size: 34rem auto; padding-left: 50rem; color: #b0b0b0;}
.crumbbox .home:hover { color: #444;}
.crumbbox span { color: #444;}
.crumbboxl { float: none; }

.mnavbox { padding: 40rem 0; background: #f0f6ff;}
.mnav { float: left;}
.mnav ul li { float: left; position: relative;}
.mnav ul li a { display: block; padding: 0 44rem; font-size: 26rem; line-height: 50rem;}
.mnav ul li a:hover { color: #076bd2;}
.mnav ul li a.on { color: #076bd2; background: url(../img/mnav.png) 80% center no-repeat; background-size: 106rem auto;}
.mnav ul li:after { display: block; content: ''; position: absolute; right: 0; top: 50%; width: 1rem; height: 28rem; margin-top: -14rem; background: #444444;}
.mnav ul li:last-child:after{ display: none;}


.mmain { padding: 76rem 0 100rem 0;}

.amain1 { padding: 0 0 64rem 0; }
.amain3 { padding: 80rem 0 90rem 0; }
.amain4 { padding: 100rem 0 120rem 0; background: #f4f4f4; }
.amain5 { padding: 100rem 0 120rem 0; }


.about_info { padding: 10rem 120rem 0 120rem; font-size: 22rem; line-height: 40rem; color: #565656;}
.about_info p { margin-bottom: 1em;}


.culture_box { background: url(../img/about/culture_bg.jpg) center center no-repeat; background-size: cover; }
.culture_list { margin: 0 -10rem;}
.culture_list .item { float: left; width: 50%; padding: 13rem 10rem;}
.culture_list .item_m { display: flex; align-items: center; justify-content: center; background: rgba(68,68,68,0.35); height: 326rem; transition:all 300ms ease;}
.culture_list .item_m .img img { display: block; height: 100rem;}
.culture_list .item_m .con { margin-left: 30rem; padding-left: 38rem; border-left: 1rem #fff solid; color: #fff; width: 320rem; box-sizing: content-box;}
.culture_list .item_m .con .t { font-size: 34rem; line-height: 52rem; margin-bottom: 6rem;}
.culture_list .item_m .con .m { font-size: 22rem; line-height: 30rem; padding: 10rem 0;}

.culture_list .item:nth-child(1) { padding: 0 10rem 13rem 10rem;}
.culture_list .item:nth-child(2) { padding: 0 10rem 13rem 10rem;}
.culture_list .item:nth-child(3) { padding: 13rem 10rem 0 10rem;}
.culture_list .item:nth-child(4) { padding: 13rem 10rem 0 10rem;}

.culture_list .item_m:hover { background: rgba(0,133,255,0.85); }


.honor_tab { padding: 14rem 0; margin-bottom: 32rem;}
.honor_tab ul { display: flex; align-items: center; justify-content: center;}
.honor_tab ul li { margin: 0 24rem; border-radius: 15rem; padding: 0 34rem; font-size: 36rem; line-height: 74rem; cursor: pointer; }
.honor_tab ul li:hover { color: #0085ff;}
.honor_tab ul li.on { background: #0085ff; color: #ffffff;}

.honor_list { background: linear-gradient(to right, #ffffff 0%, #f1f1f3 20%, #f1f1f3 50%, #f1f1f3 80%, #ffffff 100%); }
.honor_list .swiper-wrapper { }
.honor_list .swiper-slide { width: auto;}
.honor_list .item { padding: 30rem;}
.honor_list .img { position: relative; box-shadow: 0 0 10rem rgba(68,68,68,0.25); cursor: pointer;}
.honor_list .img img { display: block; height: 292rem;}
.honor_list .img span { opacity: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; background: rgba(0,133,255,0.85); color: #fff; font-size: 22rem; line-height: 2; transition:all 300ms ease;}
.honor_list .img span:before { display: block; content: ''; margin: 0 auto 10rem auto; width: 40rem; height: 40rem; background: url(../img/about/zoom.png) center center no-repeat; background-size: contain;}
.honor_list .img:hover span { opacity: 1;}

.honor_lists .swiper-wrapper { justify-content: center; }


.banbtn4 { position: absolute; top: 50%; width: 70rem; height: 90rem; margin-top: -45rem; cursor: pointer; transition:all 300ms ease; z-index: 99;}
.banbtnl4 { left: 0; background: url(../img/about/banl.png) center center no-repeat; background-size: 31rem auto;}
.banbtnr4 { right: 0; background: url(../img/about/banr.png) center center no-repeat; background-size: 31rem auto;}
.banbtnl4:hover { left: -10rem; }
.banbtnr4:hover { right: -10rem; }


.page_tit { margin-bottom: 20rem; line-height: 50rem; font-size: 38rem; color: #e27e4d; font-weight: bold;}
.page_tit h1 { font-size: 38rem;}

.page_tit2 { margin-bottom: 40rem; line-height: 50rem; font-size: 38rem; color: #e27e4d; font-weight: bold; text-align: center;}
.page_tit2:before ,.page_tit2:after{ display: inline-block; content: ''; margin: 0 20rem; width: 46rem; height: 2rem; background: #e27e4d; vertical-align: middle;}

.smain1 { padding: 0 0 100rem 0; }

.service_list { margin:0 -13rem; margin-top: -24rem; padding-bottom: 26rem;}
.service_list .item { float: left; width: 20%; padding: 0 13rem; margin-bottom: 20rem; }
.service_list .item_m { display: block; background: #ffffff; border-radius: 10rem; overflow: hidden; position: relative;}
.service_list .item .img { }
.service_list .item .img img{ display: block; width: 100%; height: 140rem; object-fit: cover; }
.service_list .item .con { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; color: #fff; background: rgba(0,133,255,0.84); font-size: 26rem; line-height: 32rem; font-weight: bold; padding: 0 60rem; text-align: center;}

.service_list .item_on .item_m .con { border-bottom: 5rem #d80711 solid;}

.service_list .item_m:hover { box-shadow: 0rem 2rem 13rem rgba(0,0,0,0.32); }

.service_info { font-size: 22rem; line-height: 2.2; padding: 40rem 0 40rem 0; color: #565656; }
.service_info ul li { list-style-type:disc; margin-left: 1.1em;}
.service_info ul li::marker { color: #0085ff; }
.service_info h3 { font-size: 22rem; position: relative; display: block; padding-left: 1.1em;}
.service_info h3:before { display: block; content: ''; position: absolute; left: 2rem; top: 50%; width: 8rem; height: 8rem; margin-top: -4rem; border-radius: 50%; background: #0085ff;}

.service_tit { border-bottom: 1rem #d9d9d9 solid; padding: 20rem 4rem; font-size: 28rem; line-height: 52rem;}

.service_table { padding-bottom: 30rem;}
.service_table table { width: 100%; margin-bottom: 18rem;}
.service_table table th { text-align: center; font-size: 24rem; line-height: 2; padding: 20rem; background: #0085FF; color: #ffffff; border: 1rem #fff solid;}
.service_table table td { text-align: center; font-size: 22rem; line-height: 2; padding: 20rem; border: 1rem #fff solid; }
.service_table table tbody tr { background: #f0f6ff;}
.service_table table tbody tr:nth-child(even) { background: #cce7ff;}
.service_table table tbody tr:hover { background: #b3d8f9; }

.news_list { margin:0 -25rem; padding-bottom: 2rem; }
.news_list .item { float: left; width: 33.33%; padding: 0 25rem; margin-bottom: 50rem;}
.news_list .item_m { display: block; background: #fff; border-radius: 15rem; box-shadow: 0rem 0rem 21rem 0rem rgba(38,38,39,0.28);}
.news_list .item .img { overflow: hidden; border-radius: 15rem 15rem 0 0; }
.news_list .item .img img{ display: block; width: 100%; height: 440rem; object-fit: cover; transition:all 300ms ease;}
.news_list .item .con { padding: 42rem;}
.news_list .item .t { font-size: 30rem; line-height: 48rem; height: 48rem; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 12rem; }
.news_list .item .time { font-size: 22rem; line-height: 40rem; color: #0085ff; font-weight: bold; margin-bottom: 12rem;}
.news_list .item .m { font-size: 20rem; line-height: 30rem; height: 90rem; overflow: hidden; margin-bottom: 60rem; color: #444444;}
.news_list .item .f { font-size: 0;}
.news_list .item .f span { display: inline-block; padding: 0 24rem; line-height: 50rem; border-radius: 15rem; border: 2rem solid #0085FF; color: #0085FF; font-size: 22rem; }
.news_list .item .f span:hover { background: #D80711; border-color: #D80711; color: #fff; }

.news_list .item_m:hover { box-shadow: 0rem 6rem 13rem rgba(0,0,0,0.18);}
.news_list .item_m:hover .img img { transform: scale(1.1);}
.news_list .item_m:hover .time { color: #D80711;}

.details_tit { line-height: 1.4; font-size: 38rem; border-bottom: 1rem #d9d9d9 solid; padding-bottom: 26rem; text-align: center; }
.details_tit h1 { font-size: 38rem;}
.details_info { color: #0085ff; font-size: 22rem; line-height: 2; padding: 20rem 0; margin-bottom: 44rem; text-align: center; }


.page_box { font-size: 22rem; line-height: 1.8; color: #565656;}
.page_box img{ max-width: 100%;}
.page_box h3 { display: block; font-size: 26rem; }

.page_next { padding-top: 100rem;}
.page_next a { display: block; font-size: 20rem; height: 40rem; line-height: 40rem; max-width: 40%; overflow: hidden; color: #b0b0b0; padding: 0 32rem;}
.page_next a:hover { color: #0085ff; }
.page_next a.l { float: left; background: url(../img/prev.png) left center no-repeat; background-size: 19rem auto; }
.page_next a.r { float: right; background: url(../img/next.png) right center no-repeat; background-size: 19rem auto; }
.page_next:after { display: block; content: ''; clear: both;}


.contact_main { padding: 40rem 0 20rem 0;}

.contact_box { float: left; width: 660rem;}
.contact_box .tit { margin-bottom: 20rem;}
.contact_box .tit b{ display: block; font-size: 38rem; line-height: 48rem; margin-bottom: 10rem; }
.contact_box .tit span{ display: block; font-size: 18rem; line-height: 30rem; }
.contact_box .con{ }
.contact_box .con ul li { padding: 15rem 0; font-size: 18rem; line-height: 31rem; padding-left: 56rem; }
.contact_box .con ul li.li1 { background: url(../img/contact/b1.png) left center no-repeat; background-size: 41rem auto;}
.contact_box .con ul li.li2 { background: url(../img/contact/b2.png) left center no-repeat; background-size: 41rem auto;}
.contact_box .con ul li.li3 { background: url(../img/contact/b3.png) left center no-repeat; background-size: 41rem auto;}

.contact_map { float: right; width: 893rem;}
.contact_map iframe { border-radius: 10rem; width: 100%; border: 0; height: 332rem;}
.contact_map img { display: block; border-radius: 10rem; width: 100%; height: 332rem; object-fit: cover;}


.jmain1 { padding: 86rem 0 100rem 0; background: url(../img/join/bg1.jpg) center center no-repeat; background-size: cover; }
.jmain2 { background: url(../img/join/bg2.jpg) center center no-repeat #1991ff; background-size: cover;}
.jmain3 { padding: 66rem 0 100rem 0; }

.welfare_list { margin:0 -17rem; padding-top: 30rem;}
.welfare_list .item { float: left; width: 33.33%; padding: 0 17rem; margin-bottom: 20rem;}
.welfare_list .item_m { display: block; background: #ffffff; border-radius: 20rem; overflow: hidden; position: relative; padding: 50rem 66rem 42rem 66rem; border-bottom: 13rem #0085ff solid; box-shadow: 0 6rem 26rem rgba(0,0,0,0.1); transition:all 300ms ease;}
.welfare_list .item .icon { margin-bottom: 4rem;}
.welfare_list .item .icon i { display: block; height: 71rem;}
.welfare_list .item .icon i.t1 { background: url(../img/join/b1.png) center center no-repeat; background-size: contain; }
.welfare_list .item .icon i.t2 { background: url(../img/join/b2.png) center center no-repeat; background-size: contain; }
.welfare_list .item .icon i.t3 { background: url(../img/join/b3.png) center center no-repeat; background-size: contain; }
.welfare_list .item .tit { font-size: 32rem; line-height: 84rem; font-weight: bold; height: 84rem; overflow: hidden; text-align: center; }
.welfare_list .item .con { font-size: 22rem; line-height: 32rem; opacity: 0.9; height: 160rem; overflow: hidden;}

.welfare_list .item_m:hover { background: #0085ff; border-bottom: 13rem #d80711 solid; color: #ffffff;}
.welfare_list .item_m:hover .icon i.t1 { background: url(../img/join/b1s.png) center center no-repeat; background-size: contain; }
.welfare_list .item_m:hover .icon i.t2 { background: url(../img/join/b2s.png) center center no-repeat; background-size: contain; }
.welfare_list .item_m:hover .icon i.t3 { background: url(../img/join/b3s.png) center center no-repeat; background-size: contain; }


.join_info { text-align: center; color: #fff; font-size: 28rem; line-height: 2; padding: 80rem 200rem;}
.join_info span { display: block; text-transform: uppercase;}
.join_info b { display: block; font-weight: normal;}

.job_title { padding: 30rem 58rem; margin-bottom: 8rem; }
.job_title ul { padding: 0 80rem;}
.job_title ul li { float: left; width: 33.33%; text-align: center; font-size: 26rem; font-weight: bold;}
.job_title ul:after { display: block; content: ''; clear: both;}

.job_list { }
.job_list .item{ margin-bottom: 20rem; background: #f0f6ff; border-radius: 10rem; padding: 0 58rem; }
.job_list .item .tit{ cursor:pointer; padding: 25rem 0; line-height: 36rem; font-size: 22rem; transition:all 300ms ease; position: relative; }
.job_list .item .tit ul { padding: 0 80rem;}
.job_list .item .tit ul li { float: left; width: 33.33%; text-align: center; }
.job_list .item .tit ul li i { display: inline-block; vertical-align: middle; margin-bottom: 2rem; margin-left: 12rem; width: 18rem; height: 18rem; background: url(../img/join/down.png) center center no-repeat; background-size: contain; transition:all 300ms ease; transform: rotate(0deg); }
.job_list .item .tit ul:after { display: block; content: ''; clear: both;}

.job_list .item .con { display:none; border-top: 1rem #d9d9d9 solid; padding:56rem 0; color: #565656; font-size: 20rem; line-height: 2; }
.job_list .item .con b{ font-size: 22rem; }
.job_list .item .con b span { color: #0085ff;}

.job_list .item_on .tit{ color:#0085ff; }
.job_list .item_on .tit ul li i { transform: rotate(180deg);}


.pages { text-align: center; padding: 50rem 0 0 0;}
.pages a ,.pages span{ display: inline-block; margin: 0 8rem; line-height: 28rem; padding: 0 9rem; border-radius: 15rem; text-align: center; min-width: 30rem; color: #444444; border: 1rem #444444 solid;}
.pages a:hover { border: 1rem #0085ff solid; background: #0085ff; color: #fff;}
.pages span { border: 1rem #0085ff solid; background: #0085ff; color: #fff;}


.footer { transition:all 300ms ease;}

.footbox { background: url(../img/footer/fbg.jpg) center center no-repeat; background-size: cover; color: #ffffff; padding: 60rem 60rem 80rem 60rem; font-size: 18rem;}
.footbox a { color: #ffffff;}
.footbox a:hover { color: #ffffff; text-decoration: none; }


.footlogo { margin-bottom: 40rem; border-bottom: 2rem #ffffff solid;}
.footlogo img { display: block; width: 209rem; }

.foot_nav { float: left; }
.foot_nav ul li { float: left; padding-right: 100rem; }
.foot_nav ul li a { display: block; line-height: 36rem; opacity: 0.7; }
.foot_nav ul li a:hover { opacity: 1;}

.foot_nav ul li .t { font-size: 20rem; margin-bottom: 14rem; font-weight: bold; opacity: 1;}

.fcontact { float: right; }
.fcontact ul li{ padding: 6rem 0 6rem 52rem; margin-top: 16rem;}
.fcontact ul li.li1 { background: url(../img/footer/fb1.png) left center no-repeat; background-size: 32rem auto;}
.fcontact ul li.li2 { background: url(../img/footer/fb2.png) left center no-repeat; background-size: 32rem auto;}
.fcontact ul li.li3 { background: url(../img/footer/fb3.png) left center no-repeat; background-size: 32rem auto;}

.fcopy { font-size: 16rem; line-height: 24rem; background: #ffffff; text-align: center; padding: 24rem 0;}


.etip { position: fixed; left: 50%; top: 50%; width: 500rem; margin-left: -250rem; box-sizing: border-box; display: none; transform:translate(0,-50%); background: rgba(31,134,160,0.9); color: #fff; padding: 20rem; text-align: center; font-size: 18rem; line-height: 2; border-radius: 30rem; z-index: 9999991;}


.backtop { position: fixed; right: 30rem; bottom: 200rem; background: url(../img/footer/backtop.png) no-repeat #0085FF; width: 46rem; height: 46rem; background-size: contain; border-radius: 10rem; cursor: pointer; transition:all 300ms ease; display: none; z-index: 999;}
.backtop:hover { background-color: #00b4ff;}


@media (max-width:999px){
html{ font-size: calc(100vw/480) !important; }
body { font-size: 18rem; }
input,select,textarea,button{ font-size: 18rem; }

.mainbox { width: auto; margin: 0 20rem; position: relative;}

.header { padding: 14rem 20rem; }

.topbox { height: 70rem; padding: 0 20rem; }

.head_logo { padding: 10rem 0; }
.head_logo img { height: 50rem; }

.nav_btn { display: block; position: absolute; right: 20rem; top: 15rem; width: 40rem; height: 40rem; border-radius: 50%; background: url(../img/mnavs.png) center center no-repeat #0085FF; background-size: 26rem auto; z-index: 9999;}

.head_nav { float: none; position: fixed; left: 20rem; right: 20rem; top: 90rem; padding:30rem 20rem; background: rgba(255, 255, 255, 0.95); box-shadow: 0 10rem 20rem rgba(0,0,0,0.1); border-radius: 15rem; margin-right: 0; display: none; z-index: 9999;}
.head_nav ul li { float: none; }
.head_nav ul li .t { height: 60rem; line-height: 60rem; padding:0 22rem; font-size: 22rem; text-align: left; color: #444444; }
.head_nav ul li .t:hover:after { display: none;}

.head_nav ul li .ms { display: none; }
.head_nav ul li:hover .ms { display: none;}

.head_tool { float: right; padding: 15rem 0; margin-right: 60rem;}

.top_search { position: absolute; left: 0; right: 0; top: 122rem; padding: 32rem 0; display: none; z-index: 999;}
.top_search_m { display: block; width: 600rem; margin: 0 auto; position: relative;}
.top_search_m .input { display: block; border: 0; background: rgba(255, 255, 255, 0.8); height: 60rem; line-height: 60rem; font-size: 20rem; color: #343398; width: 100%; text-indent: 30rem; border-radius: 30rem;}
.top_search_m .btn { display: block; border: 0; position: absolute; right: 10rem; top: 10rem; width: 40rem; height: 40rem; background: url(../img/search.png) center center no-repeat #0085FF; background-size: 38rem auto; border-radius: 100%; cursor: pointer;}
.top_search_m .btn:hover { background-color: #00b4ff; }

.top_search_i { position: absolute; left: 0; right: 0; top: 80rem; padding: 32rem 0; z-index: 999;}

.headers { padding: 5rem 20rem;}
.headers .topbox{ height: 70rem; }
.headers .head_logo { padding: 10rem 0; }
.headers .head_logo img { height: 50rem; }
.headers .head_nav { top: 80rem;}
.headers .head_nav ul li .t { height: 60rem; line-height: 60rem; }
.headers .head_tool { padding: 15rem 0; }

.headers .head_nav ul li .ms { top: 80rem; }

.bannerpic .img { height: 60vh; }
.bannerpic .con { left: 0; right: 0; width: auto; padding: 0 40rem; margin-left: 0; }
.bannerpic .con .t { margin-bottom: 42rem;}
.bannerpic .con .t span { font-size: 14rem; line-height: 1.5; }
.bannerpic .con .t b { font-size: 30rem; line-height: 1.5; margin-bottom: 12rem; }

.banbtn { width: 30rem; height: 42rem; margin-top: -21rem; }
.banbtnl { left: 0; }
.banbtnr { right: 0; }


.imain1 { padding: 40rem 0 50rem 0; background-size: auto 80%;}
.imain2 { padding: 25rem 0; }
.imain3 { padding: 32rem 0 50rem 0; }
.imain4 { padding: 30rem 0 45rem 0; }
.imain5 { padding: 32rem 0 45rem 0; }
.imain6 { padding: 55rem 0; }


.ititle { margin-bottom: 10rem; }
.ititle b { font-size: 32rem; line-height: 46rem; padding: 4rem 0 16rem 0; }
.ititle span { font-size: 18rem; line-height: 26rem; padding: 15rem 0; }
.ititle .more { padding: 0 40rem 0 16rem;}
.ititle_more i{ margin-right: 106rem;}

.ititles b { font-size: 28rem; line-height: 42rem;}

.iaboutl { float: none; width: auto;}
.iabout { font-size: 18rem; line-height: 2; }
.ivideo { float: none; width: auto; height: auto; border-radius: 15rem; overflow: hidden; margin-top: 50rem;}


.iabout_list { border-right: none; flex-wrap: wrap; margin-left: -20rem;}
.iabout_list .item{ width: 50%; font-size: 16rem; padding: 15rem 0; border-left: none;}
.iabout_list .item .img img { width: 60rem;}
.iabout_list .item .con { margin-left: 8rem;}
.iabout_list .item .con .t { }
.iabout_list .item .con .t b{ font-size: 36rem; }


.iservice { margin:0 -10rem; padding-top: 0;}
.iservice .item { float: none; width: auto; padding: 0 10rem; margin-bottom: 20rem;}
.iservice .item .img img{ height: 300rem; }
.iservice .item .con { padding: 56rem 30rem 0 30rem; }
.iservice .item .icon { margin-bottom: 28rem;}
.iservice .item .icon i { height: 60rem;}
.iservice .item .t { font-size: 36rem; line-height: 42rem; width: 70%; margin-bottom: 18rem;}
.iservice .item .m { font-size: 18rem; line-height: 20rem; padding: 20rem 0; }
.iservice .item .f { position: absolute; right: 40rem; bottom: auto; top: 50%; margin-top: -25rem; }


.ihistory { }
.ihistory_top { position: relative; display: flex; align-items: center; justify-content: center; height: 240rem;}
.ihistory_tit { margin: 0 60rem; }
.ihistory_tit .tit { display: block; font-size: 60rem; line-height: 60rem; margin-bottom: 10rem; margin-right: 0; letter-spacing: -4rem;}
.ihistory_tit .con { display: block; font-size: 18rem; line-height: 30rem; max-width: auto;}

.ihistory_btn { margin-top: -20rem; width: 40rem; height: 40rem; }
.ihistory_l { left: 2rem;}
.ihistory_r { right: 2rem;}

.ihistory_list .tit { padding-top: 38rem; line-height: 70rem; text-align: center; font-size: 26rem; }
.ihistory_list .tit:before { position: absolute; left: 50%; top: 37rem; margin-top: -6rem; display: block; content: ''; width: 12rem; height: 12rem; border-radius: 50%; background: #a3a3a3; }


.inews { margin:0 -10rem; padding-bottom: 20rem; padding-top: 20rem;}
.inews .item { float: none; width: auto; padding: 0 10rem; margin-bottom: 20rem;}
.inews .item_m { box-shadow: 0rem 0rem 16rem 0rem rgba(38,38,39,0.18);}
.inews .item .img img{ height: 300rem; }
.inews .item .m { font-size: 16rem; line-height: 24rem; height: 48rem; }

.igbook_box { padding: 30rem 22rem 50rem 22rem; margin: 0;}

.contact_cate { padding: 12rem 0 30rem 0; }
.contact_cate .tit { font-size: 20rem; margin-bottom: 10rem;}
.contact_cate .con { font-size: 18rem; line-height: 40rem;}
.contact_cate .con ul li { float: none; margin-right: 0;}
.contact_cate .con ul li label span { padding-left: 32rem;}
.contact_cate .con ul li label span:after { left: 7rem; margin-top: -6rem; }

.contact_form { margin:0 -10rem; padding-bottom: 20rem;}
.contact_form .item { width: 50%; padding: 0 10rem; margin-bottom: 10rem;}
.contact_form .item_full { width: 100%;}
.contact_form .item .t { font-size: 18rem; padding-left: 0; }
.contact_form .input { font-size: 18rem; text-indent: 20rem; }
.contact_form .textarea { padding: 10rem 20rem; font-size: 18rem;}

.contact_btnbox .btn { font-size: 20rem; }


.mbanner .mainbox { height: 320rem;}

.mbanner_box { bottom: 30rem;}
.mbanner_box .tit { padding: 0 18rem; }
.mbanner_box .tit span{ font-size: 20rem; line-height: 30rem; padding: 10rem 28rem 0 0; background-size: auto 27rem; }
.mbanner_box .tit b{ font-size: 30rem; line-height: 40rem;}

.breadcrumb { padding-top: 40rem;}
.crumbbox { display: none;}

.mnavbox { padding: 20rem 0; }
.mnav { float: none; margin-left: -20rem;}
.mnav ul li a { padding: 0 30rem; font-size: 20rem; line-height: 40rem;}
.mnav ul li a.on { background-size: 86rem auto;}
.mnav ul li:after { height: 22rem; margin-top: -11rem; }
.mnav ul li:last-child:after{ display: none;}


.mmain { padding: 38rem 0 50rem 0;}

.amain1 { padding: 0 0 32rem 0; }
.amain3 { padding: 40rem 0 45rem 0; }
.amain4 { padding: 50rem 0 60rem 0; }
.amain5 { padding: 50rem 0 60rem 0; }


.about_info { padding: 10rem 0 0 0; font-size: 18rem; line-height: 2; }


.culture_box { }
.culture_list { margin: 0; padding: 5rem 10rem;}
.culture_list .item { float: none; width: auto; padding: 5rem 0;}
.culture_list .item_m { height: auto; padding: 30rem 0; }
.culture_list .item_m .img img { height: 80rem;}
.culture_list .item_m .con { margin-left: 14rem; padding-left: 18rem; width: 260rem; }
.culture_list .item_m .con .t { font-size: 24rem; line-height: 32rem; margin-bottom: 0;}
.culture_list .item_m .con .m { font-size: 18rem; line-height: 30rem; padding: 10rem 0 0 0;}

.culture_list .item:nth-child(1) { padding: 5rem 0;}
.culture_list .item:nth-child(2) { padding: 5rem 0;}
.culture_list .item:nth-child(3) { padding: 5rem 0;}
.culture_list .item:nth-child(4) { padding: 5rem 0;}


.honor_tab { padding: 14rem 0; margin-bottom: 22rem;}
.honor_tab ul li { margin: 0 10rem; padding: 0 24rem; font-size: 22rem; line-height: 46rem; }

.honor_list { margin: 0 -20rem;}
.honor_list .item { padding: 20rem 10rem;}
.honor_list .img img { height: 130rem;}
.honor_list .img span { font-size: 16rem; }
.honor_list .img span:before { width: 30rem; height: 30rem; }


.banbtn4 { width: 40rem; height: 80rem; margin-top: -40rem; }
.banbtnl4 { left: 0; background-size: 16rem auto;}
.banbtnr4 { right: 0; background-size: 16rem auto;}
.banbtnl4:hover { left: -5rem; }
.banbtnr4:hover { right: -5rem; }


.smain1 { padding: 0 0 50rem 0; }

.service_list { margin:0 -5rem; margin-top: -14rem; padding-bottom: 26rem;}
.service_list .item { width: 33.33%; padding: 0 5rem; margin-bottom: 10rem; }
.service_list .item .img img{ height: 100rem; }
.service_list .item .con { font-size: 18rem; line-height: 26rem; padding: 0 10rem; }

.service_info { font-size: 18rem; line-height: 2.2; padding: 30rem 0 30rem 0; }
.service_info h3 { font-size: 18rem; padding-left: 1.1em;}
.service_info h3:before { width: 6rem; height: 6rem; margin-top: -3rem; }

.service_tit { padding: 14rem 0; font-size: 24rem; line-height: 42rem;}

.service_table { padding-bottom: 20rem;}
.service_table table { margin-bottom: 10rem;}
.service_table table th { font-size: 18rem; padding: 10rem; }
.service_table table td { font-size: 16rem; line-height: 1.6; padding: 10rem; }


.news_list { margin:0 -10rem; padding-bottom: 20rem; padding-top: 20rem;}
.news_list .item { float: none; width: auto; padding: 0 10rem; margin-bottom: 20rem;}
.news_list .item_m { box-shadow: 0rem 0rem 16rem 0rem rgba(38,38,39,0.18);}
.news_list .item .img img{ height: 300rem; }
.news_list .item .con { padding: 26rem 20rem;}
.news_list .item .t { font-size: 24rem; height: auto; line-height: 36rem;}
.news_list .item .time { font-size: 18rem; line-height: 1.6;}
.news_list .item .m { font-size: 16rem; line-height: 28rem; height: auto; max-height: 112rem; margin-bottom: 30rem; }
.news_list .item .f span { display: inline-block; padding: 0 20rem; line-height: 40rem; border-radius: 15rem; border: 2rem solid #0085FF; color: #0085FF; font-size: 16rem; }
.news_list .item .f span:hover { background: #D80711; border-color: #D80711; color: #fff; }


.details_tit { line-height: 1.4; font-size: 22rem; padding-bottom: 16rem; }
.details_tit h1 { font-size: 22rem;}
.details_info { font-size: 18rem; line-height: 2; padding: 20rem 0; margin-bottom: 44rem; }


.page_box { font-size: 18rem; line-height: 1.8; }
.page_box h3 { font-size: 20rem; }

.page_next { padding-top: 40rem;}
.page_next a { display: block; font-size: 16rem; height: 40rem; line-height: 40rem; max-width: 50%; overflow: hidden; color: #b0b0b0; padding: 0 32rem;}
.page_next a:hover { color: #0085ff; }
.page_next a.l { float: left; background: url(../img/prev.png) left center no-repeat; background-size: 19rem auto; }
.page_next a.r { float: right; background: url(../img/next.png) right center no-repeat; background-size: 19rem auto; }
.page_next:after { display: block; content: ''; clear: both;}


.contact_main { padding: 40rem 0 20rem 0;}

.contact_box { float: none; width: auto;}
.contact_box .tit { margin-bottom: 20rem;}
.contact_box .tit b{ font-size: 28rem; line-height: 38rem; margin-bottom: 10rem; }
.contact_box .tit span{ font-size: 18rem; line-height: 26rem; }
.contact_box .con{ }
.contact_box .con ul li { padding: 10rem 0; font-size: 18rem; line-height: 26rem; padding-left: 36rem; }
.contact_box .con ul li.li1 { background: url(../img/contact/b1.png) left center no-repeat; background-size: 26rem auto;}
.contact_box .con ul li.li2 { background: url(../img/contact/b2.png) left center no-repeat; background-size: 26rem auto;}
.contact_box .con ul li.li3 { background: url(../img/contact/b3.png) left center no-repeat; background-size: 26rem auto;}

.contact_map { float: none; width: auto; padding-top: 30rem;}
.contact_map iframe { height: 332rem;}
.contact_map img { height: 332rem; }


.jmain1 { padding: 43rem 0 50rem 0; }
.jmain3 { padding: 33rem 0 50rem 0; }

.welfare_list { margin:0 -10rem; padding-top: 20rem;}
.welfare_list .item { float: none; width: auto; padding: 0 10rem; margin-bottom: 20rem;}
.welfare_list .item_m { padding: 40rem 26rem 32rem 26rem; }
.welfare_list .item .tit { font-size: 24rem; line-height: 44rem; height: auto; padding: 12rem 0;}
.welfare_list .item .con { font-size: 18rem; line-height: 32rem; height: auto; overflow: unset;}


.join_info { font-size: 18rem; padding: 40rem 20rem;}

.job_title { padding: 20rem 0; margin-bottom: 8rem; }
.job_title ul { padding: 0 0;}
.job_title ul li { font-size: 16rem; }

.job_list { }
.job_list .item{ margin-bottom: 14rem; padding: 0 0; }
.job_list .item .tit{ padding: 12rem 0; line-height: 36rem; font-size: 16rem; }
.job_list .item .tit ul { padding: 0 0;}
.job_list .item .tit ul li { float: left; width: 33.33%; }
.job_list .item .tit ul li i { margin-left: 8rem; width: 14rem; height: 14rem; }
.job_list .item .tit ul:after { display: block; content: ''; clear: both;}

.job_list .item .con { padding:36rem 20rem; font-size: 16rem; line-height: 2; }
.job_list .item .con b{ font-size: 18rem; }



.pages { padding: 30rem 0 0 0;}
.pages a ,.pages span{ margin: 0 5rem; line-height: 34rem; padding: 0 9rem; border-radius: 18rem; min-width: 36rem; }


.footbox { padding: 20rem 0 40rem 0; font-size: 18rem;}

.footlogo { margin-bottom: 30rem; border-bottom: 1rem #ffffff solid;}
.footlogo img { margin: 0 auto; }

.foot_nav { float: none; }
.foot_nav ul li { float: left; width: 25%; padding-right: 0; }
.foot_nav ul li a { line-height: 36rem; }

.foot_nav ul li .t { font-size: 18rem; margin-bottom: 4rem; }

.fcontact { float: none; padding-top: 12rem; }
.fcontact ul li{ padding: 0 0 0 42rem; margin-top: 12rem;}
.fcontact ul li.li1 { background: url(../img/footer/fb1.png) left center no-repeat; background-size: 26rem auto;}
.fcontact ul li.li2 { background: url(../img/footer/fb2.png) left center no-repeat; background-size: 26rem auto;}
.fcontact ul li.li3 { background: url(../img/footer/fb3.png) left center no-repeat; background-size: 26rem auto;}

.etip { left: 5%; right: 5%; width: auto; padding: 30rem; font-size: 32rem; text-align: center; border-radius: 60rem; }

.backtop { right: 10rem; bottom: 100rem; width: 50rem; height: 50rem;}
}


/*滚动条*/
::-webkit-scrollbar-corner { background-color:#ffffff;}
::-webkit-scrollbar{width: 10rem; height:10rem; border-radius:5rem; }
::-webkit-scrollbar-track{ background:none; }
::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,0.2); border-radius:5rem; }