.solution-cont {text-align: center;margin:0px auto;}
.solution-cont h1 {font-size: 32px;margin-bottom:30px;color: #111;}
.solution-cont a.hpic:hover{ margin-top:-9px; transition:margin .2s ,padding .2s; -moz-transition:margin .2s ,padding .2s; -webkit-transition:margin .2s ,padding .2s; -o-transition:margin .2s ,padding .2s;}
.solution-cont a.hpic:hover .himg , .solution-cont a.htpic:hover .himg{ display:block;}

#ybs1{ position:relative; width:1140px; height:666px; margin:0 auto; z-index:1; background:url(../images/yb_solu_bg.png) no-repeat center center;}
#ybs1 a , #yaobs a , #chs a{ position:absolute; display:block; overflow:hidden; z-index:2; }
#ybs1 a > div , #yaobs a > div , #chs a > div{ position:relative; z-index:3px;}
#ybs1 a span , #yaobs a span , #chs a span{ display:block; }
#ybs2{ display:none; }
.ybs11{ width:186px; height:169px;left:306px;top:14px;}
.ybs12{ width:299px; height:169px;left:594px;top:14px;}
.ybs13{ width:98px; height:158px;left:65px;top:252px;}
.ybs14{ width:179px; height:195px;left:187px;top:215px;}
.ybs15{ width:99px; height:158px;left:384px;top:252px;}
.ybs16{ width:127px; height:158px;left:502px;top:252px;}
.ybs17{ width:132px; height:158px;left:644px;top:253px;}
.ybs18{ width:186px; height:158px;left:776px;top:252px;}
.ybs19{ width:141px; height:114px;left:988px;top:207px;}
.ybs20{ width:121px; height:163px;left:962px;top:354px;}
.ybs21{ width:189px; height:181px;left:256px;top:464px;}
.ybs22{ width:158px; height:181px;left:492px;top:464px;}
.ybs23{ width:214px; height:181px;left:697px;top:464px;}
.ybs24{ width:160px; height:78px;left:151px;top:247px;}
.ybs25{ width:163px; height:80px;left:125px;top:477px;}


#yaobs{ position:relative; width:1140px; height:610px; margin:0 auto; z-index:1; background:url(../images/yaob_solu_bg.png) no-repeat center center;display: block;}
.yaobs1{ width:174px; height:152px;left:189px;top:15px;}
.yaobs2{ width:205px; height:133px;left:405px;top:36px;}
.yaobs3{ width:280px; height:140px;left:646px;top:28px;}
.yaobs4{ width:221px; height:125px;left:868px;top:185px;}
.yaobs5{ width:231px; height:129px;left:451px;top:247px;}
.yaobs6{ width:158px; height:121px;left:781px;top:331px;}
.yaobs7{ width:215px; height:140px;left:134px;top:449px;}
.yaobs8{ width:148px; height:140px;left:353px;top:450px;}
.yaobs9{ width:222px; height:140px;left:502px;top:450px;}
.yaobs10{ width:160px; height:78px;left:324px;top:235px;}
.yaobs11{ width:155px; height:75px;left:616px;top:415px;}
#yaobss{ display: none;}

#chs{ position:relative; width:1140px; height:756px; margin:-10px auto 0; z-index:1; background:url(../images/ch_solu_bg.png) no-repeat center center;display: block;}
.chs1{ width:177px; height:161px;left:230px;top:13px;}
.chs2{ width:292px; height:150px;left:598px;top:21px;}
.chs3{ width:163px; height:147px;left:500px;top:154px;}
.chs4{ width:155px; height:115px;left:919px;top:202px;}
.chs5{ width:278px; height:162px;left:377px;top:329px;}
.chs6{ width:209px; height:158px;left:168px;top:575px;}
.chs7{ width:149px; height:158px;left:383px;top:575px;}
.chs8{ width:240px; height:229px;left:541px;top:504px;}
.chs9{ width:153px; height:69px;left:517px;top:317px;}
.chs10{ width:147px; height:76px;left:531px;top:539px;}
.chs11{ width:150px; height:76px;left:678px;top:539px;}
#chss{ display: none;}

.himg{ position:absolute; top:0; left:0; display:none;}

.pro-page{width:100%;}
.pro-page .single-post .item {padding-bottom: 20px;margin-bottom: 40px;}
.pro-page .wrapper {width:80%;margin: 0 auto;}
.bankuai:nth-child(odd) {background-color: white;}
.bankuai:nth-child(even) {background-color:#ebebec;}
.bankuai .nav-desc .tit {width: 98px;height: 32px;line-height: 32px;margin: 10px 0px;background: #007fc4;color: #fff;text-align: center;border-radius: 5px;font-size: 16px;}
.clear {display: block;clear: both;width: 100%;height: 5px;font-size: 0;overflow: hidden;}

@media(max-width:767px) {
.solution-cont {text-align: center;margin:0px auto;}  
.pro-page .wrapper {width:100%;margin: 0 auto;}
.solution-cont h1 {font-size: 22px;margin-bottom:30px;color: #111;}
#ybs1{ display: none;}
#yaobs{ display: none;}
#chs{ display: none;}
#yaobss{display: block}
#chss{display: block}
#ybs2{ position:relative; width:100%; height:auto; z-index:1; display: block;}
.fsolucont{ width:96%; margin:0 2% 2%; background:#f7f7f7;}
.fsolucont img , .solucont img , .tsolucont img{ max-width:100%;}
.solucont{ float:left; width:46%; margin:0 2%; background:#f7f7f7;}
.solucont a{ display:block;}
.tsolucont{ float:left; width:29%; margin:0 2%; background:#f7f7f7;}

.himg{ position:absolute; top:0; left:0; display:none;}
.solution-cont a.hpic:hover{ margin-top:-9px; transition:margin .2s ,padding .2s; -moz-transition:margin .2s ,padding .2s; -webkit-transition:margin .2s ,padding .2s; -o-transition:margin .2s ,padding .2s;}
.solution-cont a.hpic:hover .himg , .solution-cont a.htpic:hover .himg{ display:block;}

.prodetail-cont{ position:relative; margin-top:35px; width:100%; text-align:center; padding-top:40px;}
.show-product{ padding-top:0; margin-top:0;}
.prodetail-cont > div{ padding:30px 3%;}
.prodetail-cont > div h3{ font-size:20px; margin-bottom:18px; color:#575757;}
.prodetail-cont .pc-txt {  display:table; margin: auto;}
.prodetail-cont .pc-txt img{ max-width:100%;}
.prodetail-cont .pc-txt p{ text-align:left;}
.prodetail-cont .pc-txt.comp p{ line-height:32px; font-size:15px; color:#666;}
.prodetail-cont .pc-txt table tr{ border-bottom:1px solid #d5d5d5;}
.prodetail-cont .pc-txt table tr td{ text-align:left; vertical-align:middle;}
.prodetail-cont .pc-txt strong{ font-size:15px;}
.prodetail-cont .pc-txt ul { padding-left:22px; margin-top:10px;}
.prodetail-cont .pc-txt ul li{ text-align:justify; list-style:square; line-height:24px; font-size:14px; margin-bottom:7px;}
}