@charset "utf-8"; /* CSS Document */ .fwzc-banner { background-image: url(../../../front/common/images/service-banner.jpg); } .fwzc-banner div h3 { font-size: 32px; display: block; padding-top: 55px; } .fwzc-banner div p { padding-top: 3px; line-height: 20px; } .fwzc-row { width: 100%; overflow: hidden; background-color: #f2f2f2; padding-bottom: 120px; } .fwzc-row .fwzc-title { background-image: url(../../../front/common/images/cpfa-title1.png); background-repeat: no-repeat; background-position: center center; height: 60px; padding: 55px 0 50px 0; margin-top: 30px; } /*鏈嶅姟鍥㈤槦*/ .team .team-co { font-size: 15px; line-height: 26px; text-indent: 2em; } .team .team-co p { margin-bottom: 15px; } .team .team-ul { overflow: hidden; padding-top: 40px; } .team .team-ul li { width: 195px; height: 330px; background-color: #f2f1ef; float: left; padding: 25px; margin: 0 11px; text-align: center; cursor: pointer; } .team .team-ul li .photo { width: 180px; height: 180px; border-radius: 90px; margin: 0 auto; } .team .team-ul li .photo img { width: 180px; height: 180px; border-radius: 90px; } .team .team-ul li h3 { color: #d4203d; font-size: 22px; margin-top: 20px; margin-bottom: 13px; } .team .team-ul li span { font-size: 15px; } .team .team-ul li i { display: block; width: 27px; height: 27px; background-image: url(../../../front/common/images/fwzc_1_photo_ico.png); background-repeat: no-repeat; margin: 0 auto; margin-top: 20px; } .team .team-list { overflow: hidden; padding-top: 40px; } .team .team-list li { float: left; margin: 0 15px; } .team .team-list li img { border: 2px solid #f88984; } /*鏈嶅姟浣撶郴*/ .system { background-image: url(../../../front/common/images/fwzc_2_bg.jpg); background-repeat: no-repeat; background-size: 100% 100%; } .system-pic { background-image: url(../../../front/common/images/fwzc_2_pic.png); margin: 0 auto; height: 780px; background-repeat: no-repeat; background-position: center center; } /*鏈嶅姟鍐呭*/ .fwco-ul { overflow: hidden; width: 1070px; margin-top: 40px; } .fwco-ul li { width: 183px; height: 224px; float: left; margin: 0 15px; } /*鏈嶅姟鍥㈤槦--鏂?/ .items {margin: 0 auto; margin-top: 60px;} .items li { width: 278px; height: 385px; margin: 0 40px 0 25px; overflow: hidden; cursor:pointer; } .items li:hover { background-position: 0px 0px; -webkit-transition: all .5s ease-in-out .3s; -moz-transition: all .5s ease-in-out .3s; -ms-transition: all .5s ease-in-out .3s; -o-transition: all .5s ease-in-out .3s; transition: all .5s ease-in-out .3s; } .list-inline>li { display: inline-block; padding-right: 1px; padding-left: 1px; } .items li u.cl {clip: rect(0px,156px,156px,78px);} .items li:hover u.cl {clip: rect(0px,156px,-10px,78px);} .items li u { display: block; position: absolute; width: 156px; height: 156px; margin-left: 61px; background: url(../../../front/common/images/words.png) no-repeat 0px -363px; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; transition: all .5s ease-in-out 0s; } .items li u.cr {clip: rect(0px,78px,156px,0px);} .items li:hover u.cr {clip: rect(156px,78px,156px,0px);} .items li i { display: block; margin: 0 auto; margin-top: 40px; height: 74px; } .items .i1 i { background-image: url(../../../front/common/images/fwzc_td_1.png); background-repeat: no-repeat; background-position: center center; width: 206px; } .items .i2 i { background-image: url(../../../front/common/images/fwzc_td_2.png); background-repeat: no-repeat; background-position: center center; width: 206px; } .items .i3 i { background-image: url(../../../front/common/images/fwzc_td_3.png); background-repeat: no-repeat; background-position: center center; width: 206px; } .items li strong { display: block; margin-top: 60px; font-size: 17px; text-align: center; color:#d4203d; } .items li p { position: relative; top: 10px; color: #666; font-size: 14px; line-height: 24px; }