html, body {
font: 14px/1.571429 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif;
color: #76838f;
margin: 0;
width: 100%;
max-width: 100%;
min-width: 320px;
min-height: 100%;
height: auto
}
html {
font-family: sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: transparent
}
article, aside, details, figcaption, figure, footer, header, codemain, menu, nav, section, summary {
display: block
}
audio, canvas, progress, video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
ul, li, dl, dt, dd {
list-style: none;
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
a:hover{color:#e82525;}
*, ::after, ::before {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.container {
max-width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: .9375rem;
padding-left: .9375rem
}
.container::after {
display: table;
clear: both;
content: ''
}
@media (min-width:480px) {
.container {
width: 606px
}
}
@media (min-width:768px) {
.container {
width: 750px
}
}
@media (min-width:992px) {
.container {
width: 970px
}
}
@media (min-width:1200px) {
.container {
width: 1170px
}
}
@media (min-width:1600px) {
.container {
width: 1310px
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-right: .9375rem;
padding-left: .9375rem
}
.container-fluid::after {
display: table;
clear: both;
content: ''
}
.row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
.row::after {
display: table;
clear: both;
content: ''
}
@media (min-width:480px) {
.row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media (min-width:768px) {
.row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media (min-width:992px) {
.row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media (min-width:1200px) {
.row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
position: relative;
min-height: 1px;
padding-right: .9375rem;
padding-left: .9375rem
}
@media (min-width:480px) {
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media (min-width:768px) {
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media (min-width:992px) {
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media (min-width:1200px) {
.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.col-xs-1 {
float: left;
width: 8.333333%
}
.col-xs-2 {
float: left;
width: 16.666667%
}
.col-xs-3 {
float: left;
width: 25%
}
.col-xs-4 {
float: left;
width: 33.333333%
}
.col-xs-5 {
float: left;
width: 41.666667%
}
.col-xs-6 {
float: left;
width: 50%
}
.col-xs-7 {
float: left;
width: 58.333333%
}
.col-xs-8 {
float: left;
width: 66.666667%
}
.col-xs-9 {
float: left;
width: 75%
}
.col-xs-10 {
float: left;
width: 83.333333%
}
.col-xs-11 {
float: left;
width: 91.666667%
}
.col-xs-12 {
float: left;
width: 100%
}
.offset-xs-1 {
margin-left: 8.333333%
}
.offset-xs-2 {
margin-left: 16.666667%
}
.offset-xs-3 {
margin-left: 25%
}
.offset-xs-4 {
margin-left: 33.333333%
}
.offset-xs-5 {
margin-left: 41.666667%
}
.offset-xs-6 {
margin-left: 50%
}
.offset-xs-7 {
margin-left: 58.333333%
}
.offset-xs-8 {
margin-left: 66.666667%
}
.offset-xs-9 {
margin-left: 75%
}
.offset-xs-10 {
margin-left: 83.333333%
}
.offset-xs-11 {
margin-left: 91.666667%
}
@media (min-width:480px) {
.col-sm-1 {
float: left;
width: 8.333333%
}
.col-sm-2 {
float: left;
width: 16.666667%
}
.col-sm-3 {
float: left;
width: 25%
}
.col-sm-4 {
float: left;
width: 33.333333%
}
.col-sm-5 {
float: left;
width: 41.666667%
}
.col-sm-6 {
float: left;
width: 50%
}
.col-sm-7 {
float: left;
width: 58.333333%
}
.col-sm-8 {
float: left;
width: 66.666667%
}
.col-sm-9 {
float: left;
width: 75%
}
.col-sm-10 {
float: left;
width: 83.333333%
}
.col-sm-11 {
float: left;
width: 91.666667%
}
.col-sm-12 {
float: left;
width: 100%
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.333333%
}
.offset-sm-2 {
margin-left: 16.666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.333333%
}
.offset-sm-5 {
margin-left: 41.666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.333333%
}
.offset-sm-8 {
margin-left: 66.666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.333333%
}
.offset-sm-11 {
margin-left: 91.666667%
}
}
@media (min-width:768px) {
.col-md-1 {
float: left;
width: 8.333333%
}
.col-md-2 {
float: left;
width: 16.666667%
}
.col-md-3 {
float: left;
width: 25%
}
.col-md-4 {
float: left;
width: 33.333333%
}
.col-md-5 {
float: left;
width: 41.666667%
}
.col-md-6 {
float: left;
width: 50%
}
.col-md-7 {
float: left;
width: 58.333333%
}
.col-md-8 {
float: left;
width: 66.666667%
}
.col-md-9 {
float: left;
width: 75%
}
.col-md-10 {
float: left;
width: 83.333333%
}
.col-md-11 {
float: left;
width: 91.666667%
}
.col-md-12 {
float: left;
width: 100%
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.333333%
}
.offset-md-2 {
margin-left: 16.666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.333333%
}
.offset-md-5 {
margin-left: 41.666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.333333%
}
.offset-md-8 {
margin-left: 66.666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.333333%
}
.offset-md-11 {
margin-left: 91.666667%
}
}
@media (min-width:992px) {
.col-lg-1 {
float: left;
width: 8.333333%
}
.col-lg-2 {
float: left;
width: 16.666667%
}
.col-lg-3 {
float: left;
width: 25%
}
.col-lg-4 {
float: left;
width: 33.333333%
}
.col-lg-5 {
float: left;
width: 41.666667%
}
.col-lg-6 {
float: left;
width: 50%
}
.col-lg-7 {
float: left;
width: 58.333333%
}
.col-lg-8 {
float: left;
width: 66.666667%
}
.col-lg-9 {
float: left;
width: 75%
}
.col-lg-10 {
float: left;
width: 83.333333%
}
.col-lg-11 {
float: left;
width: 91.666667%
}
.col-lg-12 {
float: left;
width: 100%
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.333333%
}
.offset-lg-2 {
margin-left: 16.666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.333333%
}
.offset-lg-5 {
margin-left: 41.666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.333333%
}
.offset-lg-8 {
margin-left: 66.666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.333333%
}
.offset-lg-11 {
margin-left: 91.666667%
}
}
@media (min-width:1200px) {
.col-xl-1 {
float: left;
width: 8.333333%
}
.col-xl-2 {
float: left;
width: 16.666667%
}
.col-xl-3 {
float: left;
width: 25%
}
.col-xl-4 {
float: left;
width: 33.333333%
}
.col-xl-5 {
float: left;
width: 41.666667%
}
.col-xl-6 {
float: left;
width: 50%
}
.col-xl-7 {
float: left;
width: 58.333333%
}
.col-xl-8 {
float: left;
width: 66.666667%
}
.col-xl-9 {
float: left;
width: 75%
}
.col-xl-10 {
float: left;
width: 83.333333%
}
.col-xl-11 {
float: left;
width: 91.666667%
}
.col-xl-12 {
float: left;
width: 100%
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.333333%
}
.offset-xl-2 {
margin-left: 16.666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.333333%
}
.offset-xl-5 {
margin-left: 41.666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.333333%
}
.offset-xl-8 {
margin-left: 66.666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.333333%
}
.offset-xl-11 {
margin-left: 91.666667%
}
}
@media (min-width:1600px) {
.col-xxl-1 {
float: left;
width: 8.333333%
}
.col-xxl-2 {
float: left;
width: 16.666667%
}
.col-xxl-3 {
float: left;
width: 25%
}
.col-xxl-4 {
float: left;
width: 33.333333%
}
.col-xxl-5 {
float: left;
width: 41.666667%
}
.col-xxl-6 {
float: left;
width: 50%
}
.col-xxl-7 {
float: left;
width: 58.333333%
}
.col-xxl-8 {
float: left;
width: 66.666667%
}
.col-xxl-9 {
float: left;
width: 75%
}
.col-xxl-10 {
float: left;
width: 83.333333%
}
.col-xxl-11 {
float: left;
width: 91.666667%
}
.col-xxl-12 {
float: left;
width: 100%
}
.offset-xxl-0 {
margin-left: 0
}
.offset-xxl-1 {
margin-left: 8.333333%
}
.offset-xxl-2 {
margin-left: 16.666667%
}
.offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.333333%
}
.offset-xxl-5 {
margin-left: 41.666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.333333%
}
.offset-xxl-8 {
margin-left: 66.666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.333333%
}
.offset-xxl-11 {
margin-left: 91.666667%
}
}
.clearfix::after {
display: table;
clear: both;
content: ''
}
.vertical-align {
font-size: 0
}
.vertical-align:before {
display: inline-block;
height: 100%;
content: '';
vertical-align: middle
}
.vertical-align-bottom, .vertical-align-middle {
font-size: 1rem;
display: inline-block;
max-width: 100%
}
.vertical-align-middle {
vertical-align: middle
}
.vertical-align-bottom {
vertical-align: bottom
}
/*页面顶部*/
.head-top .qilin-logo {
max-height: 96px;
}
.head-left {
float: left;
}
.head-right {
float: right;
}
.top-info .icon-box {
padding-right: 20px;
position: relative;
float: left;
}
.top-info .icon-box span {
color: #017648;
font-size: 50px;
padding-top: 25px;
padding-left: 0px;
position: relative;
}
.top-info .content-box {
padding-right: 20px;
position: relative;
float: left;
}
.top-info p {
font-size: 16px;
font-weight: normal;
color: #017648;
}
.navbar-toggler {
height: auto;
max-height: 60px;
padding: 24px 0px;
width: auto;
color: #76838f;
padding-right: 5px !important;
padding-left: 5px !important;
line-height: 22px;
position: relative;
float: right;
margin-top: 0;
margin-right: .9375rem;
margin-bottom: 0;
cursor: pointer;
border: 1px solid transparent;
border-radius: .215rem;
background: 0 0 !important;
background-image: none;
text-transform: none;
-webkit-writing-mode: horizontal-tb !important;
text-rendering: auto;
letter-spacing: normal;
word-spacing: normal;
text-indent: 0px;
text-shadow: none;
display: none;
text-align: center;
align-items: flex-start;
}
.navbar-toggler .hamburger {
vertical-align: middle;
font-size: 17px;
}
.hamburger .hamburger-bar, .hamburger:after, .hamburger:before {background-color: #666666;opacity: 1;margin: .2em 0;display: block;
width: 1em;
height: .1em;border-radius: 1px;color: #76838f; font-size: 17px;}
.hamburger:after, .hamburger:before {
content: "";
}
.hamburger:before {
margin:0px;
}
.hamburger:after, .hamburger:before {
-webkit-transition: -webkit-transform .2s ease-in-out;
-o-transition: -o-transform .2s ease-in-out;
transition: transform .2s ease-in-out;
}
.hamburger-close:before{
transform: rotate(45deg);
transform-origin: 8%;
}
.hamburger-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 8%;
-ms-transform-origin: 8%;
-o-transform-origin: 8%;
transform-origin: 8%;
}
.hamburger-close .hamburger-bar {
opacity: 0;
}
.navbar {
background: #017648;
}
.navlist {
height: 50px;
}
.navbar .navlist li {
float: left;
}
.navbar .navlist li .lia {
color: #fff;
padding-top: 0px;
padding-bottom: 0px;
height: 50px;
line-height: 50px;
padding: .715rem 3rem;
}
.navbar .navlist li:hover .lia{color:#e82525;}
.navbar .navlist li a {
}
.down-li {
position: relative;
}
.down-li a::after {
margin-top: -3px;
}
.down-li a::after {
display: inline-block;
width: 0;
height: 0;
content: '';
vertical-align: middle;
border-top: .286rem solid;
border-right: .286rem solid transparent;
border-left: .286rem solid transparent;
margin-right: 0;
margin-left: .3em;
}
.down-menu {
display: none;
top: 50px;
background-color: #017648;
border: 0px;
min-width: 0px;
width: 100%;
text-align: center;
font-size: 1rem;
position: absolute;
z-index: 1200;
left: 0;
float: left;
padding: 5px 0;
list-style: none;
border-radius: .215rem;
box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
transition: .25s;
}
.down-menu .down-lia {
color: #fff;
display: block;
padding: .572rem 1.072rem;
display: block;
clear: both;
width: 100%;
border-radius: .215rem;
animation: slide-left .5s both;
}
.down-menu .down-lia:hover {
background: #d42222!important;
animation: slide-left .5s both;
}
.down-menu .down-lia::after {
display: none;
}
.down-li:hover {
}
.down-li:hover .down-menu {
display: block;
}
@media(max-width:768px){
.head-left img{max-height:70px;}
.head-right{display:none;}
.navbar{display:none;}
.navlist li{width:100%;}
}
@media(max-width:425px){
.navbar-toggler{display:block;}
.head-right{display:none;}
.navbar{display:none;}
}
/*banner css*/
.banner {
width: 100%;
overflow: hidden;
position: relative;
}
.banner .hd {
height: 18px;
overflow: hidden;
position: absolute;
margin: 0 auto;
width: 100%;
bottom: 5px;
z-index: 1;
text-align: center;
}
.banner .hd ul {
overflow: hidden;
zoom: 1;
margin: 0 auto;
display: inline-block;
}
.banner .hd ul li {
float: left;
margin: 0px 5px;
width: 15px;
height: 15px;
line-height: 14px;
text-align: center;
background: #fff;
cursor: pointer;
border-radius: 50%;
}
.banner .hd ul li.on {
background: #f00;
color: #fff;
}
.banner .bd {
position: relative;
height: 100%;
z-index: 0;
}
.banner .bd li {
zoom: 1;
vertical-align: middle;
}
.banner .bd img {
width: 100%;
display: block;
}
.banner .prev, .banner .next {
position: absolute;
left: 3%;
top: 50%;
margin-top: -25px;
display: block;
width: 32px;
height: 40px;
background: url("../images/slider-arrow.png") -110px 5px no-repeat;
filter: alpha(opacity=50);
opacity: 0.5;
}
.banner .next {
left: auto;
right: 3%;
background-position: 8px 5px;
}
.banner .prev:hover, .banner .next:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.banner .prevStop {
display: none;
}
.banner .nextStop {
display: none;
}
.ititle{font-size: 36px;
color: #017648;
font-weight: bold !important;
background: url("../images/line.jpg.png") no-repeat bottom center;
padding-bottom: 10px; text-align:center;}
.ititlep{text-align:center;padding: 0 10%;
font-size: 16px;
color: #666666;}
/*产品列表*/
.productl{}
.productl .prolist{}
.productl .prolist li{ padding:0 10px; overflow:hidden;}
.productl .prolist li a img{width:100%;}
.productl .prolist li a:hover img{ transform:scale(0.9,0.9);transition-duration:2s;}
.productl .prolist li p{ text-align:center;font-weight: bold;
font-size: 19px;color: #017648;margin-top:.3rem;margin-bottom:2rem;}
.productl .prolist li a:hover p{color:#f00;transition-duration:2s;}
/*基地列表*/
.jidilist{}
.jilist{}
.jileft{}
.jileft ul{}
.jileft ul li{ text-align:center; line-height:60px;border-bottom:1px solid #fff;background:#e82525;}
.jileft ul li:hover{background:#fff;color:#e82525; transition: all .6s;}
.jileft ul li a{color:#fff; display:block; transition: all .6s;}
.jileft ul li:hover a{color:#e82525; transition: all .6s;}
.jiright{}
.jiright ul{}
.jiright ul li{ float:left; padding:2px;text-align:center;}
.jiright ul li img{width:100%;border-radius:10px; transition: all .6s;border:2px solid #fff; }
.jiright ul li p{font-size: 19px; color: #017648; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all .6s;}
.jiright ul li:hover img{ border:2px solid #e82525; transition: all .6s;}
.jiright ul li:hover p{color:#e82525; transition: all .6s;}
/*案例列表*/
.anlilist{}
.anlist{}
.anlist ul{}
.anlist ul li{float:left;text-align:center;}
.anlist ul li a{}
.anlist ul li img{width:100%;border-radius:10px; transition: all .6s;border:2px solid #fff;}
.anlist ul li p{font-size: 19px; color: #017648; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.anlist ul li:hover img{ border:2px solid #e82525; transition: all .6s;}
.anlist ul li:hover p{color:#e82525; transition: all .6s;}
/*关于我们*/
.ableft{}
.ableft img{width:100%;}
.abright{ text-indent:2em;}
.abright p{font-size: 18px;margin-left: 80px;
background: #ddd;
border-radius: 10px;
color: #000;
line-height: 30px;
padding: 0 20px; padding:40px;}
@media (max-width:768px){.abright p{margin-left: 0px;}}
/*新闻列表*/
.newslist{}
.newslist img{width:100%;}
.newslist ul li{margin:16px 0; padding:15px;
border: 1px solid transparent; transition: all 0.5s ease 0s;
margin-bottom: 15px;}
.newslist ul li a{font-size: 19px; color: #017648;}
.newslist ul li:hover{box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);transition: all 0.5s ease 0s;}
.newslist ul li a:hover{color:#e82525;}
.more{display: block;
margin: 0 auto;
width: 150px;
padding: 0 5px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 5px;
color: #017648;
border: 1px solid #017648;
margin-top: 50px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;transition: all 0.5s ease 0s;}
.more:hover {
color: #fff;
background-color: #e82525;
border-color: #e82525;transition: all 0.5s ease 0s;}
/*友情链接*/
.links{ margin-top:30px;}
.links .container{ text-align: left; box-shadow: 0px 0px 6px 0px #aaaaaa;
background-color: #ffffff;padding-top: 15px !important;
padding-bottom: 15px !important; max-width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: .9375rem;
padding-left: .9375rem;}
.links .container li{ float:left;
display: inline-block;
padding: 0 5px;}
.links .container li a{color:#76838f;}
.links .container li a:hover{color:#e82525;}
.links .container li:nth-child(1) {
color: #017648;
font-size: 15px;
font-weight: bold;}
/*底部*/
.footer-top{ padding: 40px 0px; background: #017648; border-top: 1px solid #f0f2f5}
.footer-top dl{}
.footer-top dl dt{margin-bottom: 11px;font-weight: 400; line-height: 1.2;}
.footer-top dl dt a{color:#fff;font-size: 16px !important;}
.footer-top dl dd a{ color: #b3b3b3;}
.footer-top dl dd a:hover, .footer-top dl dt a:hover{color:#e82525;}
.footer-top p{color: rgb(179, 179, 179); text-align:center;}
.footer-top p img{width:100%;}
footer{color: rgb(255, 255, 255);
background: rgb(1, 118, 72);
padding: 20px 0px; border-top:1px solid #aaa; }
footer .container{text-align:center;}
footer .container a{color:#fff;}
footer .container a:hover{color:#e82525;}
/*内页*/
.nbanner{}
.nbanner img{width:100%;}
.downnav{border-bottom: 1px solid #f0f2f5;}
.downnav ul{ text-align:center;}
.downnav ul li{ display:inline-block;line-height:32px;}
.downnav ul li a{color: #017648;display: block;
padding: 5px 10px;
font-size: 16px;}
.downnav ul li a:hover{color: #e82525;}
.downnav .active{color: #e82525;}
/*单页内容*/
.aboutn{}
.aboutn section{margin-top: 50px;width: 100%;
max-width: 100%;
font-size: 16px;
line-height: 1.8;color: #2a333c;}
.aboutn section::after {
display: table;
clear: both;
content: '';
}
/*产品列表*/
.productlist{padding-bottom: 30px;}
.ptitle{border-bottom: 1px solid #e1e1e1;
padding-bottom: 10px;}
.ptitle h2{font-size: 16px;
color: #017648;position: relative;
padding: 0; line-height:18px;border-left:4px solid #e82525; padding-left:20px;}
.plist{ padding:25px 0 0;overflow:hidden;}
.plist ul{}
.plist ul li{ margin-bottom:20px;}
.plist ul li a{color: #017648; font-size: 16px; display:block;}
.plist ul li img{width:100%;transition: all 1s ease 0s;border: 0;
display: block;
width: 100%;}
.plist ul li p span{float:right; opacity:0; color:#e82525; transition: ease .65s;}
.plist ul li p:after {
content: '';
display: block;
width: 0;
height: 1px;
background: #e82525;
background: ;
position: absolute;
left: 0;
bottom: -1px;
transition: ease .65s;
}
.plist ul li:hover p:after {
width: 100%;
}
.plist ul li:hover img {
transform: translate(10px, -10px);
box-shadow: 0 0 16px #b1b1b1;
}
.plist ul li:hover a{
transition: all 1s ease 0s;
color: #e82525;
}
.plist ul li:hover p span{opacity:1; transition: ease .65s; transform: translate(10px,0px);}
/*分页代码*/
.fenye{}
.fenye ul{ text-align:center;}
.fenye ul a{ display:inline-block;padding: 9px 15px;
border: 1px solid #e4eaec;
background: #ffffff;
text-align: center;
color: #76838f;margin:0;}
.fenye .active{color:#fff;background: #e82525;}
/*产品内容*/
.productc .col-lg-5{padding:20px;}
.productc .col-lg-5 img{width:100%;}
.productc .col-lg-7 h1{color: #017648;}
.productc .col-lg-7 .tel-box p{color: #017648; font-size:20px; font-weight:bold;margin:0;}
.productc .col-lg-7 .tel-box a{color: #e82525;font-size:30px; font-weight:bold;}
.pntitle{border-bottom: 1px solid #cccccc; margin-bottom:20px;}
.pntitle span{color:#017648; display:inline-block; padding: .715rem 1.429rem; border-bottom: 2px solid #017648;}
.tab-content{font-size:16px;line-height: 1.8;}
.tab-content p{font-size:16px;}
/*上下页*/
.prevn{padding:1em; clear:both; overflow:hidden;}
.prevn ul li{border:1px solid #017648;padding:1em;}
.prevn ul li a{color: #017648;}
.prevn ul li:nth-child(1){float:left;}
.prevn ul li:nth-child(2){float:right;}
.prevn ul li:hover{border-color:#e82525;}
.prevn ul li:hover a{color:#e82525;}
/*新闻列表*/
.lanmu{border-top: 1px solid #f0f2f5;border-bottom: 1px solid #f0f2f5; padding:15px 0;}
.lanmu li{margin:0px!important; padding:0px!important; line-height:1.5;}
.lanmu li a{font-size: 16px!important}
.tuijian h3{color:#017648;}
.tuijian ul{border:1px solid #f0f2f5;}
.tuijian ul li{border-bottom:1px solid #f0f2f5;margin:0!important;}
.tuijian ul li a{font-size:14px;}
/*新闻内容*/
.newtitle{ border-bottom:1px solid #cccccc;}
.newtitle h1{color: #017648;}
.newscontent{padding: 30px;
width: 100%;
max-width: 100%;
word-wrap: break-word;font-size: 16px;
line-height: 1.8;color:#2a333c; border-bottom:1px solid #cccccc;}
/*面包削导航*/
.navsub{}
.navsub a{color:#017648; margin:0 5px;}
.navsub a:hover{color:#e82525;}