@charset "utf-8";

.container { position: relative; width: 100%; margin: 0 auto;background: #f5f5f5;}

.banner{position: relative;}
.banner .banner_hd { position:absolute;bottom: 4.3%; width:100%; height:6px; z-index:1; }
.banner .banner_hd ul { text-align:center; }
.banner .banner_hd ul li { display:inline-block; *display:inline; zoom:1;width: 35px;height: 4px;margin: 0 7px;background: #ccc;line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top; }
.banner .banner_hd ul .on { background:#0397d1; }


.sone{padding-top: 47px;}
.soT{border-bottom: 3px solid #0397d1;padding-bottom: 20px;}
.soT .soTl{float: left;font-size: 24px;color: #000;background: url(downarow.png) no-repeat right;padding-right: 33px;}
.soTr{float: right;font-size: 14px;color: #000;padding-top: 16px;}
.soTr a span{background: url(more.png) no-repeat right;padding-right: 20px;}

.sbox{border: 1px solid #c9c9c9;border-top: 0;padding: 8px 11px;}
.sbox .sbox1{float: left;width: 202px;margin-right: 11px;}

.sbox .sbox1 ul li{width: 202px;}
.sbox .sbox1 ul li:nth-child(1){margin-bottom: 8px;}

.sbox .sbox1 ul li{float: left;overflow: hidden;}
.sbox .sbox1 ul li a img{transition: all .5s ease-in-out;}
.sbox .sbox1 ul li:hover a img{transform: scale(1.1);}

.sbox .sbox2{float: left;width: 478px;margin-right: 7px;}
.sbox .sbox2 ul li{float: left;overflow: hidden;}
.sbox .sbox2 ul li a img{transition: all .5s ease-in-out;}
.sbox .sbox2 ul li:hover a img{transform: scale(1.1);}


.sbox .sbox2 ul li:nth-child(1){margin-right: 10px;}
.sbox .sbox2 .sb2_big{margin-top: 8px;overflow: hidden;}

.sbox .sbox2 .sb2_big a img{transition: all .5s linear;}
.sbox .sbox2 .sb2_big:hover a img{transform: scale(1.1);}

.sbox .sbox3{float: left;width: 478px;}
.sbox .sbox3 .sb3_big{margin-bottom: 8px;overflow: hidden;}

.sbox .sbox3 .sb3_big a img{transition: all .5s linear;}
.sbox .sbox3 .sb3_big:hover a img{transform: scale(1.1);}
.sbox .sbox3 ul li{float: left;overflow: hidden;}
.sbox .sbox3 ul li:nth-child(1){margin-right: 10px;}

.sbox .sbox3 ul li a img{transition: all .5s ease-in-out;}
.sbox .sbox3 ul li:hover a img{transform: scale(1.1);}


.ad{padding: 30px 0;}

.qh{background: #e0e0e0;height: 145px;}
.qhslide{position: relative;}
.qhslide .qhprev{position: absolute;width:44px;height: 44px;background: url(prevbtn.png) no-repeat center;left:-23px;top: 50%;margin-top: -22px;z-index: 4;}
.qhslide .qhnext{position: absolute;width:44px;height: 44px;background: url(nextbtn.png) no-repeat center;right:-23px;top: 50%;margin-top: -22px;z-index: 4;}
.qhslide .bd ul li{float: left;width: 50%;}

.flood {padding-top: 22px;border-bottom: 3px solid #0397d1;padding-bottom: 5px;}
.flood .floodbox{float: left;}
.flood .floodbox .floodT {float: left;background: url(downarow2.png) no-repeat right 23px;padding-right: 54px;}
.flood .floodbox .floodlist{float: left;margin-left: 64px;margin-top: 23px;}
.flood .floodbox .floodlist ul li{float: left;margin-right:25px;}
.flood .floodbox .floodlist ul li a{font-size: 15px;color: #000;}
.flood .floodbox .floodlist ul li:hover a{color: #0397d1;}
.flood .floodbox .floodT span{font-size: 36px;font-weight: bold;color: #0397d1;}
.flood .floodbox .floodT{font-size: 24px;font-weight: bold;color: #0397d1;}
.flood .soTr{padding-top:24px;}

.flodimg{width: 234px;float: left;}
.flodlist{width: calc(100% - 234px);float: left;}
.flodlist ul li{text-align: center;box-sizing: border-box;width: 241px;border-bottom: 1px solid #c9c9c9;float: left;position: relative;background: #fff;height: 284px;border-right: 1px solid #c9c9c9;}
.flodlist ul li .focus{position: absolute;right: 8px;top: 7px;color: #a1a1a1;background: url(focus.png) no-repeat left;padding-left: 20px;}
.flodlist ul li .focus.focuson{background: url(focuson.png) no-repeat left;padding-left: 20px;color: #ff5a00;}
.flodlist ul li:nth-child(4n){border-right: 0;}
.flodlist ul li:nth-child(5),.flodlist ul li:nth-child(6),.flodlist ul li:nth-child(7),.flodlist ul li:nth-child(8){border-bottom: 0;}
.flodlist ul li .pro_pic{overflow: hidden;margin-top: 25px;height: 186px;}
.flodlist ul li .pro_pic img{text-align: center;transition: all .4s ease-in-out;}
.flodlist ul li:hover .pro_pic img{transform: scale(1.1)}
.flodlist ul li .pro_name{font-size: 14px;color: #000;}
.flodlist ul li .pro_name a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inherit;    padding: 0 23px;}
.flodlist ul li .pro_zx{width: 102px;height: 27px;margin: 0 auto;margin-top: 6px;background: #fff;line-height: 27px;border: 1px solid #0397d1;border-radius: 20px;}
.flodlist ul li .pro_zx a{display: block;width: 100%;height: 100%;color: #0397d1;}
.flodlist ul li:hover .pro_zx{background:#0397d1;}
.flodlist ul li:hover .pro_zx a{color: #fff;}
.stbox{border: 1px solid #c9c9c9;border-top: 0;}

.ad2{padding-top: 30px;}

.find{padding: 40px 0;}
.find .fd{font-weight: bold;width: 170px;margin: 0 auto;text-align: center;position: relative;font-size: 24px;}
.find .fd:after{position: absolute;width: 52px;height: 2px;background: #000;right:-32px;top: 50%;margin-top: -1px;content: '';}
.find .fd:before{position: absolute;width: 52px;height: 2px;background: #000;left:-32px;top: 50%;margin-top: -1px;content: '';}

.goodhw{padding-bottom: 50px;}
.goodhw ul li{box-sizing: border-box;float: left;border-right: 1px solid #e5e4e4;width: 300px;background: #fff;text-align: center;padding-bottom: 23px;}
.goodhw ul li:last-child{border-right:0;}
.goodhw ul li .ghwpic{overflow: hidden;}
.goodhw ul li .ghwpic img{transition: all .4s linear;}
.goodhw ul li:hover .ghwpic img{transform: scale(1.1);}

.goodhw ul li .ghwname{font-size: 14px;color: #3a3a3a;padding: 10px 0;}
.goodhw ul li .ghwintro{font-size: 12px;color: #666;padding-bottom: 23px;}
.goodhw ul li .ghwzx {width: 102px;margin: 0 auto;height: 27px;line-height: 27px;border: 1px solid #0397d1;border-radius: 20px;}
.goodhw ul li:hover .ghwzx{background: #0397d1;}
.goodhw ul li:hover .ghwzx a{color: #fff;}