.banner { width: 960px; height: 540px; }
.index-item-box { }
body { background: rgb(244, 240, 234); }
.w12 { width: 1200px !important; margin: 0 auto; }
.problem { background: #fff; padding-bottom: 70px; }
.d-grid { display: grid; }
.frb { display: flex; flex-direction: row; justify-content: space-between; }
.ac { align-items: center; }
.font14 { font-size: 14px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font24 { font-size: 24px; }
.frcc { display: flex; flex-direction: row; justify-content: center; }
.fcs { display: flex; flex-direction: column; justify-content: flex-start; }
.frr { display: flex; flex-direction: row; justify-content: flex-start; }
.fra { display: flex; flex-direction: row; justify-content: space-around; }
.fc { display: flex; flex-direction: column; }
.fcce { display: flex; flex-direction: column; justify-content: flex-end; }
.fce { display: flex; flex-direction: row; justify-content: flex-end; }
.fcc { display: flex; flex-direction: column; justify-content: space-around; }
.fccc { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.fcsc { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.fcsb { display: flex; flex-direction: column; justify-content: space-between; }
.index-item-title { height: 31px; font-family: MicrosoftYaHei; font-size: 30px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #000000; margin-top: 50px; }
.index-item-title-en { height: 16px; font-family: MicrosoftYaHei; font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #999999; margin-top: 20px; }
.problem-list-box { width: 100%; height: 386px; /* grid-template-columns: repeat(3,386px); */
grid-template-rows: 400px; justify-content: space-between; }
.problem-list-item { width: 386px; height: 400px; background-color: #ffffff; box-shadow: 0px 2px 9px 0px  rgba(0, 0, 0, 0.18); border-radius: 10px; }
.divbg { background-repeat: no-repeat; background-size: cover; background-position: center; }
.imgbox { width: 386px; height: 266px; border-radius: 10px 10px 0px 0px; overflow: hidden; }
.tran-img { width: 386px; height: 266px; transition: all 0.5s }
.tran-img:hover { transform: scale(1.1); }
.problem-list-item-title { height: 18px; font-family: MicrosoftYaHei; font-size: 18px; font-weight: normal; font-stretch: normal; margin-top: 30px; letter-spacing: 0px; color: #000000; }
.problem-liet-item-desc { width: 335px; font-family: MicrosoftYaHei; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 24px; margin-top: 15px; color: #666666; }
.txt-center { text-align: center; }
.index-item-title-box { margin-bottom: 35px; }
.ys-box { width: 100%; /* grid-template-columns: repeat(5,223px);
	grid-template-rows: repeat(2,325px); */
justify-content: space-between; /* grid-row-gap: 25px; */
flex-wrap: wrap; }
.ys-item { width: 223px; height: 325px; background: #fff; position: relative; margin-bottom: 25px; }
.ys-box img { width: 100%; height: 156px; }
.ys-desc { position: absolute; bottom: 0px; height: 100px; /* transition-property:height;
	transition-duration:0.3s;
	transition-timing-function:linear; */
transition: all 0.3s; padding: 33px 15px; }
.ys-item:hover .ys-desc { height: 214px; background: #257dff; }
.ys-item:hover * { color: #fff; }
.sz { cursor: pointer; }
.ys-title { font-family: MicrosoftYaHei; font-size: 18px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #000000; }
.ys-details { font-family: MicrosoftYaHei; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #666666; margin-top: 20px; }
.bg-w { background: #fff; }
.yuan1 { }
.yuan2 { }
.yuan-item { position: absolute; top: 0px; bottom: 0px; width: 230px; height: 230px; transform-origin: right bottom }
.yuan { height: 560px; width: 560px; position: relative; }
.pp { height: 560px; width: 560px; }
.yuan img { line-height: 560px; margin: 0px auto; }
.yuan-item:nth-child(odd) { /* border-radius:100% 0 0 0; */
	/* background: #999; */
	/* transform:rotate(7deg) */
}
.yuan-item:nth-child(even) { /* background: #f8991c; */
	/* border-radius:100% 0 0 0; */
	/* transform:rotate(90deg); */
}
/* .yuan-item:last-child{
	background: #f8991c;
} */
.zlk-img { width: 600px; height: 360px; }
.zlk-desc { width: 510px; height: 240px; background: #fff; padding: 60px 45px; }
.zlk-box { width: 100%; }
.zlk-item-box { height: 46px; }
.zlk-item-title { font-size: 18px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; font-weight: bold; }
.zlk-item-desc { font-size: 14px; line-height: 24px; letter-spacing: 0px; color: #666666; }
.zlk-item-box span { color: #fff; text-align: center; line-height: 46px; border-radius: 50%; width: 46px; font-size: 18px; height: 46px; margin-right: 20px; background: #257dff; }
.zlk-item-box span img { line-height: 46px; }
.zlk-item-box .fcsb { height: 120%; }
.kr-bottom { margin-top: 40px; border-right: solid 3px #036eb8; border-left: solid 3px #036eb8; padding: 0px 18px; font-size: 16px; }
.lock { background: #257dff; height: 224px; }
.lock-title { font-family: MicrosoftYaHei-Bold; font-size: 30px; color: #ffffff; }
.lock .txt-center { width: 359px; margin-top: 30px; font-family: MicrosoftYaHei; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; }
.lz-desc { width: 1200px; font-family: MicrosoftYaHei; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #000000; }
.lz-desc span { color: #257dff; }
.plan { padding: 30px; padding-bottom: 40px; margin-top: 35px; width: 1140px; height: 330px; background-color: #ffffff; box-shadow: 0px 2px 13px 0px  rgba(0, 0, 0, 0.18); }
.fw-btn { width: 235px; height: 48px; background-color: #257dff; border-radius: 24px; line-height: 48px; font-size: 16px; color: #ffffff; font-family: MicrosoftYaHei-Bold; }
.fw-box-img { width: 100%; }
.fw-img img { width: 320px; height: 203px; border: solid 1px #ebebeb; transition: all 0.5s; }
.fw-img img:hover { transform: scale(1.1); }
.plus { color: #257dff; font-size: 60px; }
.fw-img span { margin-top: 25px; font-size: 16px; }
.logo-list img { height: 128px; width: 128px; padding: 10px 10px; /*border-top: solid 2px #699df7;
	border-bottom: solid 2px #699df7;
	border-left: solid 2px rgba(105, 157, 247,.2);
	border-right: solid 2px rgba(105, 157, 247,.2);
	*/
border-radius: 4px; transition: all .2s linear; ; }
.logo-list { /* grid-template-columns: repeat(8,128px); */
width: 1200px; grid-gap: 24px 28px; padding-bottom: 80px; flex-wrap: wrap; margin-bottom: 28px; }
.logo-list img:hover { transform: scale(1.2); }
.js7 { top: 150px; left: 40px; }
.js1 { top: 50px; left: 140px; }
.js3 { top: 50px; left: 276px; }
.yuan-icon { z-index: 99; position: absolute; ; }
/* .yuan-item img{
	transition:all .4s linear;
}
.yuan-item img:hover{
	transform:scale(1.2);
} */
.yuan span { position: absolute; font-size: 16px; }
.yuan span:nth-child(1) { top: 208px; }
.yuan span:nth-child(2) { top: 33px; right: 331px; }
.yuan span:nth-child(3) { top: 33px; right: 190px; }
.yuan span:nth-child(4) { top: 208px; right: 0px; }
.yuan span:nth-child(5) { top: 346px; right: 0px; }
.yuan span:nth-child(6) { top: 516px; right: 190px; }
.yuan span:nth-child(7) { top: 516px; right: 331px }
.yuan span:nth-child(8) { top: 358px; left: 0px }
.advantages { padding-bottom: 60px; }
.s-box { width: 100%; position: relative; }
.s-box .fcsb { height: 114px; }
.num { z-index: 199; width: 76px; height: 76px; text-align: center; line-height: 76px; font-family: MicrosoftYaHei-Bold; font-size: 24px; color: #fff; border-radius: 50%; background-color: #257dff; transition: all .2s linear; ; }
.s-box span { font-size: 16px; }
.row1 .fcsb { margin-right: 174px; }
.row2 .fcsb { margin-top: 55px; margin-left: 174px; }
.s-img { position: absolute; }
.s1 { top: 38px; left: 18px; }
.s2 { top: 59px; left: 159px; }
.s3 { top: 59px; left: 288px; }
.s4 { top: 59px; left: 413px; }
.s5 { top: 59px; left: 539px; }
.s6 { top: 59px; left: 663px; }
.s7 { top: 59px; left: 789px; }
.s8 { top: 59px; left: 913px; }
.s9 { top: 59px; left: 1039px; }
.num:hover { font-size: 35px; }
.hzlc-box { width: 962px; height: 47px; background: #fff; position: relative; }
.jt-box { position: absolute; top: 0px; width: 962px; height: 47px; }
.jt-box img { margin-left: 174px; }
.hzlc-txt { width: 962px; height: 47px; position: absolute; top: 0px; }
.hzlc-txt span { font-size: 16px; }
.hzlc-title { font-family: MicrosoftYaHei-Bold; font-size: 30px; color: #ffffff; margin-top: 38px; }
.hzline2, .hzline1 { width: 420px; height: 2px; background: #fff; position: absolute; }
.hzline1 { transform-origin: left top; top: 48px; transform: rotate(7deg); }
.hzline2 { transform-origin: right top; top: 48px; right: 0px; transform: rotate(-7deg); }
.mlkr{ padding-bottom:80px;}
.bg-pdm{ padding-bottom:70px;}
.yuan_sj{ display:none;}
.cuns{ margin-top:70px;}
.pc_sj{ display:none;}
.bslc{ color:#fff; display:none; padding-bottom:10px;}
.hzlc_tp{ display:none; width:95%; margin:auto;}
.hzlc_tp img{ display:block; width:100%;}
.dsj_fx{font-size: 16px;margin-top: 22px;margin-bottom: 70px;}
.fengt_sj{ display:none;}
@media screen and (max-width:1024px) {
body{ background:#fff;}
.frb,.frr,.fcsb{ display:block;}
.fcsc{ display:block; width:auto; text-align:center;}	 	 
.z_banner_title{ font-size:27px; text-align:center;}	 
.index-item-title{ margin-top:20px; font-size:23px;}	 
.w12{ width:100% !important;} 	 
.index-item-title-en{ font-size:12px; margin-top:3px;}
.problem-list-item{width:93%; height:auto; margin:auto; overflow:hidden; margin-top:10px; margin-bottom:25px;} 
.problem-list-box{ height:auto; overflow:hidden;} 
.problem-list-item-title{ margin-top:16px;}
.problem-liet-item-desc{ padding-bottom:17px; width:auto;} 
.imgbox{ width:100%;overflow:hidden; height:246px; }
.tran-img{ width:100%;height:246px;  display:block; background-size:100% 246px; }	 
.index-item-title-box{ margin-bottom:15px;}	 
.problem{ padding-bottom:20px;}	 
.mlkr{ background:#f4f5f8; padding-bottom:20px;}
.mlkr .index-item-title-box{ padding-top:4px;} 
.zlk-img{ width:93%; height:auto; display:block; margin:auto;}	
.zlk-desc{ width:93%; margin:auto; overflow:hidden; height:auto; clear:both; padding:20px 0px;}	
.zlk-item-box{ height:auto; overflow:hidden; width:95%; margin:auto; padding-bottom:20px;}	
.zlk-item-box span{ display:block; float:left; width:38px; height:38px; line-height:38px; background:#247dff; margin-right:10px;} 
.mlkr .zlk-item-box .fcsb{ width:80%; float:left; height:auto; overflow: hidden; text-align:left;}	
.zlk-item-title{ font-size:15px; color:#000;}	
.zlk-item-desc{ font-size:13px; line-height:23px;}
.kr-bottom{ margin-top:20px; font-size:15px; border-right:none; border-left:none; padding:0px; color:#000; line-height:26px;}
.lock{ height:auto; overflow:hidden; padding:20px 0px; background:#247dff;}	
.lock-title { font-size:22px;}
.lock .txt-center{ margin-top:5px; font-size:15px;}
.lz-desc{ width:auto;}	
.bg-pdm{ padding-bottom:30px; width:93%; margin:auto; height:auto; overflow:hidden;}
.lz-desc{ color:#666; line-height:26px;}
.lz-desc span{ color:#247dff;}
.plan{ width:auto; height:auto; overflow:hidden; padding:0px; box-shadow:none; margin-top:15px;} 
.fw-img{ height:auto; float:left; width:29%;}
.fw-img img{ width:100%; display:block; display:block; height:auto; overflow:hidden;}
.fw-box-img{ height:auto; overflow:hidden;} 
.plus{ float:left; font-size:30px; color:#247dff;}
.fw-btn{ clear:both; margin:auto; background:#247dff; width:75%; margin-top:20px;}	
.fw-img span{ font-size:14px; color:#666; padding-top:5px; display:block; margin: auto;} 
.ys-box{ width:93%; margin:auto; height:auto; overflow:hidden; background:none; margin-top:30px;}	 
.ys-item{ width:48%; float:left; margin-left:4%; margin-bottom:4%; height:296px;}
.ys-item:nth-child(2n+1){ margin-left:0px;}
.ys-box img{ height:auto;}
.ys-item:hover .ys-desc{ background:none; height: auto;}
.ys-item:hover *{ color: inherit;}
.ys-desc{ padding:0px 5px; position:relative; height:auto; overflow:hidden; padding-top:20px;}
.ys-details{ margin-top:7px; font-size:15px;}
.yuan{ display:none;}
.yuan_sj{ display:block; width:93%; height:auto; display:block; margin:auto;}
.advantages{ padding-bottom:35px;}
.s-box img{ display:none;}
.row1 .fcsb{ margin-right:0px;height:auto; overflow:hidden; width:25%; float:left; text-align:center; margin-top:20px;}
.num{ width:50px; height:50px; background:#247dff; line-height:50px; display:inline-block;}
.row1 .fcsb span{ display:inline-block; font-size:14px; padding-top:5px;}
.advantages{ clear:both;}
.row1{ height:auto; overflow:hidden;}	 
.s-box{ display:none;} 
.cuns{ width:90%; display:block; margin:auto;}	 
.cuns{ margin-top:40px;}	 
.pc_sj{ display:block;} 
.pc_bh,.hzlc-box{ display:none;}	 
.hzlc-title{ margin-top:0px; font-size:24px;}
.bslc,.hzlc_tp{ display:block;}	
.moble{ height:auto;}	
.dsj_fx{ margin-bottom:20px;}	
.fengt_sj{ display:block;}
.logo-list{ width:93%; height:auto; overflow:hidden; margin:auto; padding-bottom:30px;} 
.logo-list img{ width:22.7%; margin-top:3%; float:left; padding:0px; margin-left:3%; transition:none; height:auto;}
.logo-list img:nth-child(4n+1){ margin-left:0px;}	

.header, .header.opaque { padding-top: 0px; }
.header.noOpaque { padding-top: 40px; }
.header.noOpaque { padding-top: 50px; }
.navbar { float: left; width: 100% }
.moble { display: block; }
#navBox { display: none; }
nav>ul>li>ul li { font-size: 12px; text-indent: 0px; }
.search-pup, .mLogo .logo, a.search-btn, .header .moble-bars, .header.opaque .header-nav.fixed .logo .logoa, .header.opaque .logo .logoa { display: block; }
.header.opaque .logo .logob { display: none }
.search-btn, .sbtn, .searchBox { color: #aaa; }
.moble { padding: 0 10px; }

	
}