* {
	margin: 0;
	padding: 0;
	font-family: 微软雅黑;
}

a {
	text-decoration: none;
}

ol,
ul {
	list-style-type: none;
}

input,
button,
img {
	border: none;
}
.navbar-inverse .navbar-toggle{
  background-color: #333;
}
.listpage ul{
	width: 90% !important;
}
.rowstyle{
	width: 100%;
}
@media (max-width: 414px) {
	.item_img{
		width: 53px!important;
		height: 53px!important;
	}
	.curr_bg{
		min-width: 53px!important;
	}
	.csul{
		width: 500%!important;
	}
	.aboutTwoBox{
		margin-top: 30px!important;
	}
	.text71 {
		width: 100%!important;
	}
	.h393 {
		height: 400px;
	}

	.h380 {
		height: 400px;
	}

	.h361 {
		height: 360px;
	}

	.h381 {
		height: 360px;
	}

	.collapse.navbar-collapse .list {
		height: auto !important;
		background: #444444;
		position: absolute;
		top: 40px;
		left: 15px;
		right: 15px;
	}

	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background: #444444;
	}

	.collapse.navbar-collapse .list li {
		width: 100% !important;
		height: 40px !important;
		line-height: 40px !important;
		font-size: 16px !important;
		color: #ffffff !important;
		margin-left: 0 !important;
		text-align: center !important;
	}

	.tcxt {
		text-align: center;
	}

	.flnone {
		float: none !important;
	}

	.collapse.navbar-collapse .list li a {
		float: none !important;
	}
	.font12 {
		font-size: 12px;
		color: #333333;
		margin-top: 10% !important;
	}
	/* .navlistbox{
		display: block !important;
	}
	.navlistbox .languagebox{
		margin-bottom: 2% !important;
		float: right;
	} */
	.cantact_box .cantacts li {
		padding-left: 0px !important;
	}

	.toptext {
		font-size: 17px;
		color: #000000;
		margin-top: 20px !important;
	}

	.three_box {
		flex-wrap: wrap;
	}

	.three_left {
		width: 100% !important;
		margin: auto!important;
	}
	.new_title{
		font-size: 20px!important;
		text-align: center!important;;
	}
	.newpadd{
		width: 100%!important;
	}
	.top :nth-child(1){
		font-size: 18px!important;
	}

	.newbom{
		flex-wrap: wrap!important;
	}
	.bom_text{
		margin: auto!important;
	}
	.newbom img{
		width: 100%!important;
		/* width: 50%!important;
		margin: auto; */
	}
	.content{
		min-height: none!important;
	}
	.itemtext p img{
		width: 100%!important;
	}
	.three_line {
		display: none;
	}
	.detail{
		/* padding: 0px!important; */
	}
	.three_name {
		font-size: 36px !important;
		text-align: center;
		margin: 20px 0px !important
	}

	.three_title {
		font-size: 18px !important;
		text-align: center;
	}

	.three_text {
		font-size: 14px !important;
		text-align: left;
	}

	.three_img {
		width: 100% !important;
		margin: auto;
	}

	.about_backs{
		width: 80%!important;
	}
	.about_text{
		padding-right: 0px!important;
	}
	.foot_text ul{
		width: 100%!important;
		display: flex!important;
		justify-content: space-between!important;
	}

	.hed_text{
		right: 3%!important;
	}
	.hed_text h2{
		font-size: 18px!important;
	}
	.hed_text .hed_title span{
		font-size: 16px!important;
		margin: 10px 0px 20px 0px!important;
	}
	
	.hed_text p {
    font-size: 14px!important;
	}
	.service_texts{
		margin-top: 20px!important;
	}

	.footbom{
		flex-wrap: wrap!important;
	}
	.foot_bom{
		border: none!important;
		width: 100%!important;
		padding: 20px 0px!important;
	}
	.foot_boms{
		border: none!important;
		width: 100%!important;
		padding: 20px 0px!important;
	}
	.hrefa{
		margin-top: 20px!important;
	}
	.boms_name{
		font-size: 18px!important;
	}
	.hed_text .name{
		font-size: 12px!important;
		margin: 0px!important;
	}
	/* 新闻列表 */
	.bom_text{
		overflow: hidden!important;;
		text-overflow: ellipsis!important;;
		display: -webkit-box!important;;
		-webkit-line-clamp: 2!important;;
		-webkit-box-orient: vertical!important;;
	}
}

@media (max-width: 736px) {
	.weare{
		margin: auto;
	}
	.weare .textname{
		margin-top:20px!important
	}
	.bom_text{
		overflow: hidden!important;;

	text-overflow: ellipsis!important;;

	display: -webkit-box!important;;

	-webkit-line-clamp: 2!important;;

	-webkit-box-orient: vertical!important;;
		}
		.foot_btn .btn {
			width: 90px !important;
		}

	.modal-dialog {
		width: 80% !important;
		left: 10% !important;
		margin-left: 0 !important;
		height: auto !important;
	}

	.he260 {
		height: auto !important;
	}

	.modal-dialog .modal-content {
		padding-bottom: 20px;
	}

	.header .logo img {
		width: 230px !important;
	}

	.font14Clo.mar136 {
		margin-left: 0 !important;
	}

	.medo_box {
		min-height: 0 !important;
	}

	.list_box_left {
		padding: 0 !important;
	}

	.tab .tab-title {
		width: 33.3% !important;
	}

	/* .padd88-2 {
        padding: 0 0 15px 0!important;
    } */
	.font12 {
		margin-top: 10% !important;
	}

	.medo_box {
		margin: 0 auto 20px !important;
		border-left: none !important;
	}

	.list_app {
		min-height: 0 !important;
	}

	.form-group .btt {
		margin-left: 0 !important;
	}

	.form-group .label_box {
		width: 23% !important;
	}

	.proplestion {
		width: 320px !important;
		margin-left: -160px !important;
		height: 320px !important;
		margin-top: -160px !important;
	}

	.img_box {
		width: 100% !important;
		height: 100% !important;
		margin: 6px auto !important;
	}

	.people_box .yy {
		width: 100% !important;
	}

	.cantact_box .map {
		width: 100% !important;
		height: 220px !important;
	}

	.cantact_box .cantacts {
		width: 100% !important;
		padding: 15px !important;
		height: auto !important;
	}

	.font24 {
		padding: 0px!important;
	}

	.font28 {
		/* padding: 0 15px; */
	}

	.people_box .lq_back .zhiwei {
		margin-left: 10px !important;
	}

	.people_box .lq_back {
		height: auto !important;
		padding: 20px !important;
	}

	.cantact_box {
		margin-bottom: 0 !important;
		margin-top: 20px !important;
	}

	.fl_font_box2 {
		width: 100% !important;
	}

	.img_box.small {
		width: 100% !important;
		height: 100% !important;
	}

	.form-group input {
		width: 90% !important;
		margin-left: 4% !important;
	}

	.people_box .js {
		width: 100% !important;
	}

	.form-group textarea {
		width: 100% !important;
	}

	.mar112 {
		margin-top: 0 !important;
	}

	.login_img {
		padding-bottom: 50px;
	}

	.wid600 {
		width: 100% !important;
	}

	.list-box {
		width: 100% !important;
	}

	.ser_back_bo.mar160 {
		padding-bottom: 20px !important;
	}

	.list-box li .name {
		width: 70px !important;
	}

	.list-box li .sel_box {
		width: 135px !important;
	}

	.list-box li .font {
		width: 138px !important;
	}

	.wid900 {
		width: 100% !important;
	}

	.container p.tittle_box {
		margin-top: 30px !important;
	}

	.help_box {
		width: auto !important;
		padding: 0 15px !important;
		height: auto !important;
	}

	.code_moddle .code_list {
		width: 100% !important;
	}

	.number_key {
		display: none;
	}

	.tittle_key {
		margin-top: 30px;
	}

	.img_box_key {
		height: auto !important;
	}

	.medo_box .medo {
		width: 100% !important;
	}

	.img_box_key ul li {
		display: block !important;
		margin-bottom: 20px;
	}

	.verify {
		right: 6% !important;
		width: 90px !important;
	}

	.text-right.tetleft {
		text-align: left;
	}

	.form-group input.form-control {
		margin-left: 0 !important;
		width: 100% !important;
	}

	.book_box {
		width: 100% !important;
		margin-top: 20px !important;
	}

	.tittle_help {
		margin-top: 0 !important;
	}

	.img_box_key ul li p {
		font-size: 14px !important;
	}

	.borbff {
		padding: 15px !important;
	}

	.borbff .list_bor li {
		margin-top: 15px !important;
	}

	.inputfile {
		width: 150px !important;
		height: 78px !important;
		margin-left: 0 !important;
	}

	.inputfile.small {
		width: 90px !important;
		height: 90px !important;
		margin-top: 7px;
	}

	.index_img_back img {
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
		float: none !important;
	}

	.orange_btn {
		width: 100% !important;
		margin: 0 !important;
	}

	.block_btn {
		width: 100% !important;
		margin: 20px 0 0 0 !important;
	}

	.marauto {
		width: 100% !important;
		padding: 0 !important;
	}

	.list_index_box li.fl_right.wid260,
	.list_index_box li.fl_right.wid450 {
		width: 100% !important;
		float: left !important;
	}

	.index_work li .moddle {
		margin-top: 0px !important;
	}

	.img_box_key .right_btn {
		right: 0px !important;
	}

	.img_box_key .left_btn {
		left: 0px !important;
	}

	.img_box_key {
		width: 100% !important;
	}

	.people_box .lq {
		width: 100% !important;
	}

	.lq_back {
		width: 100% !important;
	}

	.list_index_box li .list_second {
		height: auto !important;
	}

	.list_index_box li .list_second .square {
		margin-top: 10px;
	}

	.index_img_back {
		margin-bottom: 0 !important;
	}

	.zhu_btn {
		width: 100% !important;
		font-size: 14px !important;
	}

	.list_xl li .cha {
		margin-left: 10px !important;
	}

	.box71 {
		flex-wrap: wrap !important;
	}

	.oneline {
		border: none !important;
	}

	.textname {
		width: 100% !important;
		text-align: center;
	}

	.font71 {
		width: 100% !important;
		/* padding: 0 15px; */
	}
	.text71{
		width: 100% !important;
	}

	.more_btn {
		display: block !important;
	}

	.tittle_cod {
		width: 100% !important;
	}

	.people_box .lq_back .zhiwei {
		margin-top: 0 !important;
	}

	.people_box {
		margin-top: 20px !important;
	}

	.people_box .lq_back .font {
		margin-top: 20px !important;
	}

	.people_box2 .first_box h1 {
		font-size: 16px !important;
		width: 100% !important;
	}

	.people_box2 .first_box span {
		font-size: 14px !important;
		margin: 0 !important;
	}

	.people_box2 .first_box {
		margin-top: 0 !important;
	}

	.people_box2 .col-md-3 {
		margin-top: 15px !important;
	}

	.people_box .lq_back .name {
		font-size: 30px !important;
	}

	.mar80 {
		margin-top: 20px !important;
		font-size: 20px;
	}

	.font24 {
		margin-top: 15px !important;
		font-size: 16px !important;
	}

	.font28 {
		font-size: 16px !important;
		color: #333333 !important;
	}

	.font12 {
		margin-top: 10% !important;
		font-size: 14px !important;
	}


	.help_box .right_btn {
		display: none;
	}

	.help_box .left_btn {
		display: none;
	}

	.font71 {

		height: 210px;
		overflow: hidden;
		line-height: 30px;
	}
	.text71{
		height: 210px;
		overflow: hidden;
		line-height: 30px;
	}

	.n-default .msg-wrap {
		position: relative !important;
		right: 9px !important;
	}

	.code_update_img3 {
		width: 100% !important;
	}

	.conture_box_detail2 .conture_name {
		margin: 0 !important;
	}

	.conture_box_detail2 .conture_font {
		margin: 20px 0 0 0 !important;
	}

	.conture_box_detail2 .conture_font2 {
		margin-left: 0 !important;
	}

	.code_update_img2 {
		width: 100% !important;
	}

	.hx_box {
		width: 100% !important;
	}

	.hx_box a {
		display: block;
		margin-left: 0 !important;
	}

	.hx_box img {
		display: block;
		width: 100% !important;
		margin-left: 0 !important;
	}

	.second_box .img_box2 {
		width: 100% !important;
	}

	.list_xl li .banben.wid20 {
		width: 100% !important;
	}

	/* .people_box2 .col-md-3 .bgfff {
        height: 450px !important;
    } */
	.danren {
		width: 50% !important;
		height: auto !important;
	}

	.conture_box_detail .conture_name {
		margin: 0 !important;
	}

	.conture_box_detail {
		padding-bottom: 10px !important;
	}

	.conture_box_detail .conture_font {
		margin-top: 15px !important;
	}

	.fl_font_box2 {
		height: auto !important;
		padding: 0 15px !important;
	}

	.danren_box {
		width: 50% !important;
		height: auto !important;
		padding: 10px !important;
	}

	.foot .foot_box .list_box .list2 li {
		width: 33.3% !important;
		margin-right: 0;
	}

	.list_xl li .banben.wid80 {
		width: 100% !important;
	}

	.wid900 .tittle3 {
		padding: 0 10px !important;
	}

	.padd88 {
		padding-bottom: 30px !important;
	}

	.code_moddle {
		padding: 10px !important;
	}

	.wid900 .tittle3 span {
		font-size: 14px !important;
		line-height: 50px !important;
	}

	.wid900 .tittle3 img {
		margin-top: 0 !important;
		padding: 5px 0;
	}

	.foot .foot_box .list_box {
		width: 100% !important;
	}

	.code_moddle .list_right {
		float: left !important;
	}

	.h700 {
		height: auto !important;
		padding-bottom: 30px;
	}

	.foot .foot_box .list_box .list2 li {
		width: 33.3%;
		margin-right: 0;
	}

	.form-group label {
		text-align: left !important;
	}

	.widauto {
		width: auto !important;
	}

	.mar40 {
		margin-top: 10px !important;
	}

	.medo_box .medo {
		margin: 10px auto 0 !important;
	}

	.padd-right5 {
		padding-left: 5px !important;
	}

	.padd-left5 {
		padding-right: 5px !important;
	}

	.form-group.mar40 {
		margin-bottom: 20px !important;
	}

	.second_box {
		width: 100% !important;
		margin: 5px 0 !important;
		line-height: 20px !important;
		font-size: 12px !important;
	}

	.fl_font_box2 h1 {
		margin-top: 20px !important;
	}

	.fl_font_box2 .font {
		margin-top: 15px !important;
	}

	.form-group .btt.mar20 {
		margin: 10px auto !important;
		float: none;
	}

	.form-group.mar20 {
		padding-bottom: 20px !important;
		padding-top: 20px !important;
	}

	.form-group .btt.bao {
		width: 90% !important;
		margin: 0 auto !important;
		display: block;
	}

	.modal-body .tittle.tittle {
		height: auto;
		font-size: 14px;
		line-height: 40px;
	}

	.tijiao_span {
		width: 155px !important;
	}

	.view_logo img {
		margin-left: 15px;
	}

	.navbar-inverse .navbar-nav>li.nav_li {
		width: 100% !important;
		float: none !important;
		text-align: center;
		margin-left: 0 !important;
		height: 40px !important;
	}

	.padd10 .font {
		line-height: 15px !important;
		height: 15px !important;
	}

	.merleft {
		margin-left: 0 !important;
	}

	.mar50 {
		margin-top: 25px !important;
	}

	.padd0_left {
		padding-left: 0 !important;
	}

	.padd10 {
		margin: 0 auto 15px !important;
	}

	.h926 {
		padding-bottom: 20px;
		min-height: 0 !important;
	}

	.danren_box .name {
		font-size: 18px !important;
	}

	.danren_box .zhiwei {
		font-size: 14px !important;
		margin-top: 5px !important;
	}

	.conture_box_detail2 {
		padding-bottom: 30px !important;
	}

	.iphno {
		width: 100% !important;
	}

	.danren_box .font {
		line-height: 20px !important;
		font-size: 12px !important;
	}

	.w100 {
		width: 100% !important;
	}

	.bgf {
		background: #ffffff;
	}

	.danren.right {
		float: right;
	}

	.mar30 {
		margin-top: 15px !important;
	}

	.navbar-inverse .navbar-nav>li.nav_li a {
		line-height: 40px !important;
	}

	.code_update_img {
		width: 100% !important;
	}

	.nav_li_none {
		margin-left: 0 !important;
		text-align: center;
	}

	.nav_li_none a {
		display: inline !important;
		line-height: 40px !important;
	}

	.nav_li_none span {
		float: none !important;
		line-height: 40px !important;
	}

	.navbar-inverse .navbar-collapse,
	.navbar-inverse .navbar-form {
		border-color: #f7f7f7;
	}

	.navbar-inverse .navbar-nav>li>a.fff {
		float: none !important;
		padding: 0 !important;
		text-align: center;
	}

	.padd120 {
		padding: 20px 0 !important;
	}

	.see_box {
		width: 90% !important;
		margin-left: 5% !important;
		height: auto !important;
	}

	.name_setting {
		text-align: left !important;
		margin-left: 5%;
	}

	.h80px {
		height: auto !important;
	}

	.h920 {
		height: auto !important;
		background: url("../image/ser_back.jpg") center center !important;
	}

	.mar117 {
		margin-top: 0 !important;
		padding: 0 15px !important;
	}

	.h915 {
		height: auto !important;
	}

	.ser_back_bo {
		width: 100% !important;
		margin: 20px 0 0 0 !important;
	}

	.ser_box_right {
		margin-top: 20px !important;
		padding-bottom: 20px;
	}

	.ser_box_right .right_tittle {
		font-size: 34px !important;
	}

	.ser_box_right .right_tittle2 {
		font-size: 26px !important;
		margin-top: 20px !important;
	}

	.ser_box_right .right_tittle3 {
		font-size: 12px !important;
		margin-top: 20px !important;
	}

	.ser_box_right .right_tittle4 span {
		width: 65px !important;
		height: 25px !important;
		font-size: 12px !important;
		margin: 20px 10px 0 0 !important;
		line-height: 25px !important;
	}

	.case_tittle {
		height: 30px !important;
		line-height: 30px !important;
		width: 95% !important;
		margin: 25px auto 0 !important;
	}

	.list_index_box {
		margin-top: 20px !important;
	}

	.case_nav a {
		height: 30px !important;
		line-height: 30px !important;
		font-size: 10px !important;
		margin-top: 8px !important;
		margin-bottom: 7px;
	}

	.case_tittle .name {
		font-size: 16px !important;
	}

	.case_tittle .font {
		font-size: 12px !important;
		color: #898989 !important;
	}

	.index_work li .top img {
		width: 35% !important;
	}

	.index_work li .bottom {
		display: none !important;
	}

	.index_work li .moddle {
		font-size: 12px !important;
	}

	.index_work li .top {
		margin-top: 0 !important;
		height: 75px !important;
	}

	.index_work {
		margin: 0 auto !important;
	}

	.index_tittle h1 {
		font-size: 24px !important;
		margin-top: 40px !important;
	}

	.img_box_index {
		margin-top: 45px !important;
	}

	.ser_top_font {
		padding: 0 !important;
	}

	.index_img_back {
		display: none !important;
	}

	.leftpad0 {
		padding-left: 0 !important;
		padding-right: 5px !important;
	}

	.rightpad0 {
		padding-right: 0 !important;
		padding-left: 5px !important;
	}

	.index_list_dl {
		margin-top: 25px !important;
	}

	.index_list_dl dd {
		line-height: 20px !important;
		font-size: 12px !important;
		overflow: hidden;
		height: 20px;
		text-overflow: ellipsis;
		white-space: normal;
		margin-top: 5px !important;
	}

	.content_left_img_box {
		width: auto !important;
		padding-left: 0 !important;
		margin-top: 20px;
	}

	.dettitle {
		font-size: 18px !important;
	}

	.itemtext {
		padding: 10px !important;
	}

	.detdate {
		margin: 20px 0px !important;
	}
	.newtext{
	        font-size: 22px!important;
	  }

	
	.csul li{
		flex-wrap: wrap!important;
	}
	.csul li .no{
		width: 100%!important;
		margin-left: 0!important;
	}
	.csul li img{
		width: 100%!important;
	}
	.team_introduce{
		overflow: hidden!important;

		text-overflow: ellipsis!important;
	
		display: -webkit-box!important;
	
		-webkit-line-clamp: 10!important;
	
		-webkit-box-orient: vertical!important;
	}
	.left_img ul li img{
		max-width: 100% !important;
	}
}

@media (max-width: 1024px) {
	.people_box .lq {
		width: 100% !important;
	}

	.people_box .lq_back {
		width: 100% !important;
		background-size: 100% 100% !important;
	}

	.people_box .fl_font_box2,
	.people_box .yy,
	.people_box .js {
		width: 100% !important;
	}

	.cantact_box .map,
	.cantact_box .cantacts {
		width: 100% !important;
	}
}
/* 中英文切换选中样式 */
.fontc{
	color: #f15a24 !important;
}
/* 中英文显示 */
.boxnone {
  display: none !important;
}
.boxblock {
  display: block !important;
}
.gbf7_btn {
	background: #f7f7f7;
	border: 1px solid #dcdddd;
}

.modle_center {
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #444444;
}

.bg444 {
	background: #444444;
}

.clear {
	width: 100%;
	height: 0;
	line-height: 0;
	clear: both;
	display: block;
}

a:hover {
	text-decoration: none !important;
}
/* 头  中英文切换 */
.navlistbox{
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.navlistbox .languagebox{
	display: flex;
	margin-left: 3%;
	background-color: #fff;
}
.navlistbox .languagebox a{
	width: 34px;
	height: 28px;
	display:inline-block;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
	color: #333;
}

/*首页*/

footer {
	background: #202020!important;
}

.index_header {
	width: 100%;
	height: auto;
	position: relative;
}

.index_header video {
	width: 100%;
	height: auto;
	display: block;
}

.index_back {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url("../image/back.png");
	z-index: 2;
}

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

.index_tittle h1 {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 32px;
	margin-top: 80px;
}

.index_tittle span {
	margin-top: 20px;
	color: #dddddd;
	font-size: 20px;
}

.index_work {
	width: 100%;
	margin: 40px 0 0 0;
}

.index_work li .top {
	width: 100%;
	height: 165px;
	display: block;
	margin-top: 40px;
	vertical-align: middle;
	text-align: center;
}

.index_work li .moddle {
	width: 100%;
	text-align: center;
	color: #333333;
	font-size: 18px;
	margin-top: 30px;
	display: block;
}

.index_work li .bottom {
	width: 100%;
	text-align: center;
	color: #999999;
	font-size: 16px;
	margin-top: 20px;
	display: block;
}

.index_work li .top.orange {
	background: url("../image/orange.png") center center no-repeat;
}

.index_work li .top.blue {
	background: url("../image/blue.png") center center no-repeat;
}

.index_work li .top.yellow {
	background: url("../image/yellow.png") center center no-repeat;
}

.index_work li .top.purple {
	background: url("../image/purple.png") center center no-repeat;
}

.index_work li .top.green {
	background: url("../image/green.png") center center no-repeat;
}

.index_work li .top.red {
	background: url("../image/red.png") center center no-repeat;
}

.index_work li .top.orange {
	background-size: 100% auto !important;
	align-items: center !important;
}

.index_work li .top.blue {
	background-size: 100% auto !important;
}

.index_work li .top.yellow {
	background-size: 100% auto !important;
}

.index_work li .top.purple {
	background-size: 100% auto !important;
}

.index_work li .top.green {
	background-size: 100% auto !important;
}

.index_work li .top.red {
	background-size: 100% auto !important;
}

.index_work li .top img {
	vertical-align: middle;
	display: inline-block;
	margin: 0 auto;
	transition: 1s ease-out;
	-moz-transition: 1s ease-out;
	/* Firefox 4 */
	-webkit-transition: 1s ease-out;
	/* Safari and Chrome */
	-o-transition: 1s ease-out;
	/* Opera */
	max-width: 40%;
}

.index_work li .top:hover img {
	transform: rotate3d(0, 1, 0, 360deg);
	-moz-transform: rotate3d(0, 1, 0, 360deg);
	/* Firefox 4 */
	-webkit-transform: rotate3d(0, 1, 0, 360deg);
	/* Safari and Chrome */
	-o-transform: rotate3d(0, 1, 0, 360deg);
	/* Opera */
}

.bgf0 {
	margin-top: 90px;
	background: #f0f0f0;
}

.img_box_index {
	position: relative;
}

.img_box_index img {
	width: 100%;
	height: auto;
}

.img_box_index img.por_stion {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
}

.index_img_back {
	margin-top: 55px;
	margin-bottom: 50px;
}

.list_index_box {
	width: 100%;
	margin-top: 55px;
	float: right;
}

.list_index_box li {
	width: auto;
	float: left;
}

.list_index_box li .list_first {
	width: 100%;
	height: 60px;
	float: left;
}

.list_index_box li .list_first i {
	width: 50px;
	height: 60px;
	float: left;
}

.list_index_box li .list_first .name {
	color: #333333;
	font-size: 24px;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}

.list_index_box li .list_first .font {
	color: #999999;
	font-size: 16px;
	margin-top: 31px;
	float: left;
	margin-left: 10px;
}

.list_index_box li .list_first i.a {
	background: url("../image/a.png") center center no-repeat;
}

.list_index_box li .list_first i.b {
	background: url("../image/B.png") center center no-repeat;
}

.list_index_box li .list_first i.c {
	background: url("../image/C.png") center center no-repeat;
}

.list_index_box li .list_first i.d {
	background: url("../image/D.png") center center no-repeat;
}

.list_index_box li .list_second {
	width: 100%;
	height: 32px;
	float: left;
	margin-top: 7px;
}

.list_index_box li.fl_right {
	float: right;
}

.list_index_box li.fl_right.wid260 {
	width: 320px;
}

.list_index_box li.fl_right.wid450 {
	width: 420px;
}

.list_index_box li .list_second .square {
	height: 30px;
	padding: 0 15px;
	float: left;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #999999;
	border: 1px solid #dcdddd;
	border-radius: 3px;
	margin-right: 12px;
}


/*公用头部*/

.navbar-inverse.bgfff {
	background: #ffffff;
}
.navbar-inverse{
	background-color: #f3f3f3 !important;
}

.bg333 {
	background: #333333;
}

.view_logo {
	display: block;
	height: 56px;
	font-size: 0px;
}

.view_logo img {
	margin-top: 6px;
	height: 45px;
}

.code_update_img2.mar80 {
	margin-top: 80px;
}

.navbar-inverse .navbar-nav>li>a.fff {
	color: #333333;
	font-size: 14px;
	float: left;
}

.navbar-inverse .navbar-nav>li.nav_li {
	margin-left: 15px;
}
.nav_li a:hover{
	color: #f15a24!important;
	transform: scale(1.2);
}

.navbar-inverse .navbar-nav>li.nav_li.ob a {
	color: #f15a24;
}

.f3f3 {
	background: #f3f3f3;
}

.nav_li_none {
	margin-left: 15px;
}

.nav_li_none .fff {
	padding: 17px 0;
	font-size: 14px;
}
.foot_col{
	color: #fff;
}

.nav_li_none span {
	float: left;
	padding: 17px 0;
}
.fff{
	color: #fff;
}

/*公用底部*/
.foot_text{
  flex: 1;
	width: 100%;
}
.foot_text ul{
  width: 100%;
	color: #fff!important;
	display: flex;
  justify-content: flex-end;
	font-size: 18px;
	margin-bottom:0px!important
}

.foot_text ul li a{
	color: #fff!important;
}
.foot_text ul li{
	margin-left: 6%;
	cursor: pointer;
}
.foot_text ul li:hover{
	/* color: #fff; */
	transform: scale(1.1);

}
.list_top{
	margin-top: 0px!important;
}
.foot {
	width: 100%;
	height: auto;
	background: #202020!important;
}

.foot .logo {
	padding: 15px 0;
	width: 100%;
	border-bottom: 1px solid #666666;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.foot .logo p {
	margin: 0;
}

.foot .logo p a {
	width: auto;
	height: auto;
	float: left;
	/* margin-top: 25px; */
}

.foot .foot_box {
	height: auto;
	margin: 0 auto;
}

.foot .foot_box .list_box {
	width: 50%;
	height: auto;
	float: left;
}

.foot .foot_box .list_box .tittle {
	width: 100%;
	font-size: 16px;
	line-height: 70px;
	color: #ffffff;
	float: left;
	font-weight: 500;
}

.foot .foot_box .list_box .list {
	float: left;
	width: 100%;
	height: auto;
}

.foot .foot_box .list_box .list li {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #dadada;
	padding-bottom: 15px;
}

.foot .foot_box .list_box .list2 {
	width: 100%;
	height: auto;
	float: left;
}

.foot .foot_box .list_box .list2 li {
	text-align: left;
	float: left;
	padding-bottom: 20px;
	color: #dadada;
	margin-right: 14px;
	font-size: 14px;
}

/*  */
.footbom{
	display: flex;
}
.foot_bom {
	display: flex;
	width: 15%;
	padding: 50px 0px;
	/* align-items: center; */
	border-right: solid 1px #414342;
}
.foot_left{
	text-align: center;
}
.foot_left span{
	color: #a9a9a9;
	font-size: 14px;
	display:block;
	margin-top: 19px;
}
.foot_left img{
	width: 100%;
	border-radius: 5px;
}

.foot_boms {
	width: 45%;
	padding: 50px 0px;
	/* align-items: center; */
	border-right: solid 1px #414342;
}
.foot_boms div{
	display: flex;
	align-items: center;
	margin-left: 5%;
}
.boms_one{
	margin-bottom: 30px;
}
.foot_boms div ul{
	margin: 0px;
	margin-left: 15px;
}
.boms_title{
	color: #ffffff;
	opacity: 0.8;
	font-size: 15px;
	/* margin-bottom: 19px; */
}
.boms_name{
	color: #eeeeee;
	font-size: 20px;
}




.information{

	color: #eeeeee!important;
	
	font-size: 14px;
	
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	border: none;
}
.information  .ul a{
	color: #fff;
	opacity: 0.5;
}
.information  .ul a:hover{
	transform: scale(1.1);
	opacity: 1;
}
.information:hover{
	opacity: 1;
}
.information  .ul {
	color: #fff;
	display: flex!important;
	align-items: center;
	flex-wrap: wrap;
}
.information  .ul a li{
	line-height: 16px;
	border-right: solid 1px #eeeeee;
	padding:0px 20px;
	margin-bottom: 10px;
}
.information  ul a :nth-last-child(1){
	border: none!important;
}
.hrefa{
	margin-top: 43px;
	padding-left: 20px;
	opacity: 0.5;
}
.hrefa:hover{
	transform: scale(1.1);
	opacity: 1;
}
/*  */







/*用户中心*/

.logo {
	padding-left: 5%;
	display: block;
}

.logo img {
	height: 45px !important;
	width: auto;
}

.navbar {
	margin-bottom: 0;
}

.header .logo img {
	width: 100%;
	height: 100%;
	display: block;
}

.collapse.navbar-collapse .list {
	width: auto;
	float: right;
	height: 46px;
}

.collapse.navbar-collapse .list li {
	width: auto;
	height: auto;
	float: left;
	margin-left: 23px;
}

.tab {
	width: 100%;
	float: left;
	height: auto;
	margin-bottom: 0;
	border-bottom: 1px solid #f4f4f4;
	background: white;
}

.tab .tab-title {
	width: 138px;
	height: 60px;
	float: left;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	border-left: 1px solid #f4f4f4;
	background: #fcfdfd;
}

.tab .tab-title.last {
	border-right: 1px solid #f4f4f4;
}

.padd0 {
	padding: 0 !important;
}

.tab .tab-title a {
	color: #333333;
	width: 100%;
	height: 100%;
	display: block;
}

.tab .tab-title.active {
	border-bottom: 2px solid #f15a25;
	height: 61px;
	background: white;
}

/* .content {
	min-height: 500px;
} */

.tabsbox {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #dcdddd;
}

.content .table_box {
	width: 100%;
	height: auto;
	border: 1px solid #dcdddd;
	border-right: none;
	border-bottom: none;
}

.content .table_box thead {
	background: #efefef;
}

.content .table_box tbody {
	background: #ffffff;
}

.content .table_box tr {
	border-bottom: 1px solid #dcdddd;
	height: 50px;
}

.content .table_box tr th {
	padding: 0;
	line-height: 50px;
	text-align: center;
	border-right: 1px solid #dcdddd;
	font-size: 14px;
}

.content .table_box tr td {
	padding: 0;
	text-align: center;
	border-right: 1px solid #dcdddd;
	font-size: 14px;
}


/*模块管理*/

.baf7f7f7 {
	background: #f7f7f7;
}

.container p.tittle_box {
	width: 100%;
	padding-left: 2%;
	height: 60px;
	line-height: 60px;
	border: 1px solid #dcdddd;
	border-bottom: none;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
	margin-top: 60px;
	margin-bottom: 0;
}

.list_app {
	width: 100%;
	height: auto;
	margin-top: 30px;
}

.list_box_left {
	height: 100%;
	padding: 23px 0 0 0;
}

.list_app li {
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 15px;
}

.list_app li.model {
	background: url("../image/ios1.png") 20px 5px no-repeat;
}

.list_app li.cont {
	background: url("../image/ios1.png") 20px -38px no-repeat;
}

.list_app li.bind {
	background: url("../image/ios5.png") 23px 5px no-repeat;
}

.list_app li.people {
	background: url("../image/ios1.png") 20px -81px no-repeat;
}

.list_app li.daima {
	background: url("../image/ios1.png") 20px -122px no-repeat;
}

.list_app li.set {
	background: url("../image/ios1.png") 20px -168px no-repeat;
}

.list_app li.model.on {
	background: url("../image/ios.png") 17px 5px no-repeat;
	border-left: 3px solid #f15a25;
}

.li0 li a img {
	width: 160px;
	height: 90px;
}

.li50 li a img {
	width: 100%;
	height: 100%;
}

.sel_box2 {
	width: 165px;
	height: 45px;
	border: 1px solid #dcdddd;
	text-align: center;
	padding-left: 30px;
}

.list-box2 .control-label {
	float: left;
	color: #333333;
	font-size: 16px;
	text-align: right;
	font-weight: normal;
}

.list-box2 button.ore {
	font-size: 24px;
	background: #50af55;
	color: #ffffff;
}

.list-box2 .font_2 {
	color: #333333;
	font-size: 16px;
	padding: 0;
}

.list_app li.cont.on {
	background: url("../image/ios.png") 17px -38px no-repeat;
	border-left: 3px solid #f15a25;
}

.list_app li.bind.on {
	background: url("../image/ios4.png") 23px 5px no-repeat;
}

.list_app li.set.on {
	background: url("../image/ios.png") 20px -168px no-repeat;
}

.list_app li.on a {
	color: #f15a25;
}

.list_app li.people.on {
	background: url("../image/ios.png") 17px -81px no-repeat;
	border-left: 3px solid #f15a25;
}

.list_app li.daima.on {
	background: url("../image/ios.png") 17px -122px no-repeat;
	border-left: 3px solid #f15a25;
}

.list_app li a {
	font-size: 14px;
	color: #333333;
	width: 100%;
	height: 100%;
	display: block;
}

.mar0 {
	margin: 0;
}

.bord {
	border: 1px solid #dcdddd;
}

.medo_box {
	height: auto;
	min-height: 620px;
	border-left: 1px solid #dcdddd;
	text-align: center;
}

.medo_box .medo {
	width: 265px;
	height: 404px;
	border: 1px solid #dcdddd;
	border-radius: 5px;
	display: inline-block;
	margin: 50px 25.5px 0 25.5px;
	padding: 20px;
	cursor: pointer;
}

.medo_box .btt {
	width: 220px;
	height: 50px;
	margin-top: 20px;
	font-size: 16px;
}

.medo_box .btt.marauto20 {
	margin: 20px auto 0;
	display: block;
}

.medo_box .medo.on {
	border: 2px solid #50af55;
}

.bgffffff {
	background: #ffffff;
	margin-bottom: 60px;
}

.medo_box .medo .demo {
	width: 100%;
	height: 100%;
	float: left;
}

.pagination-detail {
	padding-left: 10px;
}

.form-group .img_box {
	width: 200px;
	height: 110px;
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

.form-group .img_box.small {
	width: 98px;
	height: 98px;
}

.form-group .img_box img {
	width: 100%;
	height: 100%;
	display: block;
}

.form-group input#inputfile {
	width: 73%;
	height: 112px;
}

.form-group label span {
	width: 100%;
	display: block;
	height: 20px;
	float: left;
}

.form-group label span.posine {
	color: #a0a0a0;
}

.mar40 {
	margin-top: 40px;
}

.form-group .special {
	height: auto;
}

.form-group .special .font_size {
	color: #a8a8a8;
	font-size: 12px;
	margin-top: 15px;
}

.yesTip {
	float: left;
	color: #a8a8a8;
	font-size: 12px;
	line-height: 42px;
	margin-left: 15px;
}

.form-group label.inputfile {
	width: 200px;
	height: 110px;
	border: 1px solid #dcdddd;
	background: url("../image/tianjia.png") center center no-repeat #f7f7f7;
	margin-right: 10px;
}

.form-group label.inputfile.small {
	width: 98px;
	height: 98px;
}

.form-group label.inputfile input {
	display: none;
}

.form-group .btt {
	width: 220px;
	height: 50px;
	margin-left: 15px;
	font-size: 16px;
}

.form-control {
	height: 42px;
	line-height: 42px;
}

.marbot40 {
	padding-bottom: 25px;
}

.title_xl {
	width: 100%;
	height: 30px;
	margin-top: 20px;
	text-align: left;
}

.list_xl li {
	border-bottom: 1px solid #dcdddd;
	border-right: none;
	border-left: none;
	text-align: left;
	position: relative;
	padding: 20px;
}

.list_xl li img {
	width: 50px;
	height: 50px;
}

.list_xl li .name {
	line-height: 50px;
	color: #333333;
	font-size: 16px;
	margin-left: 15px;
}

.list_xl li .zt_0 {
	padding: 2px 4px;
	font-size: 10px;
	color: #ffffff;
	background: #999999;
	margin-left: 10px;
}

.list_xl li .zt_1 {
	padding: 2px 4px;
	font-size: 10px;
	color: #ffffff;
	background: #5cb85c;
	margin-left: 10px;
}

.list_xl li .zt_2 {
	padding: 2px 4px;
	font-size: 10px;
	color: #ffffff;
	background: #d9534f;
	margin-left: 10px;
}

.list_xl li .zt_3 {
	padding: 2px 4px;
	font-size: 10px;
	color: #ffffff;
	background: #5cb85c;
	margin-left: 10px;
}

.list_xl li .time {
	float: right;
	color: #999999;
	font-size: 16px;
	line-height: 50px;
}

.list_xl li .cha {
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	position: relative;
}

.list_xl li .cha .ios_on {
	position: absolute;
	width: 76px;
	padding-right: 4px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #ffffff;
	background: url("../image/block_ios.png") no-repeat;
	font-size: 10px;
	font-style: normal;
	left: -76px;
	top: -5px;
	display: none;
}

.list_xl li .cha.on {
	background: url("../image/ios2.png") -3px -29px no-repeat;
}

.list_xl li .cha.on .ios_on {
	display: block;
}

.pagination>li>a {
	background: #ffffff;
}

.pagination>li>a:hover {
	background: #f26a39;
	border: 1px solid #f26a39;
	color: #ffffff;
}

.list_xl li .banben {
	color: #484848;
	font-size: 16px;
	float: left;
	padding-bottom: 20px;
}

.list_xl li .banben em {
	color: #999999;
	font-style: normal;
	margin-right: 20px;
}

.list_xl li .demo {
	width: 80px;
	height: auto;
}

.list_xl li .banben.wid20 {
	width: 30%;
}

.list_xl li .banben.wid80 {
	width: 70%;
}

.list_xl li .cx_btn {
	width: 80px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border: 1px solid #dcdddd;
	border-radius: 5px;
	font-size: 14px;
	color: #333333;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -15px;
	cursor: pointer;
}

.pagination a.on {
	background: #f26a39;
	color: #ffffff;
}

.form-group label.wid125 {
	width: 125px;
}

.widauto {
	width: 570px;
	margin: auto;
}

.font_special {
	color: #a0a0a0;
	font-size: 16px;
	margin-top: 40px;
}

.font_special em {
	color: #333333;
	font-style: normal;
}

.font_special em a {
	color: #50af55;
	text-decoration: underline;
}

.form-group textarea {
	border-radius: 5px;
	height: 95px;
	float: left;
}

.form-group .btt.mar22 {
	margin: 0;
}


/*添加小程序*/

.mar60 {
	margin-top: 60px;
}

.borleft {
	border-left: none;
}

.hed_box {
	width: auto;
	display: inline-block;
	margin: 50px auto 0;
}

.hed_box i.one {
	width: 30px;
	height: 30px;
	float: left;
	background: url("../image/ios3.png") no-repeat -26px -2px;
}

.hed_box i.two {
	width: 30px;
	height: 30px;
	float: left;
	background: url("../image/ios3.png") no-repeat -2px -2px;
}

.hed_box span {
	float: left;
	color: #000000;
	font-size: 20px;
}

.form-group .btt.green {
	font-size: 24px;
	background: #50af55;
	color: #ffffff;
}

.form-group.mar40 {
	margin-bottom: 2px;
}


/*添加小程序第二步*/

.form-group .btt.mar20 {
	margin: 10px 20px;
}

.form-group .btt.blon {
	font-size: 24px;
	background: #f7f7f7;
	border: 1px solid #dedede;
	color: #999999;
}

.second_box {
	width: auto;
	height: auto;
	display: inline-block;
	margin: 0 20px;
	cursor: pointer;
}

.second_box.on .img_box2 {
	border: 2px solid #50af55;
}

.second_box .img_box2 {
	width: 465px;
	height: auto;
	padding: 20px;
	border: 1px solid #dcdddd;
	border-radius: 5px;
	margin: 0 auto;
}

.second_box .img_box2 img {
	width: 100%;
	height: auto;
	display: block;
}

.second_box p {
	float: left;
	width: 100%;
	text-align: center;
	line-height: 55px;
	font-size: 17px;
	color: #999999;
}


/*添加小程序第三步*/

.hed_box i.three {
	width: 30px;
	height: 30px;
	float: left;
	background: url("../image/ios3.png") no-repeat -57px 0px;
}

.form-group.mar20 {
	padding-bottom: 80px;
	padding-top: 80px;
}

.hed_box i.four {
	width: 30px;
	height: 30px;
	float: left;
	background: url("../image/ios6.png") no-repeat center center;
}


/*修改密码*/

.tetty {
	width: 80%;
	margin: 0 auto;
	float: none;
	padding-left: 50px;
	height: 55px;
	line-height: 55px;
	font-size: 24px;
	color: #333333;
	background: url("../image/tian.png") no-repeat 3px center;
	text-align: left;
	border-bottom: 1px solid #dcdddd;
}

.book_box {
	width: 500px;
	margin: 60px auto 0;
	height: auto;
}

.lef100 {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.list-box2 {
	margin-top: 20px;
}

.form-group .btt.bao {
	margin-left: 0;
	height: 42px;
	width: 100%;
}

.modal-body .tittle {
	width: 100%;
	height: 80px;
	font-size: 20px;
	color: #333333;
	text-align: center;
	line-height: 80px;
}

.wid90 {
	width: 90px;
}

.modal-footer {
	text-align: center;
	border: none;
}

.foot_btn .btn {
	width: 160px;
	height: 40px;
	line-height: 23px;
	font-size: 16px;
}

.foot_btn .btn.que {
	color: #ffffff;
	background: #5cb85c;
	line-height: 23px;
	font-size: 16px;
}

.foot_btn .btn.close_btn {
	background: #f7f7f7;
	border: 1px solid #dcdddd;
	color: #666666;
}

.modal-content {
	height: 100%;
}


/*小程序绑定*/

.zhu_btn {
	width: 320px;
	height: 50px;
	display: block;
	margin: 80px auto 0;
	text-align: center;
	line-height: 50px;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
}

.zhu_btn.click {
	background: #f15a24;
	color: #ffffff;
}

.zhu_btn.wet {
	background: #f7f7f7;
	color: #999999;
	border: 1px solid #dcdddd;
	margin: 20px auto 0;
}

.modal-dialog.special {
	width: 800px;
	height: 210px;
}

.modal-dialog.special .tittle {
	font-size: 18px;
}

.tijiao_span {
	width: 380px;
	float: left;
	line-height: 46px;
	color: #999999;
	font-size: 14px;
}

.modal-body.padd0 {
	padding-bottom: 0;
}

.modal-footer.padd30 {
	padding-bottom: 50px;
}

.tijiao_span.h120 {
	max-height: 140px;
	overflow-y: auto;
}

.houjia {
	font-size: 12px;
	line-height: 40px;
	color: #999999;
	text-align: center;
	display: block;
	margin-top: 20px;
}

.zhu_btn.click.mar0 {
	margin: 0 auto;
}

.paddbottom20 {
	padding-bottom: 20px;
}


/*登录*/

.form-group input.form-control.login_input {
	width: 100%;
	margin-left: 0;
}

.panel.bornone {
	border: none;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
	bottom: 2px;
}

.p_tittle {
	width: 100%;
	height: 80px;
	line-height: 80px;
	border-bottom: 1px solid #dcdddd;
	font-size: 18px;
	color: #333333;
	margin-bottom: 40px;
}

.h55px {
	height: 42px;
	margin-top: 20px;
}

.left_font {
	float: left;
	color: #333333;
	line-height: 40px;
}

.right_font {
	float: right;
	color: #f15a24;
	line-height: 40px;
}

.color333 {
	color: #333333;
}

.min670 {
	min-height: 670px;
}

.mar112 {
	margin-top: 112px;
}

.login_img {
	display: block;
	width: 80%;
	margin: 0 auto;
}

.bafff {
	background: #ffffff;
}

.bott30 {
	margin-bottom: 46px;
}

.radio,
.checkbox {
	margin: 0;
}

.mar30 {
	margin-top: 30px;
}


/*注册*/

.verify {
	width: 110px;
	height: 30px;
	font-size: 14px;
	line-height: 18px;
	text-align: center;
	position: absolute;
	right: 6%;
	top: 6px;
	cursor: pointer;
}

.portine {
	position: relative;
}

.font14Clo {
	font-size: 14px;
	color: #333333;
	line-height: 55px;
}

.font14Clo.orange {
	color: #f15a24;
	margin-left: 10px;
}

.font14Clo.mar136 {
	margin-left: 144px;
}

.wid600 {
	width: 700px;
	margin: auto;
}

.moban {
	width: 260px;
	height: auto;
}

.list-box {
	width: 330px;
	float: right;
	padding-top: 10px;
}

.list-box li {
	float: left;
	width: 100%;
}

.list-box li .name {
	float: left;
	color: #333333;
	font-size: 16px;
	width: 141px;
	line-height: 50px;
	text-align: right;
}

.list-box li .font {
	width: 168px;
	height: auto;
	font-size: 16px;
	color: #333333;
	margin-left: 20px;
	float: left;
	line-height: 50px;
	word-break: break-all;
}

.list-box li .sel_box {
	width: 165px;
	height: 45px;
	border: 1px solid #dcdddd;
	text-align: center;
	padding-left: 30px;
	margin-left: 20px;
}

.list-box li .sel_box option {
	text-align: center;
	font-size: 18px;
	color: #333333;
}

.list-box li button.ore {
	font-size: 24px;
	background: #50af55;
	color: #ffffff;
	float: right;
}

.index_list_dl {
	width: 100%;
	padding: 5%;
	height: auto;
	border: 1px solid #dcdddd;
	margin: 50px auto 0;
	border-radius: 3px;
}

.index_list_dl dt {
	width: 100%;
}

.index_list_dl dt img {
	width: 100%;
	height: auto;
}

.index_list_dl dd {
	color: #333333;
	font-size: 16px;
	width: 100%;
	line-height: 43px;
	margin-top: 10px;
}

.padd85 {
	padding-bottom: 45px !important;
}

.nav_box {
	width: auto;
	height: auto;
	float: right;
	margin-top: 20px;
}

.nav_box li {
	width: auto;
	float: left;
	margin: 0 25px;
}

.nav_box li a {
	width: auto;
	float: left;
	padding: 0 25px;
	color: #ffffff;
	font-size: 18px;
	height: 40px;
	line-height: 35px;
}

.nav_box li a.on {
	border-bottom: 2px solid #ef5924;
}

.nav_box li a.zhu {
	padding: 0;
	font-size: 16px;
}

.nav_box li a.deng {
	padding: 0;
	font-size: 16px;
}

.nav_box li span {
	float: left;
	height: 40px;
	line-height: 35px;
	color: #ffffff;
}

.logo_box2 {
	position: absolute;
	width: 60%;
	height: auto;
	left: 20%;
	top: 25%;
}

.colorfff {
	color: #ffffff;
	font-size: 62px;
	margin-top: 3%;
}

.wid900 {
	width: 900px;
	padding: 0 0 20px 0;
	border: 1px solid #dcdddd;
	background: #ffffff;
}

.wid900 .tittle3 {
	padding: 0 40px;
}

.wid900 .tittle3 img {
	width: 38px;
	height: auto;
	margin-right: 14px;
	margin-top: 40px;
	float: left;
}

.wid900 .tittle3 span {
	color: #333333;
	font-size: 26px;
	line-height: 120px;
	float: left;
	margin-right: 20px;
}

.codbgf7f7 {
	background: #f7f7f7;
	padding: 40px;
}

.code_moddle {
	padding: 40px;
	background: #f7f7f7;
	width: 100%;
}

.code_moddle .code_list {
	width: 360px;
	height: auto;
	float: left;
}

.code_moddle .code_list li {
	width: 100%;
	height: auto;
	color: #333333;
	line-height: 25px;
	font-size: 14px;
	margin-top: 15px;
}

.code_moddle .list_right {
	float: right;
	line-height: 80px;
	color: #333333;
	font-size: 18px;
}

.code_bottom {
	width: 90%;
	margin: 30px auto;
	border: 2px solid #ff6600;
	height: auto;
}

.code_bottom img {
	margin-left: 15px;
	float: left;
	margin-top: 4px;
}

.code_bottom span {
	line-height: 40px;
	color: #999999;
	font-size: 12px;
	float: left;
	margin-left: 15px;
}

.code_bottom p {
	float: right;
	color: #333333;
	font-size: 15px;
	line-height: 40px;
	margin: 0 20px 0 0;
}

.code_bottom p i {
	color: #ff9567;
	font-style: normal;
}

.code_bottom img.mar10px {
	margin-top: 12px;
}

.code_img {
	width: auto;
	height: auto;
	display: block;
	margin: 20px auto 0;
}


/*关于我们*/
/* 阴影 */
.shadow{
	margin-top: 60px;
	/* padding: 10px 0px; */
	box-shadow: -3px 5px 24px 5px 
  rgba(229, 229, 229, 0.46)
}
/* 背景宽高 */
.rig_img .current {
	border-radius: 10px;
	
	box-shadow: 0px 0px 20px 3px rgb(229 229 229 / 46%);
	/* border-bottom: 3px solid  #f05a24; */
	opacity: 1;
}
.rig_img{
	position: relative;
}
.rig_img .curr_bg{
	position: absolute;
	min-width: 63px;
	height: 100%;
	z-index: -1;
	border-radius: 10px;
	left: 0;
	border-radius: 10px;
	box-shadow: 0px 0px 20px 3px rgb(229 229 229 / 46%);
	background-color: rgb(255, 255, 255);
}
.rig_img div{
	width: 15%;
	display: flex;
	flex-direction: column;
	align-items: center;
	/* opacity: 0.5; */
}
.img_name{
	margin-top: 10px;
}
.team_rig .contentss .no {
	display: none;
}

.team_rig .contentss .currents {
	display: block;

}

.item_img {
	margin:10px auto !important;
	cursor: pointer;
}
.item_imgs{
	height: 164px;
	overflow: hidden;
}

.about_backs {
	display: block!important;
	width: 90%;
	height: auto!important;
	float: left!important;
}

.topbanner {
	width: 100%!important;
	padding-left: 0px!important;
	padding-right:calc((100% - 1200px)/2)!important;
}

.about_text {
	margin-right: 0px!important;
padding-right: 0px!important;
	/* width: 25%; */
	/* display: inline-block;
    float: right; */
	/* text-align: right; */
}
.about_text p{
	text-align: right;
}

.phone-about_back {
	display: block;
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: auto;
	margin-top: 70px;
}

.mar80 {
	margin-top: 80px;
	color: #333333;
}
.font24 {
	font-size: 24px;
	color: #333333;
	margin-top: 93px;
}

.font28 {
	font-size: 28px;
	color: #333333;
	border-radius: 10px;
}
/* .textname{
	font-size: 14px;
} */
.font12 {
	font-size: 24px;
	color: #333333;
	margin-top: 20% !important;
}
.textname{
	margin-top: 35px;
}

.line {
	/* width: 87%; */
	height: 49px;
	border-right: solid 1px #3c3c3c;
}
.aboutTwoBox{
	margin-top: 100px;
}
.box71 {
	font-size: 16px;
  color: #717171;
	display: flex;
	align-items:flex-start;
	justify-content: space-between;
}

.text71 {
	width: 60%;
	font-size: 14px;
	color: #717171;
	line-height: 30px;
	/* width: 970px; */
	margin:0!important;
	overflow: hidden;
}

.oneline {
	width: 10%;
	border: 1px solid #3f3f3f;
	;
}

.font71 {
	font-size: 16px;
	color: #717171;
	line-height: 40px;
	/* width: 970px; */
	margin:0!important;
	overflow: hidden;
}

.numbox {
	display: flex;
	width: 60%;
	justify-content: space-between;
}

.numbox {
	margin-top: 80px;
	text-align: center;
	margin-bottom: 70px;
}
.numbox .item{
	display: flex;
	align-items: baseline;
}
.item :nth-child(1){
	font-size: 35px;
	color: #f05a24;
}


.item span {
	color: #3e3e3e;
	font-size: 16px;
}

.box_bj {
	width: 80%;
	background-color: #f5f5f5;
}

.pos {
	position: relative;
}

.bgfff {
	background-color: #f5f5f5 !important;
}

.abs {
	position: absolute;
	top: -30px;
	right: 0;
}
.lefts{
	left: 0;
}

.fl_font_box2s {
	width: 80%;
	height: 320px !important;
	float: right;
	background: #f5f5f5;
}

.titletext {
	font-size: 30px;
}

.toptext {
	font-size: 23px;
	color: #000000;
	margin-top: 100px;
}


.three_box {
	display: flex;
	align-items: center;
}

.three_box {
	margin-top: 50px;
}

.three_left {
	width: 60%;
	margin-right: 30px;
}

.three_line {
	width: 92px;
	height: 9px;
	background-color: #f05a24;
}

.three_name {
	color: #272727;
	font-size: 55px;
	margin: 40px 0px;
}

.three_title {
	font-size: 30px;
	color: #474747;
}

.three_text {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #303030;
}

.three_img {
	width: 35%;
}






.rig_img div img {
	width: 63px;
	height: 63px;
	border-radius: 50%;
	margin-right: 20px;

}
/* .rig_img div:hover{ */
	/* border-radius: 10px; */
	/* background-color: #ece9e9;	 */
	/* box-shadow: 0px 0px 20px 3px rgb(229 229 229 / 46%); */
	/* border-bottom: 3px solid  #f05a24; */
	/* opacity: 1; */
/* } */

.rig_img div {
	margin: auto;
	cursor: pointer;
	/* border-bottom: 4px solid yellow; */
	/* padding-bottom: 60px; */
	/* padding: 30px 0px; */
}

.team_box {
	margin: 45px auto 0 auto !important;
	max-width: 1280px;
}

/* .left_img {
	width: 45%;
	height: auto;
	position: relative;
  overflow: hidden;
} 
.left_img img {
	width: 100%;
	height: auto;
	border-radius: 10px;
} */
/* .aaa{
	width: 45%;
}
.aaa img{
	border-radius: 10px;
}
.bbb{
	width: 45%;
}
.bbb img{
	border-radius: 10px;
} */

.team_rig {
	position: absolute;
	width: 50%;
	padding-top: 30px;
	margin: auto;
	right: 0;
	z-index: 999999;
	background-color: #fff;
	border-bottom: 2px solid #f1f1f1;
	padding-bottom: 10px;
}

.rig_img {
	
	display: flex;
}

.team_name {
	color: #272727;
	font-size: 32px;
	margin-top: 60px;
	margin-bottom: 30px;
}
.team_introduce{
	font-size: 16px;
}

.team_position {
	color: #5c5c5c;
	font-size: 22px;
	margin-bottom: 60px!important;
}


/*  */
.yyyyy{
	
}




/*  */














.bgf2f2 {
	background: #f2f2f2;
}

.people_box {
	width: 100%;
	height: auto;
	margin-top: 80px;
}

.people_box .lq {
	width: 785px;
	float: left;
	height: auto;
}

.people_box .lq_back {
	width: 415px;
	height: 400px;
	float: left;
	background: url("../image/lq_back.jpg");
	padding: 80px 40px;
}

.people_box .lq_back .name {
	float: left;
	font-size: 44px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}

.people_box .lq_back .zhiwei {
	float: left;
	margin-left: 27px;
	color: #999999;
	font-size: 24px;
	margin-top: 16px;
}

.people_box .lq_back .font {
	width: 100%;
	height: auto;
	color: #333333;
	font-size: 16px;
	line-height: 30px;
	margin-top: 40px;
	float: left;
}

.fl_font_box {
	width: 100%;
	float: left;
}

.people_box2 .col-md-3 {
	margin-top: 80px;
}

.people_box2 .col-md-3 .bgfff {
	background: #ffffff;
	height: 650px !important;
}

.people_box2 .peo_img2 {
	width: 100%;
	height: auto;
}

.people_box2 .first_box {
	width: 100%;
	margin-top: 30px;
	padding: 0 5%;
}

.people_box2 .first_box h1 {
	width: auto;
	float: left;
	font-weight: bold;
	font-size: 30px;
	color: #333333;
}

.people_box2 .first_box span {
	float: left;
	margin-top: 20px;
	margin-left: 15px;
	color: #b6b6b6;
	font-size: 24px;
}

.people_box2 .second_box {
	width: 100%;
	line-height: 30px;
	margin: 20px 0;
	padding: 0 5%;
	font-size: 15px;
	color: #333333;
}

.fl_font_box2 {
	width: 520px;
	height: 387px;
	float: left;
	padding: 0 35px;
	background: #ffffff;
}

.people_box .yy {
	width: 680px;
	float: left;
}

.fl_font_box2 h1 {
	color: #333333;
	font-size: 32px;
	width: 100%;
	float: left;
	margin-top: 40px;
}

.fl_font_box2 .font {
	width: 100%;
	margin-top: 25px;
	line-height: 35px;
	font-size: 16px;
	color: #333333;
	float: left;
}

.padd120 {
	padding: 40px 60px;
}

.name_setting {
	width: 100px;
	float: left;
	line-height: 40px;
	text-align: right;
	font-size: 14px;
	color: #333333;
}

.see_box {
	width: 650px;
	margin-left: 15px;
	background: #f7f7f9;
	border: 1px solid #dcdddd;
	line-height: 40px;
	padding-left: 20px;
	color: #999999;
	text-align: left;
	float: left;
}

.bornone {
	border-left: none;
}

.img_1 {
	width: 40px;
	height: 40px;
	float: left;
	margin-left: 15px;
}

.img_2 {
	width: 100px;
	height: 100px;
	float: left;
	margin-left: 15px;
}

.h80px {
	padding-right: 20px;
}

.see_box .renzheng {
	width: 80px;
	height: 40px;
	background: #00c800;
	color: #ffffff;
	float: right;
	text-align: center;
}

.see_box .renzheng.red {
	background: #f15a25;
}

.danren {
	width: 280px;
	height: 280px;
	float: left;
}

.danren_box {
	width: 305px;
	height: 280px;
	background: #ffffff;
	float: left;
	padding: 15px;
}

.mar30 {
	margin-top: 30px;
}

.danren_box .name {
	color: #333333;
	font-weight: bold;
	font-size: 30px;
	width: 100%;
	float: left;
}

.danren_box .zhiwei {
	width: 100%;
	float: left;
	color: #999999;
	font-size: 20px;
	margin-top: 10px;
}

.danren_box .font {
	line-height: 35px;
	font-size: 16px;
	color: #333333;
	float: left;
	margin-top: 3px;
	margin-bottom: 0;
	word-break: break-all;
}

.people_box .js {
	width: 680px;
	float: left;
	height: auto;
}

.h317 {
	width: 520px;
	height: 420px!important;
}

.padd88-2 {
	padding: 0 0 40px 0 !important;
}

.cantact_box {
	width: 100%;
	height: auto;
	border: none!important;
	margin: 60px 0;
}

.cantact_box .map {
	width: 680px;
	height: 400px;
	float: left;
}

.cantact_box .map img {
	width: 100%;
	height: 400px;
	display: block;
}

.cantact_box .cantacts {
	width: 518px;
	height: 400px;
	float: left;
	padding: 55px 20px;
	background: #fff;
	margin-bottom: 0;
}

.cantact_box .cantacts li {
	width: 100%;
	padding-left: 40px;
	line-height: 26px;
	color: #000000;
	font-size: 16px;
}

.content_left_img_box {
	width: 871px;
	float: left;
	padding-left: 4%;
}

.blod {
	font-weight: bolder;
}

.iphone {
	font-weight: bolder;
	margin-bottom: 50px;
}


/* .cantact_box .cantact li.iphone {
    background: url("../image/ios7.png") no-repeat 6px 14px;
}

.cantact_box .cantact li.dizhi {
    background: url("../image/ios7.png") no-repeat 6px -32px;
}

.cantact_box .cantact li.louceng {
    background: url("../image/ios7.png") no-repeat 6px -127px;
}

.cantact_box .cantact li.wangzhi {
    background: url("../image/ios7.png") no-repeat 6px -174px;
} */

.h920 {
	height: 920px;
	background: url("../image/ser_back.jpg") center center no-repeat;
}


/* 新闻中心 */
.news{
    position: relative;
}
.news_bj{
    width: 100%;   
}
.newtext{
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    text-align: center;
    transform: translate(-50%, -50%);
}
.newbox{
    justify-content: space-between;
}
.newboxtext{
    font-size: 18px;
	line-height: 34px;
	color: #515151;
}
.newtext{
    font-size: 41px;
}
.newone{
    display: flex;
    flex-direction: column;
}
.num{
    color: #f15a24;
    border-top: 2px solid #f15a24;
   font-size: 14px;
    width: fit-content;
}
.icon{
    text-align: right;
    font-size: 14px;
    color: #3f3f3f;
		/* margin-top: 35%; */
}
.new_title{
    font-size: 26px;
    color: #f15a24;
    margin-top: 20px;
}
.newtop{
	padding-top: 30px;
}
.newpadd{
    /* background-color: red; */
    width: 90%;
    margin: auto;
    display: flex;
    margin-bottom: 30px;
    
}
.newpadd .newcontent{
    width: 97%;
    background-color: rgb(254, 254, 254);
    padding: 20px;
}
.data{
    width: 3%;
    background-color: #c8c8c8;
    width: fit-content;
    padding: 10px;
    height: 54px;
		color: #fff;
}
.data.first{
	background-color: #f15a24 !important;
}
.data :nth-child(1){
	border-bottom: 1px solid #fff;
}
.newcontent .top{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    align-items: center;

}
.newcontent .top :nth-child(1){
    font-size: 26px;   
}

.more a{
	font-size: 14px!important;
	margin-right: 6px;
}
.day{
	margin: 0px!important;
}
.more{
	display: flex;
	align-items: center;
}
.topcolors{
	color: #f15a24!important;
}
.topcolor:hover{
	color: #f15a24!important;
}
.baclolr:hover{
	background-color: #f15a24!important;
}


.newcontent .newbom{
    display: flex;
    align-items: center;
		justify-content: space-between;
}
.newcontent .newbom img{
	width: 207px;
	/* height: 146px; */
	height: auto;
	
}
.bom_text{
	font-size: 18px;
	line-height: 34px;
	letter-spacing: 0px;
	color: #515151;
    margin-right: 20px;
}


/* 分页 */
.page{
	width: 100%;
	display: flex;
	justify-content: center;
}
.page ul{
	width: 60%;
	display: flex;
	justify-content: space-around;
}
.page ul li span{
	border: none!important;
	font-size: 16px;
}
.page ul li a{
	border: none!important;
	color: #868282;
	font-size: 16px;
	
}
.page ul li a :hover{
	background-color: red!important;
}
.page .active span{
	background-color: #fff;
	color: #000;
	font-size: 16px;
}
.page .pagination>li>a:hover {
	background: none;
	border: none;
	color: #000;
}
/* 新闻详情 */
.newtab{
	margin: 60px 0px 27px 0px;
	font-size: 14px;
}
.f4{
	background-color: #f4f4f4;
}
.detail{
	background-color: #fff;
	padding: 20px;
	margin-bottom: 100px;
}
.dettitle{
	font-size: 26px;
	text-align: center;
}
.detdate{
	width: 100%;
	margin: auto;
	font-size: 14px;
	text-align: center;
	margin: 45px 0px 33px 0px;
}

.content{
	border-top: 1px dashed  #dadada;
	border-bottom: 1px dashed  #dadada;
}
.content .itemtext{ 
 /* text-align: center; */
	padding: 30px;
	font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 35px;
letter-spacing: 0px;
color: #404040;
	text-indent: 2em;
}
.top_bom{
	display: flex;
	justify-content: space-between;
	margin: 30px 0px;
	font-size: 14px;
}

.xqimg{
	width: 90%;
	margin: auto;
	text-align: center;
	padding: 30px;
}
.xqimg img{
	width: 100%;
	height: auto;
}
/*服务项目*/
.service_hed{
	position: relative;
	display: flex;
	align-items: center;

}
.service_hed img{
	width: 100%;
	height: auto;
}

.hed_text{
	position: absolute;
	right: 15%;
	text-align: right;
}
.hed_text h2{
	font-size: 48px;
}
.hed_text .hed_title span{
	font-size: 28px;
	margin: 18px 0px 50px 0px;
}
.hed_text .name{
	font-size: 20px;
	margin-top: 51px;
}
.hed_text p{
	font-size: 20px;
}

.service_box{
	background: url("../image/wx_bj.png");
	background-size: 100% 100%;
	padding: 0px 6%;
}

.service_item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 80px 0px;
}
.service_text{
	width: 45%;
}
.service_img{
	width: 50%;
}
.service_img .img{
	width: 100%;
}
.text_name{
	font-size: 48px;
	color: #10d587;
}
.text_title{
	font-size: 34px;
	color: #10d587;
	margin-top: 30px;
	margin-bottom: 50px;

}
.text_text{
	font-size: 18px;
	color: #5e5e5e;
	padding-right: 20%;
	line-height: 25px;
}



.service_boxs{
	width: 100%;
	background-color: #fafafa;
	padding: 0px 6%;
}

.service_item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 80px 0px;
}
.service_texts{
	width: 50%;
}
.service_imgs{
	width: 45%;
}
.service_img .img{
	width: 100%;
}
.service_imgs .img{
	width: 100%;
}
.text_names{
	font-size: 48px;
	color: #ff8161;
}
.text_titles{
	margin-top: 30px;
	margin-bottom: 50px;
	display: flex;
	
}

.oa_item{
	width: fit-content;
	padding: 0px 20px;
	background-color: #9a6f4c;
	border-radius: 18px;
	font-size: 26px;
	color: #fff;
	margin-right: 20px;
}
.oa_box{
	display: flex;
}
.titles_item{
	width: 90px;
	height: 90px;
	border: solid 1px #ff8161;
	border-radius: 50%;
	text-align: center;
	line-height: 90px;
	margin-right: 20px;
	font-size: 26px;
	color: #ff8161;
}
.qk_item{
	text-align: center;
	margin-right: 30px;
}
.qk_item p{
	font-size: 26px;
	margin-top: 20px;
}
.item1_p{
	color: #8159f7;
	
}
.item2_p{
	color: #ff7230;
}
.item3_p{
	color: #00d4a0;
}
.item4_p{
	color: #007fff;
}
.text_texts{
	font-size: 18px;
	color: #5e5e5e;
	padding-right: 20%;
}
.text_title26{
	font-size: 26px;
	margin-top: 30px;
	margin-bottom: 50px;
}
.text_names46{
	font-size: 46px;
	font-weight: bolder;
}
.text_text42{
	margin: 42px 0px 90px 0px;
	font-size: 18px;
	color: #352757;
}
.b6{
	color: #1ba8b6;
}
.col57{
	color: #352757;
}
.fa{
	background-color: #fafafa!important;
}
.ff{
	background-color: #fff;
}
.a6{
	color: #9a6f4c;
}
.f1{
	background-color: #f1e8e3!important;
}
.wz_box{
	display: flex;
	margin-top: 95px;
	flex-wrap: wrap;
}
.wz_item{
	font-size: 26px;
	margin-right: 20px;
}
.wz_item img{
	margin-right: 5px;
}
.wz1{
	color: #59b3ff;
}
.wz2{
	color: #95e052;
}
.wz3{
	color: #f2c285;
}
.wz4{
	color: #ad84ef;
}
.wzname{
	color: #191e31!important;
	font-weight: bolder;
}


.js_box{
	display: flex;
	margin: 40px 0px 60px 0px;
	flex-wrap: wrap;
}

.js_item{
	margin-right: 20px;
	width: fit-content;
	padding: 10px 30px;
	/* height: 49px; */
	border-radius: 6px;
	border: solid 1px #2598e8;
	text-align: center;
	color: #1690e5;
	font-size: 26px;
}
.jscol{
	font-size: 48px;
	color: #3f9dfd;
}


/*  */
.mar117 {
	padding: 0;
	margin-top: 117px;
}

.ser_tittle {
	width: 100%;
	font-size: 30px;
	line-height: 80px;
	color: #ffffff;
	font-weight: bold;
}

.ser_font_box {
	width: 100%;
	color: #ffffff;
	font-size: 18px;
	line-height: 55px;
}

.mar80 {
	margin-top: 80px;
}

.mar20 {
	margin: 20px 0 0 0;
}

.ser_img {
	width: 100%;
	height: auto;
}

.ser_top_font {
	color: #ffffff;
	width: 100%;
	font-size: 15px;
	padding: 15px;
	line-height: 30px;
}

.h915 {
	height: 800px;
	background: #ffffff;
}

.ser_back_bo {
	float: right;
	margin-top: 124px;
	margin-right: 100px;
}

.ser_box_right {
	float: left;
	width: 100%;
	margin-top: 130px;
}

.ser_box_right .right_tittle {
	font-size: 48px;
	color: #10d587;
	font-weight: bold;
	width: 100%;
}

.ser_box_right .right_tittle2 {
	font-size: 34px;
	color: #10d587;
	width: 100%;
	margin-top: 30px;
}

.ser_box_right .right_tittle3 {
	width: 100%;
	line-height: 40px;
	font-size: 18px;
	color: #5e5e5e;
	margin-top: 50px;
}

.ser_box_right .right_tittle4 span {
	width: 125px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border: 1px solid #fbbc53;
	border-radius: 3px;
	color: #fbbc53;
	margin-right: 10px;
	display: inline-block;
	font-size: 22px;
	margin-top: 40px;
}

.bgf7f7f7 {
	background: #f2f2f2;
}

.ser_back_bo.iphone {
	width: 100%;
	height: auto;
	margin: 100px 0 0 0;
}

.ser_back_bo.cum {
	margin: 176px 0 0 0;
	width: 100%;
}

.h700 {
	height: 700px;
}

.he260 .padd10 {
	width: 95%;
}

.h926 {
	background: url("../image/cases_back.jpg");
	background-size: 100% 100%;
}

.case_tittle {
	height: 63px;
	line-height: 63px;
	width: 100%;
	padding-left: 30px;
	border-left: 2px solid #f15a24;
	margin-top: 50px;
}

.case_tittle .name {
	font-size: 32px;
	color: #333333;
	font-weight: bold;
}

.case_tittle .font {
	font-size: 24px;
	color: #dddddd;
	margin-left: 15px;
	margin-top: 5px;
}

.case_nav a {
	height: 45px;
	line-height: 45px;
	text-align: center;
	float: left;
	color: #333333;
	font-size: 17px;
	border: 1px solid #dcdddd;
	border-radius: 3px;
	cursor: pointer;
	width: 95%;
	margin: 40px auto 0;
}

.case_nav a.last {
	margin-left: 0;
}

.case_nav a.on {
	background: #f15a24;
	border: none;
	color: #ffffff;
}

.padd10 {
	padding: 10px;
	background: #ffffff;
	border: 1px solid #dcdddd;
	border-radius: 3px;
	margin: 0 auto 30px;
}

.padd10 img {
	width: 100%;
	height: auto;
}

.padd10 .font {
	line-height: 40px;
	margin: 10px 0 0 0;
	font-size: 14px;
	color: #333333;
	height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: normal;
}

.marauto {
	margin: 0 auto;
	width: 510px;
	background: #ffffff;
	border: none;
}

.orange_btn {
	height: 42px;
	color: #ffffff;
	background: #f15a24;
	font-size: 18px;
	border-radius: 5px;
}

.block_btn {
	height: 42px;
	font-size: 18px;
	border-radius: 5px;
	margin-top: 20px !important;
}

.orange_btn:hover {
	color: #ffffff;
}

.mar20top {
	margin-top: 20px;
}

.tittle_cod {
	width: 990px;
	margin: 20px auto 0;
	background: url("../image/tian.png") no-repeat 9px center;
	padding-left: 50px;
	padding-bottom: 0;
}

.tittle_cod h4 {
	line-height: 55px;
	margin: 0;
}

.form-group .font14mar {
	font-size: 14px;
	font-weight: 400;
	margin-top: 10px;
}

.form-group .font14 {
	font-size: 14px;
	font-weight: 400;
	margin-top: 5px;
}

.form-group .padd_right0 {
	padding-right: 0;
	margin-top: 10px;
}

.more_btn {
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #898989;
	background: #f7f7f7;
	border: 1px solid #dcdddd;
	margin: 0 auto 20px;
	border-radius: 3px;
	cursor: pointer;
}

.index_img_back img {
	width: 100%;
	margin-top: 5%;
}

.update_box {
	margin-top: 10px;
	text-align: left;
}

.proplestion {
	position: absolute;
	width: 450px;
	height: 450px;
	top: 50%;
	left: 50%;
	margin-top: -225px;
	margin-left: -225px;
}

.mar50 {
	margin-top: 50px;
}

.green_btn {
	background: #50af55;
	color: #ffffff;
}

.bgbtn89 {
	background: #f7f7f7;
	color: #898989;
}


/*项目管理*/

.conture_box_detail {
	padding-bottom: 100px;
	width: 100%;
}

.conture_box_detail.bg00cab0 {
	background: #00cab0;
}

.conture_box_detail.bg019c9e {
	background: #019c9e;
}

.conture_box_detail.bg333333 {
	background: #333333;
}

.code_update_img.mar0 {
	margin-top: 0;
}

.code_update_img3 {
	display: block;
	width: 1000px;
	margin: 60px auto 0;
}

.conture_box_detail2 {
	width: 100%;
	height: auto;
	padding-bottom: 100px;
}

.code_update_img2.mar0 {
	margin-top: 0;
}

.conture_box_detail2.bg02a0e2 {
	background: #02a0e2;
}

.conture_box_detail2 .conture_name {
	width: auto;
	padding: 15px 0;
	border-bottom: 4px solid #ffffff;
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
	margin: 115px 0 0 50px;
	float: left;
}

.conture_box_detail2 .conture_font2 {
	color: #ffffff;
	line-height: 25px;
	font-size: 16px;
	margin-top: 40px;
	padding-left: 20px;
	border-left: 4px solid #ffffff;
	float: left;
	margin-left: 50px;
}

.conture_box_detail2 .conture_font {
	color: #ffffff;
	line-height: 33px;
	font-size: 27px;
	margin-top: 60px;
	float: left;
	margin-left: 50px;
	width: 100%;
}

.conture_box_detail.bgff3334 {
	background: #ff3334
}

.conture_box_detail.bgfc5a6b {
	background: #fc5a6b
}

.conture_box_detail.bgffa200 {
	background: #ffa200
}

.conture_box_detail.bg2b66f6 {
	background: #2b66f6
}

.conture_box_detail.bg278cfa {
	background: #278cfa
}

.conture_box_detail.bg28b8f4 {
	background: #28b8f4
}

.conture_box_detail.bgff474a {
	background: #ff474a
}

.conture_box_detail.bgfdaf34 {
	background: #fdaf34
}

.conture_box_detail.bg0dbdc3 {
	background: #0dbdc3
}

.conture_box_detail.bgff2a2e {
	background: #ff2a2e
}

.conture_box_detail.bg0977be {
	background: #0977be
}

.conture_box_detail.bg0195ff {
	background: #0195ff
}

.conture_box_detail.bgc7c2a6 {
	background: #c7c2a6
}

.conture_box_detail.bg258ff2 {
	background: #258ff2
}

.conture_box_detail.bgff8a1f {
	background: #ff8a1f;
}

.conture_box_detail.bg142c85 {
	background: #142c85;
}

.conture_box_detail.bg31cbc6 {
	background: #31cbc6;
}

.conture_box_detail.bgcb3831 {
	background: #cb3831;
}

.conture_box_detail.bg295ced {
	background: #295ced;
}

.conture_box_detail.bgef621e {
	background: #ef621e;
}

.conture_box_detail2.bg319ecb {
	background: #029fe2;
}

.conture_box_detail2.bg4990e2 {
	background: #4990e2;
}

.conture_box_detail2.bg54bcd7 {
	background: #54bcd7;
}

.conture_box_detail.bg4bb8f8 {
	background: #4bb8f8;
}

.conture_box_detail2.bg4bb344 {
	background: #4bb344;
}

.conture_box_detail2.bgff8a00 {
	background: #ff8a00;
}

.conture_box_detail.bg147fc5 {
	background: #147fc5;
}

.conture_box_detail.bg2482fe {
	background: #2482fe;
}

.conture_box_detail2.bg00aeed {
	background: #00aeed;
}

.conture_box_detail.bg967860 {
	background: #967860;
}

.conture_box_detail2.bge8484a {
	background: #e8484a;
}

.conture_box_detail2.bg5c78ff {
	background: #5c78ff;
}

.conture_box_detail .conture_name {
	width: auto;
	padding: 15px 0;
	border-bottom: 4px solid #ffffff;
	font-size: 22px;
	color: #ffffff;
	font-weight: bold;
	margin: 115px 0 0 50px;
	float: left;
}

.conture_box_detail .conture_font {
	color: #ffffff;
	line-height: 33px;
	font-size: 16px;
	margin-top: 115px;
}

.conture_box_detail .conture_font2 {
	color: #ffffff;
	line-height: 25px;
	font-size: 16px;
	margin-top: 40px;
	padding-left: 20px;
	border-left: 4px solid #ffffff;
}

.code_update_img {
	display: block;
	width: 1200px;
	height: auto;
	margin: 135px auto 0;
}

.code_update_img2 {
	display: block;
	width: 100%;
	height: auto;
	margin: 135px auto 0;
}

.name_box_shen {
	float: left;
	width: 100%;
}

.container-fluid.bgffffff {
	background: #ffffff;
}

.container-fluid.bgf7f6f6 {
	background: #f7f6f6;
}

.container-fluid.bgf35623 {
	background: #f35623;
}

.container-fluid.bgf36060 {
	background: #f36060;
}

.container-fluid.bg0195ff {
	background: #0195ff;
}

.container-fluid.bg008be8 {
	background: #008be8;
}

.container-fluid.bge68c72 {
	background: #e68c72;
}

.container-fluid.bge69118 {
	background: #e69118;
}

.container-fluid.bg5283ea {
	background: #5283ea;
}

.container-fluid.bgfeb82a {
	background: #feb82a;
}

.container-fluid.bge68c72 {
	background: #e68c72;
}

.container-fluid.bg680468 {
	background: #680468;
}

.container-fluid.bg5ab1fe {
	background: #5ab1fe;
}

.container-fluid.bge7a801 {
	background: #e7a801;
}

.container-fluid.bgee6b01 {
	background: #ee6b01;
}

.container-fluid.bgf0302f {
	background: #f0302f;
}

.container-fluid.bgafd23a {
	background: #afd23a;
}

.container-fluid.bg019c9e {
	background: #019c9e;
}

.container-fluid.bg46aa6e {
	background: #46aa6e;
}

.container-fluid.bg00a7eb {
	background: #00a7eb;
}

.container-fluid.bg477bd9 {
	background: #477bd9;
}

.container-fluid.bged3a57 {
	background: #ed3a57;
}

.container-fluid.bg277bdb {
	background: #277bdb;
}

.container-fluid.bg377cfd {
	background: #377cfd;
}

.container-fluid.bg4aba54 {
	background: #4aba54;
}

.container-fluid.bg0eae10 {
	background: #0eae10;
}

.container-fluid.bg2550cb {
	background: #2550cb;
}

.container-fluid.bgeb479c {
	background: #eb479c;
}

.container-fluid.bga5155a {
	background: #a5155a;
}

.container-fluid.bgfa2963 {
	background: #fa2963;
}

.container-fluid.bg44b367 {
	background: #44b367;
}

.container-fluid.bgffa200 {
	background: #ffa200;
}

.container-fluid.bg0099ff {
	background: #0099ff;
}

.container-fluid.bg3c82fb {
	background: #3c82fb;
}

.container-fluid.bgcab28e {
	background: #cab28e;
}

.container-fluid.bg2591fd {
	background: #2591fd;
}

.container-fluid.bg245ca7 {
	background: #245ca7;
}

.container-fluid.bg4990e2 {
	background: #4990e2;
}

.container-fluid.bgff6803 {
	background: #ff6803;
}

.container-fluid.bg355f85 {
	background: #355f85;
}

.hx_box {
	height: auto;
	padding-top: 100px;
	background: #ffffff;
	padding-bottom: 100px;
	width: 100%;
	border-top: 1px solid #ed3a57;
	margin: 0 auto;
	text-align: center;
}

.hx_box img {
	width: 400px;
	height: auto;
}

.hx_box a {
	height: 90px;
	line-height: 90px;
	color: #ed3a57;
	font-size: 20px;
	text-decoration: none;
}


/*版本提示弹出*/

.baneben_tishi {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #999999;
	z-index: 99999;
}

.baneben_tishi .baneben_tishi_box {
	width: 560px;
	height: 370px;
	border: 10px solid #636363;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -280px;
	margin-top: -185px;
	background: #ffffff;
	border-radius: 5px;
	padding: 30px;
}

.baneben_tishi .baneben_tishi_box .tiptr {
	width: 100%;
	padding-left: 30px;
	background: url("../image/tishi.png") 0 center no-repeat;
	line-height: 30px;
	color: #333333;
	font-size: 18px;
	font-weight: 600;
}

.baneben_tishi .baneben_tishi_box .tiptr2 {
	color: #333333;
	font-size: 16px;
	line-height: 30px;
	margin-top: 20px;
}

.baneben_tishi .baneben_tishi_box .href_back {
	width: 100%;
	display: block;
	color: #000000;
	font-size: 18px;
	margin: 30px 0;
}

.baneben_tishi .baneben_tishi_box img {
	width: 100%;
	height: auto;
}

.fontspecial {
	font-size: 16px;
	color: #333333;
	line-height: 42px;
}

.form-control.sppt {
	line-height: 30px;
	text-align: left;
	color: #999999;
	background: #f7f7f9;
	border: 1px solid #dcdddd;
}

.lefgt {
	float: left;
}

.form-group.marbot20 {
	margin-bottom: 20px;
}

.tittle_help {
	color: #333333;
	font-size: 20px;
	line-height: 80px;
	margin-top: 30px;
	margin-bottom: 0;
}

.borbff {
	border: 1px solid #dcdddd;
	background: #ffffff;
	padding: 30px;
	margin-bottom: 20px;
	border-radius: 5px;
}

.borbff .tit_bor {
	color: #333333;
	font-size: 16px;
}

.borbff .font_bor {
	font-size: 14px;
	color: #666666;
	line-height: 35px;
}

.borbff .font_bor span {
	text-decoration: underline;
	color: #3399ff;
	cursor: pointer;
}

.borbff .font_bor a {
	text-decoration: underline;
	color: #3399ff;
	cursor: pointer;
}

.borbff .list_bor li a {
	text-decoration: underline;
	color: #3399ff;
	cursor: pointer;
}

.borbff .list_bor {
	margin-bottom: 0;
	height: 0;
	overflow: hidden;
}

.borbff .list_bor li {
	color: #666666;
	font-size: 14px;
	margin-top: 30px;
	line-height: 30px;
}

.time_img {
	width: 100%;
	padding: 50px 0;
}

.ser_box_right.mar100 {
	margin-top: 160px;
}

.ser_back_bo.mar160 {
	margin-top: 160px;
	margin-right: 0;
	width: 100%;
	padding-bottom: 200px;
}

.time_img.mar160 {
	margin-top: 50px;
}

.bgec {
	background: #ececec;
}

.help_box {
	width: 1000px;
	margin: 0 auto;
	background: #ffffff;
	padding: 0 50px;
	position: relative;
}

.help_box .help_tittle {
	width: 100%;
	margin-top: 50px;
	padding-bottom: 40px;
	color: #333333;
	font-size: 30px;
	font-weight: bolder;
	text-align: center;
	border-bottom: 1px solid #dcdddd;
}

.liu_box {
	margin-top: 30px;
	padding-bottom: 40px;
	border-bottom: 1px solid #dcdddd;
}

.liu_box .tittle {
	width: 280px;
	padding-left: 20px;
	font-size: 22px;
	font-weight: normal;
	height: 45px;
	line-height: 45px;
	color: #ffffff;
	background: url("../image/help_tit.png") right top no-repeat;
}

.liu_box .tittle2 {
	padding-left: 20px;
	font-size: 16px;
	font-weight: normal;
	height: 45px;
	color: #333333;
}

.liu_box .tittle2 a {
	margin-left: 10px;
	color: #fb5d24;
	font-size: 14px;
}

.liu_box img {
	width: 100%;
	margin: 40px auto;
	height: auto;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.number_key {
	margin-top: 85px;
	font-size: 36px;
	color: #999999;
	border-bottom: 1px solid #dcdddd;
	padding-bottom: 20px;
}

.number_key span {
	color: #f15a24;
	margin-right: 5px;
}

.number_key em {
	font-style: normal;
	margin-left: 10px;
}

.tittle_key {
	font-size: 18px;
	line-height: 30px;
	color: #090909;
}

.img_box_key {
	width: 80%;
	height: auto;
	margin: 50px auto 0;
	position: relative;
}

.img_box_key ul {
	width: 100%;
	height: auto;
	padding-bottom: 50px;
}

.img_box_key ul li {
	width: 100%;
	height: auto;
	display: none;
}

.img_box_key ul li.on {
	display: block;
}

.img_box_key ul li img {
	width: 100%;
	height: auto;
	margin-top: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.img_box_key ul li p {
	width: 100%;
	font-size: 20px;
	line-height: 30px;
	color: #090909;
}

.help_box .left_btn {
	width: 38px;
	height: 69px;
	background: url("../image/left_btn.png") center center no-repeat;
	position: absolute;
	left: -110px;
	top: 300px;
	cursor: pointer;
}

.help_box .right_btn {
	width: 38px;
	height: 69px;
	background: url("../image/right_btn.png") center center no-repeat;
	position: absolute;
	right: -110px;
	top: 300px;
	cursor: pointer;
}

.code_update_img5 {
	display: block;
	width: 1264px;
	height: auto;
	margin: 0 auto;
}

.code_update_img6 {
	display: block;
	width: 1440px;
	height: auto;
	margin: 0 auto;
}


/* sport */

.sportPath {
	width: 100%;
}

.sportPath,
.sportPath img {
	width: 100%;
}

.iconInfo {
	text-align: center;
	padding-bottom: 100px;
}

.iconInfo h4 {
	line-height: 40px;
}

.iconInfo p {
	line-height: 30px;
	color: #888888;
}

.leftshop img {
	width: 80%;
	margin: 50px 0;
}

.leftshop img.mar150 {
	margin: 150px 0;
}

.fontboxshop {
	padding: 165px 0;
}

.fontboxshop .title {
	font-size: 40px;
	color: #000;
	font-weight: bold;
}

.fontboxshop .font {
	font-size: 20px;
	line-height: 35px;
	color: #666;
}

.bgf9 {
	background: #f6f9ff;
}


/* market */

.market-tit {
	font-size: 32px;
	color: #595757;
	text-align: center;
	margin-top: 45px;
}

.market-tip {
	width: 100%;
	padding: 30px;
	/* height: 123px; */
	margin-top: 45px;
	line-height: 33px;
	font-size: 18px;
	color: #ffffff;
	background: #3c9cff;
}

.recommend {
	font-size: 24px;
	color: #595757;
	margin-top: 50px;
	font-family: 600;
}

.recommend-list {
	float: left;
	width: 100%;
	margin-top: 30px;
}
.about_back{
	display: block;
	width: 100%;
	height: auto;
}
.recommend-list .bottom {
	background: #fff;
	padding: 20px;
	border-bottom: 1px solid #f7f8f8;
}

.recommend-list .bottom div:first-child {
	font-size: 16px;
	color: #595757;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}

.recommend-list .bottom div:last-child {
	font-size: 14px;
	color: #ff895e;
	margin-top: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}

.recommend-list .follow {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 55px;
	background: #fff;
	padding: 20px;
	font-size: 12px;
	color: #898989;
}
.price-box {
	color: #f05a24;
	font-size: 16px;
}

.recommend-list .follow .img {
	height: 35px;
	width: 103px;
}
.recommend-list .viewnow{
	background-image: linear-gradient(to right,#fd6522,#ffb586);
	font-size: 18px;
	color: #fff;
	padding: 1.3% 5%;
	text-align: center;
	border-radius: 20px;
	font-weight: 300;
}
.marketdown {
	background: #102c48;
	/* height: 550px; */
	width: 100%;
	margin-top: 50px;
	padding-bottom: 50px;
}

.marketdown-tit {
	margin-top: 40px;
	font-size: 36px;
	color: #f7f8f8;
	text-align: center;
}

.marketdown-list {
	height: 350px;
	width: 260px;
	color: #fff;
	padding: 20px;
	margin: auto;
	background: #213ca0;
}

.marketdown-box {
	margin-top: 50px;
}

.list-tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.list-tit div {
	font-size: 16px;
	font-family: 600;
	color: #fff;
}

.list-tit2 {
	margin-top: 40px;
}

.list-tit2 div:first-child {
	font-size: 16px;
}

.list-tit2 div:last-child {
	font-size: 12px;
}

.list-tit img {
	width: 35px;
	height: 35px;
}

.marketdown-box img {
	width: 35px;
	height: 35px;
}


/*商超小程序*/

.shopindextitle {
	margin-top: 100px;
}

.shopindexicon1 {
	width: 100%;
	height: auto;
	display: block;
	margin-top: 70px;
}

.shopindextitle .title1 {
	font-size: 28px;
	color: #f15a25;
	width: 100%;
	text-align: center;
}

.shopindextitle .title2 {
	font-size: 20px;
	color: #333333;
	width: 100%;
	margin-top: 17px;
	text-align: center;
}

.shopindextitle .title3 {
	font-size: 43px;
	color: #484848;
	width: 100%;
	margin-bottom: 0;
	text-align: center;
}

.shopindextitle .title4 {
	display: block;
	font-size: 18px;
	color: #999999;
	width: 100%;
	text-align: center;
}

.shopindextitle .title5 {
	font-size: 28px;
	color: #666666;
	width: 100%;
	margin-top: 40px;
	text-align: center;
}

.shopindexicon {
	margin-top: 120px;
	margin-bottom: 120px;
	height: 230px;
	font-size: 32px;
	color: #333333;
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.shop_icon {
	width: 159px;
	height: 159px
}

.shop_title {
	margin-top: 30px;
}

.shopmallimg {
	width: 100%;
}

.shopgood {
	margin-top: 170px;
}

.shopgood div {
	font-size: 43px;
	color: #484848;
	text-align: center;
}

.shopgood div:last-child {
	font-size: 18px;
	color: #999999;
	text-align: center;
}

.tittext {
	font-size: 32px;
	color: #575757;
	text-align: center;
}

.shopdown {
	margin-top: 140px;
	margin-bottom: 140px;
	font-size: 28px;
	color: #666666;
	text-align: center;
}

.showpic {
	width: 100%;
	margin-top: 100px;
}

.shopabout {
	width: 100%;
}

.shopabouttitlebox {
	height: 120px;
	color: #fff;
	border: 1px solid #0199fe;
	background: #0199fe;
	margin-top: 100px;
}

.shopabouttitlebox .fon1 {
	text-align: center;
	display: block;
	font-size: 28px;
	color: #ffffff;
	margin-top: 20px;
}

.shopabouttitlebox .fon2 {
	text-align: center;
	display: block;
	font-size: 14px;
	color: #ffffff;
	margin-top: 10px;
}

.shopabout table {
	border-right: 1px solid #dcdddd;
	border-bottom: 1px solid #dcdddd;
}

.shopabout table th,
td {
	text-align: center;
	font-size: 18px;
}

.shopabout table th {
	font-weight: bold;
	line-height: 50px !important;
	border: 1px solid #dcdddd;
	border-right: none;
	border-bottom: none;
}

.shopabout table td {
	font-weight: normal;
	line-height: 50px !important;
	border: 1px solid #dcdddd;
	border-right: none;
	border-bottom: none;
}

.shopabout table .ef {
	background: #f7f7f7;
}

.shopabout table .ok {
	color: #36c77b;
}

.shopabout table .no {
	color: #f36a33;
}

.shopcontentindex .contenttitle {
	height: 174px;
	line-height: 174px;
	background: #0199fe;
	color: #fff;
	font-size: 40px;
	margin-top: 120px;
	text-align: center;
}

.codeindexshop .titlebox {
	width: 100%;
	height: 55px;
	text-align: center;
	line-height: 55px;
	background: url("../image/shopsass/icon2.png") center center no-repeat;
	font-size: 28px;
	color: #333;
	margin-top: 90px;
}

.codeindexshop .titlebox2 {
	font-size: 24px;
	line-height: 48px;
	color: #cecece;
	text-align: center;
}

.codeindexshop .titimage {
	margin-top: 60px;
	float: left;
	width: 100%;
}

.codeindexshop .titimage img {
	width: 80%;
	display: block;
	margin: 0 auto;
	max-width: 288px;
}

.codeindexshop .titimage p {
	text-align: center;
	margin-top: 30px;
	font-size: 20px;
	color: #333333;
	width: 100%;
}

.codeboxindex {
	width: 80%;
	padding: 30px 30px 0 30px;
	background: #fff;
	border-radius: 20px;
	margin: 40px auto 0;
	-webkit-box-shadow: -2px 4px 48px #dcdddd;
	-moz-box-shadow: -2px 4px 48px #dcdddd;
	box-shadow: -2px 4px 48px #dcdddd;
}

.codeboxindex img {
	width: 100%;
	height: auto;
}

.codeboxindex p {
	font-size: 18px;
	color: #333;
	text-align: center;
	/* line-height: 70px; */
	line-height: 2;
	padding: 18px 0;
}

.shopimgicon {
	width: 100%;
	margin-top: 100px;
}

.shopbottom {
	background: #f4f4f4;
	height: 466px;
	margin-top: 140px;
	padding-top: 80px;
}

.shopbottom .iconk {
	margin-right: 20px;
	width: 180px;
	height: 50px;
	float: left;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 28px;
	background: #0199fe;
}

.shopbottom .iconks {
	line-height: 50px;
	font-size: 24px;
	color: #cecece;
}

.iconbottomindex {
	float: left;
	width: 100%;
}

.iconbottomindex span {
	width: 180px;
	height: 50px;
	float: left;
	line-height: 50px;
	border: 1px solid #dcdddd;
	margin-right: 30px;
	padding-left: 40px;
	text-align: center;
	position: relative;
	font-size: 18px;
	background: #fff;
	margin-top: 40px;
}

.iconbottomindex span .c1 {
	width: 20px;
	height: 30px;
	left: 30px;
	top: 50%;
	margin-top: -15px;
	position: absolute;
}

.iconbottomindex span .c2 {
	width: 26px;
	height: 26px;
	left: 30px;
	top: 50%;
	margin-top: -13px;
	position: absolute;
}

.iconbottomindex span .c3 {
	width: 19px;
	height: 25px;
	left: 30px;
	top: 50%;
	margin-top: -12.5px;
	position: absolute;
}

.iconbottomindex span .c4 {
	width: 28px;
	height: 25px;
	left: 30px;
	top: 50%;
	margin-top: -12.5px;
	position: absolute;
}

.iconbottomindex span .c5 {
	width: 26px;
	height: 26px;
	left: 30px;
	top: 50%;
	margin-top: -13px;
	position: absolute;
}

.iconbottomindex span .c6 {
	width: 24px;
	height: 26px;
	left: 30px;
	top: 50%;
	margin-top: -13px;
	position: absolute;
}

.iconbottomindex span .c7 {
	width: 25px;
	height: 25px;
	left: 30px;
	top: 50%;
	margin-top: -12.5px;
	position: absolute;
}

.iconbottomindex span .c8 {
	width: 21px;
	height: 26px;
	left: 30px;
	top: 50%;
	margin-top: -13px;
	position: absolute;
}

.iconbottomindex span .c9 {
	width: 25px;
	height: 27px;
	left: 30px;
	top: 50%;
	margin-top: -13.5px;
	position: absolute;
}

.iconbottomindex span .c10 {
	width: 22px;
	height: 22px;
	left: 30px;
	top: 50%;
	margin-top: -11px;
	position: absolute;
}

.iconbottomindex span .c11 {
	width: 24px;
	height: 23px;
	left: 30px;
	top: 50%;
	margin-top: -11px;
	position: absolute;
}

.barriertitle {
	width: 100%;
	height: auto;
	margin-top: 140px;
	line-height: 60px;
	font-size: 20px;
	color: #333;
}

.barriertitle b {
	font-size: 36px;
}

.barrierfontbix {
	background: #fff;
	-moz-box-shadow: 0px 1px 12px #dcdddd;
	-webkit-box-shadow: 0px 1px 12px #dcdddd;
	box-shadow: 0px 1px 12px #dcdddd;
	border-radius: 10px;
	height: 350px;
	position: relative;
	padding: 135px 40px 0;
	margin-top: 130px;
}

.barrierfontbix img {
	position: absolute;
	top: -20%;
	left: 50%;
  transform: translate(-50%,0);
	width: 135px;
	height: 135px;
}

.barrierfontbix .title {
	width: 100%;
	text-align: center;
	font-size: 22px;
	color: #333333;
}

.barrierfontbix .font {
	margin-top: 45px;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	color: #999999;
}

.bgf5 {
	background: #f5f5f5;
	margin-top: 130px;
	padding-top: 130px;
	padding-bottom: 145px;
}

.bgf5 .title {
	line-height: 40px;
	height: 40px;
	border-left: 10px solid #0199fe;
	padding-left: 27px;
}

.bgf5img {
	width: 100%;
	border-radius: 5px;
	-moz-box-shadow: 0px 1px 12px #dcdddd;
	-webkit-box-shadow: 0px 1px 12px #dcdddd;
	box-shadow: 0px 1px 12px #dcdddd;
	margin-top: 45px;
}

.contentbarr {
	padding-top: 145px;
	padding-bottom: 140px;
}

.contentbarr .title {
	line-height: 40px;
	height: 40px;
	border-left: 10px solid #0199fe;
	padding-left: 27px;
}

.contentbarr img {
	max-width: 100%;
}

.contentbarr .fl {
	float: left;
}

.contentbarr .fr {
	float: right;
}

.contentbarr .fontbox h3 {
	font-size: 35px;
	margin-bottom: 20px;
}

.contentbarr .fontbox p {
	font-size: 23px;
	color: #666666;
	display: block;
}

.contentbarr .fontbox a {
	width: 235px;
	height: 60px;
	border-radius: 30px;
	background: #0199fe;
	color: #fff;
	font-size: 25px;
	line-height: 60px;
	display: block;
	text-align: center;
	margin-top: 50px;
	text-decoration: none;
}

.contentbarr .w100 {
	width: 100%;
	margin-top: 115px;
}

.open_back {
	width: 100%;
}

.openbox {
	margin-top: 130px;
}

.openbox .title {
	display: block;
	margin: 0 auto 30px;
}

.openbox .fonttent {
	width: 100%;
	text-align: center;
	font-size: 16px;
	line-height: 36px;
	color: #666666;
}

.openbox .fonthref {
	width: 200px;
	height: 50px;
	display: block;
	margin: 40px auto 0;
	line-height: 50px;
	text-align: center;
	background: #3685fe;
	color: #fff;
	font-size: 20px;
	border-radius: 10px;
}

.openbox .iconimg {
	width: 100%;
	height: auto;
	display: block;
	margin-top: 70px;
	margin-bottom: 130px;
}

.barrierfontbixs {
	position: relative;
	padding: 100px 20px 80px;
	margin-top: 130px;
}

.barrierfontbixs img {
	position: absolute;
	top: 0;
	width: 135px;
	height: 135px;
	margin-top: -67.5px;
	left: 50%;
	margin-left: -67.5px;
}

.barrierfontbixs .title {
	width: 100%;
	text-align: center;
	font-size: 22px;
	color: #333333;
}

.barrierfontbixs .font {
	margin-top: 20px;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	color: #999999;
}

img.openimgbox {
	width: 100%;
	height: auto;
	margin-top: 30px;
}

.bge8 {
	background: #e8f4ff;
	padding-bottom: 150px;
}

.openbottombox {
	background: #fff;
	-moz-box-shadow: 0px 1px 12px #dcdddd;
	-webkit-box-shadow: 0px 1px 12px #dcdddd;
	box-shadow: 0px 1px 12px #dcdddd;
	border-radius: 10px;
	height: 340px;
	margin-bottom: 150px;
}

.openbottombox .font1 {
	padding-top: 45px;
	display: block;
	text-align: center;
	color: #333333;
	font-size: 18px;
}

.openbottombox img {
	display: block;
	margin: 25px auto 0;
}

.openbottombox .font2 {
	text-align: center;
	font-size: 14px;
	margin-top: 15px;
	color: #999999;
}


/** 源力城市电商*/

.retailers-tit {
	margin-top: 70px;
}

.retailers-tit div:first-child {
	text-align: center;
	font-size: 35px;
	font-weight: 700;
	color: #ff6a46;
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffbdad), to(#ff6a46));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.retailers-tit div:last-child {
	text-align: center;
	font-size: 35px;
	color: #ff6a46;
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffded9), to(#ff6a46));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.ret-text-icon {
	display: block;
	margin: auto;
	margin-top: 70px;
}

.ret-icon {
	width: 100%;
	display: block;
	margin: auto;
	margin-top: 70px;
}

.paragraph {
	width: 100%;
	padding: 45px;
	border-radius: 20px;
	margin-top: 50px;
	background-image: linear-gradient(to right, #ff7553, #ffa978);
}

.paragraph div {
	font-size: 18px;
	color: #fff;
	line-height: 40px;
}

.prepare {
	display: flex;
	align-items: center;
	margin-top: 60px;
	margin-left: 20%;
}

.prepare-left {
	margin-right: 70px;
	width: 180px;
	height: 105px;
}

.prepare-right div {
	font-size: 16px;
	color: #9fa0a0;
	margin-top: 10px;
}

.prepare-right div:first-child {
	font-size: 24px;
	color: #464646;
}

.prepare-right div:nth-child(2),
.prepare-right div:nth-child(3),
.prepare-right div:nth-child(4) {
	font-size: 16px;
	color: #9fa0a0;
	margin-top: 10px;
}

.paragraph-flex {
	display: flex;
	align-items: center;
}

.paragraph img {
	width: 128px;
	height: 80px;
	margin-right: 50px;
}

.paragraph-tit {
	font-size: 24px !important;
	font-weight: 600 !important;
}

.retlist {
	height: 220px;
	padding: 25px;
	margin-top: 35px;
	margin-bottom: 35px;
	border: 1px solid #efefef;
	box-shadow: 0px 0px 10px #efefef;
	border-radius: 20px;
}

.retlist :nth-child(2) {
	font-size: 16px;
	color: #242424;
	font-weight: 500;
	margin-top: 20px;
	text-align: center;
}

.retlist :nth-child(3) {
	font-size: 12px;
	color: #969595;
	line-height: 25px;
	text-align: left;
}

.reticon {
	width: 70px;
	height: 70px;
	display: block;
	margin: auto;
	margin-top: 10px;
}

.retaicent{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.retaicent .col-md-offset-1{
	margin-left: 0;
}
.wid-sty {
	width: 100%;
}

.bannerbg-box {
	min-height: 2670px;
}

.bannerbg-boxs {
	min-height: 1390px;
}

.bannerbg {
	position: relative;
	width: 100%;
	height: 580px;
	background-image: linear-gradient(#ff7553, #ffa978);
}
.ret-text-icons {
	position: absolute;
	top: 0;
	left: 50%;
	right: 50%;
	bottom: 0;
}

.ret-tl-icon {
	max-width: 100%;
	display: block;
	margin: auto;
	margin-top: 70px;
}

.future-box {
	height: 380px;
	border: solid 1px #ffaa79;
	border-radius: 20px;
	margin-top: 30px;
	padding: 30px;
	text-align: center;
}

.future-box img {
	width: 50px;
	height: 50px;
	display: block;
	margin: auto;
	margin-top: 30px;
}

.future-tit {
	font-size: 24px !important;
	color: #ff7c58 !important;
}

.future-box div {
	font-size: 14px;
	color: #9fa0a0;
	margin-top: 20px;
}

.future-box div:last-child {
	color: #ff7c58;
	font-size: 16px;
}

.future-ml {
	margin-left: 190px;
}

.tlmc {
	position: relative;
}

.maskbt {
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 80px;
	background: rgb(0, 0, 0, 0.3);
}

.maskbt-box {
	display: flex;
	color: #fff;
}

.maskbt-box img {
	width: 34px;
	height: 34px;
	margin-right: 10px;
}

.maskbt-rg div:first-child {
	font-size: 14px;
	font-weight: 500;
}

.maskbt-rg div:last-child {
	font-size: 12px;
}


/*3d*/
.project-introduce .title-box .contents .ch-title .t1{
	font-size:86px;
	color:#000;
	font-weight: bold;
	position: absolute;
	top:-6px;
	left:-6px;
}
.project-introduce .title-box .contents .ch-title .t2{
	font-size:86px;
	color:#fff;
	font-weight: bold;
}
.project-introduce .title-box .contents .en-title{
	font-size:40px;
}
.project-txt{
	font-size:38px;
	color:#333;
	width:80%;
	margin:0 auto;
	line-height: 100px;
	padding-bottom:5%;
}
.best-content .img img{
	display: block;
	width:180px;
}
.best-content .t1txt{
	font-size:46px;
	font-weight: bold;
}
.best-content .t2txt{
	font-size:32px;
	color:#666666;
}
.best-content .c1{
	display: flex;
	align-items: center;
	/*justify-content: space-between;*/
	margin-bottom:100px;
	width:100%;
}
.best-content .righttxt{
	padding-left:5%;
}
.best-content .c2{
	justify-content: space-between;
}
.project-show-content .show-demo{
	width:100%;
	border-radius:10px;
	background:#fff;
	position: relative;
	padding:3px;
	box-sizing:border-box;
;
}
.project-show-content img{
	width:100%;
	display: block;
	border-radius:10px;
}
.project-show-content .title-showbox .ch-title{
	position: relative;
}
.project-show-content .title-showbox .t{
	font-size: 86px;
	font-weight: bold;
}
.project-show-content .title-showbox .tit1{
	font-size: 86px;
	font-weight: bold;
	color:#000;
}
.project-show-content .title-showbox .tit2{
	font-size: 86px;
	font-weight: bold;
	color:#fff;
	position: absolute;
	top: -6px;
	left: -6px;
}
.project-show-content .title-showbox .en-title{
	font-size:40px;
	color:#fff;
}
.title-showbox{
	padding-top:5%;
}
.look-btn{
	width:599px;
	height:120px;
	padding:3px;
	box-sizing: border-box;
	background: #fff;
	cursor: pointer;
	border-radius:3px;
	margin:2% auto 0;
}
.look-btn .btns{
	background: linear-gradient(to right,#85deff,#3b90ff);
	width:100%;
	text-align: center;
	color:#fff;
	border-radius:3px;
	height:100%;
	font-size:36px;
	display: block;
	line-height: 120px;
}
.process-content{
	padding:0 2%;
	box-sizing: border-box;
}
.process-content{
	width:80%;
	margin:0 auto;

}
.show-all{
	width:80%;
	margin:0 auto;
}
.process-content .linecon .imgs{
	width:150px;
	display: block;
	margin:0 auto;
}
.process-content-main{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.process-content-main .txt1{
	text-align: center;
	font-size:40px;
	padding:3% 0 0;
}
.process-content-main .txt2{
	text-align: center;
	font-size:30px;
}
.process-content-main .jt{
	padding:0 2%;
	width:12.5%;
	display: flex;
	box-sizing: border-box;
	justify-content: center;
}
.process-content-main .choice{
	display: flex;
	align-items: center;
	flex-direction: column;
}
.process-content-main .choice{
	margin-bottom:5%;
	width:25%;
}
.process-content-main .jt-other{
	width:100%;
	justify-content: flex-end;
	display: flex;
	padding:0;
}
.jt-other .jt1{
	width:25%;
	margin-bottom:5%;
	display: flex;
	justify-content: center;
}
.develop-status{
	padding-bottom:5%;
}
.jt-other-big{
	display: none;
}
.jt-other-small{
	display: none ;
}
.jt-small{
	display: none !important;
}
@media (max-width: 735px) {
	.iconInfo {
		padding-bottom: 80px;
	}

	.font12 {
		margin-top: 20% !important;
		font-size: 14px !important;
	}
	.line{
		width: 100%!important;
	}
	.box_bj {
		width: none !important;
		background-color: #fff !important;
	}

	.pos {
		position: none !important;
	}

	.abs {
		position: inherit !important;
		top: 0 !important;
	}

	.fl_font_box2s {
		width: 520px !important;
	}


	.team_rig {

		/* padding-top: 30px !important; */
	}

	.team_name {
		margin-top: 30px !important;
		margin-bottom: 10px !important;
	}

	.team_position {

		margin-bottom: 30px !important;
	}
	.foot_text{
		width: 100%!important;
	}
	.foot_text ul li{
		margin-left: 30px!important;
	}

	.two{
		position: static!important;
	}
	
	.newitem{
		flex-wrap: wrap!important;
	}
	.two{
		width:100%!important;
		height: auto!important;
	}
	.twos{
		width:100%!important;
		height: auto!important;
	}
	.one{
		width: fit-content!important;
		width: none!important;
		margin-right: 0px!important;
		text-align: center!important;
		padding: 0px!important;
	}
	.ones{
		width: fit-content!important;
		position: static!important;
		width: none!important;
		margin-right: 0px!important;
		text-align: center!important;
		padding: 0px!important;
	}

	.newtops{
		margin-top: 30px!important;
	}
	.newtop{
		margin-top: 30px!important;
		padding-top: 0px!important;
	}
	.list_top{
		margin-top: 0px!important;
		padding-top: 30px!important;
	}

	.bomicon{
		position: fixed;
		right: 6px;  
		bottom: 160px;
		cursor: pointer;
	}
	.bomicon{
		right: 6px!important;
	}
	.project-introduce .title-box .contents .ch-title .t{
		font-size:30px !important;
	}
	.project-introduce .title-box .contents .ch-title .t1{
		top:-3px !important;
		left:-3px !important;
	}
	.project-introduce .title-box .contents .en-title{
		font-size:18px!important;
	}
	.project-txt{
		font-size:16px !important;
		line-height: 32px !important;
		width:90%;
	}
	.banner-box-img{
		width:90% !important;
	}
	.best-content .t1txt{
		font-size:20px !important;
		font-weight: bold;
	}
	.best-content .t2txt{
		font-size:12px !important;
		color:#666666;
	}
	.best-content .img img {
		display: block;
		width:60px !important;
	}
	.best-content{
		width:90% !important;
	}
	.project-introduce .title-box .contents{
		width:90% !important;
	}
	.best-content .c1{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom:30px !important;
	}
	.project-show-content .title-showbox .t{
		font-size:30px !important;
	}
	.project-show-content .title-showbox .tit2{
		top: -3px !important;
		left: -3px !important;
	}
	.project-show-content .title-showbox .en-title{
		font-size:18px !important;
	}
	.look-btn{
		width:160px !important;
		height:30px !important;
	}
	.look-btn .btns{
		font-size:12px !important;
		line-height: 24px !important;
	}
	.show-all{
		width:90%;
	}
	.process-content  .jtimg{
		width:20px !important;
	}
	.process-content-main .txt1 {
		font-size: 16px !important;
	}
	.process-content-main .txt2 {
		font-size: 12px !important;
	}
	.process-content .linecon .imgs{
		width:60px !important;
	}
	.process-content{
		width:90% !important;
	}
	.process-content-main .choice{
		width:40%;
		justify-content: center;
	}
	.process-content-main .jt{
		width:20%;
		display: flex ;
		justify-content: center;
	}

	.process-content-main .jt-other {
		width: 100%;
		justify-content: flex-end;
		display: flex;
		padding: 0;
	}
	.process-content-main .txt1{
		font-size:16px !important;
	}
	.jt-other .jt1{
		width:40% !important;
	}
	.jt-big{
		display: none !important;
	}
	.jt-other-small{
		display: flex;
		width:100%;
		justify-content: flex-end;
	}
	.jt-small{
		display: flex !important;
	}
	.jt-other-small .jt1{
		width:40%;
		display: flex;
		justify-content: center;
	}
}


@media (max-width: 1000px) {
	.iconInfo {
		padding-bottom: 70px;
	}
	.text_titles{
		flex-wrap: wrap;
	}
	.rig_img div img {
		width: 53px!important;
		height: 53px!important;
		/* margin-right: 10px !important; */
	}

	.logo{
		flex-wrap: wrap!important;
		height: auto!important;
	}
	.foot_text ul{
		display: flex!important;
		align-items: center!important;
		justify-content: space-around!important;
		width: 100%!important;
		font-size: 14px!important;
	}
	.foot_text ul li{
		margin: 0px!important;
		
	}
	.foot_bom{
		flex-wrap:wrap!important;
	}
	.phone{
		margin: 0px!important;
		margin-right: 50px!important;
	}
	.item_bom{
		margin-top: 20px!important;
	}

	/* 服务 */
	.text_name{
		font-size: 36px!important;
	}
	.text_title{
		font-size: 20px!important;
		margin-top: 20px!important;
    margin-bottom: 30px!important;
	}
	.text_text{
		font-size: 16px!important;
	}
	.text_names{
		font-size: 36px!important;
	}
	.titles_item{
		width: 60px!important;
    height: 60px!important;
		line-height: 60px!important;
		font-size: 18px!important;
	}
	.text_titles{
		margin-top: 20px!important;
    margin-bottom: 30px!important;
	}
	.text_title26{
		margin-top: 20px;
    margin-bottom: 25px;
	}
	.text_text42{
		margin: 20px 0px 50px 0px
	}
	.qk_item{
		margin-right: 10px!important;
	}
	.oa_item{
		font-size: 20px;
	}
	.wz_item{
		font-size: 18px!important;
		margin-right: 10px!important;
	}
	.js_item{
		font-size:20px!important;
		padding :5px 10px;
	}
	.js_box {
		margin: 20px 0px 30px 0px
	}
	.hed_text{
		right: 3%!important;
	}
	.project-introduce .title-box .contents .ch-title .t{
		font-size:70px;
	}
	.project-introduce .title-box .contents .ch-title .t1{
		top:-3px ;
		left:-3px;
	}
	.project-introduce .title-box .contents .en-title{
		font-size:26px;
	}
	.project-txt{
		font-size:24px ;
		line-height: 50px;
	}

	.best-content .img img {
		display: block;
		width:130px;
	}
	.best-content .t1txt{
		font-size:36px;
		font-weight: bold;
	}
	.best-content .t2txt{
		font-size:28px;
		color:#666666;
	}
	.best-content .c1{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom:50px;
	}
	.project-show-content .title-showbox .t{
		font-size:70px ;
	}
	.project-show-content .title-showbox .tit2{
		top: -3px ;
		left: -3px;
	}
	.project-show-content .title-showbox .en-title{
		font-size:26px;
	}
	.look-btn{
		width:300px ;
		height:70px ;
	}
	.look-btn .btns{
		font-size:20px;
		line-height: 64px ;
	}
	.process-content .linecon .imgs{
		width:100px;
	}
	.process-content-main .txt1{
		text-align: center;
		font-size:22px;
	}
	.process-content-main .txt2{
		text-align: center;
		font-size:16px;
	}

	/*.process-content-main .choice{*/
		/*width:40%;*/
		/*justify-content: center;*/
	/*}*/
	/*.process-content-main .jt{*/
		/*width:20%;*/
		/*display: flex;*/
		/*justify-content: center;*/
	/*}*/
	/*.jt-other .jt1{*/
		/*width:40%;*/
		/*margin-bottom:5%;*/
	/*}*/

	/*.jt-other-big{*/
		/*display: flex;*/
	/*}*/
	/*.jt-other-small{*/
		/*display: none;*/
	/*}*/
	/*.jt-none{*/
		/*display: none !important;*/
	/*}*/
}



@media (max-width: 735px ) {
  .hed_text .name{
    margin-top: 30px;
  }
	.team_rig{
		padding-top: 0px;
	}
	.team_rig{
		bottom: 0;
	}
	.left_img{
		height: 500px;
	}
	.no{
		padding: 0px!important;
	}
	.aboutTwoBox{
		margin-top: 50px!important;
	}
	.numbox {
		width: 100% !important;
		padding: 0px 20px !important;
	}

	.font12 {
		margin-top: 10% !important;
	}

	.line {
		height: 50px;
	}

	.phone-about_back {
		width: 100%;
		margin-top: 30px;
	}

	.maskbt {
		height: 40px;
	}

	.maskbt-box img {
		width: 17px;
		height: 17px;
		margin-right: 5px;
	}

	.maskbt-rg div:first-child {
		font-size: 10px;
		font-weight: 500;
	}

	.maskbt-rg div:last-child {
		font-size: 12px;
	}

	.future-box {
		height: 390px;
	}

	.future-ml {
		margin-left: 0;
	}

	.ret-icon {
		width: 100%;
	}

	.bannerbg-box {
		width: 100%;
		min-height: 820px;
	}

	.bannerbg-boxs {
		width: 100%;
		min-height: 415px;
	}

	.bannerbg {
		height: 180px;
	}

	.ret-tl-icon {
		width: 100%;
	}

	.retaicent .col-md-offset-1 {
		margin-left: 0;
	}

	.recommend-list .col-xs-4,
	.marketdown-box .col-xs-3 {
		width: 100%;
		margin-top: 20px;
	}

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

	.recommend-list {
		margin-top: 0;
	}

	.retailers-tit div:first-child,
	.retailers-tit div:last-child {
		font-size: 20px;
	}

	.ret-text-icon {
		margin-top: 20px;
		height: 40px;
	}

	.wid-sty {
		width: 100%;
	}

	.prepare {
		margin-left: 0;
	}

	.prepare-left {
		margin-right: 10px;
		width: 90px;
		height: 52px;
	}

	.prepare-right div:nth-child(2),
	.prepare-right div:nth-child(3),
	.prepare-right div:nth-child(4) {
		font-size: 12px;
	}

	.paragraph img {
		width: 64px;
		height: 40px;
		margin-right: 10px;
	}

	.paragraph {
		padding: 10px;
	}

	.paragraph div {
		font-size: 12px;
		line-height: 27px;
	}

	.marketdown {
		height: auto;
		padding-bottom: 20px;
	}

	.marketdown-box {
		margin-top: 0;
	}

	.marketdown-tit {
		font-size: 16px;
		margin-top: 30px;
	}

	.market-tit {
		font-size: 16px;
		margin-top: 15px;
	}

	.market-tip {
		/* height: 222px; */
		font-size: 1px;
		margin-top: 10px !important;
	}

	.openbox {
		margin-top: 30px;
	}

	.openbox .title {
		width: 80%;
	}

	.contentbarr {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.contentbarr .w100 {
		margin-top: 50px;
	}

	.bgf5 {
		margin-bottom: 50px;
		padding-top: 50px;
	}

	.barriertitle {
		margin-top: 20px;
		font-size: 16px;
		line-height: 30px;
	}

	.barriertitle b {
		font-size: 18px;
	}

	.barrierfontbix {
		margin-top: 90px;
	}

	.contentbarr img {
		width: 100%;
		margin-top: 50px;
	}

	.shopabout table th,
	td {
		font-size: 12px;
	}

	.shopabout table td {
		line-height: 30px !important;
	}

	.shopabouttitlebox .fon1 {
		font-size: 18px;
	}

	.shopabouttitlebox .fon2 {
		font-size: 12px;
	}

	.shopcontentindex .contenttitle {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}

	.iconbottomindex span {
		width: 130px;
		font-size: 14px;
		margin-right: 20px;
	}

	.shopbottom {
		height: auto;
		padding-bottom: 20px;
	}

	.codeindexshop .titimage p {
		font-size: 12px;
	}

	.leftshop img.mar150 {
		margin: 50px auto;
	}

	.leftshop img {
		display: block;
		margin: 50px auto;
	}

	.fontboxshop {
		padding: 50px 0;
	}

	.iconInfo img {
		width: 70px;
	}

	.iconInfo {
		padding-bottom: 60px;
	}

	.fontboxshop .title {
		font-size: 28px;
		text-align: center;
	}

	.fontboxshop .font {
		font-size: 20px;
	}

	.abs {
		width: 100% !important;
	}

	.box_bj {
		width: 100% !important;
	}

	.fl_font_box2s {
		width: 100% !important;
	}

	/* 合作人切换 */

	.team_box {
		flex-wrap: wrap !important;
		;
	}

	.left_img {
		width: 100% !important;
	}
	.aaa{
		width: 100%!important;
		
	}
	.bbb{
		width: 100%!important;
	}

	.team_rig {
		width: 100% !important;
	}

	.rig_img div {
		padding-bottom: 0px;

	}

	.three_name {
		font-size: 32px !important;
	}

	.three_title {
		font-size: 18px !important;
	}

	.three_text {
		font-size: 14px !important;
	}

	.team_introduce {
		font-size: 14px !important;
	}

	.text_titles{
		flex-wrap: wrap !important;
	}

	.wz_box{
		flex-wrap: wrap !important;
	}
	.oa_box{
		flex-wrap: wrap !important;
	}
	.boms_name{
		font-size: 18px!important;
	}
	.footbom{
		flex-wrap: wrap!important;
	}
	.foot_bom{
		border: none!important;
		width: 100%!important;
		padding: 20px 0px!important;
	}
	.foot_boms{
		border: none!important;
		width: 100%!important;
		padding: 20px 0px!important;
	}
	.hrefa{
		margin-top: 20px!important;
	}
	.boms_name{
		font-size: 18px!important;
	}
	
}

@media (max-width: 650px) {
	.title3 {
		font-size: 28px !important;
	}

	.title4 {
		font-size: 12px !important;
	}

	.shopindextitle .title5 {
		margin-top: 25px;
		font-size: 18px !important;
	}

	.shopindexicon {
		margin-top: 80px;
		height: auto;
	}

	.shop_title {
		margin-top: 8px;
		font-size: 18px;
	}

	.shop_icon {
		height: 56px;
		width: 56px;
	}

	.codeindexshop .titimage {
		margin-top: 0px;
	}

	.shopmallimg {
		display: block;
		margin-top: 70px;
	}

	.shopindexicon {
		margin-top: 80px;
		margin-bottom: 80px;
	}

	.showpic {
		margin-top: 0px;
	}

	.shopgood {
		margin: 40px 0px 40px 0px;
	}

	.shopgood div {
		font-size: 28px;
	}

	.shopgood div:last-child {
		font-size: 12px;
	}

	.tittext {
		font-size: 16px;
	}

	.shopdown {
		margin-bottom: 100px;
		margin-top: 50px;
		font-size: 16px;
	}

	.iconInfo img {
		width: 60px;
	}

	.iconInfo {
		padding-bottom: 50px;
	}

	.abs {
		width: 100% !important;
	}

	.box_bj {
		width: 100% !important;
	}

	.fl_font_box2s {
		width: 100% !important;
	}


	.service_item{
		flex-wrap: wrap!important;
	}
	.service_text{
		width: 100%!important;
	}
	.service_img{
		margin-top: 20px!important;
		width: 100%!important;
	}
	.service_imgs{
		/* margin-top: 20px!important; */
		width: 100%!important;
	}
	.service_item{
		padding: 20px 0px!important;
	}
	.service_texts{
		width: 100%!important;
	}
	.text_texts{
		padding-right: 0px!important;
	}
	.text_text{
		padding-right: 0px!important;
	}

}

@media (max-width: 500px) {
	.about_backs{
		width: 80%!important;
	}
	.bom_text{
		overflow: hidden!important;

text-overflow: ellipsis!important;

display: -webkit-box!important;

-webkit-line-clamp: 2!important;

-webkit-box-orient: vertical!important;
	}
	.iconInfo img {
		width: 50px;
	}

	.iconInfo {
		padding-bottom: 40px;
	}

	.numbox {
		margin: 20px 0px !important;
	}

	.item :nth-child(1){
		font-size: 18px !important;
	}

	.item span {
		font-size: 12px !important;
	}

	.abs {
		width: 100% !important;
	}

	.box_bj {
		width: 100% !important;
	}

	.fl_font_box2s {
		width: 100% !important;
	}

	.hed_text h2{
		font-size: 16px!important;
		margin: 0px!important;
	}
	.hed_text .hed_title span{
		font-size: 14px!important;
	}
	.hed_text p{
		font-size: 12px!important;
		margin: 0px!important;
	}

}

@media (max-width: 450px) {
	.iconInfo img {
		width: 50px;
	}

	.iconInfo {
		padding-bottom: 30px;
	}

	.abs {
		width: 100% !important;
	}

	.box_bj {

		width: 100% !important;
	}

	.fl_font_box2s {
		width: 100% !important;
		height: auto !important;
	}
}

@media (max-width: 380px) {
	.iconInfo {
		padding-bottom: 20px;
	}

	.iconInfo img {
		width: 50px;
	}

	.iconInfo h4 {
		line-height: 30px;
	}

	.iconInfo p {
		line-height: 20px;
		color: #888888;
	}
}

@media (max-width: 320px) {
	.iconInfo img {
		width: 40px;
	}

	.iconInfo h4 {
		line-height: 20px;
	}

	.iconInfo p {
		line-height: 30px;
		color: #888888;
	}
}



.box{
	width: 100%;
	background-color: #fff;
	/* margin-bottom: 70px; */
	
}

.newitem{
	display: flex;
	justify-content: space-between;
	position: relative;
}
.one{
		width: 100%;
		/* height: 200px; */
		margin-right: 30%;
		background-color: #f4f4f4;
		padding-left: calc((100% - 1200px)/2);
		padding-right: 30%;
		box-sizing: border-box;
}



.bj_f6{
	background-color: #f4f4f4!important;
}

.move{
	-webkit-animation:moves 1s;
	-webkit-animation-iteration-count: 1; /*动画次数*/
}
@-webkit-keyframes moves /* Safari and Chrome */
{
 from {
		padding-top: 10px
		}
		to {
			margin-top: 50px!important;
			padding-top: 0px
		}
}


/* 
.fl_font_box2{
	padding: 0px;
} */
.two{
	width: 50%;
	position: absolute;
	right: 0;
	height: 420px;
	overflow-y: hidden;
	top: -30px;
	transition: all 0.3s;
}
.two:hover{
	transform: scale(1.03);
}
.two img{
	width: 100%;
	height: auto;
	
}

.bomicon{
	position: fixed;
  /* right: 80px;   */
	right: 5%;
  /* bottom: 160px; */
	bottom: 8%;
	cursor: pointer;
	z-index: 999;
}
.ones{
	width: 70%;
		background-color: #f4f4f4;
		padding-left: 27%;
		box-sizing: border-box;
		position:absolute;
		right: 0;
		top: 30px;
}
.twos{
	width: 54%;
	height: 420px;
	overflow-y: hidden;
	z-index: 99;
	transition: all 0.3s;
}
.twos:hover{
	transform: scale(1.02);
}
.twos img{
	width: 100%;
	height: auto;
}
.newtop{
	margin-top: 80px;
}
.newtops{
	margin-top: 160px;
}


/* 人员简介 */
.left_img {
	/* width: 500px; */
	/* width: 46%; */
	width: 100%;
	/* height: 561px; */
	position: relative;
  overflow: hidden;
} 

.left_img ul{
	width:500%;
	/* height: auto; */
	position: absolute;
    left: 0px;
    display: block;
    padding: 0;
    margin: 0;
		display: flex;
}

.left_img ul li{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
  	list-style: none;
}
.left_img ul .no{
	width: 48%;
	padding-top: 120px;
}
.left_img ul li img{
	border-radius: 10px;
	width: 45%;
	height: fit-content;
	max-width: 500px;
	margin: 0 auto;
}
/* 源力回收 */
.recoverybox{
	width: 100%;
}
.recoverybox .topbox{
	width: 100%;
}
.recoverybox .topbox .bgimg{
	width: 100%;
	height: auto;
}
.recoverybox .projectbox{
	position: relative;
	padding: 4% 0 9%;
	width: 100%;
}
.recoverybox .projectbox .circlebox{
	position:absolute;
	bottom: 0;
	left: -4%;
	width: 492px;
	height: 492px;
	border-radius: 50%;
	border: 85px solid #4ad36a;
	z-index: -1;
	
}
.recoverybox .projectbox .main{
	margin: auto;
	background-color: #fff;
	width: 80%;
	padding: 5% 6%;
	box-shadow: 0px 0px 54px 0px	rgba(60, 70, 66, 0.11);
	border-radius: 63px;
	overflow: hidden;
	max-width: 1920px;
}
.recoverybox .projectbox .main .titbox{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5%;
}
.recoverybox .projectbox .main .titbox .titl .title{
	margin: 2% 0 8%;
}
.recoverybox .projectbox .main .info-p{
	font-family: 'PingFangSC-Regular';
	font-size: 24px;
	color: #333;
	line-height: 1.7;
	margin: 0 0 3%;
}
.recoverybox .projectbox .main .info-s{
	font-family: 'PingFangSC-Regular';
	font-size: 20px;
	color: #9c9c9c;
	line-height: 1.4;
	margin: 0;
}
.recoverybox .processbox{
	width: 80%;
	margin: 9% auto;
	max-width: 1920px;
}
.recoverybox .titlebox .title{
	margin-bottom: 2.5%;
}
.recoverybox .processbox .processlist{
	margin-top: 10%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.recoverybox .processbox .processlist .item .pic{
		position:relative;
		width: 170px;
		height: 170px;
		border-radius: 50%;
		border: dashed 2px #4ad36a;
		margin: auto;
}
.recoverybox .processbox .processlist .item .pic img{
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%,-50%);
}
.recoverybox .processbox .processlist .item .isline{
	width: 136px;
	height: 60px;
	border-top: dashed 1px #c8c8c8;
}
.recoverybox .processbox .processlist .item p{
	margin: 20% 0 0 !important;
	text-align: center;
	font-size: 30px;
	color: #666;
	line-height: 1;
}
.recoverybox .homepage{
	position: relative;
	width: 100%;
	overflow:hidden;
}
.recoverybox .homepage .homemain{
	width: 80%;
	margin: auto;
}
.recoverybox .homepage .circularbox{
	position:absolute;
	top: 0;
	right: -15%;
	width: 674px;
	height: 674px;
	border-radius: 50%;
	border: 100px solid #4ad36a;
	z-index: -1;
}
.recoverybox .homepage .indexpicbox{
	display: none;
	margin: 10% 0 13% 9%;
	width: 90%;
}
.recoverybox .homepage .infobox{
	display: none;
}
.recoverybox .homepage .infobox .indexpic{
	position: relative;
	margin: 10% 0 13% 9%;
	display: inline-block;
}
.recoverybox .homepage .infobox .indexpic .tipbox{
	position: absolute;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.recoverybox .homepage .infobox .indexpic .tipbox .spotbox{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.recoverybox .homepage .infobox .indexpic .tip1{
	top: 22%;
	right: -91%;
}
.recoverybox .homepage .infobox .indexpic .tip2{
	top: 40%;
	right: -137.3%;
}
.recoverybox .homepage .infobox .indexpic .tip3{
	top: 81%;
	right: -137.3%;
}
.recoverybox .homepage .infobox .indexpic .tipbox .spot1{
	width: 16px;
	height: 16px;
	background-color: #fff;
	border: 3px solid #4ad36a;
	border-radius: 50%;
}
.recoverybox .homepage .infobox .indexpic .tipbox .tipline{
	width: 193px;
	height: 1px;
	border-top: 1px dashed #4ad36a;
	margin: 0 10px;
}
.recoverybox .homepage .infobox .indexpic .tipbox .spot2{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: #4ad36a;
	border-radius: 50%;
}
.recoverybox .homepage .infobox .tipbox .tipinfo{
	margin-top: -12px;
	padding: 0 0 0 34px;
}
.recoverybox .homepage .infobox .tipbox .tipinfo h5{
	font-family: 'PingFangSC-Medium';
	font-size: 30px;
	color: #4ad36a;
	margin: 0;
	line-height: 1.3;
}
.recoverybox .homepage .infobox .tipbox .tipinfo p{
	margin: 15px 0 0 0;
	font-size: 22px;
	line-height: 1.5;
	color: #666666;
	max-width: 475px;
}
.recoverybox .recyclerbox{
	background-color: #4ad36a;
}
.recoverybox .recyclerbox .titlebox{
	width: 80%;
	margin: auto;
	padding: 6% 0 5%;
}
.recoverybox .recyclerbox .recyclerinfo{
	border-radius: 63px 63px 0 0;
	background-image: linear-gradient(to bottom, #f6fff9,#fff ,#fff);
	padding: 10% 0 0 0;
}
.recoverybox .recyclerbox .recyclerinfo .infolist{
	width: 80%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1920px;
}
.recoverybox .recyclerbox .recyclerinfo .infolist .item{
	border-radius: 30px;
	overflow: hidden;
	box-shadow: 0px 0px 34px 0px	rgba(60, 70, 66, 0.11);
	width: 30%;
	margin: 0 1% 7%;
}
.recoverybox .thanks{
	width: 100%;
	text-align:center;
	margin: 8% 0 25%;
}
@media (max-width: 1660px){
	.recoverybox .homepage .infobox .tipbox .tipinfo .tipwp{
		width: 100% !important;
	}
	.recoverybox .projectbox .circlebox{
		width: 462px;
		height: 462px;
	}
	.recoverybox .projectbox .main .info-p{
		font-size: 22px;
	}
	.recoverybox .projectbox .main .info-s{
	font-size: 18px;
	}
	.recoverybox .processbox .processlist .item .pic{
		width: 140px;
		height: 140px;
	}
	.recoverybox .processbox .processlist .item .pic img{
		width: 55%;
	}
	.recoverybox .processbox .processlist .item .isline{
		width: 106px;
	}
	.recoverybox .processbox .processlist .item p{
		font-size: 28px;
	}
	.recoverybox .homepage .circularbox{
		width: 644px;
		height: 644px;
	}
	.recoverybox .homepage .infobox .indexpic img{
		width: 90%;
	}
	.recoverybox .homepage .infobox .indexpic .tip1{
		right: -81%;
	}
	.recoverybox .homepage .infobox .indexpic .tip2{
		right: -127%;
	}
	.recoverybox .homepage .infobox .indexpic .tip3{
		right: -127%;
	}


}
@media (max-width: 1570px){
	.recoverybox .homepage .infobox .tipbox .tipinfo{
		margin-top: -9px;
		padding: 0 0 0 27px;
	}
	.recoverybox .projectbox .circlebox{
		width: 422px;
		height: 422px;
	}
	.recoverybox .projectbox .main .info-s{
	font-size: 18px;
	}
	.recoverybox .processbox .processlist .item .pic{
		width: 120px;
		height: 120px;
	}
	.recoverybox .processbox .processlist .item .isline{
		width: 86px;
	}
	.recoverybox .processbox .processlist .item p{
		font-size: 26px;
	}
	.recoverybox .homepage .circularbox{
		width: 604px;
		height: 604px;
	}
	.recoverybox .homepage .infobox .indexpic img{
		width: 86%;
	}
	.recoverybox .homepage .infobox .indexpic .tip1{
		right: -67.5%;
	}
	.recoverybox .homepage .infobox .indexpic .tip2{
		right: -122.5%;
	}
	.recoverybox .homepage .infobox .indexpic .tip3{
		right: -122.5%;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo h5{
		font-size: 26px;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo p{
		font-size: 18px;
		width: 70%;
	}
}
@media (max-width: 1500px){
	.recoverybox .projectbox .circlebox{
		border: 70px solid #4ad36a;
	}
	.recoverybox .homepage .circularbox{
		border: 80px solid #4ad36a;
	}
	.recoverybox .projectbox .main .titbox .titl .title img{
		height: 28px;
	}
	.recoverybox .projectbox .main .titbox .tite{
		height: 18px;
	}
	.recoverybox .titlebox .title img{
		height: 28px;
	}
	.recoverybox .titlebox img{
		height: 18px;
	}
	.recoverybox .projectbox .main .titbox .titr img{
		width: 80px;
	}
}
@media (max-width: 1420px){
	.recoverybox .projectbox .circlebox{
		width: 402px;
		height: 402px;
	}
	.recoverybox .projectbox .main{
		border-radius: 53px;
	}
	.recoverybox .recyclerbox .recyclerinfo{
		border-radius: 53px 53px 0 0;
	}
	.recoverybox .projectbox .main .info-p{
		font-size: 20px;
	}
	.recoverybox .projectbox .main .info-s{
		font-size: 16px;
	}
	.recoverybox .processbox .processlist .item .pic{
		width: 110px;
		height: 110px;
	}
	.recoverybox .processbox .processlist .item .pic img{
		width: 52%;
	}
	.recoverybox .processbox .processlist .item .isline{
		width: 86px;
	}
	.recoverybox .processbox .processlist .item p{
		font-size: 24px;
	}
	.recoverybox .homepage .infobox .indexpic .tipbox .tipline{
		width: 163px;
	}
	.recoverybox .homepage .circularbox{
		width: 564px;
		height: 564px;
	}
	.recoverybox .homepage .infobox .indexpic img{
		width: 80%;
	}
	.recoverybox .homepage .infobox .indexpic .tip1{
		right: -52%;
	}
	.recoverybox .homepage .infobox .indexpic .tip2{
		right: -111%;
	}
	.recoverybox .homepage .infobox .indexpic .tip3{
		right: -102.6%;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo h5{
		font-size: 24px;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo p{
		margin: 8px 0 0 0;
		font-size: 16px;
	}

}
@media (max-width: 1330px){
  .marketdown-box .col-lg-3{
    width: 50%;
    margin-bottom: 25px;
  }
  .marketdown-list{
    width: 320px;
  }
	.foot_text ul li a{
    font-size: 16px;
  }
	.recoverybox .projectbox .main{
		border-radius: 43px;
	}
	.recoverybox .projectbox .main,.recoverybox .processbox,.recoverybox .recyclerbox .recyclerinfo .infolist
	,.recoverybox .homepage .homemain,.recoverybox .recyclerbox .titlebox{
		width: 83%;
	}
	.recoverybox .homepage .infobox .indexpic img{
		width: 70%;
	}
	.recoverybox .homepage .infobox .indexpic .tip1{
		right: -37.5%;
	}
	.recoverybox .homepage .infobox .indexpic .tip2{
		right: -96.7%;
	}
	.recoverybox .homepage .infobox .indexpic .tip3{
		right: -88.2%;
	}
	.recoverybox .homepage .circularbox{
		width: 490px;
		height: 490px;
	}
	.recoverybox .homepage .infobox .indexpic .tipbox .tipline{
		width: 143px;
	}
	.recoverybox .thanks img{
		height: 48px;
	}
	.recoverybox .processbox .processlist .item p{
		font-size: 22px;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo{
		margin-top: -8px;
		padding: 0 0 0 20px;
	}
	.process-content-main .txt1{
		font-size:36px;
	}
	.process-content-main .txt2{
		font-size:20px;
	}
	.project-introduce .title-box .contents .ch-title .t1{
		font-size:70px;
	}
	.project-introduce .title-box .contents .ch-title .t2{
		font-size:70px;
	}
}
@media (max-width: 1180px){
	.retaicent .col-md-offset-1{
    width: 23%;
  }
	.fl_font_box2{
		width: auto !important;
	}
	.recoverybox .processbox .processlist .item .isline{
		width: 75px;
    height: 45px;
	}
	.recoverybox .projectbox .main{
		border-radius: 43px;
	}
	.recoverybox .processbox .processlist .item .pic img{
		width: 49%;
	}
	.recoverybox .processbox .processlist .item .pic{
		width: 100px;
		height: 100px;
	}
	.recoverybox .processbox .processlist .item p{
		font-size: 20px;
	}
	.recoverybox .projectbox .main,.recoverybox .processbox,.recoverybox .recyclerbox .recyclerinfo .infolist
	,.recoverybox .homepage .homemain,.recoverybox .recyclerbox .titlebox{
		width: 85%;
	}
	.recoverybox .homepage .infobox .indexpic img{
		width: 62%;
	}
	.recoverybox .homepage .infobox .indexpic .tip1{
		right: -21.3%;
	}
	.recoverybox .homepage .infobox .indexpic .tip2{
		right: -85%;
	}
	.recoverybox .homepage .infobox .indexpic .tip3{
		right: -65.7%;
	}
	.recoverybox .homepage .circularbox{
		width: 470px;
		height: 470px;
	}
	.recoverybox .homepage .infobox .indexpic .tipbox .tipline{
		width: 123px;
	}
	.recoverybox .thanks img{
		height: 45px;
	}
	.recoverybox .projectbox .main .titbox .titl .title img{
		height: 26px;
	}
	.recoverybox .projectbox .main .titbox .tite{
		height: 16px;
	}
	.recoverybox .titlebox .title img{
		height: 26px;
	}
	.recoverybox .titlebox img{
		height: 16px;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo h5{
		font-size: 22px;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo p{
		font-size: 14px;
	}
}
@media (max-width: 1200px){
	.bannerbg{
		background-image: none;
	}
	.look-btn{
		width:400px ;
		height:90px ;
	}
	.look-btn .btns{
		font-size:30px;
		line-height: 84px ;
	}
	.process-content .linecon .imgs{
		width:100px;
		display: block;
		margin:0 auto;
	}
	.process-content-main{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.process-content-main .txt1{
		text-align: center;
		font-size:28px;
	}
	.process-content-main .txt2{
		text-align: center;
		font-size:16px;
	}
	.process-content  .jtimg{
		width:40px;
	}
}
@media (max-width: 1080px){
	.recoverybox .projectbox .main{
		border-radius: 43px;
	}
	.recoverybox .processbox .processlist .item .pic img{
		width: 43%;
	}
	.recoverybox .processbox .processlist .item .pic{
		width: 80px;
		height: 80px;
	}
	.recoverybox .processbox .processlist .item .isline{
		width: 67px;
    height: 40px;
	}
	.recoverybox .homepage .circularbox{
		width: 430px;
		height: 430px;
		border: 70px solid #4ad36a;
	}
	.recoverybox .projectbox .circlebox{
		width: 360px;
		height: 360px;
		border: 62px solid #4ad36a;
	}
	.recoverybox .homepage .infobox .indexpic .tipbox .tipline{
		width: 123px;
	}
	.recoverybox .homepage .infobox .indexpic{
		margin: 10% 0 13% 0;
	}
	.recoverybox .thanks img{
		height: 42px;
	}
	.recoverybox .projectbox .main .titbox .titl .title img{
		height: 23px;
	}
	.recoverybox .projectbox .main .titbox .tite{
		height: 13px;
	}
	.recoverybox .titlebox .title img{
		height: 23px;
	}
	.recoverybox .titlebox img{
		height: 13px;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo h5{
		font-size: 20px;
	}
	.recoverybox .projectbox .main .info-p{
		font-size: 16px;
	}
	.recoverybox .projectbox .main .info-s{
		font-size: 12px;
	}
}
@media (max-width: 990px){
	.retaicent .col-md-offset-1{
    width: 100%;
  }
  .retlist :nth-child(3){
    text-align: center;
  }
	.navlistbox{
		display: block !important;
	}
	.navlistbox .languagebox{
		margin-bottom: 2% !important;
		float: right;
	}
	.recoverybox .recyclerbox .recyclerinfo .infolist{
		justify-content: space-between;
	}
	.recoverybox .recyclerbox .recyclerinfo .infolist .item{
		width: 46%;
	}
	.recoverybox .thanks img{
		height: 38px;
	}
	.recoverybox .projectbox .main .titbox .titl .title img{
		height: 19px;
	}
	.recoverybox .projectbox .main .titbox .tite{
		height: 9px;
	}
	.recoverybox .titlebox .title img{
		height: 19px;
	}
	.recoverybox .titlebox img{
		height: 9px;
	}
	.recoverybox .projectbox .main .titbox .titr img{
		width: 60px;
	}
	.recoverybox .homepage .circularbox{
		width: 370px;
		height: 370px;
		border: 60px solid #4ad36a;
	}
	.recoverybox .projectbox .circlebox{
		width: 310px;
		height: 310px;
		border: 52px solid #4ad36a;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo{
		margin-top: -6px;
		padding: 0 0 0 12px;
	}
	.recoverybox .processbox .processlist .item .pic img{
		width: 41%;
	}
	.recoverybox .processbox .processlist .item .pic{
		width: 70px;
		height: 70px;
	}
	.recoverybox .processbox .processlist .item p{
		font-size: 16px;
	}
	.recoverybox .processbox .processlist .item .isline{
		width: 60px;
    height: 30px;
	}
}
@media (max-width: 830px){
  .prepare-right div:first-child{
    font-size: 20px;
  }
	.marketdown-box .col-lg-3{
    width: 100%;
    margin-bottom: 25px;
  }
  .marketdown-list{
    width: 90%;
  }
	.foot .logo{
		display: flex;
		flex-direction: column;
		padding: 20px 0;
	}
	.foot_text{
		margin-top: 20px;
	}
	.recoverybox .thanks img{
		height: 36px;
	}
	.recoverybox .projectbox .main .titbox .titl .title img{
		height: 17px;
	}
	.recoverybox .projectbox .main .titbox .tite{
		height: 7px;
	}
	.recoverybox .titlebox .title img{
		height: 17px;
	}
	.recoverybox .titlebox img{
		height: 7px;
	}
	.recoverybox .projectbox .main .titbox .titr img{
		width: 50px;
	}
	.recoverybox .projectbox .main .info-p{
		font-size: 14px;
	}
	.recoverybox .processbox .processlist .item p{
		font-size: 14px;
	}
	.recoverybox .processbox .processlist .item .pic{
		width: 62px;
    height: 62px;
	}
	.recoverybox .processbox .processlist .item .isline{
	  width: 45px;
    height: 27px;
	}
	.recoverybox .projectbox .main{
		border-radius: 33px;
	}
	.recoverybox .homepage .circularbox{
		width: 300px;
		height: 300px;
		border: 50px solid #4ad36a;
	}
	.recoverybox .projectbox .circlebox{
		width: 240px;
		height: 240px;
		border: 42px solid #4ad36a;
	}
	.recoverybox .homepage .infobox .indexpic .tipbox .spot1,.recoverybox .homepage .infobox .indexpic .tipbox .spot2{
		width: 11px;
    height: 11px;
	}
	.recoverybox .homepage .infobox .indexpic img{
		width: 45%;
	}
	.recoverybox .homepage .infobox .indexpic .tip1{
		right: 9%;
	}
	.recoverybox .homepage .infobox .indexpic .tip2{
		right: -59%;
	}
	.recoverybox .homepage .infobox .indexpic .tip3{
		right: -29.2%;
	}
	.recoverybox .homepage .infobox .indexpic .tipbox .tipline{
		width: 80px;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo h5{
		font-size: 16px;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo p{
		margin: 6px 0 0 0;
		font-size: 12px;
		width: 55%;
	}
}
@media (max-width: 640px){
	.contentbarr .fontbox a{
    font-size: 22px;
  }
  .contentbarr .fontbox h3{
    font-size: 24px;
  }
  .contentbarr .fontbox p{
    font-size: 16px;
  }
  .barrierfontbix img{
    top: -15%;
    width: 90px;
    height: 90px;
  }
  .barrierfontbix{
	  padding: 50px 20px 0;
    margin-bottom: 20px;
  }
	.maskbt{
		zoom: 0.9;
	}
  .marketdown-list{
    width: 100%;
  }
	.foot_text ul li a{
		font-size: 14px;
	}
	.recoverybox .recyclerbox .recyclerinfo .infolist{
		justify-content: center;
	}
	.recoverybox .recyclerbox .recyclerinfo .infolist .item{
		width: 100%;
	}
	.recoverybox .projectbox .main,.recoverybox .processbox,.recoverybox .recyclerbox .recyclerinfo .infolist
	,.recoverybox .homepage .homemain,.recoverybox .recyclerbox .titlebox{
		width: 90%;
	}
	.recoverybox .processbox .processlist .item .pic img{
		width: 44%;
	}
	.recoverybox .recyclerbox .recyclerinfo{
		border-radius: 27px 27px 0 0;
	}
	.recoverybox .thanks img{
		height: 34px;
	}
	.recoverybox .projectbox .main .titbox .titl .title img{
		height: 15px;
	}
	.recoverybox .projectbox .main .titbox .tite{
		height: 7px;
	}
	.recoverybox .titlebox .title img{
		height: 15px;
	}
	.recoverybox .titlebox img{
		height: 7px;
	}
	.recoverybox .projectbox .main .titbox .titr img{
		width: 40px;
	}
	.recoverybox .processbox .processlist .item .pic{
		width: 40px;
    height: 40px;
		border: dashed 1px #4ad36a;
	}
	.recoverybox .processbox .processlist .item .isline{
	  width: 18px;
    height: 22px;
	}
	.recoverybox .processbox .processlist .item p{
		font-size: 12px;
	}
	.recoverybox .homepage .circularbox{
		width: 200px;
		height: 200px;
		border: 32px solid #4ad36a;
	}
	.recoverybox .projectbox .circlebox{
		width: 180px;
		height: 180px;
		border: 30px solid #4ad36a;
	}
	.recoverybox .projectbox .main{
		border-radius: 27px;
	}
	.recoverybox .recyclerbox .recyclerinfo .infolist .item{
		border-radius:20px;
	}
	.recoverybox .thanks img{
		height: 26px;
	}
	.recoverybox .homepage .infobox .indexpic .tipbox .tipline{
		width: 40px;
	}
	.recoverybox .homepage .infobox .indexpic .tipbox .spot1{
		border: 2px solid #4ad36a;
	}
	.recoverybox .homepage .infobox .indexpic .tipbox .spot1,.recoverybox .homepage .infobox .indexpic .tipbox .spot2{
		width: 9px;
    height: 9px;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo{
    padding: 0 0 0 6px;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo h5{
		font-size: 14px;
	}
	.recoverybox .homepage .infobox .tipbox .tipinfo p{
		width: 38%;
	}
	.recoverybox .homepage .indexpicbox{
		margin: 10% 0 13% 0;
	}
}
@media (max-width:500px){
	.hed_text{
		zoom: 0.8;
	}
	.oa_item{
    font-size: 15px;
		padding: 2px 10px;
  }
	.qk_item img{
		width: 70px;
	}
	.qk_item p{
		font-size: 20px;
		margin-top: 15px;
	}
  .text_name,.text_names{
		font-size: 28px !important;
	}
	.text_title,.text_title26{
		font-size: 16px !important;
		margin: 15px 0 20px !important;
	}
  .text_text{
		font-size: 14px !important;
  }
	.text_text42{
		line-height: 1.5;
		font-size: 16px !important;
	}
	.contentbarr .fontbox a{
    width: auto;
    height: 50px;
    line-height: 50px;
		font-size: 18px;
  }
	.shopindextitle .title3,.shopgood div{
		font-size: 24px !important
	}
	.shopgood div:last-child{
		font-size: 18px !important
	}
	.codeindexshop .titimage p{
		margin: 20px 0;
	}
	.codeindexshop .titlebox{
		font-size: 24px;
		height: 50px;
		line-height: 50px;
	}
	.codeindexshop .titlebox2{
		font-size: 18px;
    line-height: 30px;
		margin-bottom: 10px;
	}
	.shopindextitle .title1{
		font-size: 24px;
	}
	.shopindexicon1,.shopabouttitlebox{
		margin-top: 45px;
	}
	.shopbottom .iconk{
		width: 130px;
		height: 40px;
		line-height: 40px;
		font-size: 22px;
	}
	.shopbottom .iconks{
		line-height: 40px;
    font-size: 17px;
	}
	.retlist{
		margin: 20px 0;
	}
	.openbottombox{
		margin-bottom: 60px;
	}
	.barrierfontbixs {
    position: relative;
    padding: 80px 20px 30px;
    margin-top: 90px;
  }
	.shopindextitle{
    margin-top: 50px;
  }
  .shopindexicon{
    margin: 50px 0;
  }
  .tittext{
    font-size: 12px;
  }
	.shopindexicon .shop_icon{
    width: 45px !important;
    height: 45px !important;
  }
  .shopindexicon{
    font-size: 12px !important;
  }
  .iconbottomindex span:nth-child(2n+2){
    margin-right: 0;
  }
}
@media (max-width: 380px){
	.recoverybox .projectbox .main,.recoverybox .processbox,.recoverybox .recyclerbox .recyclerinfo .infolist
	,.recoverybox .homepage .homemain,.recoverybox .recyclerbox .titlebox{
		width: 93%;
	}
	.recoverybox .homepage .circularbox{
		width: 170px;
		height: 170px;
		border: 28px solid #4ad36a;
	}
	.recoverybox .projectbox .circlebox{
		width: 160px;
		height: 160px;
		border: 26px solid #4ad36a;
	}
	.recoverybox .processbox .processlist .item .pic{
		width: 35px;
    height: 35px;
	}
	.recoverybox .processbox .processlist .item .isline{
	  width: 13px;
    height: 20px;
	}
	.recoverybox .homepage .indexpicbox{
		width: 100%;
	}
	.recoverybox .projectbox .main{
		border-radius: 16px;
	}
}