@charset "UTF-8";
/**
 * @Site  五洲血透科首页
 * @authors wangshi
 * @date    2019-10-10
 */
.container{background-color:#fff;}
.item{width:1200px;margin:0 auto;overflow:hidden;}
.bgImg{background:url(/images/xuetouke/index/bgImg.png) no-repeat;display:inline-block;}
.titH2{height:50px;border-bottom:1px solid #a9593e;position:relative;margin-bottom:80px;}
.titH2 span{display:block;width:280px;height:50px;line-height:50px;font-size:42px;color:#a9593e;position:absolute;left:50%;margin-left:-140px;top:25px;background-color:#fff;text-align:center;}
.titH2 span i{display:block;width:10px;height:25px;background:url(/images/xuetouke/index/ico_01.png) no-repeat;position:absolute;top:50%;margin-top:-12px;}
.titH2 span .i1{left:0;}
.titH2 span .i2{right:0;background-position:-10px 0;}
.f2Box .titH2{margin-bottom:50px;}
.f2Box .titH2 span,.f4Box .titH2 span{background-color:#f8f4f3;}
.f3Box .titH2 span{width:370px;margin-left:-185px;}
.f5Box .titH2 span{width:560px;margin-left:-280px;}
/* banner */
.header{height:420px;position:relative;overflow:hidden;}
.header .banner{width:1920px;height:420px;position:absolute;left:50%;margin-left:-960px;top:0;}
.header .banner li{width:1920px;height:420px;}
.header .banner li img{display:block;margin:0 auto;}
.banner .bajs-easy-slider-pagination{width:100%;text-align:center;line-height:0;font-size:0;position:absolute;left:0;bottom:10px;}
.banner .bajs-easy-slider-pagination a{width:8px;height:8px;border:1px solid #b6775a;border-radius:50%;display:inline-block;margin:0 4px;}
.banner .bajs-easy-slider-pagination a.active{background-color:#b6775a}
/* f1Box */
.f1Box{padding:68px 0 40px;}
.f1Box .f1L{width:712px;}
.f1Box .f1L h2{font-size:22px;color:#333;border-bottom:1px solid #d2d2d2;}
.f1Box .f1L h2 span{display:inline-block;padding-bottom:10px;position:relative;}
.f1Box .f1L h2 span i{display:block;width:100%;height:2px;background-color:#a9593e;position:absolute;bottom:-1px;left:0;}
.f1Box .f1L dl{overflow:hidden;border-bottom:1px dashed #d2d2d2;padding:30px 0;}
.f1Box .f1L dl dt{float:left;overflow:hidden;}
.f1Box .f1L dl dt,.f1Box .f1L dl dt img{width:224px;height:168px;}
.f1Box .f1L dl dd{padding-left:250px;}
.f1Box .f1L dl dd h3{font-size:22px;line-height:64px;}
.f1Box .f1L dl dd h3 a{color:#000;}
.f1Box .f1L dl dd h3 a:hover{color:red;}
.f1Box .f1L dl dd p{font-size:16px;color:#000;line-height:30px;height:90px;overflow:hidden;}
.f1Box .f1L dl dd p a{color:#ff9000;}
.f1Box .f1L dl dd p a:hover{color:red;}
.f1Box .f1L ul{overflow:hidden;padding-top:20px;}
.f1Box .f1L ul li{width:45%;padding-right:5%; float:left;position:relative;}
.f1Box .f1L ul li a{font-size:16px;line-height:33px;color:#000000;padding-left:10px;display:block;height:33px;overflow:hidden;}
.f1Box .f1L ul li a:hover{color:#ff9000;}
.f1Box .f1L ul li i{display:block;width:4px;height:4px;background-color:#000;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-2px;}
.f1Box .f1R{width:398px;}
.f1Box .f1R .f1Top{background-color:#f3f3f3;overflow:hidden;padding:20px 14px 20px 30px;}
.f1Box .f1R .f1Top a{display:block;width:102px;height:80px;padding-top:8px; float:left;font-size:16px;color:#333333;line-height:32px;margin-right:16px;text-align:center;position: relative;}
.f1Box .f1R .f1Top a i{display:block;width:48px;height:40px;margin:0 auto;transition:all 0.3s;}
.f1Box .f1R .f1Top .a2 i{background-position:-48px 0;}
.f1Box .f1R .f1Top .a3 i{background-position:-96px 0;}
.f1Box .f1R .f1Top .a4 i{background-position:-144px 0;}
.f1Box .f1R .f1Top .a5 i{background-position:-192px 0;}
.f1Box .f1R .f1Top .a6 i{background-position:-240px 0;}
.f1Box .f1R .f1Top a:hover{color:#fff;}
.f1Box .f1R .f1Top .a1:hover{background-color:#ff9900;}
.f1Box .f1R .f1Top .a2:hover{background-color:#4da1e9;}
/*.f1Box .f1R .f1Top .a3:hover{background-color:#7cc725;}*/
.f1Box .f1R .f1Top .a4:hover{background-color:#4db8e5;}
.f1Box .f1R .f1Top .a5:hover{background-color:#e5c070;}
.f1Box .f1R .f1Top .a6:hover{background-color:#908ebc;}
.f1Box .f1R .f1Top .a1:hover i{background-position:0 -40px;}
.f1Box .f1R .f1Top .a2:hover i{background-position:-48px -40px;}
/*.f1Box .f1R .f1Top .a3:hover i{background-position:-96px -40px;}*/
.f1Box .f1R .f1Top .a4:hover i{background-position:-144px -40px;}
.f1Box .f1R .f1Top .a5:hover i{background-position:-192px -40px;}
.f1Box .f1R .f1Top .a6:hover i{background-position:-240px -40px;}
.f1Box .f1R .f1Top .a3 em{display:block;background-color:#fff; position:absolute;top:1px;left:50%;margin-left:-40px;display:none;z-index:10}
.f1Box .f1R .f1Top .a3 em,.f1Box .f1R .f1Top .a3 em img{width:80px;height: 80px;}
.f1Box .f1R .f1Mid{border:1px solid #e8e8e8;padding:15px 0;}
.f1Box .f1R .f1Mid span{display:block; font-size:18px;color:#2e2e2e;line-height:32px;padding-left:130px;position:relative;}
.f1Box .f1R .f1Mid span b{font-weight:bold;color:#ff3c3f;display:block;}
.f1Box .f1R .f1Mid span i{display:block;width:50px;height:50px;background-position:0 -210px;position:absolute;left:65px;top:50%;margin-top:-25px;}
.f1Box .f1R .f1Bot dl{overflow:hidden;padding:18px 0 18px 60px;border:1px solid #e8e8e8;border-top:none;}
.f1Box .f1R .f1Bot dl dt{float:left;}
.f1Box .f1R .f1Bot dl dt,.f1Box .f1R .f1Bot dl dt img{width:109px;height:109px;}
.f1Box .f1R .f1Bot dl dd{width:150px;float:left;margin-left:20px;}
.f1Box .f1R .f1Bot dl dd h3{font-size:26px;color:#2e2e2e;line-height:44px;border-bottom:1px solid #d1d1d1;text-align:center;font-weight:normal;}
.f1Box .f1R .f1Bot dl dd p{font-size:18px;line-height:30px;color:#2e2e2e;text-align:center;margin-top:4px;}
.f1Box .f1R .f1Bot dl dd p b{display:block;font-weight:bold;}
/* f2Box */
.f2Box{background:url(/images/xuetouke/index/f2Bg.png) center 32px no-repeat;height:508px;}
.f2Box .f2L{width:780px;padding-top:50px;}
.f2Box .f2L p{font-size:18px;line-height:36px;color:#333;text-indent:2em;}
.f2Box .f2L p b{font-weight:bold;color:#ff9900;}
.f2Box .f2R{width:400px;}
.f2Box .f2R dl{overflow:hidden;width:280px;margin:0 auto 25px;}
.f2Box .f2R dl dt{width:230px;height:158px;float:left;}
.f2Box .f2R dl dd{width:40px;padding:0 5px; height:158px;background-color:#d39986;float:left;overflow:hidden;}
.f2Box .f2R dl dd span{display:block;width:50%;float:left;color:#fff;font-size:18px;line-height:20px;text-align:center;padding-top:20px;}
/* f3Box */
.f3Box{padding:60px 0 70px;}
.f3Box p{font-size:18px;line-height:30px;color:#000;position:relative;margin-bottom:45px;border-top:1px dashed #d2d2d2;border-bottom:1px dashed #d2d2d2;padding:10px 0 10px 270px;}
.f3Box p b{display:block; position:absolute; left:0;top:50%;margin-top:-30px; line-height:60px;font-size:34px;color:#333;font-weight:bold;padding-left:45px;}
.f3Box p b i{display:block;width:35px;height:34px;background:url(/images/xuetouke/index/ico_02.png) no-repeat;position:absolute;left:0;top:50%;margin-top:-17px;}
.f3Box ul{overflow:hidden;padding:10px 10px 35px;}
.f3Box ul li{width:280px;float:left;margin-right:20px;box-shadow:0 0 10px #ddbdb2;padding:10px 0;border-radius:10px;position:relative;}
.f3Box ul li.last{margin-right:0}
.f3Box ul li span{display:block;width:240px;height:295px;padding:20px 10px 0; border:1px dashed #ddbdb2;border-radius:10px;margin:0 auto;font-size:20px;line-height:36px;color:#a9593e;}
.f3Box ul li b{display:block;width:214px;height:65px;border-radius:10px;background-color:#c88a75;color:#fff;text-align:center;line-height:65px;position:absolute;bottom:-32px;left:50%;margin-left:-107px;font-size:26px;}
.f3Box ul li.last span{height:313px;padding-top:2px;}
/* f4Box */
.f4Box{background:#f8f5f3 url(/images/xuetouke/index/f4Bg.jpg) center bottom no-repeat;padding-top:15px;}
.f4Box .titH2{margin-bottom:35px;}
.f4Slide{position:relative;}
.f4Slide li{position:relative;}
.f4Slide dl{overflow:hidden;}
.f4Slide dl dt{width:480px;height:500px;float:left;}
.f4Slide dl dd{padding:60px 80px 0 496px;}
.f4Slide dl dd h3{font-size:20px;color:#72574b;font-weight:normal;line-height:68px;}
.f4Slide dl dd h3 a{font-size:30px;color:#a9593e;margin-right:20px;}
.f4Slide dl dd p{font-size:14px;color:#656565;line-height:30px;margin-top:20px;}
.f4Slide dl dd p b{display:block;font-size:18px;color:#72574b;position:relative;padding-left:25px;}
.f4Slide dl dd p b i{display:block;width:16px;height:18px;position:absolute;left:0;top:50%;margin-top:-9px;}
.f4Slide dl dd p b i.ico1{background-position:0 -186px;}
.f4Slide dl dd p b i.ico2{background-position:-16px -186px;}
.f4Slide dl dd p a{color:#ff9000;}
.f4Slide dl dd .askBox{margin-top:40px;text-align:center;}
.f4Slide dl dd .askBox a{display:inline-block;width:135px;height:45px;font-size:18px;color:#fff;text-align:center;line-height:45px;background-color:#f17825;border-radius:6px;margin:0 35px;}
.f4Slide dl dd .askBox a.a2{background-color:#429366;}
.f4Slide dl dd .askBox a:hover{opacity:0.8;filter:alpha(opacity=80);}
.f4Slide .prev-btn,.f4Slide .next-btn{width:20px;height:65px;background:url(/images/xuetouke/index/btn.png) no-repeat;display:block;position:absolute;top:50%;margin-top:-32px;}
.f4Slide .prev-btn{background-position:0 0;left:20px;}
.f4Slide .next-btn{background-position:-20px 0;right:20px;}

/* f5Box */
.f5Box{padding:50px 0;}
.f5Con{overflow:hidden;}
.f5Con dl{width:285px;float:left;margin-right:20px; }
.f5Con dl.last{margin-right:0;}
.f5Con dl dt{width:285px;height:285px;margin-bottom:1px;}
.f5Con dl dd{width:100%;background-color:#c88a75;line-height:55px;height:55px;color:#fff;font-size:20px;text-align:center;}

/* f6Box */
.f6Box{padding-bottom:40px;}
.f6Box ul{overflow:hidden;}
.f6Box ul li{width:388px;height:300px;float:left;margin-left:12px;}
.f6Box ul li.li1{width:400px;margin-left:0;}