.control_w_1200 { box-sizing: border-box; width: 1200px; margin: auto; }
.control_w_1440 { box-sizing: border-box; width: 1440px; margin: 0 auto; overflow: hidden; }
.public_new_title { text-align: center; }
.public_new_title span { display: inline-block; position: relative; font-size: 50px; padding: 0 90px; }
.public_new_title span::before, .public_new_title span::after { content: ''; position: absolute; width: 60px; height: 41px; top:12.5px; background: url(../images/icon_titleicon.png) no-repeat center; background-size: 100%; margin: auto; }
.public_new_title span::before { left: 0; }
.public_new_title span::after { right: 0; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); }

.phone_banner { display: none; }

.compare_both_sides { margin-top: 106px; }
.bothsides_box { margin-top: 95px; }
.bothsides_box .table_html { box-sizing: border-box; width: 100%; border: 1px solid #d9d9d9; border-radius: 7px; padding: 0 30px; }
.bothsides_box .table_html table { width: 100%; border-collapse: collapse; }
.bothsides_box .table_html table tr { }
.bothsides_box .table_html table tr td { box-sizing: border-box; border-top: 1px solid #f3f3f3; height: 60px; font-size: 18px; padding: 10px 0; }
.bothsides_box .table_html table tr td.item_title { position: relative; font-size: 32px; color: #000000; text-align: center; padding: 10px !important; }
.bothsides_box .table_html table tr td.item_title .pseudo_class { position: absolute; width: 100%; height: 30px; background: #0dae82; top: -30px; left: 0; border-top-left-radius: 7px; border-top-right-radius: 7px; }
.bothsides_box .table_html table tr td.item_title .pseudo_class::after { content: ''; box-sizing: border-box; position: absolute; display: block; width: 100%; height: 30px; top: 7px; left: 0; background: #fff; border-top-left-radius: 7px; border-top-right-radius: 7px; border-right: 1px solid #0dae82; border-left: 1px solid #0dae82; }
.bothsides_box .table_html table tr td .li { box-sizing: border-box; position: relative; font-size: 18px; color: #000000; padding-left: 80px; padding-right: 30px; }
.bothsides_box .table_html table tr td .li i { position: absolute; display: block; width: 17px; height: 17px; top: 4px; left: 36px; background: url(../images/icon_correct.png) no-repeat center; background-size: 100%; margin: auto; }
.bothsides_box .table_html table tr:nth-child(1) { }
.bothsides_box .table_html table tr:nth-child(1) td { border-top: none; }
.bothsides_box .table_html table tr:nth-child(1) td:nth-child(2) {height: 94px; }
.bothsides_box .table_html table tr:nth-child(2) {  }
.bothsides_box .table_html table tr:nth-child(2) td { border-top: none; }
.bothsides_box .table_html table tr td:nth-child(1) { width: 18.454%; }
.bothsides_box .table_html table tr td:nth-child(2) { width: 45.695%; position: relative; }
.bothsides_box .table_html table tr td:nth-child(2)::before { content: ''; position: absolute; display: block; width: 1px; height: 110%; top: 0; left: 0; background: #0dae82; }
.bothsides_box .table_html table tr td:nth-child(2)::after { content: ''; position: absolute; display: block; width: 1px; height: 105%; top: 0; right: 0; background: #0dae82; }
.bothsides_box .table_html table tr td:nth-child(3) { padding-left: 10.29%; }
.bothsides_box .table_html table tr:nth-child(3) {  }
.bothsides_box .table_html table tr:last-child td:nth-child(2) .li::before { content: ''; position: absolute; display: block; width: 100%; bottom: -43px; left: 0; height: 25px; background: #0dae82; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }
.bothsides_box .table_html table tr:last-child td:nth-child(2) .li::after { content: ''; box-sizing: border-box; position: absolute; display: block; width: 100%; bottom: -42px; left: 0; height: 25px; background: #fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-right: 1px solid #0dae82; border-left: 1px solid #0dae82; }

.graphics_box { margin-top: 128px; }
.graphics_box .item_box{display: flex; justify-content:space-between; align-items:center;}
.graphics_box .item_box .left{position: relative;}
.graphics_box .item_box .left .po_img{position: absolute;}
.graphics_box .item_box .right{}
.graphics_box .item_box .right .tit{font-size: 40px; color: #000; line-height: 40px; }
.graphics_box .item_box .right .tit .green{color: #0db083}
.graphics_box .item_box .right .list{margin-top: 15px;}
.graphics_box .item_box .right .list li{font-size: 20px; line-height: 40px; color: #636363; padding-left: 24px; position: relative;}
.graphics_box .item_box .right .list li:before{content: ''; position: absolute; left: 0px; top: 17px; width: 6px; height: 6px; border-radius: 3px; background-color: #1ac488;}
.graphics_box .item_box .right .desc{font-size: 20px; color: #636363; line-height: 40px; margin-top: 15px;}
.graphics_box .item_box .right .btn{display: block; width: 280px; height: 50px; line-height: 50px; text-align: center; margin-top: 25px; background-color: #0db083; border-radius: 25px; font-size:20px; color: #fff;}

.graphics_box .item_box.item1{margin-top: 175px;}
.graphics_box .item_box.item1 .left{width: 35.76388%; margin-left:4.51388%;}
.graphics_box .item_box.item1 .left .po_img.img1{top: -12.816%; right: 12.43%; opacity: 0;}
.graphics_box .item_box.item1 .left .po_img.img2{top: 10.087%; left: 10.68%; opacity: 0;}
.graphics_box .item_box.item1 .left .po_img.img3{bottom: 27.734%; right: -1.75%; opacity: 0;}

.graphics_box .item_box.item1.cur .left .po_img.img1{-webkit-animation: type1_step2_up 1s 0.5s ease-out forwards; animation: type1_step2_up 1s 0.5s ease-out forwards;}
.graphics_box .item_box.item1.cur .left .po_img.img2{-webkit-animation: type1_step2_up 1s 1s ease-out forwards; animation: type1_step2_up 1s 1s ease-out forwards;}
.graphics_box .item_box.item1.cur .left .po_img.img3{-webkit-animation: type1_step2_up 1s 1.5s ease-out forwards; animation: type1_step2_up 1s 1.5s ease-out forwards;}

.graphics_box .item_box.item1 .right{width: 38.75%; margin-right: 4.86111%;}

.graphics_box .item_box.item2{margin-top: 100px; flex-direction:row-reverse;}
.graphics_box .item_box.item2 .left{width: 52.22222%; text-align: right;}
.graphics_box .item_box.item2 .left .banner_box{width: 580px; height: 404px; position: absolute; top: 40px; right: 110px; box-shadow: 0px 10px 20px rgba(0,0,0,0.08); opacity: 0;}
.graphics_box .item_box.item2 .left .banner_box .main_ul{width: 580px; height: 404px; overflow: hidden;}
.graphics_box .item_box.item2 .left .left_btn{display: inline-block; width: 37px; height: 37px; background-color: #fff; z-index: 2; border-radius: 18px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); position: absolute; left: -17px; top: calc(50% - 17.5px);}
.graphics_box .item_box.item2 .left .left_btn:before{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-right: 8px solid #b3b3b3;border-bottom: 7px solid transparent; position: absolute; left: 35%; top: calc(50% - 7px);}
.graphics_box .item_box.item2 .left .left_btn:after{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-right: 8px solid #fff;border-bottom: 7px solid transparent; position: absolute; left: calc(35% + 1px); top: calc(50% - 7px);}
.graphics_box .item_box.item2 .left .right_btn{display: inline-block; width: 37px; height: 37px; background-color: #fff; z-index: 2; border-radius: 18px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); position: absolute; right: -17px; top: calc(50% - 17.5px);}
.graphics_box .item_box.item2 .left .right_btn:before{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-left: 8px solid #b3b3b3;border-bottom: 7px solid transparent; position: absolute; right: 35%; top: calc(50% - 7px);}
.graphics_box .item_box.item2 .left .right_btn:after{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-left: 8px solid #fff;border-bottom: 7px solid transparent; position: absolute; right: calc(35% + 1px); top: calc(50% - 7px);}
.graphics_box .item_box.item2 .left .s_pic_list{margin-top: 40px; margin-left: -17px;}
.graphics_box .item_box.item2 .left .s_pic_list ul{width: 609px; display: flex; justify-content:space-between;}
.graphics_box .item_box.item2 .left .s_pic_list ul li{display: inline-block; width: 131px; height: 81px; border:1px solid transparent; border-radius: 5px; overflow: hidden; cursor: pointer; text-align: center;}
.graphics_box .item_box.item2 .left .s_pic_list ul li img{width: 100%; max-height: unset;}
.graphics_box .item_box.item2 .left .s_pic_list ul li.swiper-slide-thumb-active{border:1px solid #1ac488;}
.graphics_box .item_box.item2 .right{width: 38.75%; margin-left: 8.33333%; }
.graphics_box .item_box.item2.cur .left .banner_box{-webkit-animation: type1_step2_up 1s 0s ease-out forwards; animation: type1_step2_up 1s 0s ease-out forwards;}

.graphics_box .item_box.item3{margin-top: 326px;}
.graphics_box .item_box.item3 .left{width: 30.625%; margin-left: 1.875%;}
.graphics_box .item_box.item3 .left .po_img{transition:all .3s; }
.graphics_box .item_box.item3 .left .po_img.img0{top:-14.791% ;left: 21.1%; opacity:0;}
.graphics_box .item_box.item3 .left .po_img.img1{top:11.8% ;right: -48%; opacity:0;}
.graphics_box .item_box.item3 .left .po_img.img2{bottom:15% ;left: 26.581%; width: 81px; height: 81px; transform: scale(0);border-radius: 100%;box-shadow: 0px 0px 30px #ccc;}
.graphics_box .item_box.item3 .left .po_img.img3{bottom:18% ;left: 50.8%; width: 55px; height: 55px; transform: scale(0);border-radius: 100%;box-shadow: 0px 5px 20px #eee; }
.graphics_box .item_box.item3 .left .po_img.img4{bottom:18% ;left: 68.3%; width: 55px; height: 55px; transform: scale(0);border-radius: 100%;box-shadow:0px 5px 20px #eee;}
.graphics_box .item_box.item3.cur .left .po_img.img0{-webkit-animation: type1_step2_up 1s 0s ease-out forwards; animation: type1_step2_up 1s 0s ease-out forwards;} 
.graphics_box .item_box.item3.cur .left .po_img.img1{-webkit-animation: type1_step2_up 1s 0.5s ease-out forwards; animation: type1_step2_up 1s 0.5s ease-out forwards;}
.graphics_box .item_box.item3.cur .left .po_img.img2{-webkit-animation: type1_step2_img_big 0.5s 1.5s ease-out forwards; animation: type1_step2_img_big 0.5s 1.5s ease-out forwards;}
.graphics_box .item_box.item3.cur .left .po_img.img3{-webkit-animation: type1_step2_img_big 0.5s 2s ease-out forwards; animation: type1_step2_img_big 0.5s 2s ease-out forwards;}
.graphics_box .item_box.item3.cur .left .po_img.img4{-webkit-animation: type1_step2_img_big 0.5s 2.5s ease-out forwards; animation: type1_step2_img_big 0.5s 2.5s ease-out forwards;}
@-webkit-keyframes type1_step2_up {
	0% { transform: translateY(30px); opacity: 0;}
	100% { transform: translateY(0); opacity: 1;}
}

@-webkit-keyframes type1_step2_img_big {
	0% {transform: scale(0);}
	50% { transform: scale(1.2);}
	100% { transform: scale(1);}
}

.graphics_box .item_box.item4{margin-top: 236px; flex-direction:row-reverse;}
.graphics_box .item_box.item4 .left{width:39.86111%; margin-right: 7.56944%;}
.graphics_box .item_box.item4 .left .po_img{position: absolute; transition:all .3s; opacity: 0;}
.graphics_box .item_box.item4 .left .img3{}
.graphics_box .item_box.item4 .left .img3 .technology1{position: absolute; left: 50%; bottom: 77px; transform: translateX(-50%);}
.graphics_box .item_box.item4 .left .img3 .technology1 .tec_list{ margin: 0 0 -5px -7px;}
.graphics_box .item_box.item4 .left .img3 .technology1 .tec_list.small{ margin-bottom: 0; height: 20px; line-height: 20px;}
.graphics_box .item_box.item4 .left .img3 .technology1 .tec_list.small .sec{ display: flex; position: absolute; left: 50%; bottom: 30px; margin-left: 4px; height: 20px; line-height: 20px; font-size: 14px; color: #0bba91; transform: translateX(-50%);}
.graphics_box .item_box.item4 .left .img3 .technology1 .tec_list.small em{ margin-left: 3px; font-style: inherit;}
.graphics_box .item_box.item4 .left .img3 .technology1 .tec_list.small span{ display: inline; font-size: 14px; color: #0bba91;}
.graphics_box .item_box.item4 .left .img3 .technology1 span{ font-size: 26px; color: #424242;}
.graphics_box .item_box.item4 .left .img4{bottom: 0px; right: 205px;}
.graphics_box .item_box.item4 .right{width: 31.94444%; margin-left: 8.33333%;}
.graphics_box .item_box.item4.cur .left .po_img.icon0{opacity: 1; top: 3.77%; right: 1.917%; -moz-animation: effect2-icon0-anim 4s; -webkit-animation: effect2-icon0-anim 4s; animation: effect2-icon0-anim 4s;}
.graphics_box .item_box.item4.cur .left .po_img.icon1{opacity: 1; top: 19%; left: 9.06%; -moz-animation: effect2-icon1-anim 4s; -webkit-animation: effect2-icon1-anim 4s; animation: effect2-icon1-anim 4s;}
.graphics_box .item_box.item4.cur .left .po_img.icon2{opacity: 1; bottom: 3.15%; left: 4.36%; -moz-animation: effect2-icon2-anim 4s; -webkit-animation: effect2-icon2-anim 4s; animation: effect2-icon2-anim 4s;}
.graphics_box .item_box.item4.cur .left .po_img.icon3{opacity: 1; bottom: 0px; right: 35.715%; -moz-animation: effect2-icon3-anim 4s; -webkit-animation: effect2-icon3-anim 4s; animation: effect2-icon3-anim 4s;}


.graphics_box .cooperation_box{margin-top: 234px; display: flex; justify-content:center; align-items:center;}
.graphics_box .cooperation_box .left{width: 41.66667%; display: flex; flex-wrap:wrap; justify-content:space-between;}
.graphics_box .cooperation_box .left .item{width: 31%; height: 0px; padding-top:60px; margin: 10px 0px; position: relative; }
.graphics_box .cooperation_box .left .item img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}
.graphics_box .cooperation_box .left .item .more{position: absolute; width: 100%; top: 50%; text-align: center;}
.graphics_box .cooperation_box .left .item .more span{display: inline-block; width: 7px; height: 7px; background-color: #0db083; border-radius: 3.5px; margin-right: 10px;}
.graphics_box .cooperation_box .right{margin-left: 160px;}
.graphics_box .cooperation_box .right .tit{font-size: 40px; line-height: 40px; color: #000;}
.graphics_box .cooperation_box .right .btn{display: block; width: 280px; height: 50px; line-height: 50px; text-align: center; margin-top: 50px; background-color: #0db083; border-radius: 25px; font-size:20px; color: #fff;}

.our_confidant { background: #f5f5f5; padding-top: 109px; padding-bottom: 100px; margin-top: 145px; }
.our_confidant .list{ position: relative; top: 0; margin-top: 40px; padding: 0 15px; width: 100%; min-width: auto; height: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.our_confidant .list .item{ margin-top: 40px; width: 100%; display: flex; flex-wrap: wrap; }
.our_confidant .list .item:first-child{ margin-top: 0;}
.our_confidant .list .item .icon{ padding-top: 10px; width: 100px;}
.our_confidant .list .item .text{ position: relative; margin-left: 20px; padding-left: 10px; width: calc(100% - 260px);}
.our_confidant .list .item .text:before{ display: block; content: ''; position: absolute; left: 0; top: 50px; width: 10px; height: 20px; background: url('../images/seller_item_left_icon.png') no-repeat center;}
.our_confidant .list .item .text .text_in{ padding: 28px 56px; width: 100%; background: #2ca594; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.our_confidant .list .item .text .text_in .txt{ width: 100%; line-height: 34px; font-size: 18px; color: #fff;}
.our_confidant .list .item .text .text_in .name{ margin-top: 38px; width: 100%; line-height: 24px; font-size: 14px; color: #e2f0ee;}
.our_confidant .list .item:nth-child(even) { flex-direction: row-reverse; }
.our_confidant .list .item:nth-child(even) .text{  margin: 0 20px 0 0; padding: 0 10px 0 0;}
.our_confidant .list .item:nth-child(even) .text:before{ right: 0; left: inherit; background: url('../images/seller_item_right_icon.png') no-repeat center;}

.service_fee { margin-top: 109px; margin-bottom: 40px; }
.service_fee .options_box { display: none; }
.service_fee .price_list_box { height: auto; margin: auto; }
.service_fee .how_choose_box, .service_fee .problem_con, .service_fee .function_list { display: none; }
.service_fee .options_box2 { display: none; }
.service_fee .ver_btn_list { display: none; }
.service_fee .function_con { display: none; }
.service_fee .phone_area { display: none; }

@media  screen and (max-width: 1440px) {
    .control_w_1200 { width: 1000px; }
    .control_w_1440 { width: 92%; }
    .public_new_title span { font-size: 35px; }
	.public_new_title span::before, .public_new_title span::after { top: 3.5px; }

	.graphics_box .item_box.item2 .left .banner_box { width: 500px; height: 345px;}
	.graphics_box .item_box.item2 .left .banner_box .main_ul { width: 500px; height: 345px; }
	.graphics_box .item_box.item2 .left .s_pic_list ul { width: 555px; }
}
@media screen and (max-width: 1280px){
    .control_w_1200 { width: 92%;}
	.service_fee .options_price .price_list_box .price_item { width: 30%; }

	.graphics_box .item_box.item2 .left .banner_box { width: 430px; height: 300px; right: 35px; }
	.graphics_box .item_box.item2 .left .banner_box .main_ul { width: 430px; height: 300px; }
	.graphics_box .item_box.item2 .left .s_pic_list ul { width: 460px; }
	.graphics_box .item_box.item3 { margin-top: 200px; }
}
@media screen and (max-width: 1000px){
	.our_confidant .list .item .icon,
	.our_confidant .list .item:nth-child(even) .icon{ width: 100%; height: 13.3333vw; text-align: center;}
	.our_confidant .list .item .text,
	.our_confidant .list .item:nth-child(even) .text{ margin: 0; margin-top: 17px; padding: 0; padding-top: 10px; width: 100%;}
	.our_confidant .list .item .text:before,
	.our_confidant .list .item:nth-child(even) .text:before{ top: 0; left: 50%; width: 20px; height: 10px; background: url('../images/seller_item_top_icon.png') no-repeat center; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
	.service_fee .phone_area { display: block; } 
	.service_fee .phone_area .new_shop_price_box.b2c_type2 .price_box_item { box-shadow: 0px 0px 25px #eee; }
	.service_fee .pc_area { display: none; }
	
	.bothsides_box .table_html table tr td { font-size: 24px; }
	.bothsides_box .table_html table tr td .li { font-size: 24px; }
	.bothsides_box .table_html table tr td:nth-child(1) { width: 204px; }
	.bothsides_box .table_html table tr td:nth-child(2) { width: 250px; }
	.bothsides_box .table_html table tr td:nth-child(3) { padding-left: 8.29%; }
	.bothsides_box .table_html table tr td .li { padding-left: 50px; }
	.bothsides_box .table_html table tr td .li i { left: 18px; top: 9px; }
	.bothsides_box .table_html table tr:last-child td:nth-child(2) .li::after { height: 28px; }
	
	.graphics_box .item_box { box-sizing: border-box; width: 100%; flex-wrap: wrap; justify-content: center; padding: 0 30px; }
    .graphics_box .item_box .right .tit { line-height: 56px; font-size: 46px; text-align: center; }
    .graphics_box .item_box .right .sub_tit { line-height: 37px; font-size: 28px; text-align: center; margin-top: 13px; }
    .graphics_box .item_box .right .list { margin-top: 38px; }
    .graphics_box .item_box .right .list li { line-height: 37px; font-size: 28px; margin-bottom: 18px; }
    .graphics_box .item_box .right .list li:last-child { margin-bottom: 0; }
    .graphics_box .item_box .right .list li:before { width: 10px; height: 10px; border-radius: 100%; }
    .graphics_box .item_box .right .btn { width: 360px; height: 80px; line-height: 80px; font-size: 28px; border-radius: 50px; margin: 75px auto 0; }
	
	.graphics_box .item_box.item1 .left { width: 458px; margin: 0 }
	.graphics_box .item_box.item1 .right { width: 563px; margin: 50px auto 0;}
	.graphics_box .item_box.item1.cur .left .po_img.img1, .graphics_box .item_box.item1.cur .left .po_img.img2, .graphics_box .item_box.item1.cur .left .po_img.img3 { animation: unset; -webkit-animation: unset; opacity: 1; }

	.graphics_box .item_box.item2 .left { width: 458px; margin: 0 }
	.graphics_box .item_box.item2 .right { width: 563px; margin: 100px auto 0;}
	
	.graphics_box .item_box.item3 .left { width: 458px; margin: 0 }
	.graphics_box .item_box.item3 .left .po_img.img0 { left: 20px; top: -60px; }
	.graphics_box .item_box.item3 .left .po_img.img1 { top: 18px; right: -38px; }
	.graphics_box .item_box.item3 .left .po_img.img2 { left: 30px; transform: unset;}
	.graphics_box .item_box.item3 .left .po_img.img3 { left: 122px; bottom: 75px;transform: unset;}
	.graphics_box .item_box.item3 .left .po_img.img4 { left: 187px; bottom: 74px; transform: unset;}
	.graphics_box .item_box.item3 .right { width: 563px; margin: 50px auto 0;}
	.graphics_box .item_box.item3.cur .left .po_img.img0, .graphics_box .item_box.item3.cur .left .po_img.img1, .graphics_box .item_box.item3.cur .left .po_img.img2, .graphics_box .item_box.item3.cur .left .po_img.img3, .graphics_box .item_box.item3.cur .left .po_img.img4 { animation: unset; -webkit-animation: unset; opacity: 1; }

    /* .graphics_box .item_box.item4 { margin-top: 105px; }
    .graphics_box .item_box.item4 .left { width: 458px; margin: 0; height: 400px; }
    .graphics_box .item_box.item4 .right { width: 100%; max-width: 563px; margin: 50px auto 0; } */

	.graphics_box .item_box.item4 { justify-content: center; margin-top: 105px; }
    .graphics_box .item_box.item4 .left { width: 458px; margin: 0; height: 400px; }
    .graphics_box .item_box.item4 .left .po_img.img1 { width: 95px; }
    .graphics_box .item_box.item4 .left .po_img.img3 { width: 200px; }
    .graphics_box .item_box.item4 .left .po_img.img4 { width: 70px; }
    .graphics_box .item_box.item4 .left .img3 .technology1 { left: 52%; transform: translateX(-52%); bottom: 47px }
    .graphics_box .item_box.item4 .left .img3 .technology1 span { font-size: 21px; }
	.graphics_box .item_box.item4 .left .img3 .technology1 .tec_list.small .sec { bottom: 26px; }
    .graphics_box .item_box.item4.cur .left .po_img.img1 { top: 5px; right: 34px; }
    .graphics_box .item_box.item4.cur .left .po_img.img2 { top: 68px; left: 33px; }
    .graphics_box .item_box.item4.cur .left .po_img.img4 { bottom: -6px; right: 180px; }
    .graphics_box .item_box.item4 .right { width: 100%; max-width: 563px; margin: 50px auto 0; }
	.graphics_box .item_box.item4.cur .left .po_img.icon0, .graphics_box .item_box.item4.cur .left .po_img.icon1, .graphics_box .item_box.item4.cur .left .po_img.icon2, .graphics_box .item_box.item4.cur .left .po_img.icon3 { animation: unset; -webkit-animation: unset; opacity: 1; }

	.graphics_box .cooperation_box { flex-wrap: wrap; }
	.graphics_box .cooperation_box .left { width: 458px; margin: 0; }
    .graphics_box .cooperation_box .right { width: 563px; margin: 50px auto 0; }
	.graphics_box .cooperation_box .right .btn { width: 360px; height: 80px; line-height: 80px; font-size: 28px; border-radius: 50px; margin: 75px auto 0; }

	.graphics_box .cooperation_box .right .tit { text-align: center; }
}
@media screen and (max-width: 768px){
	.control_w_1200 { width: 100%; padding: 0 30px; }
    .control_w_1440 { width: 100%; padding: 0 30px; }
	.phone_banner { display: block; }
	.pc_banner { display: none; }
	.public_new_title span { line-height: 70px; font-size: 56px; padding: 0 70px; }
	.public_new_title span::before, .public_new_title span::after { top: 20.5px; }
	.our_confidant .list .item .text .text_in{ padding: 4.6667vw 8.6667vw;}
	.our_confidant .list .item .text .text_in .txt{ line-height: 5.3333vw; font-size: 3.9667vw;}
	.our_confidant .list .item .text .text_in .name{ margin-top: 6.0vw; line-height: 3.2vw; font-size: 3.7vw;}

	.bothsides_box{margin-top: 75px;}
}
@media screen and (max-width: 600px){
	.control_w_1200 { padding: 0 15px; }
    .control_w_1440 { padding: 0 15px; }
	.public_new_title span { line-height: 35px; font-size: 25px; padding: 0 45px; }
	.public_new_title span::before, .public_new_title span::after { width: 30px; height: 20px; top: 8.5px; }

	.compare_both_sides { margin-top: 53px; }

	.bothsides_box{margin-top: 35px;}
	.bothsides_box .item .item_content .item_title { font-size: 16px; }
	.bothsides_box .item .item_content .ul .li { height: 40px; font-size: 12px; line-height: 20px; }
	.bothsides_box .table_html { padding: 0 15px; }
	.bothsides_box .table_html table tr td { font-size: 12px; height: 30px; }
	.bothsides_box .table_html table tr td.item_title { font-size: 16px; }
	.bothsides_box .table_html table tr td.item_title .pseudo_class { height: 20px; top: -20px; }
	.bothsides_box .table_html table tr td.item_title .pseudo_class::after { height: 20px; }
	.bothsides_box .table_html table tr td .li { font-size: 12px; padding-left: 30px; padding-right: 7px; }
	.bothsides_box .table_html table tr td .li i { width: 9px; height: 9px; left: 9px; top: 4px; }
	.bothsides_box .table_html table tr:nth-child(1) td:nth-child(2) { height: 50px; }
	.bothsides_box .table_html table tr:last-child td:nth-child(2) .li::before { height: 20px; bottom: -30px; }
	.bothsides_box .table_html table tr:last-child td:nth-child(2) .li::after { height: 20px; bottom: -23px; }
	
	.graphics_box { margin-top: 50px; }
	.graphics_box .item_box { padding:  0 15px; }
    .graphics_box .item_box .right .tit { line-height: 30px; font-size: 24px; }
    .graphics_box .item_box .right .sub_tit { line-height: 19px; font-size: 14px; margin-top: 7px; }
    .graphics_box .item_box .right .list { margin-top: 19px; }
    .graphics_box .item_box .right .list li { line-height: 18.5px; font-size: 14px; margin-bottom: 9px; }
    .graphics_box .item_box .right .list li:before { width: 5px; height: 5px; top: 5px; }
    .graphics_box .item_box .right .btn { width: 180px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 37.5px; text-align: center; }
	.graphics_box .item_box .right .desc { line-height: 30px; font-size: 14px; }

	.graphics_box .item_box.item1 { margin-top: 50px; }
    .graphics_box .item_box.item1 .left { width: 230px; height: 200px; }
    .graphics_box .item_box.item1 .left .po_img.img1 { top: 7px; right: 59px; width: 83px; }
    .graphics_box .item_box.item1 .left .po_img.img2 { width: 55px; top: 57px; left: 27px; }
    .graphics_box .item_box.item1 .left .po_img.img3 { bottom: 60px; right: 21px; width: 65px; }
    .graphics_box .item_box.item1 .right { margin-top: 25px; }
	.graphics_box .item_box.item1 .right .list { width: 250px; margin: 19px auto 0; }

	.graphics_box .item_box.item2 { margin-top: 50px; }
	.graphics_box .item_box.item2 .left { width: 280px; }
	.graphics_box .item_box.item2 .left .banner_box { width: 280px; height: 193px; right: 0; }
	.graphics_box .item_box.item2 .left .banner_box .main_ul { width: 280px; height: 195px; }
	.graphics_box .item_box.item2 .left .s_pic_list { margin-top: 20px; }
	.graphics_box .item_box.item2 .left .s_pic_list ul { width: 280px; }
	.graphics_box .item_box.item2 .left .s_pic_list ul li { height: 40px; }
	.graphics_box .item_box.item2 .right { margin-top: 50px; }
	.graphics_box .item_box.item2 .right .list { width: 230px; margin: 19px auto 0; }

	.graphics_box .item_box.item3 { margin-top: 50px; }
    .graphics_box .item_box.item3 .left { width: 285px; height: auto; }
	.graphics_box .item_box.item3 .left .po_img.img0 { width: 270px; top: -20px; left: 4px; }
	.graphics_box .item_box.item3 .left .po_img.img1 { top: 98px; right: -32px; width: 140px; }
	.graphics_box .item_box.item3 .left .po_img.img2 { left: 15px; bottom: 0; width: 60px; height: 60px; }
	.graphics_box .item_box.item3 .left .po_img.img3 { bottom: 10px; left: 90px; width: 35px; height: 35px; }
	.graphics_box .item_box.item3 .left .po_img.img4 { bottom: 10px; left: 132px; width: 35px; height: 35px; }

	.graphics_box .item_box.item4 { margin-top: 50px; }
    .graphics_box .item_box.item4 .left { width: 285px; height: auto; }
    .graphics_box .item_box.item4 .left .po_img.img1 { width: 70px; }
    .graphics_box .item_box.item4 .left .po_img.img2 { width: 70px; }
    .graphics_box .item_box.item4 .left .po_img.img3 { width: 146px; }
    .graphics_box .item_box.item4 .left .po_img.img4 { width: 40px; }
    .graphics_box .item_box.item4 .left .img3 .technology1 { bottom: 35px; left: 56%; transform: translateX(-54%); }
    .graphics_box .item_box.item4 .left .img3 .technology1 span { font-size: 14px; }
    .graphics_box .item_box.item4 .left .img3 .technology1 .tec_list.small .sec { font-size: 12px; bottom: 17px; }
    .graphics_box .item_box.item4.cur .left .po_img.img1 { right: -2px; }
    .graphics_box .item_box.item4.cur .left .po_img.img2 { top: 43px; left: 15px; }
    .graphics_box .item_box.item4.cur .left .po_img.img3 { bottom: 0; left: 0; }
    .graphics_box .item_box.item4.cur .left .po_img.img4 { bottom: 0; right: 106px; }

	.graphics_box .cooperation_box { margin-top: 50px; }
	.graphics_box .cooperation_box .left { width: 285px; }
	.graphics_box .cooperation_box .left .item { width: 28%; padding-top: 35px; }
    .graphics_box .cooperation_box .right { width: 100%; }
	.graphics_box .cooperation_box .right .tit { line-height: 30px; font-size: 24px; }
	.graphics_box .cooperation_box .right .btn { width: 180px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 37.5px; }

	.our_confidant { padding-top: 50px; margin-top: 70px; }

	.service_fee .phone_area .container { padding: 0 0.7rem; } 

	.service_fee { margin-top: 53px; }
}