@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2015-04-28 17:02:27
 * @version $Id$
 */
.header{ width: 100%; height: auto;}
.headerIn{ width: 972px; height: 130px; margin: 0 auto;}
.logo,.nav{ float: left;}
.nav{ margin: -45px 0 0 420px;}
.nav ul li{ float: left; padding: 0 19px;}
.nav ul li a{ color: #888888;}
.nav ul li a:hover{ color: #71b2f1;}
.header-lang{float:right;position:relative;z-index:200;background:url("../images/i1.png") no-repeat;width:125px;height:23px;}
.header-lang h3{cursor:pointer;width:115px;height:24px;color:#4c4c4c;text-indent:-9999em;}
.header-lang ul{overflow:hidden;min-width:114px;width:115px;position:absolute;right:0px;z-index:200; background:#fff;border:1px solid #e1e1e1;border-radius:5px;}
.header-lang ul li{width:100%;float:left;}
.header-lang ul li img{float:left;margin:8px 5px 0 0}
.header-lang ul li a{display:block;line-height:26px}
.header-lang ul li a:hover{background:#ccc;text-decoration:none}

.main{ width: 100%; height: auto; background: #e7edee;}
.mainIn{ width: 972px; height: auto; margin: 0 auto; padding-bottom: 30px;}
.content{ width: 94%;  height: auto; background: #fff; padding: 20px 3%;}
.topt h1{ font-size: 24px; float: left; margin-right: 10px;}
.topt span{ float: left; line-height: 30px;}
.top p{ margin-top: 15px;}
.top p span{ color: #71b2f1;}
.conmain{ margin-top: 24px;}
.pic{ width: 623px; padding: 2px; height: auto; border: 3px solid #00A072;}
.detail{ margin-bottom: 30px; margin-top: 20px;}
.detail p{ line-height: 24px;}
.detail img {
    border: 3px solid #00a072;
    margin: 10px 2px;
    width: 620px;
}
.left{ float: left; margin-right: 18px; width: 623px; margin-bottom:18px;}
.right{ float: left;}
.contact #inqurClick,.contact #inqurClick2{border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;cursor: pointer; width: 255px; padding: 15px 0 10px 10px;}
.contact #inqurClick,.contact #inqurClick2:hover{ background: #f9f9f6;}
.contact dl dt,.contact dl dd{ float: left;}
.contact dl dd{ color: #000; font-size: 16px; font-weight: bold;}
.contact dl dt{ margin-right: 15px;}
.contact a{ display: block; }
.contact .det{ margin: 10px 0 0 10px; }
.price{ padding-left: 10px; margin-top: 20px;}
.price p{ width: 107px; height: 72px; background: url(../images/price.jpg) no-repeat; line-height: 72px; padding-left: 10px;}

.position{ padding: 10px 0;}
.position a{ color: #888888;}

.bottom{ margin-top: 20px; background: #ffffff; padding-bottom: 10px; position: relative;}
.bottom h3{ width: 948px; color: #999999; height: 44px; line-height: 44px; padding-left: 24px; background: linear-gradient(#fafafa 0%,#f4f4f4 50%,#e6e6e6 100%);}
.showList{ display: block; margin: 0 auto; width: 962px; height: 218px; overflow: hidden; position: relative;}
.showListIn{ width: 2893px; position: absolute; left: 0; padding: 20px 10px; height: 198px;}
.showList dl{ float: left; margin: 0 28px 0 0; height: 198px; width: 215px;}
.showList dl dt{ height: 158px; width: 215px;  border: 1px solid #00a072;}
.showList dl:last-child{ margin-right: 0;}
.showList dl dd{ text-align: center;}
.showList dl dd a{ color: #888888; font-weight: bold;}
.bottom .leftAp,.bottom .rightAp{ display: block; width: 34px; height: 63px; background: url(../images/arrjt.png) no-repeat 0 0; position: absolute; top: 50%; margin-top: -31px;}
.bottom .leftAp{ background-position: -35px 0; left: -33px;}
.bottom .rightAp{ right: -33px;}

.footer{ width: 100%; height: auto;}
.footerIn{ width: 972px; height: 140px; margin: 0 auto; padding-top: 20px;}
.footerIn dl dd{ color: #aaaaaa;}
.footerIn dl{ float: left; margin-right: 96px;}
.footerIn dl:last-child{ margin-right: 0;}
.footerIn dl:first-child{ margin-right: 20px;}
.footerIn dl a{ color: #0180bf;}
.footerIn dl dt{ color: #aaaaaa;}




.inquriy { width: 972px; background: #fff; border: 1px solid #e1e1e1; border-top: 5px solid #009877; border-radius: 0 0 5px 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); display: none;}
.inquirTop{ padding: 26px 40px;}
.liuyan { background: #fff; width: 508px;float: left;}
.liuyan dl {margin-right: 40px; float: left; margin-top: 2px;}
.liuyan dl:nth-child(3){ margin-right: 0;}
.liuyan dl dt { width: 229px;font-size: 13px;color: #4c4c4c;}
.liuyan dl dd input {width: 229px;height: 26px;line-height: 26px;border: 1px solid #ccc;font-size: 14px;
color: #9e9e9e;border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);}
.inquriy .sup_img {float: right;}
.liuyan p input {float: left;width: 96px;height: 37px;margin: 0;padding: 0;background: none;border: none;cursor: pointer;}
.liuyan dl dd textarea { width: 463px;height: 170px;border: 1px solid #ccc;
font-size: 14px;color: #9e9e9e;padding: 12px 20px 0 14px;margin: 0;resize: none;border-radius: 3px;box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);}
.liuyan p a { float: left;width: 87px;height: 37px;}
.liuyan .infoInput{ text-transform: uppercase; width:80px; float:left;}

.send{ padding: 12px; background: #fefefe; border-top: 1px solid #e1e1e1;}
.send .ci-submit{ border: 0; width: 164px; height: 38px; display: block; background: url(../images/sendmess.jpg) no-repeat;}

.col4{ float: left; width: 320px; margin-left: 30px;}
.inner-box { padding: 20px; background: #fff;}
#stay-safe .inner-box-compact { background: #fdfaea; padding: 18px 12px;}
#stay-safe h3 { font-size: 13px; margin-bottom: 8px; font-weight: bold; color: #404040;}
#stay-safe h4 { line-height: 1; padding-bottom: 2px; color: #404040;}
#stay-safe ul { margin: 0 0 10px 0;}
#stay-safe li { line-height: 12px; background: url(../images/dian.png) no-repeat left 3px; padding-left: 10px; margin: 2px 0;}