﻿*{ margin:0px; padding:0px;}
body{ color:#333333; font-size:12px; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif; background-color:#ffffff}
div,table,tr,td,img,ul,li,h1,h2,h3,h4,h5,h6,p,em,font,span,dl,dt,dd,form,textarea,input,form,cite{ margin:0; padding:0; }
ul,ol{ list-style-type:none;}
h1,h2,h3,h4,h5{font-weight:500;}
img{ border:none;}
.hidden{ display:none;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#007cd3; text-decoration:none;}
.undis{ display:none}
.dis{ display:block}
.fl{ float:left; display:inline}
.fr{ float:right; display:inline}
.w{MARGIN: 0px auto; width:1200px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
input:focus,textarea:focus{ outline:none;}



::-webkit-input-placeholder { /* WebKit browsers */
    color:    #a0a0a0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #a0a0a0;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #a0a0a0;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #a0a0a0;
}





.top{ height:57px; width:1200px; height:174px; background:url(../images/top.png); margin-top:40px}
.tb{ width:207px; height:41px; background:url(../images/yy.png); position:absolute; left:50%; top:0px; margin-left:-750px}
.banner{ height:801px; background:url(../images/banner.jpg) center no-repeat; min-width:1200px}
.tit{ min-width:1200px; position:relative}
.tit h3{ text-align:center; font-size:36px; font-family:微软雅黑; margin-top:110px;}
.tit h4{ text-align:center; font-size:36px; font-family:微软雅黑; margin-top:5px; color:#00cccc; font-weight:bold}
.tit h5{ text-align:center; font-size:20px; font-family:微软雅黑; margin-top:5px; color:#646464; }
.tit h6{ text-align:center; font-size:26px; font-family:微软雅黑; margin-top:10px;}

.tit .ico{ position:absolute; width:114px;  height:35px; background:url(../images/ico1.png); left:50%; margin-left:150px; top:-39px}
.tit2{ min-width:1200px; position:relative; margin-top:35px}
.tit2 { text-align:center; font-size:35px; font-family:微软雅黑;  color:#ffffff; }
.tit2 .ico{ position:absolute; width:114px;  height:35px; background:url(../images/ico2.png); left:50%; margin-left:150px; top:-39px}


.item1{ height:763px; background:url(../images/ren.png) center no-repeat; position:relative; margin-top:55px}
.item1 .lie { width:150px; text-align:center}
.item1 .lie .img{ text-align:center}
.item1 .lie dl{ font-size:16px; font-weight:bold; display:block; padding:3px 0; line-height:180%}
.item1 .lie p{ font-size:14px;padding:3px 0; color:#646464; font-family:微软雅黑; line-height:150%}
.item1  .lis1{ position:absolute; left:0px; top:0px}
.item1  .lis2{ position:absolute; left:205px; top:0px}
.item1  .lis3{ position:absolute; left:828px; top:0px}
.item1  .lis4{ position:absolute; right:0px; top:0px}
.item1  .lis5{ position:absolute; left:0px; top:390px}
.item1  .lis6{ position:absolute; right:0px; top:390px}
.item2{ width:1200px; overflow:hidden; padding-top:30px;}
.item2  ul{ width:1300px}
.item2 li{ float:left; width:223px; position:relative; margin-right:100px; height:410px}
.item2 .q{ position:absolute; width:72px; height:71px; background:url(../images/quan.png); top:10px; right:-10px;}
.item2 li dl{ text-align:center; display:block; font-size:20px; line-height:180%; font-weight:bold}
.item2 li  p{ display:block; font-size:16px; font-family:微软雅黑; color:#646464; height:98px}
.item2 li a{display:block; width:180px; height:40px; border:2px solid #ffcc66; line-height:40px; text-indent:22px;color:#ffcc66;font-size:15px;}
.item2 li  span{ float:right; height:40px; background:url(../images/jt.jpg) center center no-repeat #ffcc66; display:inline-block; width:47px}
/*.item2 li:hover a{ display:block; font-size:15px; color:#ffcc66}
.item2 li:hover .q{ display:block}*/




.picScroll-left{ overflow:hidden; position:relative; margin:0px auto; margin-bottom:10px; margin-top:150px   }
.picScroll-left .hd{ overflow:hidden;  height:50px; padding:0 10px; text-align:center; width:170px; margin:0px auto}
.picScroll-left .hd .prev,.picScroll-left .hd .next{  width:50px; height:90px;margin-right:5px;  overflow:hidden;cursor:pointer; display:inline-block; float:left}
.picScroll-left .hd .next{ background:url(../images/left.png)}
.picScroll-left .hd .prev{background:url(../images/right.png)}
.picScroll-left .hd .nextStop{ background:url(../images/left.png) }
.picScroll-left .hd ul{ overflow:hidden; zoom:1; margin-top:20px; zoom:1; display:inline-block; float:left }
.picScroll-left .hd ul li{ display:inline-block; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background-color:#e5e5e5;border-radius:50% 50%; }
.picScroll-left .hd ul li.on{ background-color:#00cbcb}


.picScroll-left .bd{ padding:10px   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }

.cirl{ width:1200px; height:10px; position:relative; z-index:9999; margin:0px auto}
.cirl .c{ width:430px; height:430px; background-color:#0dcece;border-radius:50% 50%; position:absolute; right:0px; top:0px}
.cirl .c2{ position:absolute; z-index:2; right:55px; top:0px}
.cirl .con{ width:270px; margin:66px auto; font-size:16px; color:#FFFFFF; line-height:180%}
.cirl .con h5{ font-size:30px; color:#FFFFFF; line-height:220%; display:block; margin-top:83px}

.bg3{ background-color:#00cbcb; padding:25px 0; overflow:hidden; margin-top:15px}
.item3{ width:1200px; overflow:hidden; padding-top:30px;}
.item3 ul{ width:1300px}
.item3 li{ float:left; width:377px; margin-right:35px}
.item3 li .con{ background-color:#FFFFFF;border-radius:15px; height:645px; position:relative; margin-top:55px}
.item3 li .img{ text-align:center}
.item3 li .con .jt{ width:34px; height:28px; background:url(../images/jt.png); position:absolute; left:50%; position:absolute; top:-28px; margin-left:-17px}
.item3 li .con-list{ text-align:center; overflow:hidden}
.item3 li .con-list dl{ display:block; margin-top:20px}


.item4{ margin-top:55px}
.item4 li{ margin-top:75px; clear:both; overflow:hidden}
.item4 li.l1:before{content:"01";display:block; float:left; width:105px; font-family:微软雅黑; font-size:60px; color:#00cbcb; font-weight:bold}
.item4 li.l2:before{content:"02";display:block; float:left; width:105px; font-family:微软雅黑; font-size:60px; color:#00cbcb; font-weight:bold}
.item4 li.l3:before{content:"03";display:block; float:left; width:105px; font-family:微软雅黑; font-size:60px; color:#00cbcb; font-weight:bold}
.item4 li.l4:before{content:"04";display:block; float:left; width:105px; font-family:微软雅黑; font-size:60px; color:#00cbcb; font-weight:bold}
.item4 li .fl h5{ font-size:24px; color:#323232; font-family:微软雅黑}
.item4 li .fl .con{ font-size:16px; color:#646464; font-family:微软雅黑; width:460px; margin-top:10px; font-weight:100; min-height:150px}
.item4 li .fl .con p{ display:block; padding-left:15px; position:relative; line-height:29px}
.item4 li  .con p:before{content:"";display:block;width:5px;height:5px;background:#00cbcb;border-radius:50% 50%;  position:absolute; left:0px; top:10px}
.zs{ margin-top:80px}
.item4 li    a{  width:180px; height:40px; border:2px solid #ffcc66; line-height:40px; text-indent:22px; display:block;font-size:15px; color:#ffcc66}
.item4 li  a   span{ float:right; height:40px; background:url(../images/jt.jpg) center center no-repeat #ffcc66; display:inline-block; width:47px}
.aboutbg{ height:1000px; background:url(../images/bjt.png) center bottom no-repeat; margin-top:100px}

.about-w{ float:right; width:595px}
.about-w .tits { width:300px}
.about-w .tits h3{ color:#00cbcb; font-size:39px}
.about-w .tits  p{ font-size:20px}
.about-w .tits span{ float:right}
.about-w .con{ font-size:14px; color:#646464; line-height:180%; margin-top:15px}
.pos{ position:relative; min-height:1080px}
.aboutlist{ width:1200px; position:absolute; bottom:0px; left:0px}
.aboutlist ul{ width:1300px;}
.aboutlist li{ float:left; margin-right:33px; text-align:center; line-height:33px; font-size:15px}
.conactbg{ background-color:#00cbcb; height:400px; min-width:1200px; margin-top:100px}
.contacts{ width:1200px; position:relative; margin:0px auto;}
.cottact-con{ position:absolute; background-color:#FFFFFF; top:100px; left:0px;border-radius:5px; width:100%; height:400px;-moz-box-shadow: 10px 10px 5px #f1f1f1; /* 老的 Firefox */box-shadow: 0px 10px 10px  0 #f1f1f1; }
.cottact-con .contact-tit{ text-align:center; color:#415773; font-size:13px}
.cottact-con .contact-tit h3{ color:#00cccc; font-size:33px; font-weight:bold; padding-top:35px}

.book{ width:1300px; margin-top:22px}
.book input{ width:219px; height:35px; background-color:#f2f2f2; border:0px; padding-left:20px; float:left; margin-left:50px; }
.content{ width:1100px;  margin:10px auto;}
.text{ width:1065px;background-color:#f2f2f2; border:none; padding:10px 20px;}

.clear{clear:both;}
.kefu{width:180px;height:225px;position:fixed;right:10px;top:50%;z-index:999;}
/*.kefu{display:none;}*/
.kefu-title{height:55px;line-height:55px;text-align:center;background:#00CBCB;color:#fff;font-size:20px;font-weight:bolder;box-shadow:0 0 2px #aeaeae;}
.kefu-qq,
.kefu-phone{height:40px;line-height:40px;box-sizing:border-box;border:1px solid #dcdcdc;font-size:15px;font-weight:bolder;text-indent:50px;box-shadow:0 0 2px #aeaeae;}
.kefu-qq{background:url(../images/qq.png) no-repeat 20px center #fff;}
.kefu-qq:hover,
.kefu-phone:hover{background-position:-180px center;}
.kefu-phone:hover{color:#00CBCB}
.kefu-qq a{display:block;height:40px;color:#646464;text-decoration:none;}
.kefu-qq:hover a{color:#00CBCB;}
.kefu-phone{background:url(../images/phone.png) no-repeat 20px center #fff;color:#646464;}
.kefu-wechat,
.gotop{width:40px;height:40px;box-sizing:border-box;border:1px solid #dcdcdc;float:right;cursor:pointer;box-shadow:0 0 2px #aeaeae;}
.gotop a{display:inline-block;width:40px;height:40px;outline:none;}
.kefu-wechat{background:url(../images/wechat.png) no-repeat 6px center #fff;}
.kefu-wechat:hover{background-position:-44px center;}
.gotop{background:url(../images/up.png) no-repeat 12px center #fff;}
.gotop:hover{background-position:-38px center;}
.kf-qrcode{width:180px;height:180px;box-shadow:0 0 5px #ccc;position:fixed;right:50px;top:50%;display:none;z-index:1000;}
.kf-qrcode img{width:180px;height:180px;}

.tj{ text-align:center; padding-top:15px}
.tj .sub{ background-color:#ffcc66; color:#FFFFFF; width:149px; height:35px; line-height:35px; text-align:center; border:0px;border-radius:25px; font-size:15px}

.foot{ margin-top:150px}
.foot .logo{ float:left; margin-top:55px}
.foot .address{ float:left; margin-left:100px; margin-top:55px; line-height:180%; font-size:15px}
.foot .vxs{ float:right;border-radius:35px 35px;}

.huodong{width:220px;height:330px;box-shadow:0 0 20px #999;position:fixed;top:50%;margin-top:-330px;left:15px;z-index:9999;}
.huodong img{width:100%;height:330px;}
.huodong .close{position:absolute;width:30px;height:30px;border:1px solid #dcdcdc;background:red;right:0;top:0;line-height:30px;text-align:center;color:#fff;cursor:pointer;opacity:0.5;}
.huodong .close:hover{opacity:1;}