.w1500 { width: 1500px; margin: 0 auto;}
.grjhdj_wrap { padding-bottom: 200px; background: #FBE5EA url(/newimages/zt_grjhdj_banner_bg_2.png) no-repeat center bottom; background-size: 100% auto;}
.head_top { height: 830px; background: url(/newimages/zt_grjhdj_banner_bg_1.jpg) no-repeat center;background-size: cover;}
.head_top .titS1 { padding: 0 15px;}
.grjhdj_wrap .box.s1 {  border-radius: 15px; border: 1px solid #B02E33; box-sizing: border-box; position: relative;}
.grjhdj_wrap .box.s1::after { content: ''; position: absolute; left: 10px; right: -6px; top: 6px; bottom: -6px; background: #B02E33; border-radius: 15px;}
.grjhdj_wrap .box.s1 .box_content {  font-size: 24px; line-height: 48px; position: relative; top: 0; left: 0; bottom: 0; right: 0;padding: 40px;  background: #FBE5E7; z-index: 2; border-radius: 15px;}
.grjhdj_wrap .box.s1 .box_content p { text-indent: 2em;}
.grjhdj_wrap .box.s1.t1,.grjhdj_wrap .box.s1.t1::after,.grjhdj_wrap .box.s1.t1 .box_content { border-radius: 0 0 15px 0;}
.grjhdj_wrap .box.s1.t1::after { left: 5px;}
.grjhdj_wrap .box.s1.t1 .box_content { font-size: 20px; line-height: 40px;}
.grjhdj_wrap .tit.s1 { height: 64px;}
.grjhdj_wrap .tit.s1 i { float: left; width: 64px; height: 64px; padding-top: 10px; box-sizing: border-box; background: #FFAC2B; border: 3px solid #fff; border-radius: 50%; text-align: center; position: relative; z-index: 2;}
.grjhdj_wrap .tit.s1 em { display: inline-block; margin-top: 9px; height: 46px; margin-left: -40px; padding: 0 40px 0 60px; border-radius: 0 35px 0 0; line-height: 46px; color: #fff; font-size: 22px; font-weight: 600; text-shadow: 0 0 5px #8e0d12; background: #E9494C; background-image: linear-gradient(#ED7470, #E9494C);}
.grjhdj_wrap .tit.s2 { display: inline-block; height: 68px; padding: 0 80px; line-height: 68px;color: #fff; font-size: 22px; font-weight: 600; border-radius: 40px 34px 34px 0; text-shadow: 0 0 5px #8e0d12; background: #E9494C; background-image: linear-gradient(to right, #ED7470, #E9494C);}
.grjhdj_wrap .f_box_content { padding: 30px; border: 1px solid #B02E33; background: #FBE5E7; border-radius: 0 20px 20px 20px; }
.grjhdj_wrap .titT2 { padding: 30px 0;}
.grjhdj_wrap .titT2.mb0 { padding-bottom: 0;}

.grjhdj_wrap .f_box { margin-top: 60px;}
.grjhdj_wrap .f_box.f1 { margin-top: 0;}
.grjhdj_wrap .f_box.f2 { margin-top: -120px;}

.grjhdj_wrap .f_box dl.service_box { width: 49%;}
.grjhdj_wrap .f_box dl.service_box dt { display: inline-block; height: 42px; padding: 0 30px; line-height: 42px; font-size: 20px; font-weight: 600; color: #fff; border-radius: 0 25px 0 0; background: #E9494C; background-image: linear-gradient(to right, #ED7470, #E9494C); }
.grjhdj_wrap .f_box dl.service_box dd { min-height: 326px; padding: 30px 60px; font-size: 20px; line-height: 38px; color: #553f09; background: #FAF2DE; box-sizing: border-box;}



.grjhdj_wrap .f_box.f1 { position: relative; top: -180px; overflow: hidden; width: 100%; padding-right: 20px;}
.grjhdj_wrap .f_box.f1 .tit.s1 { position: absolute; top: -32px; left: 0;}

.grjhdj_wrap .f_box.f1 .box.s1 {margin-bottom: 90px;}
.grjhdj_wrap .f_box.f1 .items .box { width: 49%;}
.grjhdj_wrap .f_box.f1 .items .box .box_content { min-height: 240px;}
.grjhdj_wrap .f_box.f1 .items .box .box_content ul { padding-top: 40px;}
.grjhdj_wrap .f_box.f1 .items .box .box_content ul li { margin-bottom: 15px;}
.grjhdj_wrap .f_box.f1 .items .box .box_content ul li a { color: #e94b4d; font-weight: 600; padding-left: 10px; position: relative;}
.grjhdj_wrap .f_box.f1 .items .box .box_content ul li a::after { content: ''; position: absolute; top: 50%; left: 0; width: 7px; height: 7px; transform: translateY(-50%); background: #e94b4d; border-radius: 50%;}
.grjhdj_wrap .f_box.f1 .items .box .box_content ul li a:hover { color: #f5312b;}
.grjhdj_wrap .f_box.f1 .items .box .box_content dl dt { font-weight: 600;}
.grjhdj_wrap .f_box.f1 .items .box.s1 { margin-bottom: 10px;}

.grjhdj_wrap .f_box.f2 .f2_tit { height: 68px; margin-top: -120px; position: relative; overflow: hidden;}
.grjhdj_wrap .f_box.f2 h2.tit.s2 { position: absolute; left: 0; top: 0; margin-top: 0; }
.grjhdj_wrap .f_box .f_box_content> .ps { font-size: 20px; font-weight: 600;}
.grjhdj_wrap .f_box .f_box_content> .ps a { color: #e94b4d;}
.grjhdj_wrap .f_box.f2 .service_content { padding: 35px; border-radius: 15px; background: #fff;}
.grjhdj_wrap .f_box.f2 .service_content .service_ps { padding-bottom: 20px; font-size: 20px; line-height: 38px;}
.grjhdj_wrap .f_box.f2 .serveic_lc { margin-left: -40px;}
.grjhdj_wrap .f_box.f2 .serveic_lc li { float: left; width: 33%; padding-left: 40px; box-sizing: border-box;}
.grjhdj_wrap .f_box.f2 .serveic_lc li span { display: table-cell; padding: 35px 35px 35px 110px; position: relative; background: #fff; height: 210px; vertical-align: middle; box-sizing: border-box; font-size: 20px; color: #553f09; line-height: 34px; border-radius: 10px;}
.grjhdj_wrap .f_box.f2 .serveic_lc li span em { color: #e94b4d;}
.grjhdj_wrap .f_box.f2 .serveic_lc li span i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 140px; width: 70px; line-height: 140px; border-radius: 0 70px 70px 0; font-size: 46px; font-weight: 600; color: #fff; text-align: center; background: #7BD1EC; background-image: linear-gradient(to right, #B0E4F3, #6ECCEA);}
.grjhdj_wrap .f_box.f2 .serveic_lc li:nth-child(2) span i { background: #8DDC94; background-image: linear-gradient(to right, #B9E9BE, #8ADB92);}
.grjhdj_wrap .f_box.f2 .serveic_lc li:nth-child(3) span i { background: #BBE864; background-image: linear-gradient(to right, #D6F1A2, #B1E54D);}
.grjhdj_wrap .adds { display: table; width: 100%; padding: 38px; background: #ffeef1; box-sizing: border-box; border-radius: 15px;}
.grjhdj_wrap .adds dt,.grjhdj_wrap .adds dd { display: table-cell; vertical-align: middle;}
.grjhdj_wrap .adds dt > div{ width: 615px; height: 500px;}
.grjhdj_wrap .adds dd { padding: 0 100px;}
.grjhdj_wrap .adds dd h6 { height: 68px; margin-bottom: 30px; line-height: 68px; border-radius: 34px; background: #FBE5E7; color: #eb595c; font-size: 26px; font-weight: 600; text-align: center;}
.grjhdj_wrap .adds dd p { padding: 15px 15px 15px 100px; position: relative; font-size: 18px; color: #333;}
.grjhdj_wrap .adds dd p img { position: absolute; top: 12px; left: 40px;}

.grjhdj_wrap .f_box.f3 .cl_content { padding: 50px 30px 30px; background: #fff; border-radius: 15px;}
.grjhdj_wrap .f_box.f3 .cl_content ol li { position: relative; margin-bottom: 40px; padding-left: 60px; height: 52px; line-height: 52px; box-sizing: border-box;}
.grjhdj_wrap .f_box.f3 .cl_content ol li i { position: absolute;  left: 0; top: 50%; transform: translateY(-50%); width: 60px; height: 60px; line-height: 60px; background: #E94E50; border: 6px solid #F7C3C3; text-align: center; font-size: 28px; font-weight: 600; color: #fff; border-radius: 50%;}
.grjhdj_wrap .f_box.f3 .cl_content ol li em { display: inline-block; height: 52px; padding: 0 30px; font-size: 20px; color: #333; background: #FBE5E7; border-radius: 0 27px 27px 0;}
.grjhdj_wrap .f_box.f3 .items { margin-left: 50px;}
.grjhdj_wrap .f_box.f3 a:hover { opacity: .8;}
.grjhdj_wrap .f_box.f3 .items em { color: #e9494c; font-weight: 600;}
.grjhdj_wrap .f_box.f3 .items ul li { padding-left: 20px; position: relative;}
.grjhdj_wrap .f_box.f3 .items ul li::after { content: ''; display: block; position: absolute; left: 0; top: 15px; width: 9px; height: 9px; border-radius: 50%; background: #553F09;}
.grjhdj_wrap .f_box.f3 .items span { display: block;}
.grjhdj_wrap .f_box.f3 .items dl.service_box dd { min-height: 364px; padding: 30px;}

.grjhdj_wrap .f_box.f3 .yy_type { padding: 40px 0;}
.grjhdj_wrap .f_box.f3 .yy_type h2 { padding-bottom: 30px;}
.grjhdj_wrap .f_box.f3 .yy_type h2 a { position: relative; display: inline-block; height: 78px; line-height: 76px; margin: 0 30px; padding: 0 60px; font-size: 30px;background: #fff; color: #e94b4e; border: 1px solid #e94b4e; border-radius: 40px;}
.grjhdj_wrap .f_box.f3 .yy_type h2 a.active { background: #e94b4e; color: #fff;}
.grjhdj_wrap .f_box.f3 .yy_type h2 a.active::after { content: ''; position: absolute; left: 50%; bottom: -12px; transform: translateX(-50%);width:0;height:0;border-right:12px solid transparent;border-left:12px solid transparent;border-top:12px solid #e94b4e;}
.grjhdj_wrap .f_box.f3 .yy_type .switchBox {background: #FACCCD; padding: 40px 20px; box-sizing: border-box; border-radius: 15px;}
.grjhdj_wrap .f_box.f3 .yy_type .item { width: 70%; display: table; margin: 0 auto; color: #333;}
.grjhdj_wrap .f_box.f3 .yy_type .item > div { display: table-cell; vertical-align: middle;}
.grjhdj_wrap .f_box.f3 .yy_type .item p.qr { padding: 10px 0;}
.grjhdj_wrap .f_box.f3 .yy_type .item .item_info { width: 400px; padding-right: 100px; font-size: 20px; line-height: 36px;}
.grjhdj_wrap .f_box.f3 .yy_type .item .item_info a { color: #e9494c;}
.grjhdj_wrap .f_box.f3 .yy_type .item.s1 .item_info { width: 450px; text-align: left;}

.grjhdj_wrap .f_box.f3 .yy_type .switch1 .item { width: 100%; display: table; margin: 0 auto; color: #333;}
.grjhdj_wrap .f_box.f3 .yy_type .switch1 .item .item_info{width: 290px; padding-right: 20px; padding-left: 20px;}
.grjhdj_wrap .f_box.f3 .yy_type .switch1 .item .item_img ul li{float: left; position: relative; margin-right: 68px;}
.grjhdj_wrap .f_box.f3 .yy_type .switch1 .item .item_img ul li:last-child{margin-right: 0px;}
.grjhdj_wrap .f_box.f3 .yy_type .switch1 .item .item_img ul li::after{content: ''; position: absolute; right: -65px; top: 50%; transform: translateY(-50%); width: 61px; height: 41px; background: url(/newimages/lh_jhyjs_jt.png) no-repeat center; background-size: 100% 100%;}
.grjhdj_wrap .f_box.f3 .yy_type .switch1 .item .item_img ul li:last-child::after{display: none;}

.grjhdj_wrap .f_box.f3 .xcdj_lc { padding: 40px 0 0;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns { margin-bottom: 30px;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li {float: left; width: 14.28%; padding: 0 10px 0 40px; box-sizing: border-box; }
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns a { position: relative; display: block; height: 84px; margin-right: 40px; padding: 6px 0 0 20px; color: #333; font-weight: 600; text-align: center; box-sizing: border-box; background: #fff; font-size: 24px; line-height: 34px; border: 2px solid #FCD90C; border-right: none; position: relative;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns a::after { display: none; content: ''; position: absolute; left: 50%; bottom: -14px; transform: translateX(-50%);width:0;height:0;border-right:12px solid transparent;border-left:12px solid transparent;border-top:12px solid #FCD90C;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns a.active::after { display: block;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns a:hover { opacity: .8;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns a b {position: absolute; right: -38px; top: -2px; bottom: -2px; width: 60px; overflow: hidden;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns a b::after { content: ''; position: absolute; top: 9px; right: 10px; width: 57px; height: 57px; background: #fff; border: 10px solid #FCD90C; border-left: none; border-bottom: none; border-radius: 0 12px 0 0; transform: rotate(45deg);}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns a i { font-weight: 600; position: absolute; left: -22px; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; background: #FCD90C; color: #fff; line-height: 44px; border-radius: 50%; text-align: center;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns a em { position: relative; z-index: 2;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(2) a { border-color: #99D542;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(2) a i { background: #99D542;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(2) a b::after {border-color: #99D542;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(2) a::after { border-top-color: #99D542;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(3) a { border-color: #52D2DF;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(3) a i { background: #52D2DF;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(3) a b::after {border-color: #52D2DF;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(3) a::after { border-top-color: #52D2DF;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(4) a { border-color: #8E7DDB;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(4) a i { background: #8E7DDB;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(4) a b::after {border-color: #8E7DDB;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(4) a::after { border-top-color: #8E7DDB;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(5) a { border-color: #5AD0AD;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(5) a i { background: #5AD0AD;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(5) a b::after {border-color: #5AD0AD;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(5) a::after { border-top-color: #5AD0AD;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(6) a { border-color: #40A4DF;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(6) a i { background: #40A4DF;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(6) a b::after {border-color: #40A4DF;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(6) a::after { border-top-color: #40A4DF;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(7) a { border-color: #4284DB;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(7) a i { background: #4284DB;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(7) a b::after {border-color: #4284DB;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .btns li:nth-child(7) a::after { border-top-color: #4284DB;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .switchBox { padding: 30px; background: #FFF1F4; border-radius: 15px;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .adds { padding: 0; background: none;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .adds dd h6 { margin: 0 10% 30px;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .adds dd { padding: 0 0 0 30px;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .item { font-size: 24px; line-height: 40px; color: #553f09;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .sutp_2 { display: table; width: 70%; margin: 0 auto;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .sutp_2 p { display: table-cell; vertical-align: middle;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .sutp_2 p.info { width: 500px; padding-right: 100px;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .sutp_2.s1 { width: 100%;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .sutp_2.s1 p.info { padding: 0 50px;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .ps_img .ps { padding-bottom: 20px;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .ps_img .img_box i { float: left; width: 50%; padding: 0 15px; box-sizing: border-box;}
.grjhdj_wrap .f_box.f3 .xcdj_lc .ps_img .img_box i img { max-width: 100%;}

.grjhdj_wrap .f_box.f4 dl { margin-bottom: 15px; padding: 30px 30px 30px 96px; font-size: 20px; line-height: 32px; background: #fff; border-radius: 15px; position: relative;} 
.grjhdj_wrap .f_box.f4 dl::after { content: ''; position: absolute; left: 30px; top: 30px; width: 51px; height: 59px; background: url(/newimages/zt_grjhdj_icon_3_1.png) no-repeat;}
.grjhdj_wrap .f_box.f4 dl dt { margin-bottom: 10px; padding-bottom: 10px; color: #e94d50; font-weight: 600; border-bottom: 1px solid #e94d50;}
.grjhdj_wrap .f_box.f4 dl dd { font-size: 18px; color: #333;}

.grjhdj_wrap .other_box { width: 796px; margin: 0 auto; margin-bottom: 30px; background: url(/newimages/zt_grjhdj_bg_1_1.png) no-repeat center top; position: relative;}
.grjhdj_wrap .other_box::after { content: ''; position: absolute; bottom: -26px; left: 0; width: 36px; height: 37px; background: url(/newimages/zt_grjhdj_bg_1_1a.png) no-repeat;}
.grjhdj_wrap .other_box h6 { padding: 44px 78px 0 172px; text-align: center;}
.grjhdj_wrap .other_box p { padding: 30px 70px; font-size: 19px; color: #553f09; text-align: center; position: relative;}
.grjhdj_wrap .other_box p::after { content: ''; position: absolute; left: 0; bottom: 0; display: inline-block;width:0;height:0;border-right:796px solid transparent;border-bottom:10px solid #FBE5E7;}
.grjhdj_wrap .other_box p em { color: #e9494c;}

.grjhdj_wrap .f_box .f_box_content.QA{ padding: 15px 5px;}
.grjhdj_wrap .f_box .f_box_content.QA .box { padding: 15px 25px; height: 525px; overflow-y: auto;}
.f_box_content.QA .box::-webkit-scrollbar {width: 7px;}
.f_box_content.QA .box::-webkit-scrollbar-thumb {border-radius: 7px;background:#E37E8B;}
.f_box_content.QA .box::-webkit-scrollbar-track {border-radius: 7px;background: #F0D1D6;}

/* 弹出图片 */
.pop_img { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, .3); z-index: 9; opacity: 0; transition: opacity .3s;}
.pop_img.open { opacity: 1;}
.pop_img .box { position: absolute; top: 50%; left: 50%; width: 800px; height: 60%; padding: 20px 15px; box-sizing: border-box; border-radius: 15px; transform: translate(-50%, -50%); background: #fff; }
.pop_img .box .closeBtn { display: block; width: 32px; height: 32px; position: absolute; top: -20px; right: -20px; background: url(/newimages/close_icon2.png) no-repeat center; text-indent: -99em; transition: .6s; overflow: hidden;}
.pop_img .box .closeBtn:hover { transform: rotate(-180deg);}

.pop_img .box p { height: 100%; overflow: hidden; overflow-y: auto;}
.pop_img .box p::-webkit-scrollbar {width: 10px;}
.pop_img .box p::-webkit-scrollbar-thumb {border-radius: 10px;background:#316AB1;}
.pop_img .box p::-webkit-scrollbar-track {border-radius: 10px;background: #DEDEDE;}


.grjhdj_wrap .showQR { position: relative; cursor: pointer; z-index: 2;}
.grjhdj_wrap .showQR img { display: none; width: 160px; position: absolute; top: 102%; left: 50%; transform: translateX(-50%); border: 10px solid #fff; border-radius: 5px; box-shadow: 0 3px 10px rgba(0, 0, 0, .3);}

.grjhdj_wrap .showQR:hover img { display: block; }
@media screen and (min-width:1922px) {
  .head_top .titS1{padding: 10px 15px;}
}

@media screen and (min-width: 1200px) and (max-width: 1655px) {
  .grjhdj_wrap .f_box.f2 .service_content dl dd { padding: 30px; font-size: 18px;}
  .grjhdj_wrap .f_box.f2 .serveic_lc li span { padding: 0 20px 0 100px; font-size: 18px; line-height: 30px;}
  .grjhdj_wrap .adds dt > div{ width: 480px;}
  .grjhdj_wrap .adds dd { padding: 0 30px;}
  .grjhdj_wrap .f_box.f3 .items dl.service_box dd { font-size: 18px; line-height: 34px;}
  .grjhdj_wrap .f_box.f3 .yy_type .item { width: 90%;}
  .grjhdj_wrap .f_box.f3 .yy_type .item .item_info { padding-right: 50px;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .btns li {  padding-left: 20px;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .btns a { margin-right: 32px;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .adds dd p { font-size: 16px; padding-left: 86px;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .sutp_2.s1 .img_box img{ width: 600px;}

  .grjhdj_wrap .f_box.f3 .yy_type .switch1 .item .item_info{font-size: 16px; line-height: 28px;}
  .grjhdj_wrap .f_box.f3 .yy_type .switch1 .item .item_img img{height: 280px;}
  .grjhdj_wrap .f_box.f3 .yy_type .switch1 .item .item_img ul li{margin-right: 50px;}
  .grjhdj_wrap .f_box.f3 .yy_type .switch1 .item .item_img ul li::after{width: 45px; height: 30px; right: -47px;}
}


@media screen and (max-width:1200px) {
  .w1500 { width: 100%; padding: 0 15px; box-sizing: border-box;}
  .head_top { height: 400px;}
  .head_top .titS1 { padding-top: 50px;}
  .grjhdj_wrap .f_box.f1 {top: -60px;}
  .grjhdj_wrap .f_box.f2 { margin-top: 50px;}
  .grjhdj_wrap .f_box.f2 .f2_tit { margin-top: -130px;}
  .grjhdj_wrap .box.s1 .box_content { font-size: 18px; line-height: 34px; padding: 15px;}
  .grjhdj_wrap .f_box.f1 .items .box { width: 100%;}
  .grjhdj_wrap .f_box.f1 .items .box .box_content { min-height: auto;}
  .grjhdj_wrap .f_box.f1 .items .box .box_content ul,
  .grjhdj_wrap .f_box.f1 .items .box .box_content dl { padding-top: 30px;}
  .grjhdj_wrap .f_box.f1 .items .box .box_content ul { display: flex; justify-content:space-around; flex-wrap:wrap}
  .grjhdj_wrap .box.s1.t1 .box_content { font-size: 18px; line-height: 36px;}
  .grjhdj_wrap .f_box.f1 .box.s1 { margin-bottom: 60px !important;}
  .grjhdj_wrap .f_box dl.service_box { width: 100%; margin-bottom: 15px;}
  .grjhdj_wrap .f_box.f2 .service_content .service_ps { font-size: 16px; line-height: 32px;}
  .grjhdj_wrap .f_box dl.service_box dd { min-height: auto; padding: 15px; font-size: 16px; line-height: 32px;}
  .grjhdj_wrap .f_box_content, .grjhdj_wrap .f_box.f2 .service_content { padding: 15px;}
  .grjhdj_wrap .f_box.f2 .serveic_lc li { width: 100%; margin-bottom: 15px;}
  .grjhdj_wrap .f_box.f2 .serveic_lc li span { height: 140px;}
  .grjhdj_wrap .adds,.grjhdj_wrap .adds dt,.grjhdj_wrap .adds dd { display: block;}
  .grjhdj_wrap .adds dt { text-align: center; padding-bottom: 15px;}
  .grjhdj_wrap .f_box { margin-top: 25px;}
  .grjhdj_wrap .f_box.f3 .items dl.service_box dd { min-height: auto;}
  .grjhdj_wrap .f_box .f_box_content> .ps, .grjhdj_wrap .f_box.f3 .cl_content ol li em { font-size: 18px;}
  .grjhdj_wrap .adds dt > div { width: 100%;}

  .grjhdj_wrap .other_box { width: 700px; background-size: cover;}
  .grjhdj_wrap .other_box h6 { padding: 41px 78px 0 157px;}
  .grjhdj_wrap .other_box h6 img { height: 24px;}
  .grjhdj_wrap .other_box p { font-size: 18px;padding: 20px 52px; overflow: hidden;}
  .grjhdj_wrap .f_box.f3 .yy_type h2 a { height: 52px; line-height: 50px; margin: 0 30px; padding: 0 44px; font-size: 20px;}  
  .grjhdj_wrap .f_box.f3 .yy_type .item { width: 100%;} 
  .grjhdj_wrap .f_box.f3 .yy_type .item .item_info { font-size: 16px; padding-right: 20px;}
  .grjhdj_wrap .f_box.f3 .yy_type .item .item_img img { height: 300px;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .item { font-size: 18px; line-height: 32px;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .btns { width: 100%; padding-bottom: 20px; white-space: nowrap; overflow: hidden; overflow-x: auto;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .btns li { float: none; display: inline-block; width: 170px; padding-left: 20px;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .sutp_2 { width: 100%;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .sutp_2 p.img_box img {max-width: 100%; }
  .grjhdj_wrap .f_box.f3 .xcdj_lc .sutp_2.s1 { display: block;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .sutp_2 p { display: block; text-align: center;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .sutp_2 p.info { padding: 0 15px 15px !important; width: 100%; box-sizing: border-box;}
  .pop_img .box { width: 96%; padding: 15px 5px;}
  .pop_img .box .closeBtn { right: -10px;}
}

@media screen and (max-width:760px) {
  .head_top { height: 360px;}
  .grjhdj_wrap { padding-bottom: 50px;}
  .grjhdj_wrap .titT2 img { height: 30px; max-width: none;}
  .head_top .titS1 { padding-top: 20px;}
  .grjhdj_wrap .tit.s2 { height: 48px; line-height: 48px;}
  .grjhdj_wrap .titT2 { padding: 15px 0;}
  .grjhdj_wrap .box.s1 .box_content,.grjhdj_wrap .box.s1.t1 .box_content { font-size: 16px; line-height: 32px;}
  .grjhdj_wrap .f_box.f1 .items .box .box_content ul { flex-direction: column;}
  .grjhdj_wrap .f_box.f2 h2.tit.s2 { font-size: 18px; padding: 0 40px;}
  .grjhdj_wrap .f_box.f2 .f2_tit { height: 48px;}
  .grjhdj_wrap .f_box.f1 .box.s1:last-child { margin-bottom: 50px !important;}
  .grjhdj_wrap .f_box.f2 .serveic_lc li span { padding: 15px 15px 15px 90px; font-size: 16px; line-height: 30px;}
  .grjhdj_wrap .adds { padding: 15px;}
  .grjhdj_wrap .adds dd {padding: 0;}
  .grjhdj_wrap .adds dd h6 { height: 50px; margin-bottom: 10px; line-height: 50px; font-size: 17px;}
  .grjhdj_wrap .adds dd p { padding: 10px 10px 10px 40px; font-size: 14px;}
  .grjhdj_wrap .adds dd p img { left: 0; width: 24px;}
  .grjhdj_wrap .f_box .f_box_content> .ps, .grjhdj_wrap .f_box.f3 .cl_content ol li em { font-size: 16px;}
  .grjhdj_wrap .f_box.f3 .cl_content { padding: 15px;}
  .grjhdj_wrap .f_box.f3 .cl_content ol li {height: auto; line-height: 24px; font-size: 16px; padding-left: 40px;}
  .grjhdj_wrap .f_box.f3 .cl_content ol li em { display: table-cell; min-height: 52px; height: auto; padding: 10px 10px 10px 40px; }
  .grjhdj_wrap .f_box.f3 .items { margin-left: 0;}
  .grjhdj_wrap .adds dt > div { height: 400px;}
  
  .grjhdj_wrap .other_box { width: 100%; background: none;}
  .grjhdj_wrap .other_box h6 { line-height: 0; padding: 5px 10px; background: #91CDF2;}
  .grjhdj_wrap .other_box h6 img { max-width: 100%; height: auto; }
  .grjhdj_wrap .other_box p { font-size: 16px; padding: 15px 15px 30px; background: #FACCCD;}
  .grjhdj_wrap .f_box.f3 .yy_type h2 a{height: 40px;line-height: 38px;margin: 0 5px;padding: 0 20px;font-size: 16px;}
  .grjhdj_wrap .f_box.f3 .yy_type .item,.grjhdj_wrap .f_box.f3 .yy_type .item > div { display: block;}
  .grjhdj_wrap .f_box.f3 .yy_type .item .item_info { width: 100%; padding-bottom: 10px;}
  .grjhdj_wrap .f_box.f3 .yy_type .item .item_img img { max-width: 100%; height: auto;}
  .grjhdj_wrap .f_box.f3 .yy_type .item p.qr { line-height: 0; padding-bottom: 0;}
  .grjhdj_wrap .f_box.f3 .yy_type .item.s1 .item_info { width: 100%;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .sutp_2 p.info { padding: 0 0 15px !important;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .adds dd { padding: 0;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .adds dd h6 { margin: 0;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .ps_img .img_box i { width: 100%; padding: 0;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .btns li { width: 150px;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .btns a { font-size: 18px; line-height: 26px; height: 70px;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .btns a b { width: 50px;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .btns a b::after {top: 6px;right: 10px;width: 48px;height: 48px;}
  .grjhdj_wrap .other_box::after { bottom: -16px; left: -16px;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc { padding-bottom: 0;}
  .grjhdj_wrap .f_box.f4 dl { padding: 15px 15px 15px 60px;}
  .grjhdj_wrap .f_box.f4 dl::after { left: 15px; background-size: 30px auto; top: 15px;}
  .grjhdj_wrap .f_box.f4 dl dt { font-size: 18px; line-height: 26px;}
  .grjhdj_wrap .f_box.f4 dl dd { font-size: 14px; line-height: 24px;}
  .grjhdj_wrap .f_box.f3 .xcdj_lc .switchBox { padding: 0 12px;}
  .grjhdj_wrap .f_box .f_box_content.QA .box { padding: 15px;}

  .grjhdj_wrap{padding-top: 1px;}
  .grjhdj_wrap .w1500{margin-top: -50px;}
  .grjhdj_wrap .f_box.f1{padding-right: 10px;}

  .grjhdj_wrap .f_box.f3 .yy_type .switch1 .item .item_info{padding: 0px; width: 100%;}
  .grjhdj_wrap .f_box.f3 .yy_type .switch1 .item .item_img ul li{float: none; margin-right: 0px; margin-bottom: 40px;}
  .grjhdj_wrap .f_box.f3 .yy_type .switch1 .item .item_img ul li::after{left: 50%; right: auto; width: 35px; height: 24px; transform: translateX(-50%) rotate(90deg); top: auto; bottom: -30px;}
  .grjhdj_wrap .f_box.f3 .yy_type .switch1 .item .item_img ul li:last-child{margin-bottom: 0px;}

}
@media screen and (max-width:370px) {
  .grjhdj_wrap .titT2 img { height: 28px;}
  .grjhdj_wrap .f_box_content, .grjhdj_wrap .f_box.f2 .service_content { padding: 0 12px;}
  .grjhdj_wrap .adds dd h6 {font-size: 15px;}
  .grjhdj_wrap .f_box.f3 .yy_type h2 a {padding: 0 10px;}
}