/* CSS Document */
.web-img1 {padding:160px 0 72px;}
.web-img {padding:160px 0 155px;}
.web-img .webbanner {position:static;margin:auto;}
.web-img .webbanner h1{font-size:36px;text-align: center;}
.hi {display:block;width:197px;height:148px;background:url(../images/radius3.png) center no-repeat;position:relative;line-height:normal;margin-left:18px;}
.hi strong {display:inline-block;color:#ffa100;font-size:90px;position:absolute;left:33px;top:32px;font-family:"微软雅黑";line-height:90px;font-weight:normal;}
.hi small {color:red;font-size:26px;position:absolute; top:81px;font-family:"微软雅黑";text-align: center;}
.webbanner h2 {color:#005c4c;font-size:40px;font-weight:normal;line-height:normal;margin-top:5px;margin-left:18px;}
.service-box {padding:80px 0 60px;background:#fff;}
.service {position:relative;}
.service h2 {margin-left:18px;position:relative;padding-bottom:28px;color:#000;font-size:28px;font-weight:normal;width:640px;line-height:1.6;margin: 0 auto;}
.service h2 small {width:107px;height:5px;background:#a0a0a0;position:absolute;left:0;bottom:0;}
.service p {color:#646464;font-size:14px;line-height: 30px;margin-top:30px;margin-left:18px;width:770px;margin: 30px auto;}
.load {display:block;width:56px;height:56px;border:1px solid #a0a0a0;position:absolute;right:0;bottom:5px;}
.load:before {content:"";width:17px;height:21px;background:url(../images/down2.png) center no-repeat;position:absolute;left:21px;top:18px;transition:480ms;}
.load:hover {border-color:#005c4c;}
.load:hover:before {top:22px;background:url(../images/down3.png) center no-repeat;}
.hi-box {padding:46px 0 0;position:relative;}
.hibg {width:100%;height:175px;position:absolute;left:0;bottom:0;}
.hi-text {position:relative;z-index:10;}
.hi-text h2 {margin-left:16px;color:#ffffff;font-size:22px;font-weight:normal;line-height:normal;padding-bottom:12px;position:relative;margin-bottom:70px;}
.hi-text h2:before {content:"";width:108px;height:5px;background:#fff;position:absolute;left:0;bottom:0;}
.hi-list {width:750px;margin-left:16px;margin: 0 auto;}
.hi-list li {width:330px;height:auto;background:#fff;float:left;margin-right:40px;position:relative;overflow:hidden;margin-bottom:48px;}
.hi-list li a {display:block;position:relative;height:100%;}
.hi-list li img{width:100%; height:auto;}
.hi-list li a:before {content:"";width:1px;height:0%;position:absolute;left:0;top:0;background:#005c4c;transition:480ms;}
.hi-list li a:after {content:"";width:1px;height:0%;position:absolute;right:0;bottom:0;background:#005c4c;transition:480ms;}
.hi-title {position:relative;padding:0 11%;height:85px;}
.hi-title:before {content:"";width:100%;height:85px;position:absolute;left:0;top:-85px;opacity:0;transition:580ms;background:#005c4c;}
.hi-title h4 {display:inline-block;color:#26262d;font-size:22px;position:relative;line-height:normal;padding-bottom:16px;margin-top:40px;font-weight:normal;float:left;transition:480ms;z-index:5;}
.hi-title h4:before {content:"";width:31px;height:4px;background:#969696;position:absolute;left:0;bottom:0;transition:380ms;}
.hi-title i {width:69px;height:66px;float:right;margin-right:3px;margin-top:15px;transition:680ms;position:relative;z-index:5;}
.hi-list li:nth-child(1) .hi-title i {background:url(../images/hy1.png) center no-repeat;}
.hi-list li:nth-child(2) .hi-title i {background:url(../images/hy2.png) center no-repeat;}
.hi-list li:nth-child(3) .hi-title i {background:url(../images/hy3.png) center no-repeat;}
.hi-list li:nth-child(4) .hi-title i {background:url(../images/hy4.png) center no-repeat;}
.hi-fix {width:78%;margin:auto;margin-top:26px;padding-top:28px;border-top:1px solid #e5e5e5;}
.hi-fix p {color:#26262d;font-size:13px;line-height:1.9;}
.hi-fix span {position:absolute;width:100%;height:35px;color:#fff;background:#005c4c;left:0;bottom:-35px;line-height:35px;text-align:center;transition:550ms;}
.hi-list li:hover .hi-title:before {top:0;opacity:1;}
.hi-list li:hover .hi-title h4 {color:#fff;}
.hi-list li:hover .hi-title h4:before {background:#fff;}
.hi-list li:hover a:before,.hi-list li:hover a:after {height:100%;}
.hi-list li:hover .hi-fix span {bottom:0;}
.hi-list li:nth-child(1):hover .hi-title i {background:url(../images/hy1_1.png) center no-repeat;}
.hi-list li:nth-child(2):hover .hi-title i {background:url(../images/hy2_1.png) center no-repeat;}
.hi-list li:nth-child(3):hover .hi-title i {background:url(../images/hy3_1.png) center no-repeat;}
.hi-list li:nth-child(4):hover .hi-title i {background:url(../images/hy4_1.png) center no-repeat;}
.hi-text .load {bottom:200px;border-color:#fff;}
.hi-text .load:before {background:url(../images/down4.png) center no-repeat;}
.hi-text .load:hover {border-color:#005c4c;}
.hi-text .load:hover:before {background:url(../images/down3.png) center no-repeat;}
.viewtitle-box {padding:160px 0 36px;background:#1080d4;border-bottom:5px solid #005c4c;}
.viewtitle {width:735px;margin:auto;border-top:1px solid #fff;}
.productname {margin-top:16px;position:relative;}
.productname span {color:#ffffff;font-size:14px;line-height:normal;}
.productname h2 {color:#fff;font-size:40px;font-weight:normal;}
.price {margin-top:52px;}
.price p {display:inline-block;float:left;color:#ffffff;font-size:14px;line-height:30px;}
/*.numle {margin-left:22px;float:left;margin-right:58px;}
.numble-box {float:left;margin-left:11px;}
.numble-box span {display:inline-block;transition:650ms;float:left;cursor:pointer;width:26px;height:28px;border:1px solid #818181;}
.numble-box span.sele {background:url(../images/sele.jpg) center no-repeat;}
.numble-box span.adds {background:url(../images/add.jpg) center no-repeat;}
.numble-box span.sele:hover {border-color:#ffa100;background:url(../images/sele1.jpg) center no-repeat;}
.numble-box span.adds:hover {border-color:#ffa100;background:url(../images/add1.jpg) center no-repeat;}
*/.price b {display:inline-block;color:#ffffff;font-size:22px;font-weight:normal;position:relative;line-height:30px;float:left;margin:0 8px 0;}
.pricetitle {float:left;margin-left:24px;}
.pricetitle .dels {margin-left:26px;line-height:42px;color:#1080d5;}
.purchase a {display:block;position:absolute;}
.purchase a:nth-child(1) {width:31px;height:18px;background:url(../images/car1.png) center no-repeat;right:12px;top:58px;cursor:default;}
.purchase a:nth-child(1):hover {background:url(../images/car3.png) center no-repeat;}
.purchase a:nth-child(2) {width:34px;height:44px;padding:10px 10px 0;border-radius:50%;border:1px solid #fff;text-align:center;color:#ffffff;font-size:14px;line-height:normal;right:0;bottom:-12px;}
.purchase a:nth-child(2):hover {border-color:#005c4c;color:#005c4c;}
.view-text {width:735px;margin:auto;margin-bottom:110px;}
.view-fix {padding:24px 0;}
.view-list {display:block;margin-bottom:24px;}
.view-list dt {display:block;color:#646464;font-size:18px;font-weight:bolder;margin:20px 0;}
.view-list dd {display:block;font-weight:normal;font-size:18px;color:#2f2f2f;height:auto;line-height:30px;}
.view-list:nth-child(4) {margin-left:98px;}
.view-list:nth-child(4),.view-list:nth-child(3) {display:inline-block;}
.describe {padding-top:20px;border-top:8px solid #818181;}
.describe .describe-list{  font-size: 18px;line-height: 30px;}
.describe .describe-list b{padding:10px 0;}
.describe .describe-list div{margin:10px 0;}
.describe .next{font-size:16px;color:#444;}
.describe .next a{font-size:16px;color:#ed1c24;}
.inner h3{margin-bottom: 30px;color: red;text-align: center;}