/*--------------------------------------------
|        Type:    CSS Document 
+---------------------------------------------
|        Author:  蔡慧 
+---------------------------------------------
|        QQ:    807159382
+---------------------------------------------
|        Mail:   807159382@qq.com
+---------------------------------------------*/

/*--------------------------------------------
|              CAIHUI
+-------------------------------------------*/



body{background-color: #fff;min-width: 1200px;}
.boxItem01 img{width: 100%;}
.chtext{position: relative;height: 20px;}
.chtxt{position: absolute;left:0;top:60px;height: 320px;width:380px;background:rgba(0,0,0,.6);padding: 30px;color: #fff;}
.chtxt h3{font-size: 28px;padding-bottom: 15px;}
.chtxt p{font-size:16px;}
.boxItem01 .comWidth{position: relative;}

.boxItem02{padding: 50px 0;}
.boxItem02 .comWidth{/*border-left: 2px solid #02a9ab;*/padding: 50px 0;}

.box01{position: relative;padding:160px 0 100px 0;border-left: 2px solid #02a9ab;border-top:1px solid #02a9ab;}
.box01 .Img{display: block;/*margin-left: 30px;*/margin-top: -60px;width: 580px;height: 360px;overflow: hidden;}
.box01 .Img img{width: 580px;height: 360px;}
.box01 .Img:hover img{transform:scale(1.1,1.1);transition:all 1s;}
.box01 .text{margin:20px 0 0 20px;width: 560px;position: relative;height: 250px;}
.box01 .text a.tit1{font-size: 32px;line-height:60px;}
.box01 .text a:hover,.box02 .text a:hover{color:#02a9ab;transition:all 0.5s;}
.box01 .text p.hux{line-height:40px;color:#666;font-size: 16px;background: url(../images/hx.png) no-repeat 0 center;padding-left: 26px;}
.box01 .text em.city{margin-left:10px;padding: 1px 5px;color:#fff;background: #48bf01;border-radius: 5px;}
.box01 .text p.dz{line-height:40px;color:#666;font-size: 16px;background: url(../images/dz.png) no-repeat 0 center;padding-left: 26px;}
.box01 .text p.yhui{line-height:40px;color:#f92c5d;font-size: 16px;background: url(../images/yh.png) no-repeat 0 center;padding-left: 26px;}
.box01 .text em.line{height: 2px;width: 30px;display: block;background: #f39000;}
.box01 .text p.pri{font-size:16px; color:#bbb;/* margin-top:10px;*/}
.box01 .text p.pri em{color:#f92c5d; font-size:32px;  margin-right:10px;}
.box01 .text p.hux{line-height: 36px;font-size:16px;color:#666;}
.box01 .ccalink{margin-top: 10px;position: absolute;right:20px;bottom: 0;}
.box01 .ccalink a{padding: 7px 12px;color:#fff;border-radius: 5px;}
.box01 .ccalink a em img{vertical-align: middle;}
.box01 .ccalink .a1{background:#02a9ab;}
.box01 .ccalink .a2{background:#48bf01;}
.box01 .ccalink .a3{background:#ff7a44; }
.rou{display: block;width: 16px;height: 16px;background: url(../images/list2.png) no-repeat center center;position: absolute;top:-9px;left: -9px;border-radius: 100%;}
.box01 .text p.type em{border:1px solid #b2b2b2;padding:4px 8px;margin-right: 10px;border-radius: 5px;color:#bbb;}
.box01 .text p.type{margin: 8px 0;}
.box02 .Img{display: block;/*margin-left: 30px;*/margin-top: -60px;width: 580px;height: 360px;overflow: hidden;}
.box02 .Img img{width: 580px;height: 360px;}
.box02 .Img:hover img{transform:scale(1.1,1.1);transition:all 1s;}
.box02 .text{margin:20px 0 0 20px;width: 560px;position: relative;height: 250px;}
.box02 .text a.tit1{font-size: 32px;line-height:60px;}
.box02 .text p.hux{line-height:40px;color:#666;font-size: 16px;background: url(../images/hx.png) no-repeat 0 center;padding-left: 26px;}
.box02 .text em.city{margin-left:10px;padding: 1px 5px;color:#fff;background: #48bf01;border-radius: 5px;}
.box02 .text p.dz{line-height:40px;color:#666;font-size: 16px;background: url(../images/dz.png) no-repeat 0 center;padding-left: 26px;}
.box02 .text p.yhui{line-height:40px;color:#f92c5d;font-size: 16px;background: url(../images/yh.png) no-repeat 0 center;padding-left: 26px;}
.box02 .text em.line{height: 2px;width: 30px;display: block;background: #f39000;}
.box02 .text p.pri{font-size:16px; color:#999; margin-top:10px;}
.box02 .text p.pri em{color:#f92c5d; font-size:30px;  margin-right:10px;}
.box02 .text p.hux{line-height: 36px;font-size:16px;color:#666;}
.box02 .ccalink{margin-top: 10px;position: absolute;right:20px;bottom: 0;}
.box02 .ccalink a{padding: 7px 12px;color:#fff;border-radius: 5px;}
.box02 .ccalink a em img{vertical-align: middle;}
.box02 .ccalink .a1{background:#02a9ab;}
.box02 .ccalink .a2{background:#48bf01;}
.box02 .ccalink .a3{background:#ff7a44; }
.box01 .ccalink a:hover,.box02 .ccalink a:hover{padding:7px 27px;transition: 0.4s all;/*border-radius: 18px;*/color:#fff;}
.box02 .text p.type em{border:1px solid #b2b2b2;padding:4px 8px;margin-right: 10px;border-radius: 5px;color:#bbb;}
.box02 .text p.type{margin: 8px 0;}


.tit{display: block;width: 266px;height: 46px;position: absolute;top:-22px;left: 18px;background: #f39000;font-size:24px;line-height: 46px;text-align: center;color:#fff;border-radius: 5px;}
.tit a{display: block;color: #fff;}
.box02{/*border-top: 1px solid #02a9ab;*/position: relative;border-top:1px solid #02a9ab;padding:160px 0 100px 0;border-right: 2px solid #02a9ab;}
.rou02{display: block;width: 16px;height: 16px;background: url(../images/list2.png) no-repeat center center;position: absolute;border-radius: 100%;top:-9px;right: -9px;}
.tit02{display: block;width: 300px;height: 46px;position: absolute;top:-22px;right: 18px;background: #f39000;font-size:24px;line-height: 46px;text-align: center;color:#fff;border-radius: 5px;}
.tit02 a{display: block;color: #fff;}
.bg{background: #f8f8f8;height: 300px;}
.box01 .bg{border-left: 30px solid #02a9ab;}
.box02 .bg{border-right: 30px solid #02a9ab;}











































