@charset "utf-8";
body { width:100%; margin: 0; padding: 0; font-family: "PingFang SC",Roboto,"Microsoft YaHei","Helvetica Neue",sans-serif;}
*{ margin: 0; padding: 0; list-style: none; }

.banner { float:left; width: 100%; height: auto; background:url("../../images/tuanzhangfh/bannerbg.png") no-repeat 0 0;  text-align: center;}
.banner.sqtzfh {  background-image:url("../../images/sqtzfh/bannerbg.png"); }

.bankuaibox { float:left; width: 100%; padding: 56px 0 60px; overflow-x: hidden;}
.centerbox { width:1200px; margin: 0 auto;}
.bankuaibox.bkbg { background: #f2f7fe; position: relative; z-index: -2}
@media (max-width:1199px){
	.bankuaibox { padding: 20px 0 30px; }
	.banner img { float:left; width:100%; height: auto;}
	.centerbox { width: 96%;}
	
}

.title { float:left; width: 100%; height: 70px; text-align: center; font-size:44px; font-weight: 800; margin-bottom: 40px;}
.title i { font-style: normal; color:#ff5b0c; }
.title span { position: relative;}
.title span:before { content: ""; width:38px; height: 38px; background: url("../../images/tuanzhangfh/titbg1.png") no-repeat 0 0; position: absolute; z-index: -1; left: -12px; top: 2px;}
.title span:after {content: ""; width:33px; height: 33px; background: url("../../images/tuanzhangfh/titbg2.png") no-repeat 0 0; position: absolute; z-index: -1; right:-5px; top: 23px;}

@media (max-width:1199px){
	.title{ font-size:30px; margin-bottom: 0px}
}
.fl { float:left;}
.fr { float:right;}
.img { width:50%;}
.textbox { width:48%; font-family: "Microsoft YaHei"}
.wenzibox {float:left; width: 100%;font-size: 20px; line-height: 32px; text-indent: 2em; text-align:justify;/*两端对齐*/ }
.txtcolor { float:left; width: 100%; font-size:18px; color:#fe5d2e; line-height: 40px; padding-top: 15px; text-indent: 0em;}
@media (max-width:1199px){
	.img{width:100%; text-align: center; }
	.img img { max-width:100%; height: auto;}
	.textbox { width:100%;}
	.wenzibox { font-size:18px; line-height: 30px;}
	.txtcolor { font-size:16px;line-height: 36px; padding-top: 0;}
}
.aboutbox { float:left; width:100%; }

.rhfhbk { float:left; margin-top: 56px;}
.firstrhfh{ margin-top: 0;}
.rhfh_tit { font-size: 30px; color: #333;font-family: "PingFang SC"; font-weight: 800; margin-bottom:15px;}
.rhfh_tit span { font-family:"alibaba"; color: #fe704f;}
.rhfhbk .textbox { width:43%;}
.rhfhtxt02 { margin-top: 30px;}
.rhfhtxt03 { margin-top: 20px;}
.rhfhtxt04 { margin-top: 80px; }
@media (max-width:1199px){
	.rhfhbk { margin-top: 0; margin-bottom: 20px;}
	.rhfh_tit { margin-bottom: 8px; text-align: center;  font-size: 26px;}
	.rhfhbk .textbox { width:100%; }
	.rhfhtxt02,.rhfhtxt03,.rhfhtxt04 { margin-top: 20px; }
	
}

.jjfhbk { float:left; width: 100%; margin-top: 58px;}
.nomargintop { margin-top: 0;}
.jjfh_tit { float:left; width: 100%; font-size: 32px; line-height: 40px;}
.jjfh_tit span { float:left; font-family:"alibaba"; color: #fe704f; font-size: 40px; font-weight: normal; margin-top: 1px; }
.jjfh_tit span.jj_tit02 {color: #7d4fff; }
.jjfh_tit span.jj_tit03 {color: #1f8dff; }
.jjfh_tit span.jj_tit04 {color: #dc61ff; }
.jjfh_img { float:left; width: 100%; text-align: center; margin-top: 38px;}

.jjfh_txt { float:left; width: 100%; padding-left:70px; box-sizing:border-box; }
.jjfh_txt h4 { font-size:20px; color:#fe4c23; line-height: 36px;}
.jjfh_txt ul li { font-size:18px; color:#555; line-height:32px;}
.jjfh_txt p { font-size:20px; font-weight:bold; color:#333; line-height: 36px; }
.jjfh_txt span { color:#fe704f;}

@media (max-width:1199px){
	.jjfh_tit { font-size:28px;}
	.jjfh_tit span {font-size: 36px;}
	.jjfh_img  { text-align: center;}
	.jjfh_img img { max-width: 100%; height: auto;}
	.jjfh_txt { padding-left:0; }
}
.gnsmtit_list { width:664px; }
.gnsmtit_list li { float:left; width:220px; height:290px; padding: 0 16px; margin:20px 40px; border-radius: 10px; cursor: pointer;}
.gnsmtit_list li.active { background:#fff; box-shadow:0 0 8px rgba(170,209,255,.3);}
.gnsmtit_list li i { float:left; width:90px; height: 90px; margin:32px 65px 0;}
.gnsmtit_list li h4 { float:left; width: 100%; font-size: 28px; color: #fa9c0b; text-align: center; line-height: 36px; margin-top: 12px;}
.gnsmtit_list li p { float:left; width:100%; font-size: 18px; color: #888; line-height: 30px; margin-top: 6px;}


.gnsm_img { float:right; width:340px; height: 650px; position: relative; margin-right: 90px;}
.gnsm_img li { float:left; width:340px; height: 650px; position: absolute; left:100px; top: 0; visibility:hidden; opacity: 0; transition:all 600ms; }
.gnsm_img li.imgvisb { visibility:visible ; opacity:1; left: 0}
@media (max-width:1199px){
	.gnsmtit_list { width:30%; margin-top: 10px; }
	.gnsmtit_list li {width:100%; height:auto; margin:6px 0 0; box-sizing: border-box;}
	.gnsmtit_list li i {  width:100%; height: 60px; margin:10px 0 0; text-align: center;}
	.gnsmtit_list li i img { width:60px; height: 60px;}
	.gnsmtit_list li h4 { font-size: 16px; margin-top: 2px;}
	.gnsmtit_list li p { display:none; font-size:14px; margin-top: 0;}
	
	.gnsm_img {width:66%; height:auto; margin-right: 0; }
	.gnsm_img li { width:100%;height:auto; }
	.gnsm_img li img { max-width: 100%; height: auto;}
}

.fhtjswdt { float:left; width: 100%; text-align: center;}
@media (max-width:1199px){
	.fhtjswdt img {max-width: 100%; height: auto;}
	
}

.tzdjmxbox { float:left; width: 100%;}
.table_head { float:left; width: 415px; height: 758px; position: relative; box-shadow: 5px 0 8px rgba(161,204,255,.5)}
.table_content { float:left; width:calc(100% - 415px); height: 780px; overflow-x: scroll; box-shadow: inset 0 0 5px rgba(161,204,255,.3) }
.djmximg { float:left; width: 100%; display: none}
.djmximg img { max-width: 100%; height: auto;}
@media (max-width:1199px){
	.table_head,.table_content{display: none;}
	.djmximg { display: block;}
}

/**页脚**/
footer { float:left; width:100%; background:#161e30; padding-top:34px; }
.lxbox { float:left; width:340px; color:#fff; margin-right: 45px;}
.lxbox .foot_tel { float:left; font-size:32px; line-height:36px; font-weight: bold}
.lxbox .foot_tel span { display:block; font-size:14px; color:rgba(255,255,255,.6); font-weight:normal; line-height:28px;}
.lxbox .foot_ewm { float:left; margin-top: 30px;}
.lxbox .foot_ewm li { float:left; width:132px; text-align: center; margin-right: 38px;  }
.lxbox .foot_ewm li .ewm { float:left; width:100%; height:132px;}
.lxbox .foot_ewm li h4 { float:left; width:100%; font-size:14px; line-height:20px; font-weight:normal; color:rgba(255,255,255,.6); margin-top:10px; text-align: center;}

.lxbox .foot_tel a { color:#fff; text-decoration: none;}

.footlist { float:left;  padding-right: 80px; }
.footlist h3,.footlxwm h3 {color:#fff; font-size:18px; font-weight:normal; line-height:30px; padding-bottom: 10px;}
.footlist li,.footlxwm li { font-size:14px; color:#a2a5ac; line-height:26px; padding:5px 0}
.footlist li a { color:#a2a5ac;  text-decoration: none;}
.footlist li a:hover { color:#cdd2dc;}

.footlxwm { float:right;}
.footlxwm li span { display: block; text-indent: 5em;}

.copyright { float:left; width:100%; margin-top:32px; border-top: 1px solid #303b53; line-height:46px; padding:8px 0; color:#666e80; font-size:14px; text-align: center;}
.copyright a { color:#92969f; text-decoration: none;}
.copyright a:hover { color:#cdd2dc;}

@media (max-width:1199px){
	footer .centerbox { width:94%!important;}
	.lxbox {margin-right: 20px;}
	.footlist { padding-right: 30px;}
}
@media (max-width:1060px){
	.footlist:nth-child(3)  { display: none;}
}
@media (max-width:980px){
	.footlist:nth-child(4)  { display: none;}
}
@media (max-width:900px){
	.footlist:nth-child(2)  { display: none;}
	.footlist:nth-child(4)  { display: block;}
}
@media (max-width:820px){
	.footlist:nth-child(2)  { display: none;}
	.footlist:nth-child(4)  { display: none;}
}
@media (max-width:690px){
	footer { padding-top:18px;}
	.lxbox { width:100%;}
	.lxbox .foot_ewm { width: 100%; margin-top:12px; border-top: 1px solid #303b53; padding-top:15px; }
	.lxbox .foot_ewm li {float:left; width:40%; margin:0 5%; text-align: center;}
	
	.footlxwm { width:100%;  border-top: 1px solid #303b53; padding-top:5px; margin-top: 10px; }
	.footlxwm h3 { padding-bottom: 0}
	.footlxwm li span { display: inline;}
	.footlxwm li a { color:#92969f; text-decoration: none;}
	.copyright {margin-top: 5px; }
	.copyright a { display: none;}
}


.fixed{ width: 140px; padding: 10px;box-sizing: border-box; background: #fff; position: fixed; left: 0; top: 50%; box-shadow: 2px 6px 30px rgba(0,0,0,0.2); margin-top:-220px; z-index: 999; -border:1px solid #eee;}
.fixed:after{ content: ""; display: block; position: absolute; left: 0; top: 0; height: 3px; width: 100%; background: #ff6209; background-image: linear-gradient(90deg,#fdd000,#ff6209);}
.fixed hr{ margin:10px 0 8px; background-color:#eee; height: 1px; border:0;}
.fixed h2{ margin: 10px 0 4px; font-size: 16px; font-weight: normal;}
.fixed h3{font-size: 17px;}
.fixed .qq a{ border: 1px solid #ddd; display: block; border-radius: 100px; padding: 6px 0 6px 40px; font-size: 14px; line-height: 22px; position: relative; background: url("../../images/main/public/qq.png") 15px center no-repeat; margin-top: 10px;}
.fixed .qq a:hover{ border-color: #fdd000; box-shadow: 0 7px 14px rgba(253,208,0,.1), 0 3px 6px rgba(253,208,0,.08);}
.fixed .phone p{ margin-top:5px;}
.fixbth{position: fixed;top:30%; box-sizing: border-box;left:140px; z-index: 999; background: #FF6209;border-radius: 0 12px 12px 0;width: 30px;text-align:  center;padding: 10px 5px;font-size:  14px;color:  #fff;cursor: pointer;}
.fixed.hide{ display: none;}
.fixed .red{color: #005bff;}

/**底部固定条**/
.footbar { width:100%; height: 4.5rem; padding-bottom:.5rem; background: #fff; position: fixed; bottom: 0; left: 0; z-index:888; display:none;}
.foot_neirbox {height: 100%; padding: 0 0.2rem; box-sizing: border-box; background-color: #fff; display: flex; align-items: center; box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, .1);}
	
.zxnum_li { display: block; width:4rem; height: 4rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-right: 0.3rem; }
.zxnum_li a ,.zxnum_li span{ display: block; width:4rem; height: 4rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; flex-direction: column; text-decoration: none; cursor: pointer;}
.zxnum_li a .butt-icon,.zxnum_li span .butt-icon{font-size:1.6rem;  color: #4976f8; height:2.2rem;}
.zxnum_li a .button-text,.zxnum_li span .button-text{color: #666;font-size: 0.8rem;}
	
	
.foot_butt {width: 12rem; height:3rem; margin-left:0.2rem; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 24px; background: #4976f8;}
.foot_butt a {width: 12rem; height:3rem;box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 24px; background: #4976f8; text-decoration: none;}
.foot_butt a .butt-icon {font-size: 1.2rem; color:#fff; margin-right: 0.5rem; }
.foot_butt a .button-text {  font-size: 1rem; color:#fff; font-weight: bold; }

@media only screen and (max-width: 40em) {
	.footbar {display:block;}	
}

.wxtextbox { width:54%; height: auto; background: #fff; padding:0 1rem 1rem; box-sizing: border-box; border-radius: 6px; box-shadow:0 0 20px 5px rgba(0,0,0,.1); position: fixed; left:23%; bottom: 9rem; z-index: 899; display:none;  }	
	
.mobilekejian { display: none ;}

@media only screen and (max-width: 40em) {
	 .mobilekejian { display: block ;}
}
	
#wxclose { float:right; width:20px; height: 20px; margin:.6rem 0 .5rem 0; display: flex; align-items: center; justify-content: center; flex-direction: column; ; position: relative; right: -0.5rem;cursor: pointer;}
#wxclose i { font-size: 1.5rem; color: #999;}
	
.mobile_ewm { width:100%; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.mobile_ewm img { max-width:100%; height: auto;}
.mobile_txt {font-size: .8rem; color: #555; text-align: center; padding-top:.6rem;}
#weixinhao { color:#4976f8; font-size: 1rem; font-weight: bold; display: block; }