/*******************************************************
* body
*******************************************************/
body,html {
    font-size  : 16px;
    font-family: "Microsoft Yahei", Arial, sans-serif;
    background : #fff;
    min-width: 1200px;
}



/*******************************************************
* homepage   common  i-title
*******************************************************/
.i-title {
	margin-bottom: 3.25em;
	padding-left: 1.25em;
	border-left: 0.5em solid #22ac74;
	line-height: 1;
}

.i-title h2 {
	margin-bottom: 0.5em;
	font-size: 150%;
	font-weight: 600;
}

.i-title p {
	color: #333;
	font-size: 125%;
}

.more {
	display: block;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	background-color: #f2ad2b;
	position: relative;
}

.more i {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
	width: 0.8em;
	height: 0.15em;
	background-color: #fff;
	border-radius: 0.1em;
	-webkit-transform-origin: 0.725em 0.075em;
			transform-origin: 0.725em 0.075em;
}

.more i.ico-tp {
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}

.more i.ico-bt {
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
}

.more:hover {
	background-color: #22ac74;
}

.section {
	margin-top: 4em;
}



/*******************************************************
* homepage  .i-about
*******************************************************/
.i-about .wrapper {
	width: 100%;
	overflow: hidden;
}

.i-about .wrapper .col.fl {
	margin-right: 90px;
	width: 704px;
}

.i-about .wrapper .col.fl a.img {
	margin: 0 0 1em;
	overflow: hidden;
}

.i-about .wrapper .col.fl a.img img {
	-webkit-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}

.i-about .wrapper .col.fl a.img:hover img {
	-webkit-transform: scale(1.1);
			transform: scale(1.1);
}

.i-about .wrapper .col.fl a.img img {
	width: 100%;
}

.i-about .wrapper .col.fl p {
	color: #333;
	line-height: 2;
}

.i-about .wrapper .col.fl a.more {
	margin-top: 1.8em;
	font-size: 125%;
}

.i-about .wrapper .col.fr {
	width: 406px;
	height: 320px;
	background: url(../images/picture/i_about_bg.jpg);
	background-size: 100% 100%;
}

.i-about .wrapper .col.fr a {
	float: left;
	width: 100px;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	border-right: 1px solid #a1a1a1;
	position: relative;
}

.i-about .wrapper .col.fr a span {
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	margin: auto;
	padding: 0.625em 0.375em;
	width: 1em;
	height: 6em;
	color: #aaa;
	font-size: 137.5%;
	line-height: 1.5;
	border: 2px solid transparent;
	border-width: 2px 0;
}

.i-about .wrapper .col.fr a.cur,
.i-about .wrapper .col.fr a:hover {
	background: #2b8a6b;
}

.i-about .wrapper .col.fr a.cur span,
.i-about .wrapper .col.fr a:hover span {
	color: #fff;
	border-color: #fff;
}



/*******************************************************
* homepage  .i-product
*******************************************************/
.i-product {
	padding: 2em 0;
	background: #efefef;
}

.i-product .category {
	margin: 0 auto 3em;
	text-align: center;
	line-height: 36px;
}

.i-product .category a {
	padding: 0.5em;
	font-size: 87.5%;
}

.i-product .category a:hover {
	color: #22ac74;
	background: #fff;
}

.i-product .category label {
	display: inline-block;
	margin-left: 2em;
	height: 36px;
	background: #f8f8f8;
}

.i-product .category label input {
	width: 240px;
	height: 34px;
	text-indent: 1em;
	border: none;
	outline: none;
	background: #f8f8f8;
	vertical-align: top;
}

.i-product .category label button {
	width: 36px;
	height: 36px;
	border: none;
	outline: none;
	vertical-align: top;
	cursor: pointer;
	overflow: hidden;
	background: transparent url(../images/icon/search.png) no-repeat center -30px;
}

.i-product .category label button:hover {
	background: #22ac74 url(../images/icon/search.png) no-repeat center 8px;
}

.i-product .row {
	margin-bottom: 2em;
	width: 100%;
}

.i-product .row .item {
	margin-left: 45px;
	float: left;
	line-height: 0;
	width: 370px;
	height: 352px;
	overflow: hidden;
	position: relative;
	-webkit-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}

.i-product .row .item.ml0 {
	margin-left: 0;
}

.i-product .row .item .desc {
	padding-left: 20px;
	height: 74px;
	line-height: 74px;
	background-color: #fff;
}

.i-product .row .item .desc .more {
	font-size: 75%;
	margin: 2.1em 2em 1.9em;
}

.i-product .row .item.item1 {
	width: 785px;
	height: 408px;
}

.i-product .row .item.item1 .info {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 3em;
	margin: auto;
	width: 17.5em;
	height: 12em;
	line-height: 2;
	letter-spacing: 2px;
	background: transparent;
}

.i-product .row .item.item1 .info h3 {
	padding-bottom: 0.5em;
	color: #e5f4ee;
	font-size: 125%;
	font-weight: 600;
}

.i-product .row .item.item1 .info p {
	color: #97dfc2;
	font-size: 150%;
	font-weight: lighter;
}

.i-product .row .item.item1 .info .know {
	margin-top: 3em;
	display: inline-block;
	width: 8em;
	height: 2em;
	color: #d0dfd9;
	line-height: 2;
	text-align: center;
	border: 1px solid #d0dfd9;
}

.i-product .row .item.item2 {
	height: 408px;
}

.i-product .row .item.item2 .desc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5em;
	line-height: 5em;
	background: #f2ad2b;
}

.i-product .row .item.item2 .desc h3 {
	color: #fff;
}

.i-product .row .item.item2 .desc .more {
	font-size: 87.5%
}

.i-product .row .item:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

.i-product .row .item:hover .desc {
	background: #f2ad2b;
}

.i-product .row .item .desc .more:hover {
	background-color: #f2ad2b;
}

.i-product .row .item.item1:hover .info .know {
	color: #fff;
	border-color: #fff;
}




/*******************************************************
* homepage  .i-news
*******************************************************/
.i-news .col.fl {
	margin-right: 80px;
	width: 468px;
}

.i-news .col.fl a.img {
	margin-bottom: 1.5em;
	overflow: hidden;
}

.i-news .col.fl a.img img {
	width: 100%;
}

.i-news .col.fl a.img:hover img {
	-webkit-transform: scale(1.1);
			transform: scale(1.1);
}

.i-news .col.fl h3 a:hover {
	color: #22ac74;
}

.i-news .col.fl h3 small {
	color: #666;
	font-size: 80%;
	font-weight: normal;
}

.i-news .col.fl p {
	margin-top: 0.5em;
	line-height: 2;
}


.i-news .col.fr {
	width: 652px;
}

.i-news .col.fr dl {
	padding-left: 2em;
	margin-bottom: 1.75em;
	position: relative;
}

.i-news .col.fr dl:after {
	content: "";
	position: absolute;
	top: 0.75em;
	left: 0;
	width: 0.5em;
	height: 0.25em;
	background-color: #22ac74;
}

.i-news .col.fr dl dt {
	margin-bottom: 0.75em;
	font-size: 100%;
	font-weight: 600;
}

.i-news .col.fr dl dt a:hover {
	color: #22ac74;
}


.i-news .col.fr dl dd {
	color: #666;
	font-size: 87.5%;
	line-height: 2;
}



/*******************************************************
* 内页样式 公用
*******************************************************/
.inner-banner {
	margin: 0 auto;
	width: 100%;
	height: 450px;
	overflow: hidden;
	position: relative;
	max-width: 1920px;
}

.inner-banner p {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 100%;
}

.inner-banner p img {
	width: 100%;
}

.article {
	margin-top: 2.5em;
	width: 888px;
}



/*******************************************************
* 内页样式 公用 标签
*******************************************************/
.content {
	padding: 30px 0;
}

.content > h1 {
	margin-bottom: 1em;
	color: #333;
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 2px;
}

.content > h2 {
	margin-bottom: 0.75em;
	text-align: center;
	line-height: 1.6;
}

.content > h3 {
	line-height: 1.5;
	margin-bottom: 0.5em;
}

.content > h4 {
	margin: 2em 0 0.75em;
	color: #f2ad2b;
	line-height: 1.5;
}



.content > p {
	margin-bottom: 0.75em;
	line-height: 1.8;
	text-indent: 2em;
	text-align: justify;
	letter-spacing: 1px;
}

.content > p.indent {
}

.content > ul {
	/*margin-left: 20px;*/
	margin-bottom: 2em;
	line-height: 1.8;
}

.content > ul > li {
	margin-bottom: 0.5em;
	color: #666;
	font-size: 0.875em;
	/*list-style: circle;*/
}


.content > .times {
	padding-bottom: 10px;
	margin: 0 auto 30px;
	width: 60%;
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
}

.content > .times i {
	padding-right: 20px;
	color: #999;
	font-size: 0.875em;
	font-style: normal;
}

.content > .pd-img {
	width: 100%;
	text-align: center;
}

.content > .pd-img img {
	max-width: 100%;
}

/*******************************************************
* 内页样式  vision
*******************************************************/
.vision {
	text-align: center;
}

.vision > p {
	text-align: center;
}

.vision > h4 {
	text-align: center;
}

/*******************************************************
* 内页样式  product
*******************************************************/
.product {
	width: 100%;
}

.product > ul {
	width: 980px;
}

.product > ul > li {
	margin: 0 24px 24px 0;
	float: left;
	width: 212px;
	height: 300px;
}

.product > ul > li a {
	padding: 10px 10px 46px;
	display: block;
	width: 190px;
	height: 226px;
	line-height: 0;
	overflow: hidden;
	position: relative;
	border: 1px solid #dcdcdc;
	-webkit-transition: 0.15s ease-in-out;
			transition: 0.15s ease-in-out;
}

.product > ul > li a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product > ul > li a .name {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 40px;
	color: #666;
	line-height: 40px;
	text-align: center;
	-webkit-transition: 0.15s ease-in-out;
			transition: 0.15s ease-in-out;
}

.product > ul > li a:hover {
	border-bottom-width: 0;
	-webkit-transform: scale(1.05);
			transform: scale(1.05);
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
			box-shadow: 0 0 12px rgba(0,0,0,0.5);
}

.product > ul > li a:hover .name {
	color: #fff;
	background-color: #22ac74;
}



/*******************************************************
* 内页样式  case
*******************************************************/
.case {
	width: 100%;
	margin: 2.5em 0;
	overflow: hidden;
}

.case > ul {
	margin-top: 2.5em;
	width: 1248px;
}

.case > ul > li {
	margin: 0 45px 45px 0;
	float: left;
	width: 370px;
	height: 300px;
}

.case > ul > li a {
	display: block;
	line-height: 0;
	overflow: hidden;
	-webkit-transition: 0.15s ease-in-out;
			transition: 0.15s ease-in-out;
}

.case > ul > li a img {
	width: auto;
	height: auto;
	min-width: 100%;
	max-height: 260px;
}

.case > ul > li a .name {
	display: block;
	width: 100%;
	height: 40px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	background: #cacaca;
	-webkit-transition: 0.15s ease-in-out;
			transition: 0.15s ease-in-out;
}

.case > ul > li a:hover {
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,0.5);
			box-shadow: 0 0 12px rgba(0,0,0,0.5);
}

.case > ul > li a:hover .name {
	background-color: #22ac74;
}



/*******************************************************
* 内页样式  folder
*******************************************************/
.content > dl.folder {
	padding-left: 20px;
	border-bottom: 1px dashed #dcdcdc;
	position: relative;
}

.content > dl.folder:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 8px;
	height: 8px;
	background-color: #22ac74;
	border-radius: 50%;
}

.content > dl.folder dt {
	color: #333;
}

.content > dl.folder dd {
	text-align: right;
}

.content > dl.folder dd a {
	display: inline-block;
	width: 120px;
	height: 100%;
	color: #666;
	background: url(../images/icon/);
}



/*******************************************************
* 内页样式  news
*******************************************************/
.content > .news {
    margin: 0 0 20px;
    padding: 0 0 20px;
    letter-spacing: 1px;
    border-bottom: 1px dashed #dcdcdc;
}

.content > .news dt {
	margin-bottom: 0.75em;
    width: 100%;
    overflow: hidden;
}

.content > .news dt a {
	color: #333;
	font-size: 1em
}

.content > .news dt .time {
	color: #999;
}

.content > .news dt a:hover {
	color: #333;
}

.content > .news dd {
	color: #999;
	font-size: 0.875em
}


/*******************************************************
* 内页样式  contact
*******************************************************/
.content > dl.contact {
	margin-bottom: 1.5em;
	padding: 0 8px 0;
	color: #666;
	line-height: 2.5;
}

.content > .map {
	height: 400px;
	border: 1px solid #dcdcdc;
}

.content > .map .map-content {
	width: 100%;
	height: 100%;
}

.content > form {
	width: 100%;
}

.content > form > .line {
    width: 100%;
    margin-bottom: 1.5em;
    line-height: 40px;
}

.content > form > .line > label {
    display: inline-block;
    width: 80px;
    color: #666;
    font-size: 16px;
    vertical-align: top;
}

.content > form > .line > input {
    padding: 0;
    width: 50%;
    height: 36px;
    color: #333;
    font-size: 16px;
    line-height: 36px;
    text-indent: 1em;
    border: 1px solid #dcdcdc;
    outline: 0;
}

.content > form > .line > textarea {
	padding: 0;
    width: 50%;
    height: 96px;
    font-size: 16px;
    line-height: 32px;
    text-indent: 1em;
    border: 1px solid #dcdcdc;
    outline: 0;
    resize: vertical;
}

.content > form > .line button {
    margin-left: 60px;
    width: 100px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    border: 0;
    outline: 0;
    background: #22ac74;
    cursor: pointer;
}

.content > form > .line #submit {
	margin-left: 160px;
}

.content > form > .line button:hover {
    background: #197d54;
}

.content > form > .line button:active {
    background: #11573b;
}
`
.content > form > .line input:focus,
.content > form > .line textarea:focus {
    border-color: #22ac74;
    box-shadow: 0 0 2px #22ac74;
}



/*******************************************************
* 内页样式 公用 class
*******************************************************/
.content > .img {
	margin-bottom: 1.5em;
	width: 100%;
	max-height: 320px;
	overflow: hidden;
}

.content > .img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}


    .slide {
        width: 100%;
        position: relative
    }

    .slide .slide-wrapper {
        margin: 0 auto;
        width: 700px;
        height: 320px;
        overflow: hidden;
        position: relative;
    }

    .slide .slide-wrapper ul.slide-display {
        position: absolute;
        top: 0;
        left: 0;
        width: 2000px;
        height: 100%;
    }

    .slide .slide-wrapper ul.slide-display li {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 800px;
        margin: auto;
        width: 400px;
        height: 263px;
        line-height: 0;
    }

    .slide .slide-wrapper ul.slide-display li.left {
        left: 0;
        width: 300px;
        height: 197px;
        z-index: 2;
    }
    .slide .slide-wrapper ul.slide-display li.middle {
        left: 150px;
        z-index: 3;
    }
    .slide .slide-wrapper ul.slide-display li.right {
        width: 300px;
        height: 197px;
        left: 400px;
        z-index: 2;
    }

    .slide .slide-wrapper ul.slide-display li img { width: 100%; }

    .slide a {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 40px;
        height: 40px;
    }

    .slide a.slide-prev { left: 0; }
    .slide a.slide-next { right: 0; }

    .slide a i {
        margin: 0 4px;
        padding: 0 16px 19px;
        width: 0;
        height: 0;
        overflow: hidden;
        background: url(../images/icon/prev_next.png) no-repeat;
    }

    .slide a.slide-prev i { background-position: -44px center; }
    .slide a.slide-next i { background-position: -84px center; }
    .slide a.slide-prev:hover i { background-position: -4px center; }
    .slide a.slide-next:hover i { background-position: -124px center; }

    .slide p {
        color: #666;
        font-size: 14px;
        text-align: center;
    }