html { font-size:calc(100vw/1920) !important; }
*{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:#333333;text-decoration:none; }
a:hover{color:#142462;text-decoration:none;}
a,a:active,.btn,.more{ transition:all 300ms ease; appearance:none;}
input,select,textarea,button{ font-size: 14rem; appearance: none; font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; }
.clear{height:0;font-size:0;overflow:hidden;clear:both;float:none;}
iframe { border:0;}
::-webkit-input-placeholder { color:#999999; }
:-moz-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; }
:-ms-input-placeholder { color:#999999; }

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

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

body{ color:#333333; background: #ffffff; font-size: 14rem; line-height: 1.8; font-family: Microsoft Yahei, PingFang SC, Verdana, Helvetica Neue, Hiragino Sans GB, Microsoft Sans Serif, sans-serif; }

.wow { visibility: hidden; }

.wrap { overflow: hidden; }

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

.header { position: relative; z-index: 9999; }

.topbox { height: 102px; background: #9a7a45; position: relative; }

.head_logo { float: left; padding: 16px 0;}
.head_logo img { display: block; height: 70px; }

.head_right { float: right; margin-top: 6px; position: relative; background: url(../img/tel.png) 12px center no-repeat #826536; background-size: 58px auto; color: #fff; border-radius: 15px; height: 92px; padding: 10px 122px 10px 88px;}
.head_right .tit { font-size: 20px; line-height: 30px; }
.head_right .tit b { font-size: 22px;}
.head_right .con { font-size: 14px; line-height: 22px; }
.head_right .foot { position: absolute; right: 15px; top: 2px; text-align: center; font-size: 12px; line-height: 22px;}
.head_right .foot img { display: block; margin: 0 0; height: 88px; border-radius: 6px; transition:all 300ms ease;}
.head_right .foot:hover img { transform: scale(1.2);}

.nav_btn { display: none;}

.head_nav { background: #221f1f; height: 50rem; }
.head_nav ul li { float: left; position: relative; margin-right: 30rem;}
.head_nav ul li .t { display: block; height: 50rem; line-height: 50rem; padding: 0 40rem; font-size: 16rem; color: #fff; font-weight: bold; letter-spacing: 1rem; }
.head_nav ul li:hover .t { background: #a98c5c; color: #fff;}
.head_nav ul li .on { background: #a98c5c; color: #fff;}
.head_nav ul li .m { position: absolute; left: 0; width: 200rem; top: 50rem; background: #333333; display: none;}
.head_nav ul li .m a { display: block; text-align: left; line-height: 50rem; padding: 0 40rem; font-size: 16rem; color: #fff; font-weight: bold; letter-spacing: 1rem;}
.head_nav ul li .m a:hover { background: #a98c5c; color: #fff;}
.head_nav ul li:hover .m { display: block;}

.head_nav .login { float: right; padding: 9rem 0;}
.head_nav .login a { float: left; margin-left: 10rem; width: 90rem; line-height: 32rem; border-radius: 10rem; text-align: center; background: #474545; font-size: 16rem; color: #fff; font-weight: bold; letter-spacing: 1rem;}
.head_nav .login a:hover { background: #ffffff; color: #865f1f; }
.head_nav .login a.on { background: #ffffff; color: #865f1f; }
.head_nav .login a.on:hover { opacity: 0.8;}


.ibanner{ position: relative;}
.ibanner .swiper-container{ position: relative; width: 100%; z-index: 1;}
.ibanner .swiper-slide { overflow: hidden;}
.ibanner .swiper-slide img{ display: block; width: 100%; height: 500rem; object-fit: cover; }
.ibanner .swiper-slide .btns { position: absolute; left: 50%; margin-left: -700rem; top: 370rem; display: block; width: 240rem; line-height: 64rem; font-size: 18rem; font-weight: bold; background: #142462; color: #fff; border-radius: 10rem 0 10rem 0; text-align: center;}
.ibanner .swiper-slide .btns:hover { transform: translateY(5rem);}

.ibanner .swiper-pagination { bottom: 16rem !important; line-height: 0; font-size: 0; text-align: center; z-index: 100;}
.ibanner .swiper-pagination .swiper-pagination-bullet { border-radius: 0; margin: 0 5rem; border-radius: 100%; width: 10rem; height: 10rem;background: #fff; opacity: 1; }
.ibanner .swiper-pagination .swiper-pagination-bullet-active { background: #865f1f; }


.imain { transition:all 300ms ease; overflow: hidden; position: relative; }

.imain1 { padding: 16rem 0 0 0; background: #fff; border-bottom: 1rem #ededed solid; }
.imain2 { padding: 30rem 0 55rem 0; background: url(../img/index/bg1.jpg) center bottom no-repeat #f5f5f5; background-size: cover; }
.imain3 { padding: 50rem 0 90rem 0; }
.imain4 { padding: 50rem 0 130rem 0; background: url(../img/index/bg2.jpg) center bottom no-repeat #f5f5f5; background-size: cover; }

.imain1_t { background: url(../img/index/line1.png) center center no-repeat; text-align: center; font-size: 20rem; line-height: 1; font-weight: bold; color: #142462;}
.imain1_t span { color: #bc914b;}

.icase_list { position: relative; overflow: hidden;}
.icase_list .swiper-container{ position: relative; z-index: 1;}
.icase_list .swiper-slide { width: auto; padding: 14rem 0; }
.icase_list .swiper-slide img{ display: block; height: 44rem; }
.icase_list .swiper-wrapper{ transition-timing-function: linear !important; }

.ititle { margin-bottom: 40rem; text-align: center; }
.ititle .tit { font-size: 36rem; line-height: 68rem; color: #142462; }
.ititle .tit b { display: inline-block; background: url(../img/index/titli.png) right top no-repeat; background-size: 40rem auto; padding: 0 40rem;}
.ititle .tit span { color: #bc914b;}
.ititle .con { font-size: 18rem; line-height: 24rem; }


.inews_list { margin: 0 -7rem; }
.inews_list .item{ float: left; width: 33.33%; margin-bottom: 14rem;}
.inews_list .item_box { display: block; margin: 0 7rem; transition:all 300ms ease; background: #ffffff; position: relative; }
.inews_list .item_t { position: relative; z-index: 1; background: #fff; padding: 16rem 30rem 30rem 30rem;}
.inews_list .item_t .img {  margin-bottom: -14rem; }
.inews_list .item_t .img img{ display: block; margin: 0 auto; width: 280rem;}
.inews_list .item_t .tit { text-align: center; font-size: 22rem; line-height: 34rem; font-weight: bold; }
.inews_list .item_t .con { text-align: center; font-size: 16rem; line-height: 28rem; color:#999999; margin-bottom: 14rem; }
.inews_list .item_t .more { display: block; margin: 0 auto; text-align: center; width: 120rem; line-height: 32rem; padding-bottom: 2rem; border-radius: 12rem 0 12rem 0; background: #faf8f4; color: #9d7431; font-size: 16rem; }
.inews_list .item_t .more:after { display: inline-block; content: ''; vertical-align: middle; margin-bottom: 2rem; margin-left: 8rem; width: 15rem; height: 13rem; background: url(../img/index/more.png) center center no-repeat; background-size: contain;}
.inews_list .item_m { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; opacity: 0; background: #fff; transition:all 300ms ease;}
.inews_list .item_m .tit { padding: 30rem; height: 128rem; font-size: 22rem; line-height: 34rem; font-weight: bold; color: #fff;}
.inews_list .item_m .tit:after { display: block; content: ''; margin-top: 14rem; width: 74rem; height: 3rem; background: #e1caa5;}
.inews_list .item_m .con { padding: 32rem 30rem 0 30rem;}
.inews_list .item_m .con ul li { background: url(../img/index/yes.png) left center no-repeat; background-size: 34rem auto; padding: 6rem 0 6rem 50rem; line-height: 22rem; font-size: 16rem; margin-bottom: 22rem;}
.inews_list .item_box:hover { box-shadow: 0 0 10rem rgba(0, 0, 0, 0.08); }
.inews_list .item_box:hover .item_m { opacity: 1;}
.inews_list:after { display: block; content: ''; clear: both;}

.inews_list .item:nth-child(1) .item_m .tit { background: url(../img/index/why1s.png) center top no-repeat; background-size: 100% auto;}
.inews_list .item:nth-child(2) .item_m .tit { background: url(../img/index/why2s.png) center top no-repeat; background-size: 100% auto;}
.inews_list .item:nth-child(3) .item_m .tit { background: url(../img/index/why3s.png) center top no-repeat; background-size: 100% auto;}
.inews_list .item:nth-child(4) .item_m .tit { background: url(../img/index/why4s.png) center top no-repeat; background-size: 100% auto;}
.inews_list .item:nth-child(5) .item_m .tit { background: url(../img/index/why5s.png) center top no-repeat; background-size: 100% auto;}
.inews_list .item:nth-child(6) .item_m .tit { background: url(../img/index/why6s.png) center top no-repeat; background-size: 100% auto;}


.ifeature_nav { margin-top: -10rem; margin-bottom: 80rem; border-bottom: 1rem #e8d9c0 solid;}
.ifeature_nav ul li { float: left; width: 20%; cursor: pointer; line-height: 60rem; font-size: 18rem; text-align: center; position: relative;}
.ifeature_nav ul li img { display: block; margin: 0 auto 10rem auto; width: 80rem; transition:all 300ms ease;}
.ifeature_nav ul li.on { font-weight: bold; color: #bc914b;}
.ifeature_nav ul li:hover { font-weight: bold; color: #bc914b;}
.ifeature_nav ul li:hover img { transform: translateY(-5rem);}
.ifeature_nav ul li:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: -1rem; height: 5rem; background: #be9451; opacity: 0; transition:all 300ms ease;}
.ifeature_nav ul li.on:after { opacity: 1;}
.ifeature_nav:after { display: block; content: ''; clear: both;}

.ifeature_list { position: relative; margin: 0 -60rem;}
.ifeature_list .swiper-container{ position: relative; z-index: 1;}
.ifeature_list .item { position: relative; padding: 14rem 20rem 20rem 74rem; height: 506rem; }
.ifeature_list .item .con { float: left; width: 600rem; position: relative;}
.ifeature_list .item .con .num { position: absolute; right: 0; top: 0; font-size: 72rem; line-height: 1; color: #b18e58; font-weight: bold; opacity: 0.25;}
.ifeature_list .item .con .t { padding: 12rem 0; font-size: 30rem; line-height: 50rem; font-weight: bold; margin-bottom: 50rem; letter-spacing: 1rem;}
.ifeature_list .item .con .t span { color: #a67e3d;}
.ifeature_list .item .con .m { font-size: 18rem; line-height: 30rem;}
.ifeature_list .item .con .m p{ margin-bottom: 30rem;}
.ifeature_list .item .img { float: right; width: 745rem; position: relative;}
.ifeature_list .item .img img { display: block; width: 100%; position: relative; z-index: 10;}
.ifeature_list .item .img:before { display: block; content: ''; position: absolute; left: -14rem; top: -14rem; width: 186rem; height: 107rem; background: #bec2d3; z-index: 9;}
.ifeature_list .item .img:after { display: block; content: ''; position: absolute; right: -20rem; bottom: -20rem; width: 186rem; height: 107rem; background: #e6dbc9; border-left: 12rem #fff solid; border-top: 12rem #fff solid; z-index: 11;}


.ifeature_list .banbtn { position: absolute; width: 66rem; height: 66rem; border: 1rem #142462 solid; background: #fff; cursor: pointer; transition:all 300ms ease; z-index: 99;}
.ifeature_list .banbtn:after { display: block; content: ''; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-top: 10rem transparent solid; border-bottom: 10rem transparent solid; margin-left: -5rem; margin-top: -10rem; }
.ifeature_list .banbtnl { left: 74rem; bottom: 20rem; }
.ifeature_list .banbtnr { left: 148rem; bottom: 20rem; }
.ifeature_list .banbtnl:after { border-right: 10rem #142462 solid; }
.ifeature_list .banbtnr:after { border-left: 10rem #142462 solid; }
.ifeature_list .banbtn:hover { background: #142462;}
.ifeature_list .banbtnl:hover:after { border-right: 10rem #ffffff solid; }
.ifeature_list .banbtnr:hover:after { border-left: 10rem #ffffff solid; }


.ipartner_list { position: relative; overflow: hidden;}
.ipartner_list .swiper-container{ position: relative; z-index: 1;}
.ipartner_list .swiper-slide { width: auto; padding: 18rem 0; }
.ipartner_list .swiper-slide img{ display: block; width: 310rem; height: 133rem; background: #fff; border-radius: 4rem; object-fit: contain; transition:all 300ms ease; }
.ipartner_list .swiper-slide img:hover { box-shadow: 0 0 14rem rgba(0, 0, 0, 0.18);}
.ipartner_list .swiper-wrapper{ transition-timing-function: linear !important; }


.footer { background: url(../img/footbg.png) center bottom no-repeat #221f1f; background-size: cover; color: #ffffff; }
.footer a { color: #ffffff; opacity: 0.6;}
.footer a:hover { color: #ffffff; opacity: 1; }

.footbox { padding: 60rem 0 38rem 0;}

.foot_logo { float: left; padding: 46rem 0;}
.foot_logo a{ display: block;}
.foot_logo a img{ display: block; height: 60rem;}

.foot_contact { float: left; margin-left: 90rem;}
.foot_contact .item { margin-bottom: 30rem;}
.foot_contact .item .tit { padding: 0 30rem; line-height: 20rem; }
.foot_contact .item .con { padding: 0 30rem; line-height: 22rem; opacity: 0.6; margin-top: 6rem;}
.foot_contact .item_1 .tit { background: url(../img/fb1.png) left center no-repeat; background-size: 20rem auto; }
.foot_contact .item_2 .tit { background: url(../img/fb2.png) left center no-repeat; background-size: 20rem auto; }
.foot_contact .item_3 .tit { background: url(../img/fb3.png) left center no-repeat; background-size: 20rem auto; }

.foot_erwei { float: right;}
.foot_erwei ul li { float: left; text-align: center; margin-left: 28rem; line-height: 1;}
.foot_erwei ul li img { display: block; width: 124rem; margin: 0 auto 24rem auto;}

.foot_copy { color: rgba(255,255,255,0.6); border-top: 1rem rgba(255,255,255,0.1) solid; text-align: center; padding: 15rem 0; line-height: 26rem;}


/*
.rtool { position: fixed; z-index: 9999; right: 24rem; top: 50%; margin-top: -340rem; width: 150rem; border-radius: 36rem; background: #fff; box-shadow: 0 0 35rem rgba(0, 0, 0, 0.18);}
.rtool ul li { display: block;}
.rtool ul li a{ display: block; height: 145rem; padding-top: 14rem; text-align: center; font-size: 24rem; letter-spacing: 1rem; line-height: 1; color: #3099f7;}
.rtool ul li a i { display: block; margin: 0 auto; width: 74rem; height: 74rem; background: url(../img/tool.png) no-repeat;}
.rtool ul li a i.t1 { background-position: 0 0;}
.rtool ul li a i.t2 { background-position: 0 -74rem;}
.rtool ul li a i.t3 { background-position: 0 -148rem;}
.rtool ul li a i.t4 { background-position: 0 -222rem;}
.rtool ul li a i.t5 { background-position: 0 -296rem;}
.rtool ul li a:hover { color: #fff; background: url(../img/tool_on.png) center top no-repeat;}
.rtool ul li a:hover i.t1 { background-position: -74rem 0;}
.rtool ul li a:hover i.t2 { background-position: -74rem -74rem;}
.rtool ul li a:hover i.t3 { background-position: -74rem -148rem;}
.rtool ul li a:hover i.t4 { background-position: -74rem -222rem;}
.rtool ul li a:hover i.t5 { background-position: -74rem -296rem;}
*/
.rtool { position: fixed; z-index: 9999; right: 14rem; top: 50%; margin-top: -220rem; width: 100rem; border-radius: 24rem; background: #fff; box-shadow: 0 0 24rem rgba(0, 0, 0, 0.18);}
.rtool ul li { display: block; position: relative;}
.rtool ul li a{ display: block; height: 97rem; padding-top: 10rem; text-align: center; font-size: 16rem; letter-spacing: 1rem; line-height: 20rem; color: #3099f7;}
.rtool ul li a i { display: block; margin: 0 auto; width: 48rem; height: 48rem; background: url(../img/tool.png) no-repeat; background-size: 96rem auto;}
.rtool ul li a i.t1 { background-position: 0 0;}
.rtool ul li a i.t2 { background-position: 0 -48rem;}
.rtool ul li a i.t3 { background-position: 0 -96rem;}
.rtool ul li a i.t4 { background-position: 0 -144rem;}
.rtool ul li a i.t5 { background-position: 0 -192rem;}
.rtool ul li:hover a { color: #fff; background: url(../img/tool_on.png) center top no-repeat; background-size: contain;}
.rtool ul li:hover a i.t1 { background-position: -48rem 0;}
.rtool ul li:hover a i.t2 { background-position: -48rem -48rem;}
.rtool ul li:hover a i.t3 { background-position: -48rem -96rem;}
.rtool ul li:hover a i.t4 { background-position: -48rem -144rem;}
.rtool ul li:hover a i.t5 { background-position: -48rem -192rem;}
.rtool .m { position: absolute; right: 100rem; top: 50%; padding-right: 10rem; transform: translateY(-50%); display: none;}
.rtool .m p{ display: block; background: #fff; border-radius: 14rem; padding: 10rem; white-space: nowrap; box-shadow: 0 0 24rem rgba(0, 0, 0, 0.18);}
.rtool .m img { display: block; width: 120px;}
.rtool .m b { font-size: 20rem; color: #142462; line-height: 40rem; margin: 0 10rem;}
.rtool ul li:hover .m { display: block;}

.tt_main { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99990; display: none;}
.tt_main .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99991; background: rgba(0, 0, 0, 0.5); }
.tt_main .tt_box { position: absolute; left: 50%; top: 50%; z-index: 99992; background: #ffffff; width: 880rem; padding: 50rem 80rem; box-sizing: border-box; border-radius: 16rem; transform: translate(-50%,-50%); }
.tt_main .tt_clo { position: absolute; right: 0; top: 0; background: url(../img/clo.png) center center no-repeat; background-size: 26rem auto; width: 80rem; height: 80rem; cursor: pointer; }
.tt_main .tt_box_t { text-align: center;}
.tt_main .tt_box_t b{ display: block; font-size: 30rem; line-height: 2;}
.tt_main .tt_box_t span{ display: flex;justify-content: center; color: #999; font-size: 16rem; line-height: 2;}
#consultation-count{color:red;font-weight:bold;margin:0 5px}

.tt_form { padding: 30rem 0;}
.tt_form .item { float: left; width: 50%; padding: 0 4rem; margin-bottom: 10rem; }
.tt_form .item .t { color: #666666; font-size: 16rem; line-height: 40rem;}
.tt_form .item .t i { color: red;}
.tt_form .item .m input { display: block; width: 100%; text-indent: 20rem; background: #f5f5f5; border: none; height: 50rem; font-size: 16rem; border-radius: 6rem;}
.tt_form .btnbox { clear: both; padding-top: 30rem;}
.tt_form .btnbox .btn{ display: block; margin: 0 auto; width: 60%; text-align: center; border: none; cursor: pointer; color: #fff; font-size: 20rem; line-height: 60rem; background: #142462; }

.hk_consult { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 99990; display: none;}
.hk_consult .bg { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 99991; background: rgba(0, 0, 0, 0.5); }
.hk_consult .tt_box { position: absolute; left: 50%; top: 50%; z-index: 99992; background: #ffffff; width: 640rem; padding: 50rem 40rem 10rem 30rem; box-sizing: border-box; border-radius: 16rem; transform: translate(-50%,-50%); }
.hk_consult .tt_clo { position: absolute; right: 0; top: 0; background: url(../img/clo.png) center center no-repeat; background-size: 18rem auto; width: 50rem; height: 50rem; cursor: pointer; }
.hk_consult .info { background: url(../img/info.svg) center center no-repeat; background-size: 24rem auto; width: 50rem; height: 50rem; cursor: pointer; }
.hk_consult .tt_box_t { text-align: center;}
.hk_consult .tt_box_t b{ display: block; font-size: 30rem; line-height: 2;}
.hk_consult .tt_box_t span{ display: flex;justify-content: center;align-items:center; font-size: 16rem; line-height: 2;}

.hk_consult .btn { float: right; padding: 18rem 0 9rem 0;}
.hk_consult .btn div { float: left; margin-left: 10rem; padding:4rem 8rem; line-height: 32rem; border-radius: 10rem; text-align: center; background: #142462; font-size: 16rem; color: #fff; font-weight: bold; letter-spacing: 1rem;cursor: pointer;}
.hk_consult .btn div.on { background: #ffffff; color: #666666;cursor: pointer; }
.hk_consult .btn div.on:hover { opacity: 0.8;}
.hk_consult .btn div #goto-ha{
    width: 190rem;
    background: #3098F5;
}

.about_banner { background: url(../img/about/topbg.jpg) center center no-repeat; background-size: cover;}
.about_banner .mainbox { position: relative; height: 597rem; padding-top: 106rem;}
.about_banner .img { position: absolute; right: -150rem; top: 108rem;}
.about_banner .img img { display: block; width: 653rem;}
.about_banner .con { margin-right: 550rem; }
.about_banner .con .t { font-size: 36rem; line-height: 46rem; color: #000000; margin-bottom: 60rem; font-weight: bold; letter-spacing: 1rem;}
.about_banner .con .t b { color: #142462;}
.about_banner .con .m { font-size: 16rem; line-height: 28rem; color: #666666;text-indent: 2em;}


.about_main1 { background: url(../img/about/bg1.jpg) center center no-repeat; background-size: cover; padding-bottom: 72rem;}
.about_main2 { background: #ffffff; padding: 50rem 0 84rem 0;}

.about_info { position: relative; height: 296rem; margin-bottom: 50rem;}
.about_info .img { position: absolute; left: 0; bottom: 0; width: 572rem;}
.about_info .img img{ display: block; width: 100%; border-radius: 0 20rem 0 20rem;}
.about_info .con { position: absolute; right: 0; left: 572rem; bottom: 0; background: #fff; padding: 44rem 72rem; min-height: 370rem; }
.about_info .con .t { font-size: 30rem; line-height: 46rem; color: #000000; margin-bottom: 50rem; font-weight: bold; letter-spacing: 1rem;}
.about_info .con .t b { color: #a67e3d;}
.about_info .con .m { font-size: 18rem; line-height: 30rem; text-indent: 2em;}
.about_info:after { display: block; content: ''; clear: both;}


.about_list1 { margin: 0 -10rem; padding-top: 10rem;}
.about_list1 .item { float: left; width: 50%;}
.about_list1 .item_m { display: block; margin: 0 10rem; background: #fff; padding: 6rem; }
.about_list1 .item_m .img img { display: block; width: 100%;}
.about_list1 .item_m .img iframe { display: block; width: 100%; height: 248rem;}
.about_list1 .item_m .con { position: relative; padding: 10rem 0 10rem 46rem; height: 58rem; line-height: 38rem; color: #999999; font-size: 18rem; transition:all 300ms ease;}
.about_list1 .item_m .con b { font-size: 20rem; color: #333333; margin-right: 10rem; transition:all 300ms ease;}
.about_list1 .item_m .con:before { display: block; content: ''; position: absolute; left: 14rem; top: 50%; margin-top: -12rem; width: 20rem; height: 25rem; background: url(../img/about/pos.png) center center no-repeat; background-size: contain; transition:all 300ms ease;}
.about_list1 .item_m:hover { background: #142462;}
.about_list1 .item_m:hover .con{ color: #fff; background-image: linear-gradient(to right,#142462,#3a50a3);}
.about_list1 .item_m:hover .con b{ color: #fff;}
.about_list1 .item_m:hover .con:before { background: url(../img/about/pos2.png) center center no-repeat; background-size: contain;}
.about_list1:after { display: block; content: ''; clear: both;}


.about_list2 { padding-top: 60rem;}
.about_list2 .item { float: left; width: 25%; position: relative; height: 480rem;}
.about_list2 .item_m { display: block; position: absolute; left: 0; right: 0; top: 0; height: 480rem; transition:all 300ms ease;}
.about_list2 .item_m .con { position: absolute; left: 0; right: 0; top: 114rem; text-align: center; padding: 0 50rem; line-height: 22rem; color: #fff; font-size: 18rem; }
.about_list2 .item_m .con b { display: block; font-size: 24rem; line-height: 62rem;}
.about_list2 .item_m .con p:before { display: block; content: ''; width: 100rem; height: 1rem; background: #fff; margin: 0 auto 18rem auto;}
.about_list2 .item_m .con i { display: block; margin: 0 auto; width: 60rem; height: 60rem;}
.about_list2 .item_1 .item_m { background: url(../img/about/img1.jpg) center center no-repeat; background-size: cover;}
.about_list2 .item_2 .item_m { background: url(../img/about/img2.jpg) center center no-repeat; background-size: cover;}
.about_list2 .item_3 .item_m { background: url(../img/about/img3.jpg) center center no-repeat; background-size: cover;}
.about_list2 .item_4 .item_m { background: url(../img/about/img4.jpg) center center no-repeat; background-size: cover;}
.about_list2 .item_1 .item_m .con i.t1{ background: url(../img/about/b1.png) center center no-repeat; background-size: contain;}
.about_list2 .item_2 .item_m .con i.t2{ background: url(../img/about/b2.png) center center no-repeat; background-size: contain;}
.about_list2 .item_3 .item_m .con i.t3{ background: url(../img/about/b3.png) center center no-repeat; background-size: contain;}
.about_list2 .item_4 .item_m .con i.t4{ background: url(../img/about/b4.png) center center no-repeat; background-size: contain;}
.about_list2 .item_m:hover { top: -20rem; height: 520rem;}
.about_list2 .item_1 .item_m:hover { background: url(../img/about/img1s.jpg) center center no-repeat; background-size: cover; }
.about_list2 .item_2 .item_m:hover { background: url(../img/about/img2s.jpg) center center no-repeat; background-size: cover;}
.about_list2 .item_3 .item_m:hover { background: url(../img/about/img3s.jpg) center center no-repeat; background-size: cover;}
.about_list2 .item_4 .item_m:hover { background: url(../img/about/img4s.jpg) center center no-repeat; background-size: cover;}
.about_list2 .item_1 .item_m:hover .con i.t1{ background: url(../img/about/b1s.png) center center no-repeat; background-size: contain;}
.about_list2 .item_2 .item_m:hover .con i.t2{ background: url(../img/about/b2s.png) center center no-repeat; background-size: contain;}
.about_list2 .item_3 .item_m:hover .con i.t3{ background: url(../img/about/b3s.png) center center no-repeat; background-size: contain;}
.about_list2 .item_4 .item_m:hover .con i.t4{ background: url(../img/about/b4s.png) center center no-repeat; background-size: contain;}
.about_list2:after { display: block; content: ''; clear: both;}


.mbanner { position: relative; height: 500rem;}
.mbanner .mainbox { padding-top: 90rem;}
.mbanner .tit { font-size: 48rem; line-height: 72rem; color: #000000; margin-bottom: 24rem; font-weight: bold; letter-spacing: 1rem;}
.mbanner .tit b { color: #142462;}
.mbanner .btn { display: block; width: 240rem; line-height: 64rem; font-size: 18rem; font-weight: bold; background: #142462; color: #fff; border-radius: 10rem 0 10rem 0; text-align: center;}
.mbanner .btn:hover { transform: translateY(5rem);}
.mbanner3 { background: url(../img/mban3.jpg) center center no-repeat #e9e5d9; background-size: contain; }
.mbanner5 { background: url(../img/mban5.jpg) center center no-repeat #e9e5d9; background-size: contain; }


.service_navbox { background: #fff; height: 81rem; border-bottom: 1rem #ededed solid; }
.service_nav { margin: 0 -150rem; }
.service_nav ul { display: flex;}
.service_nav ul li{ flex: 1;}
.service_nav ul li a{ display: block; width: 120rem; margin: 0 auto; height: 80rem; line-height: 80rem; font-size: 18rem; position: relative; text-align: center; }
.service_nav ul li a:hover { color: #bc914b;}
.service_nav ul li a.on { color: #bc914b; font-weight: bold;}
.service_nav ul li a.on:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 5rem; background: #bc914b;}

.service_main1 { padding-top: 36rem; }
.service_main2 { background: url(../img/service/bg2.jpg) center center no-repeat; background-size: cover; padding: 60rem 0 116rem 0; }
.service_main3 { padding: 80rem 0 160rem 0; }

.service_info { position: relative; height: 540rem; padding-right: 680rem;}
.service_info .img { position: absolute; right: -50rem; top: 30rem; width: 662rem;}
.service_info .img img{ display: block; width: 100%; }
.service_info .con { padding-top: 80rem;}
.service_info .con .t { font-size: 30rem; line-height: 46rem; color: #000000; margin-bottom: 50rem; letter-spacing: 1rem;}
.service_info .con .t b { color: #a67e3d;}
.service_info .con .m { font-size: 18rem; line-height: 30rem; }
.service_info:after { display: block; content: ''; clear: both;}


.service_list { margin: 0 -1rem; padding-top: 30rem; }
.service_list_l { float: left; width: 1056rem;}
.service_list_r { float: right; width: 345rem;}
.service_list .item{ float: left; width: 352rem; padding: 1rem 0;}
.service_list .item_box { display: block; margin: 0 1rem; transition:all 300ms ease; background: #ffffff; position: relative; }
.service_list .item_t { position: relative; z-index: 1; background: #fff; color: #000000; padding: 26rem 26rem 0 26rem; height: 210rem;}
.service_list .item_t .img { }
.service_list .item_t .img img{ display: block; margin: 0 auto; width: 60rem;}
.service_list .item_t .tit { text-align: center; font-size: 18rem; line-height: 42rem; font-weight: bold; margin-bottom: 6rem; }
.service_list .item_t .con { text-align: center; font-size: 14rem; line-height: 20rem; color:#666666; }
.service_list .item_m { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; opacity: 0; background:#152563; color: #fff; padding: 10rem 24rem 0 24rem; transition:all 300ms ease;}
.service_list .item_m .tit { font-size: 18rem; line-height: 42rem; font-weight: bold;}
.service_list .item_m .con { font-size: 14rem; line-height: 20rem; }
.service_list .item_m .con p { display: block; margin-bottom: 0.8em;}
.service_list .item_box:hover { }
.service_list .item_box:hover .item_m { opacity: 1;}
.service_list:after { display: block; content: ''; clear: both;}

.service_list_r .item { width: 345rem;}
.service_list_r .item_t { height: 139rem; padding-top: 20rem;}

.service_list .item_1:hover .item_m { background: url(../img/service/img1.jpg) right bottom no-repeat; background-size: cover;}
.service_list .item_2:hover .item_m { background: url(../img/service/img2.jpg) right bottom no-repeat; background-size: cover;}
.service_list .item_3:hover .item_m { background: url(../img/service/img3.jpg) right bottom no-repeat; background-size: cover;}
.service_list .item_4:hover .item_m { background: url(../img/service/img4.jpg) right bottom no-repeat; background-size: cover;}
.service_list .item_5:hover .item_m { background: url(../img/service/img5.jpg) right bottom no-repeat; background-size: cover;}
.service_list .item_6:hover .item_m { background: url(../img/service/img6.jpg) right bottom no-repeat; background-size: cover;}
.service_list .item_7:hover .item_t { background: url(../img/service/img7.jpg) right bottom no-repeat; background-size: cover; color: #fff;}
.service_list .item_8:hover .item_t { background: url(../img/service/img7.jpg) right bottom no-repeat; background-size: cover; color: #fff;}
.service_list .item_9:hover .item_t { background: url(../img/service/img7.jpg) right bottom no-repeat; background-size: cover; color: #fff;}


.service_mode { padding-top: 20rem; margin: 0 -11rem;}
.service_mode .item { float: left; width: 50%;}
.service_mode .item_m { display: block; position: relative; margin: 0 11rem; transition:all 300ms ease; overflow: hidden;}
.service_mode .item_m .img img { display: block; width: 100%; transition:all 300ms ease;}
.service_mode .item_m .con { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; padding: 0 40rem; line-height: 36rem; color: #fff; font-size: 18rem; }
.service_mode .item_m .con b { display: block; font-size: 30rem; line-height: 58rem;}
.service_mode .item_m:hover .img img{ transform: scale(1.06);}
.service_mode:after { display: block; content: ''; clear: both;}



.news_navbox { background: #fff; height: 81rem; border-bottom: 1rem #ededed solid; }
.news_nav { float: left;}
.news_nav ul li{ float: left; margin-right: 30rem;}
.news_nav ul li a{ display: block; height: 80rem; line-height: 80rem; padding: 0 24rem; font-size: 18rem; position: relative; }
.news_nav ul li a:hover { color: #bc914b;}
.news_nav ul li a.on { color: #bc914b; font-weight: bold;}
.news_nav ul li a.on:after { display: block; content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 5rem; background: #bc914b;}
.mlogo { float: right; padding-top: 26rem;}
.mlogo img { display: block; height: 28rem;}

.news_main { background: #f3f3f3; padding: 56rem 0;}
.news_main2 { background: #ffffff; padding: 56rem 0;}

.news_title { margin-bottom: 18rem; padding-bottom: 6rem;}
.news_title .tit { float: left; background: url(../img/index/titli.png) right top no-repeat; background-size: 40rem auto; padding: 0 28rem 0 0; font-size: 36rem; line-height: 68rem; color: #142462; font-weight: bold; position: relative;}
.news_title .tit span { color: #bc914b;}
.news_title .con { float: right; line-height: 68rem; font-size: 16rem; color: #999999;}
.news_title .con a{ color: #999999;}
.news_title .con a:hover{ color: #142462;}
.news_title .con span{ color: #142462;}
.news_title:after { display: block; content: ''; clear: both;}

.news_title2 { border-bottom: 1rem #ededed solid;}
.news_title2 .tit:after { display: block; content: ''; position: absolute; left: 50%; bottom: -6rem; width: 0; height: 0; border-left: 8rem transparent solid; border-right: 8rem transparent solid; border-bottom: 10rem #ededed solid; margin-left: -21rem; }

.news_list { }
.news_list .item{ border-bottom: 1rem #ededed solid; }
.news_list .item_m { display: block; padding: 0 426rem 0 210rem; height: 250rem; transition:all 300ms ease; position: relative; }
.news_list .item_m .img { position: absolute; right: 27rem; top: 27rem; width: 332rem; overflow: hidden; }
.news_list .item_m .img img{ display: block; width: 100%; height: 195rem; object-fit: cover; transition:all 300ms ease;}
.news_list .item_m .time { position: absolute; left: 0; width: 128rem; top: 50%; transform: translateY(-50%); text-align: center; color: #000000; font-size: 18rem; line-height: 36rem;}
.news_list .item_m .time b { display: block; font-size: 58rem; font-weight: normal; line-height: 68rem;}
.news_list .item_m .con { padding: 56rem 0 0 0;}
.news_list .item_m .t { font-size: 26rem; line-height: 44rem; height: 44rem; color: #000000; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 36rem;}
.news_list .item_m .m { font-size: 18rem; line-height: 32rem; color: #999999; max-height: 64rem; overflow: hidden; }
.news_list .item_m:after { display: block; content: ''; width: 42rem; height: 2rem; background: #d3d3d3; position: absolute; left: 136rem; top: 50%; transform: translateY(-50%);}
.news_list .item_m:hover { background: url(../img/newsli.png) left center no-repeat #ffffff; background-size: auto 100%; box-shadow: 0 4rem 10rem rgba(164, 142, 142, 0.1); }
.news_list .item_m:hover:after { background: #142462;}
.news_list .item_m:hover .img img{ transform: scale(1.06);}
.news_list .item_m:hover .time { color: #fff;}

.news_details { padding-top: 60rem;}
.news_details .title h1{ font-size: 30rem; line-height: 46rem; text-align: center; color: #000000;}
.news_details .time{ font-size: 16rem; line-height: 32rem; text-align: center; color: #999999;}
.news_details .content{ padding: 40rem 0; margin-bottom: 20rem; font-size: 18rem; line-height: 30rem;}
.news_details .content img{ display: block; margin: 0 auto;}
.news_details .content h1,h2{ margin: 10px 0;}
.news_details .content p{ margin: 10px 0; text-indent: 2em;}
.news_details .content .requirements { list-style-type: disc; padding-left: 20px;text-indent: 2em;}
.news_details .content .requirements li { margin-bottom: 4px; font-size: 16px;}
.news_next{ border-top: 1rem #d3d3d3 solid;}
.news_next a { display: block; font-size: 18rem; font-weight: bold; color: #000; line-height: 36rem; padding: 22rem 0;}
.news_next a:hover {color:#142462; }
.news_next .l{ float: left; width: 49%;}
.news_next .r{ float: right; width: 49%;}
.news_next .r a{ text-align: right;}
.news_next:after { display: block; content: ''; clear: both;}

.pages_list { text-align: center; padding: 40rem 0; font-size: 0;}
.pages_list a { display: inline-block; vertical-align: middle; font-size: 22rem; color: #666666; background: #fff; border: 1rem #d3d3d3 solid; width: 66rem; height: 66rem; text-align: center; line-height: 64rem; margin: 0 4rem; position: relative;}
.pages_list a:hover { border: 1rem #142462 solid; background: #142462; color: #fff;}
.pages_list a.on { border: 1rem #142462 solid; background: #142462; color: #fff;}
.pages_list .prev:after ,.pages_list .next:after{ display: block; content: ''; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-top: 10rem transparent solid; border-bottom: 10rem transparent solid; margin-left: -5rem; margin-top: -10rem; }
.pages_list .prev:after { border-right: 10rem #142462 solid; }
.pages_list .next:after { border-left: 10rem #142462 solid; }
.pages_list .prev:hover:after { border-right: 10rem #ffffff solid; }
.pages_list .next:hover:after { border-left: 10rem #ffffff solid; }


.case_banner { background: url(../img/cases/topbg.jpg) center top no-repeat; background-size: 100% auto;}
.case_banner .mbanner{height: 350rem;}
.case_list1 { height: 374rem; position: relative; }
.case_list1 .swiper-slide { width: 866rem; height: 374rem; opacity: 0.8; }
.case_list1 .swiper-slide-active { opacity: 1 !important;}

.case_list1 .item { position: relative; padding: 54rem 0 0 0;}
.case_list1 .item .img { position: absolute; left: 0; top: 22rem;}
.case_list1 .item .img img { display: block; width: 226rem; height: 288rem; object-fit: cover; border-radius: 20rem 0 20rem 0;}
.case_list1 .item .con { background: url(../img/cases/pbg.png) center top no-repeat; background-size: cover; height: 282rem; padding: 32rem 38rem 0 38rem; color: #fff;}
.case_list1 .item .con .t { height: 70rem; line-height: 70rem; position: relative;}
.case_list1 .item .con .t b { float: left; font-size: 30rem; }
.case_list1 .item .con .t p { position: absolute; right: 0; top: 22rem; font-size: 30rem; line-height: 25rem; color: #ffde00; font-weight: bold;}
.case_list1 .item .con .t p img { float: left; height: 25rem; margin-right: 10rem;}
.case_list1 .item .con .m { font-size: 18rem; line-height: 30rem; height: 90rem; overflow: hidden; margin-bottom: 10rem;}
.case_list1 .item .con .f { background: url(../img/cases/mt.png) left center no-repeat; width: 178rem; height: 40rem; line-height: 40rem; padding-right: 52rem; text-align: center; font-size: 18rem;}

.case_list1 .swiper-pagination { bottom: 0 !important; left: 0; right: 0; position: absolute; line-height: 0; font-size: 0; text-align: center; z-index: 100;}
.case_list1 .swiper-pagination .swiper-pagination-bullet { border-radius: 0; margin: 0 4rem; width: 102rem; height: 8rem;background: #9a7a45; opacity: 0.27; }
.case_list1 .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; }


.case_main1 { padding: 88rem 0 120rem 0; }
.case_main2 { background: url(../img/service/bg2.jpg) center center no-repeat; background-size: cover; padding: 90rem 0 116rem 0; }

.case_main1_l { float: left; width: 350rem;}
.case_main1_r { float: right; width: 1085rem; height: 526rem; padding-top: 74rem; background: url(../img/cases/bg1.jpg) center center no-repeat; background-size: cover; margin-right: -60rem; margin-top: 25rem;}

.case_title .tit { float: left; background: url(../img/index/titli.png) right top no-repeat; background-size: 40rem auto; padding: 0 28rem 0 0; font-size: 36rem; line-height: 68rem; color: #142462; font-weight: bold; position: relative; margin-bottom: 10rem;}
.case_title .tit span { color: #bc914b;}
.case_title:after { display: block; content: ''; clear: both; width: 66rem; height: 4rem; background: #000;}


.case_list2 { padding-top: 25rem;}
.case_list2 .item{ padding: 25rem 0;}
.case_list2 .item .tit {}
.case_list2 .item .tit b{ float: left; font-family: 'DIN'; font-size: 48rem; line-height: 48rem; color: #9a7a45; margin-right: 24rem;}
.case_list2 .item .tit span { float: left; background: url(../img/cases/mt2.png) left center no-repeat; width: 157rem; height: 38rem; line-height: 38rem; margin-top: 5rem; padding-left: 12rem; font-size: 20rem;}
.case_list2 .item .con { clear: both; font-size: 20rem; line-height: 48rem;}

.case_list3 { width: 630rem;}
.case_list3 .swiper-slide { }
.case_list3 .item { margin: 0 55rem; padding: 0 0 42rem 0; position: relative;}
.case_list3 .item .img { position: absolute; left: 0; top: 2rem;}
.case_list3 .item .img img { display: block; border-radius: 100%; width: 80rem; height: 80rem; object-fit: cover;}
.case_list3 .item .con { position: relative; background: #fff; border-radius: 10rem; padding: 10rem 24rem 16rem 24rem;}
.case_list3 .item .con .t { height: 42rem; line-height: 42rem; position: relative;}
.case_list3 .item .con .t b { float: left; font-size: 18rem; margin-right: 10rem;}
.case_list3 .item .con .t span { float: left; padding: 0 6rem; border-radius: 4rem; background: #f7f5f0; height: 20rem; margin-top: 12rem; line-height: 20rem; font-size: 12rem; color: #9a7a45; font-weight: bold;}
.case_list3 .item .con .t p { position: absolute; right: 15rem; top: 6rem; text-align: center; font-size: 16rem; line-height: 20rem; color: #ffaa06; font-weight: bold;}
.case_list3 .item .con .t p img { display: block; margin: 0 auto; width: 15rem;}
.case_list3 .item .con .m { font-size: 14rem; line-height: 22rem; color: #666666;}
.case_list3 .item .con:after{ display: none; content: ''; position: absolute; left: -10rem; top: 40rem; margin-top: -5rem; width: 0; height: 0; border-top: 10rem transparent solid; border-bottom: 10rem transparent solid; border-right: 10rem #ffffff solid; }


.case_list4 { margin: 0 -74rem;}
.case_list4 .swiper-slide { }
.case_list4 .swiper-slide:after { display: block; content: ''; clear: both;}
.case_list4 .item { float: left; width: 50%; padding: 14rem 0;}
.case_list4 .item_m { margin: 0 14rem; display: block; background: url(../img/cases/listbox.jpg) center top no-repeat; background-size: 100% auto;}
.case_list4 .item .tit { position: relative; height: 148rem; }
.case_list4 .item .tit b { position: absolute; left: 32rem; right: 50%; top: 50%; transform: translateY(-50%); font-size: 30rem; line-height: 50rem; color: #000000; font-weight: bold;}
.case_list4 .item .tit img{ display: block; position: absolute; right: 7rem; top: 50%; width: 296rem; height: 128rem; object-fit: contain; transform: translateY(-50%);}
.case_list4 .item .con { padding: 30rem 30rem 0 30rem; height: 330rem;}
.case_list4 .item .cons { position: relative; padding: 24rem 0 24rem 180rem;}
.case_list4 .item .cons .t { position: absolute; left: 28rem; top: 32rem; background: url(../img/cases/mt4.png) no-repeat; background-size: contain; width: 115rem; height: 48rem; line-height: 48rem; text-align: center; padding-right: 8rem; font-size: 20rem; font-weight: bold; color: #ffffff;}
.case_list4 .item .cons .m { font-size: 20rem; line-height: 32rem; color: #333333; font-weight: bold; min-height: 64rem;}
.case_list4 .item .cons .m b { color: #a67e3d;}
.case_list4 .item .cons:first-child { border-bottom: 1rem #cccccc solid; }
.case_list4 .item .cons:first-child .t { background: url(../img/cases/mt3.png) no-repeat; background-size: contain;}

.case_list4:after { display: block; content: ''; clear: both;}

.case_list4_tool { margin-top: 10rem; text-align: center;}
.case_list4_tool .banbtn { display: inline-block; position: relative; margin: 0 13rem; width: 66rem; height: 66rem; border: 1rem #142462 solid; background: #fff; cursor: pointer; transition:all 300ms ease; z-index: 99;}
.case_list4_tool .banbtn:after { display: block; content: ''; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-top: 10rem transparent solid; border-bottom: 10rem transparent solid; margin-left: -5rem; margin-top: -10rem; }
.case_list4_tool .banbtnl:after { border-right: 10rem #142462 solid; }
.case_list4_tool .banbtnr:after { border-left: 10rem #142462 solid; }
.case_list4_tool .banbtn:hover { background: #142462;}
.case_list4_tool .banbtnl:hover:after { border-right: 10rem #ffffff solid; }
.case_list4_tool .banbtnr:hover:after { border-left: 10rem #ffffff solid; }


@media (min-width:2200px){
html { font-size:1px !important; }
.ibanner .swiper-slide a img{ object-fit: contain; background: #e9e5d9; }
}

@media (max-width:1500px) and (min-width:999px){
html { font-size:calc(100vw/1700) !important; }
}

@media (max-width:999px){
html{ font-size: calc(100vw/480) !important; }
body { font-size: 14rem;}

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

.mainbox { width: auto; margin: 0 14rem; }

.header { padding-top: 70rem; }

.topbox { height: auto; position: fixed; left: 0; right: 0; top: 0; height: 70rem; z-index: 9990; }

.head_logo { padding: 12rem 0; }
.head_logo img { height: 46rem; }

.head_right { display: none; }


.nav_btn { display: block; position: fixed; right: 0; top: 0; width: 80rem; height: 70rem; background: url(../img/mnav.png) center center no-repeat; background-size: 44rem auto; z-index: 9999;}

.head_nav { position: fixed; display: none; left: 0; right: 0; top: 70rem; padding: 20rem; height: auto; box-shadow: 0 0 20rem rgba(0, 0, 0, 0.18); z-index: 9992; }
.head_nav ul li { float: none; margin-right: 0;}
.head_nav ul li .t { padding: 0 30rem; font-size: 18rem; }
.head_nav ul li .m { display: block; width: auto; position: relative; left: auto; top: auto;}

.head_nav .login {display: none; float: none; text-align: center; padding: 19rem 0; background: rgba(255,255,255,0.1);}
.head_nav .login a { float: none; display: inline-block; margin-left: 10rem; margin-right: 10rem; width: 130rem; line-height: 46rem; border-radius: 10rem; font-size: 18rem; }

.ibanner .swiper-slide img{ width: 100%; height: auto; }
.ibanner .swiper-slide .btns { left: 20rem; margin-left: 0; top: 160rem; width: 140rem; line-height: 44rem; font-size: 16rem; }

.ibanner .swiper-pagination { bottom: 16rem !important; }
.ibanner .swiper-pagination .swiper-pagination-bullet { margin: 0 5rem; width: 10rem; height: 10rem; }

.imain1 { padding: 16rem 0 0 0; }
.imain2 { padding: 30rem 0 55rem 0; }
.imain3 { padding: 50rem 0 70rem 0; }
.imain4 { padding: 50rem 0 100rem 0; }

.imain1_t { background:none; font-size: 20rem; }

.icase_list .swiper-slide { width: auto; padding: 14rem 0; }
.icase_list .swiper-slide img{ height: 44rem; }

.ititle { margin-bottom: 40rem; }
.ititle .tit { font-size: 30rem; line-height: 60rem; }
.ititle .con { font-size: 16rem; line-height: 22rem; }


.inews_list { margin: 0; }
.inews_list .item{ float: none; width: auto; margin-bottom: 14rem;}
.inews_list .item_box { margin: 0; }
.inews_list .item_t { padding: 16rem 30rem 30rem 30rem;}
.inews_list .item_t .img { margin-bottom: -14rem; }
.inews_list .item_t .img img{ width: 280rem;}
.inews_list .item_t .tit { font-size: 22rem; line-height: 34rem; }
.inews_list .item_t .con { font-size: 16rem; line-height: 28rem; margin-bottom: 14rem; }
.inews_list .item_t .more { width: 120rem; line-height: 32rem; padding-bottom: 2rem; border-radius: 12rem 0 12rem 0; font-size: 16rem; }
.inews_list .item_m { }
.inews_list .item_m .tit { padding: 30rem; height: 128rem; font-size: 22rem; line-height: 34rem; }
.inews_list .item_m .tit:after { margin-top: 14rem; width: 74rem; height: 3rem; }
.inews_list .item_m .con { padding: 32rem 30rem 0 30rem;}
.inews_list .item_m .con ul li { background-size: 34rem auto; padding: 6rem 0 6rem 50rem; line-height: 22rem; font-size: 16rem; margin-bottom: 22rem;}


.ifeature_nav { margin-top: 0; margin-bottom: 30rem; border-bottom: 1rem #e8d9c0 solid;}
.ifeature_nav ul li { line-height: 20rem; font-size: 14rem; padding-bottom: 10rem; }
.ifeature_nav ul li img { margin: 0 auto 10rem auto; width: 70rem; }
.ifeature_nav ul li:after { height: 4rem; }

.ifeature_list {  margin: 0 -14rem; padding-bottom: 80rem;}
.ifeature_list .item { padding: 14rem 14rem; height: auto; }
.ifeature_list .item .con { float: none; width: auto; padding: 0 10rem;  }
.ifeature_list .item .con .num { position: absolute; right: 0; top: 0; font-size: 62rem; }
.ifeature_list .item .con .t { padding: 12rem 0; font-size: 30rem; line-height: 40rem; margin-bottom: 30rem; }
.ifeature_list .item .con .m { font-size: 18rem; line-height: 30rem;height: 290rem;}
.ifeature_list .item .con .m p{ margin-bottom: 30rem;}
.ifeature_list .item .img { float: none; width: auto; margin: 10rem; }
.ifeature_list .item .img:before { left: -10rem; top: -10rem; width: 120rem; height: 80rem; }
.ifeature_list .item .img:after { right: -10rem; bottom: -10rem; width: 120rem; height: 80rem; border-left: 10rem #fff solid; border-top: 10rem #fff solid;}

.ifeature_list .banbtn { width: 50rem; height: 50rem;}
.ifeature_list .banbtnl { left: auto; margin-right: 10rem; right: 50%; bottom: 20rem; }
.ifeature_list .banbtnr { left: 50%; margin-left: 10rem; bottom: 20rem; }


.ipartner_list .swiper-slide { width: auto; padding: 8rem 0; }
.ipartner_list .swiper-slide img{ width: 180rem; height: 90rem; }
.ipartner_list .swiper-slide img:hover { box-shadow: 0 0 10rem rgba(0, 0, 0, 0.18);}

.footer { padding-bottom: 100rem;}
.footbox { padding: 30rem 0;}

.foot_logo { float: none; padding: 0; margin-bottom: 30rem;}
.foot_logo a img{ width: 70%; margin: 0 auto; height: auto;}

.foot_contact { float: none; margin-left: 0; padding: 10rem 0;}
.foot_contact .item { margin-bottom: 20rem; font-size: 16rem;}
.foot_contact .item .tit { padding: 0 0 0 30rem; line-height: 20rem; }
.foot_contact .item .con { padding: 0 0 0 30rem; line-height: 22rem; margin-top: 6rem;}

.foot_erwei { float: none; }
.foot_erwei ul li { width: 33.33%; margin-left: 0; line-height: 1;}
.foot_erwei ul li img { width: 80%; margin: 0 auto 8rem auto;}

.foot_copy { color: rgba(255,255,255,0.6); border-top: 1rem rgba(255,255,255,0.1) solid; text-align: center; padding: 15rem 0; line-height: 26rem;}


.rtool { left: 10rem; right: 10rem; top: auto; margin-top: 0; bottom: 10rem; width: auto; border-radius: 14rem; box-shadow: 0 0 14rem rgba(0, 0, 0, 0.18);}
.rtool ul li { float: left; width: 20%;}
.rtool ul li a{ display: block; height: 70rem; padding-top: 11rem; }
.rtool ul li a span { display: none;}
.rtool ul li a:hover { color: #fff; background: url(../img/tool_on.png) center top no-repeat; background-size: contain;}
.rtool .m { right: auto; left: 50%; top: auto; bottom: 70rem; padding-right: 0; padding-bottom: 10rem; transform: translateX(-50%); display: none;}
.rtool .m img { width: 160rem;}
.rtool .m b { font-size: 20rem; line-height: 40rem; margin: 0 10rem;}


.tt_main .tt_box { left: 20rem; right: 20rem; width: auto; padding: 20rem 20rem; transform: translate(0,-50%); }
.tt_main .tt_clo { background-size: 22rem auto; width: 60rem; height: 60rem; }

.tt_form .item { float: none; width: auto; }


.about_banner { }
.about_banner .mainbox { height: auto; padding-top: 40rem; padding-bottom: 60rem;}
.about_banner .img { position: relative; right:auto; top: auto;}
.about_banner .img img { display: block; width: 70%; margin: 0 auto;}
.about_banner .con { margin-right: 0; }
.about_banner .con .t { font-size: 26rem; line-height: 36rem; margin-bottom: 30rem; }


.about_main1 { padding-bottom: 40rem; padding-top: 40rem;}
.about_main2 { padding: 50rem 0 84rem 0;}

.about_info { height: auto; margin-bottom: 50rem;}
.about_info .img { position: relative; left: auto; bottom: auto; width: auto;}
.about_info .img img{ display: block; width: 100%; border-radius: 0 20rem 0 0;}
.about_info .con { position: relative; right: auto; left: auto; bottom: auto; padding: 24rem 24rem; min-height: auto; }
.about_info .con .t {  margin-bottom: 20rem; text-align: center; }


.about_list1 { margin: 0; padding-top: 10rem;}
.about_list1 .item { float: none; width: auto; margin-bottom: 20rem;}
.about_list1 .item_m { margin: 0; }
.about_list1 .item_m .img img { display: block; width: 100%;}
.about_list1 .item_m .img iframe { display: block; width: 100%; height: 248rem;}
.about_list1 .item_m .con { height: auto; line-height: 32rem; }


.about_list2 { padding-top: 30rem;}
.about_list2 .item { float: none; width: auto; position: relative; height: 280rem; margin-bottom: 20rem;}
.about_list2 .item_m { height: 280rem; }
.about_list2 .item_m .con { top: 50rem;  }
.about_list2 .item_m:hover { top: -10rem; height: 300rem;}


.mbanner { height: 246rem; background-size: auto 100% !important;}
.mbanner .mainbox { padding-top: 50rem; }
.mbanner .tit { font-size: 26rem; line-height: 36rem; margin-bottom: 16rem; padding-left: 6rem; }
.mbanner .btn { width: 140rem; line-height: 44rem; font-size: 16rem; margin-left: 6rem; }


.service_navbox { height: 81rem; border-bottom: 1rem #ededed solid; }
.service_nav { margin: 0 -20rem; }

.service_main1 { padding-top: 36rem; padding-bottom: 80rem; }
.service_main2 { padding: 60rem 0 90rem 0; }
.service_main3 { padding: 80rem 0 80rem 0; }

.service_info { height: auto; padding-right: 0;}
.service_info .img { position: relative; right: auto; top: auto; width: auto;}
.service_info .img img{ width: 80%; margin: 0 auto; }
.service_info .con { padding-top: 0;}
.service_info .con .t { text-align: center; margin-bottom: 30rem; }


.service_list { margin: 0; padding-top: 20rem; }
.service_list_l { float: none; width: auto;}
.service_list_r { float: none; width: auto;}
.service_list .item{ float: none; width: auto; padding: 1rem 0;}
.service_list .item_box { margin: 0; }
.service_list_r .item { width: auto;}


.service_mode { padding-top: 10rem; margin: 0;}
.service_mode .item { float: none; width: auto; margin-bottom: 20rem;}
.service_mode .item_m { margin: 0; }


.news_nav ul li{ margin-right: 10rem;}
.mlogo { padding-top: 30rem;}
.mlogo img { height: 20rem;}

.news_main { padding: 56rem 0;}
.news_main2 { padding: 56rem 0;}

.news_title { margin-bottom: 18rem; padding-bottom: 6rem;}
.news_title .tit { font-size: 30rem; line-height: 60rem; }

.news_title2 .tit:after { bottom: -15rem; margin-left: -21rem; }

.news_list .item_m { padding: 20rem 0; height: auto; }
.news_list .item_m .img { position: relative; right: auto; top: auto; width: auto; margin-bottom: 12rem; }
.news_list .item_m .img img{ display: block; width: 100%; height: 195rem; object-fit: cover; transition:all 300ms ease;}
.news_list .item_m .time { position: relative; left: auto; width: auto; top: auto; transform: none; text-align: left; }
.news_list .item_m .time b { display: inline-block; font-size: 26rem; font-weight: normal; line-height: 36rem; margin-right: 10rem;}
.news_list .item_m .time:after { display: block; content: ''; width: 42rem; height: 2rem; background: #d3d3d3; position: absolute; left: 136rem; top: 50%; transform: translateY(-50%);}
.news_list .item_m .con { padding: 10rem 0 0 0;}
.news_list .item_m .t { font-size: 20rem; line-height: 32rem; height: auto; margin-bottom: 12rem;}
.news_list .item_m .m { font-size: 16rem; line-height: 28rem; color: #999999; max-height: none; }
.news_list .item_m:after { display: none; }
.news_list .item_m:hover { background: #ffffff; }
.news_list .item_m:hover:after { background: #142462;}
.news_list .item_m:hover .img img{ transform: scale(1.06);}
.news_list .item_m:hover .time { color: #000;}

.news_details { padding-top: 40rem;}
.news_details .title h1{ font-size: 22rem; line-height: 36rem; }
.news_details .content{ padding: 30rem 0; }
.news_next{ border-top: 1rem #d3d3d3 solid; padding: 20rem 0;}
.news_next a { font-size: 16rem; line-height: 28rem; padding: 4rem 0; text-align: left;}
.news_next .l{ float: none; width: auto;}
.news_next .r{ float: none; width: auto;}
.news_next .r a{ text-align: left;}

.pages_list { padding: 30rem 0; font-size: 0;}
.pages_list a{ font-size: 16rem; width: 36rem; height: 36rem; text-align: center; line-height: 34rem; margin: 0 2rem; position: relative;}
.pages_list .prev:after ,.pages_list .next:after{ border-top: 8rem transparent solid; border-bottom: 8rem transparent solid; margin-left: -4rem; margin-top: -8rem; }
.pages_list .prev:after { border-right: 8rem #142462 solid; }
.pages_list .next:after { border-left: 8rem #142462 solid; }
.pages_list .prev:hover:after { border-right: 8rem #ffffff solid; }
.pages_list .next:hover:after { border-left: 8rem #ffffff solid; }


.case_banner { }
.case_banner .mbanner{height: 200rem;}
.case_list1 { height: 334rem; }
.case_list1 .swiper-slide { width: 100%; height: 374rem; }

.case_list1 .item { padding: 24rem 0 0 0; margin: 0 20rem;}
.case_list1 .item .img { left: 0; top: 22rem;}
.case_list1 .item .img img { width: 158rem; height: 200rem; object-fit: cover; border-radius: 20rem 0 20rem 0;}
.case_list1 .item .con { height: 282rem; padding: 22rem 28rem 0 28rem; }
.case_list1 .item .con .t { height: 50rem; line-height: 50rem; position: relative;}
.case_list1 .item .con .t b { font-size: 22rem; }
.case_list1 .item .con .t p { top: 17rem; font-size: 16rem; line-height: 16rem; }
.case_list1 .item .con .t p img { height: 16rem; margin-right: 8rem;}
.case_list1 .item .con .m { font-size: 16rem; line-height: 24rem; height: 120rem; margin-bottom: 10rem;}

.case_list1 .swiper-pagination .swiper-pagination-bullet { margin: 0 2rem; width: 50rem; height: 4rem; }


.case_main1 { padding: 60rem 0 80rem 0; }
.case_main2 { padding: 60rem 0 80rem 0; }

.case_main1_l { float: none; width: auto;}
.case_main1_r { float: none; width: auto; height: auto; padding-top: 50rem; padding-bottom: 20rem; background-position: left center; margin-right: 0; margin-top: 25rem;}

.case_title .tit { font-size: 30rem; line-height: 62rem; }


.case_list2 { padding-top: 25rem;}
.case_list2 .item{ padding: 15rem 0; height: 78rem;}
.case_list2 .item .tit {}
.case_list2 .item .tit b{ float: left; font-family: 'DIN'; font-size: 48rem; line-height: 48rem; color: #9a7a45; margin-right: 24rem;}
.case_list2 .item .tit span { float: left; background: url(../img/cases/mt2.png) left center no-repeat; width: 157rem; height: 38rem; line-height: 38rem; margin-top: 5rem; padding-left: 12rem; font-size: 20rem;}
.case_list2 .item .con { float: left; clear: none; font-size: 20rem; line-height: 48rem; margin-left: 10rem;}

.case_list3 { width: auto;}
.case_list3 .swiper-slide { }
.case_list3 .item { margin: 0 25rem; padding: 0 0 32rem 0; }
.case_list3 .item .con { padding-right: 10rem;}
.case_list3 .item .con .m { font-size: 16rem; line-height: 28rem; }
.case_list3 .item .con:after{ left: -9rem; }


.case_list4 { margin: 0 -14rem;}
.case_list4 .item { float: none; width: auto; padding: 10rem 0;}
.case_list4 .item_m { margin: 0 14rem; background-color: #ffffff;}
.case_list4 .item .tit { height: 88rem; }
.case_list4 .item .tit b { left: 22rem; font-size: 22rem; line-height: 32 rem; }
.case_list4 .item .tit img{ right: 7rem; top: 50%; width: 180rem; height: 78rem; }
.case_list4 .item .con { padding: 20rem 20rem 0 20rem; height: auto;}
.case_list4 .item .cons { padding: 24rem 0 24rem 130rem;}
.case_list4 .item .cons .t { left: 0; }
.case_list4 .item .cons .m { font-size: 18rem; line-height: 28rem; min-height: 64rem;}

}

.etip { position: fixed; left: 50%; top: 50%; width: 400rem; margin-left: -200rem; box-sizing: border-box; display: none; transform:translate(0,-50%); background: rgba(0,0,0,0.8); color: #fff; padding: 20rem; text-align: center; font-size: 20rem; line-height: 2; border-radius: 30rem; z-index: 9999991;}
/* 失败的弹窗样式 */
.consultEtip { position: fixed; left: 50%; top: 10%; width: 400rem; margin-left: -200rem; box-sizing: border-box; display: none; transform:translate(0,-50%); background: rgb(253, 225.6, 225.6); color: #f56c6c; border: 1px solid #f56c6c; padding: 10rem; text-align: center; font-size: 16rem; line-height: 2; border-radius: 10rem; z-index: 9999991;}
/* 成功的弹窗样式 */
.consultSuccessTip { position: fixed; left: 50%; top: 10%; width: 400rem; margin-left: -200rem; box-sizing: border-box; display: none; transform:translate(0,-50%); background: rgb(224.6, 242.8, 215.6); color: #67c23a; border: 1px solid #67c23a; padding: 10rem; text-align: center; font-size: 16rem; line-height: 2; border-radius: 10rem; z-index: 9999991;}

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