html{_background: url(about:black) no-repeat fixed;}
body{background:#ededed;line-height:21px;color:#222; max-width:1920px; margin:0 auto; position:relative; min-width:1200px;}
a{color:#233330;}
a:hover{color:#000;text-decoration:none;}


body ::selection {color:#FFFFFF;background-color:#444;text-shadow:none;}
body ::-moz-selection {color:#FFFFFF;background-color:#444;text-shadow:none;}

.error{ background:#f7f8fa; text-align:center; width:1180px; margin:20px auto 0;}

.weixinPop{ position:fixed; z-index:999; right:-4px;top:45%;}
.weixinPop img{ width:60px; height:auto; transition:all .3s ease;}
.weixinPop:hover img{ width:149px; height:auto;}

.browse{width:100%;height:30px; left:0;top:0; line-height:30px; position:absolute; z-index:2000;}
.browse a{ background:url("../images/win-2.jpg") no-repeat 40px 50% #ffffe1; display:block; padding-left:70px;height:30px; line-height:30px; cursor:auto;}
.browse a:hover{ background:url("../images/win-1.jpg") no-repeat 40px 50% #3399ff;}
.browse span{ position:absolute; right:0;top:0; font-size:20px; cursor:pointer; width:30px;height:30px; text-align:center;}

.header{ background:#465d4c; height:60px;box-shadow:0 0 4px rgba(0,0,0,.1);}
.header .con{ margin:0 20px; position:relative; z-index:1000}
.header .logo{ float:left; margin-top:12px; width:110px;}
.header .logo img{ width:100%;}
.header .address{ float:left; position:relative; margin:16px 0 0 20px; z-index:100;}
.header .address dt{ font-size:15px; background:#fff; border-radius:15px; height:30px; line-height:30px; padding:0 15px; position:relative; z-index:19;}
.header .address dt a{ color:#000;}
.header .address dt span{ display:inline-block; border-left:1px solid #d9d9d9; height:12px; line-height:12px; margin-left:15px;}
.header .address dt span b{ display:inline-block;width: 0; vertical-align:middle; margin-left:5px;height: 0;border-left: 5px solid transparent; border-right: 5px solid transparent;border-top: 5px solid #c0a29a;}
.header .address dd{ border-radius:0 5px 5px 5px; box-shadow:0 0 4px rgba(0,0,0,.4); z-index:15; display:none; position:absolute; left:0; background:#fff; padding:10px; width:200px;}
.header .address dd a{ display:inline-block;  padding:0 10px; line-height:30px;}
.header .address dd a:hover{ background:#eee;}
.header .address:hover dd{ display:block;}
.header .address:hover dt{ border-radius:15px 15px 0 0;}

.header .nav{ position:absolute; width:840px; left:50%; margin-left:-420px; top:16px;}
.header .nav li{ float:left; position:relative; }
.header .nav a{  color:#fff; display:block;height:30px;border-radius:15px;  line-height:30px; width:120px; font-size:14px; font-weight:700;  text-align:center;}
.header .nav a:hover{ background:#20604F;}
.header .nav a.cur{color:#BF795E;}
.header .nav .pop{ box-shadow:0 0 4px rgba(0,0,0,.1); z-index:100; text-align:center; left:-15px;  padding:60px 0 10px; top:-20px; width:150px;  position:absolute; background:#86A697; border-radius:0 0 5px 5px;  display:none; }
.header .nav .pop a{ font-size:12px; border-radius:4px; display:inline-block; padding:4px 15px;}
.header .nav .pop a:hover{ background:#20604F;}
.header .nav li:hover a{ position:relative; z-index:103;}
.header .nav li:hover .pop{ display:block;}
.header .tel{ float:right; margin:15px 0 0 0;}


.strenght {width:1180px;margin:0 auto 40px;height:56px;overflow:hidden;position:relative;box-shadow:0 0 4px rgba(0,0,0,.1);}
.strenght ul{width:1186px;position:absolute;left:0;top:0;}
.strenght ul li{height:56px;vertical-align:top;}
.strenght .strenght-area{float:left;width:294px;height:39px;margin-right:1px;background-color:#fff;position:relative;padding-top:17px;}
.strenght .strenght-area i{background:url("../images/icon-list-8.png") no-repeat;}
.strenght .strenght-area p.en{font-family:Times new Roman;}
.strenght .strenght-area p{text-align:center;padding-left:80px;padding-right:20px;text-transform: uppercase;line-height:14px;font-family:Microsoft YaHei;}
.strenght .icon-1 i{width:21px;height:27px;position:absolute;left:53px;top:15px;background-position:0 0;}
.strenght .icon-2 i{width:31px;height:24px;position:absolute;left:48px;top:17px;background-position:-46px 0;}
.strenght .icon-3 i{width:23px;height:28px;position:absolute;left:43px;top:15px;background-position:-77px 0;}
.strenght .icon-4 i{width:24px;height:24px;position:absolute;left:50px;top:17px;background-position:-21px 0;}
.strenght .icon-5 i{width:34px;height:21px;position:absolute;left:35px;top:20px;background-position:-176px 0;}
.strenght .icon-6 i{width:40px;height:25px;position:absolute;left:52px;top:17px;background-position:-212px 0;}
.strenght .icon-7 i{width:43px;height:21px;position:absolute;left:43px;top:20px;background-position:-132px 0;}
.strenght .icon-8 i{width:28px;height:28px;position:absolute;left:48px;top:14px;background-position:-101px 0;}
.strenght .strenght-area:hover{background-color:#eee;}




.footer{background-color:#233330;padding:40px 0 20px;min-width:1180px; }
.footer .strenght {width:1180px;margin:0 auto;height:56px;overflow:hidden;position:relative;box-shadow:0 0 20px #000;}
.footer-wrap{width:1180px;margin:40px auto 0;}
.footer-tel{color:#588079;float:left;width:360px;}
.footer-tel dt{float:left; width:100px;}
.footer-tel dt img{vertical-align:top;}
.footer-tel dd{float:left;margin-left:15px;padding-top:10px;line-height:17px; width:230px; }
.footer-tel dd h3{font-size:26px;margin-bottom:10px;color:#fff;line-height:30px; border-bottom:1px solid #3E5955; padding-bottom:10px;}
.footer-tel dd h3 img{ vertical-align:top;margin-right:8px;}

.footer-list{float:right;}
.footer-list dt{padding-bottom:10px;}
.footer-list dt{color:#84BFB5;font-size:14px; font-weight:700}
.footer-list dt a:hover{font-weight:700;}
.footer-list a{color:#fff;}
.footer-list a:hover{color:#fff;}
.footer-list dl{float:left;width:80px;text-align:right;margin-left:20px;}
.footer-list dl dd a{display:block;}
.footer-list dl dd a:hover{text-decoration:underline}
.footer-list dl dd a.f-red{ color:#887344;}
.footer-list dl dd a.f-red:hover{ color:#c9b78d; }

.footer-copy{color:#588079;text-align:right;margin-top:40px;}
.footer-copy a{color:#588079;}
.footer-copy a:hover{color:#fff; text-decoration:underline;}
.footer-link{color:#588079;text-align:center;margin-top:30px;}
.footer-link a{display:inline-block;vertical-align:middle;color:#999;}
.footer-link em{ margin:0 4px; color:#333;}
.footer-link a:hover{ color:#fff;}

.indent{ text-indent:2em;}



.pop-fix-kf{ position:fixed; right:-15px;top:20%; width:104px; height:241px; background:url(http://topcrab.com/images/common/kefuBG.png) right 0 no-repeat; z-index:1100;}
.pop-fix-kf .icon-close{width:14px;height:14px; line-height:14px; background:; border:1px solid #333; color:#666; border-radius:50%; right:23px; top:8px; position:absolute; text-align:center; opacity:.5}
.pop-fix-kf .s1{ display:block; width:60px; height:62px; margin:90px auto 0;text-align:center; font-family:"\5b8b\4f53"; color:#ebd4ac; line-height:10px;}
.pop-fix-kf .s1 .icon
{
    -webkit-animation:bounce 1.2s .2s ease both infinite;
    -moz-animation:bounce 1.2s .2s ease both infinite;
     margin-bottom:3px; display:inline-block; background:url(http://topcrab.com/images/common/kefuIc.png) no-repeat; width:35px; height:35px;}
.pop-fix-kf .s2{background:url(http://topcrab.com/images/common/kefuBG2.png) center 0 no-repeat; font-family:"\5b8b\4f53"; color:#ebd4ac; text-align:center;line-height:14px; width:60px; margin:0 auto 0; display:block; height:88px; position:relative; z-index:3; }
.pop-fix-kf .s2 .tel{background:url(http://topcrab.com/images/common/kefuTel.png) center top no-repeat; display:inline-block; width:60px; height:36px;margin-top:10px;}
.fix-tel{display:none; border-radius:4px 0 0 4px; background:url(http://topcrab.com/images/common/telbg.png) repeat-x; height:87px; width:500px; position:absolute; right:-500px; bottom:0; z-index:0;}
.fix-tel input{ margin:18px 0 0 20px; vertical-align:middle; width:180px; padding:0 20px; height:50px;font-size:14px; font-family:arial,"宋体"; border:0; background:#fff; line-height:50px\9;}
.fix-tel .btn{ color:#222; font-weight:700; width:157px; text-align:center; vertical-align:middle;margin:18px 0 0 1px; display:inline-block; line-height:50px; height:50px; font-size:16px; color:#4d3610; text-shadow:1px 1px 0 #fff; background:url(http://topcrab.com/images/common/btn.png) no-repeat;}
.fix-tel .btn:hover{ opacity:.8;}
.fix-tel .btn:active{ opacity:1;}

.comPopVideo{
    cursor: pointer;
    width: 60px;
    height: 100px;
    z-index: 1100;
    background: url(http://topcrab.com/images/common/popFixVideo.png) no-repeat;
    position: fixed;
    right: 7px;
    margin-top: 245px;
    top: 20%;
}


.goTop{ width:60px; background:url(http://topcrab.com/images/icon-top.png) no-repeat; height:56px;
        
    cursor: pointer;
    z-index: 1100;
    position: fixed;
    right: 7px;
    margin-top: 350px;
    top: 20%;
}

.popVideoComFix{position:fixed;  background:#000; opacity:.5;filter:alpha(opacity=50);   left:0;top:0; width:100%;  height:100%; z-index:4990;}
.popVideoCom{ position:fixed; left:50%; top:50%; margin:-200px 0 0 -300px; width:600px; height:400px; z-index:5000; border:10px solid #111; background:#000; border-radius:3px;}