﻿.index-news{ background: #CCC; height: 50px; overflow: hidden;}
.index-news .t{ float: left; height: 50px; line-height: 50px; font-size: 16px; padding-right: 30px; border-right: 1px solid #AAA;}
.index-news ul{ float: left;}
.index-news li a{ display: block; height: 50px; line-height: 50px;}
.index-news li span{ padding-left: 30px; color:#999;}
.txtScroll-top{float:left; padding-left: 30px; }
.txtScroll-top .bd{ float:left;}
@media only screen and (max-width: 767px){
.index-news .t{ padding-right: 15px; padding-left: 10px;}
.txtScroll-top{ padding-left: 15px;}
.index-news li span{ display: none;}
}
.i-title{ text-align: center; padding: 25px 0;}
.i-title .tbox{ height: 56px;}
.i-title .tit{ height: 31px; display: inline-block; border-bottom: 2px solid #097F3B; padding: 0 50px;}
.i-title .tit h3{ font-weight: 100; font-size: 30px; line-height: 2; padding: 0 15px; background: #FFF; color:#097F3B;}
.i-title p{ font-size: 14px; color:#666; font-weight: 100;}
.bg2 .i-title .tit h3{ background: #F6F6F6;}
@media only screen and (max-width: 767px){
.i-title .tit h3{ font-size:14px;}
}
.i-goods{ padding-bottom: 30px;}
.i-goods li{ float: left; width: 33.33333333%;}
.i-goods li:nth-child(3n+1){ clear: both; }
.i-goods li .thumb img{ display: block; margin:0 auto; width: 180px; height: 180px; padding: 3px; border: 1px dashed #097F3B;
transition:all ease 1s;-webkit-transition:all ease 1s;-moz-transition:all ease 1s;-o-transition:all ease 1s;-ms-transition:all ease 1s;transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;}
.i-goods li:hover .thumb img{transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);}
.i-goods li .txt{ display: block; padding: 5px 0; width: 188px; margin: 0 auto; text-align: center;}
.i-goods li .txt h3{ font-size: 16px; font-weight: 100; line-height: 2;}
.i-goods li:hover .txt h3{ color:#025E31;}
@media only screen and (max-width: 767px){
.i-goods li .thumb img{ width: 150px; height: 150px;}
}
@media only screen and (max-width: 480px){
.i-goods li{ width: 50%;}
}
.sc4list{ padding-bottom: 40px;}
.sc4list .item{ float: left; width: 25%;}
.sc4list .item .cont{ width: 65%; margin: 0 auto; padding:5%; border: 1px solid #EEE; background: #F6F6F6;}
.sc4list .item *{ font-size: 14px; color:#555; line-height: 2;}
.sc4list .item h3{ text-align: center; font-size: 18px; padding-bottom: 5px; color:#025E31;}
.sc4list .item .cont:hover{ background: #097F3B; border-color:#025E31;}
.sc4list .item .cont:hover h3,
.sc4list .item .cont:hover *{ color:#FFF;}
@media only screen and (max-width: 767px){
.sc4list .item{ width: 50%; margin-bottom: 10px;}
}
.tech-tops .txt{padding:40px 0 15px 0;}
.tech-tops .txt *{ font-size: 16px; color:#025E31; line-height: 1.8;}
.tech-tops .txt h3{ font-size: 20px; line-height: 2;}
.tech-tops .item{width: 25%; float: left;}
.tech-tops .thumb{ display: block; width: 100%; border: 1px solid #F6F6F6;}
@media only screen and (max-width: 767px){
.tech-tops .item{width: 50%;}
}
.i-news{ margin: 0 -20px; padding: 15px 0 30px 0;}
.i-news .item{ padding: 0 20px;color:#555;}
.i-news .item *{font-size: 12px; line-height: 1.8;}
.i-news .item .tit{ height: 45px; line-height: 60px; overflow: hidden; font-size: 16px; color:#097F3B; border-bottom: 1px solid #097F3B;}
.i-news .item .tit .more{ float: right; font-size: 12px; color:#666; margin-top: 20px;}
.i-news .item .tit .more:hover{ color:#097F3B; text-decoration: underline;}
.i-news .item li{  padding: 5px 0; border-bottom: 1px dashed #EEE; }
.i-news .item li span{ float: right; color:#888;}
.i-news .item li a:hover{ color:#097F3B;}
.i-news .item .cont{ padding: 5px 0;}