/* CSS Document */
*{margin:0; padding:0; font-family:Arial, Helvetica, 微软雅黑, sans-serif; touch-action: pan-y;}
a{ color:#333; text-decoration:none;}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;  vertical-align: middle;}
input, textarea,select, button{outline:medium; blr:expression(this.onFocus=this.blur());}
.clear{ clear:both;}

/***************侧导航************/
#fp-nav ul li, .fp-slidesNav ul li{ margin:16px 6px; width:14px; height:14px;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{ border:2px solid #fff;     width: 10px;  height: 10px; top:0; left:0;}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{ background:#fff; margin:0;}

.container{ width:1300px; margin:0 auto; display: table;}

/* .box-one{ background:url(../images/box-one-bg.jpg) no-repeat center; background-size:cover;} */
.box-two{ background:url(../images/box-two-bg.jpg) no-repeat center; background-size:cover;}
.box-three{ background:url(../images/box-three-bg.jpg) no-repeat center; background-size:cover;}
.box-four{ background:url(../images/box-four-bg.jpg) no-repeat center; background-size:cover;}
.box-five{ background:url(../images/box-five-bg.jpg) no-repeat center; background-size:cover;}
.box-six{ background:url(../images/box-six-bg.jpg) no-repeat center; background-size:cover;}
.box-seven{ background:url(../images/box-seven-bg.jpg) no-repeat center; background-size:cover;}
.box-eight{ background:url(../images/box-eight-bg.jpg) no-repeat center; background-size:cover;}
.box-nine{ background:url(../images/box-nine-bg.jpg) no-repeat center; background-size:cover;}

.header{ position:fixed; top:0; left:0; width:100%; height:120px; background:rgba(255,255,255,.8); z-index:99999;}
.header .logo{ float:left; margin-top:36px;}
.header .nav{ float:left; margin-left:60px; margin-top:26px;}
.header .nav li{ float:left; line-height:68px; position:relative;}
.header .nav li>a{ font-size:16px; color:#333; display:inline-block; padding:0 20px; line-height:35px; border-radius:50px;}
.header .nav li:hover>a{ background:#22a8a9; color:#fff;}
.header .nav li dl{ position:absolute; width: 100%; background: rgba(255,255,255,1); text-align: center; top:100%; left:50%; transform:translateX(-50%); width:150px; overflow:hidden; border-radius:0 0 6px 6px; display:none; box-shadow:5px 5px 10px rgba(0,0,0,.35);}
.header .nav li:nth-child(3) dl{ width:240px;}
.header .nav li:nth-child(3) dd{ width:50%; float:left;}
.header .nav li:nth-child(4) dl{ width:370px;}
.header .nav li:nth-child(4) dd{ width:33%; float:left;}
.header .nav li dd{ line-height:45px; border-bottom:1px dashed #999; height:45px;}
.header .nav li dd:last-child{ border-bottom:none;}
.header .nav li dd a{ font-size:14px; color:#333; display:inline-block; width:100%; height:45px;}
.header .nav li dd:hover{ background:#22a8a9;}
.header .nav li dd:hover a{ color:#fff;}
.header .search{ float:right; line-height:120px; }
.header .search button{ line-height:30px; border:none; color:#fff; font-size:16px; background:url(../images/search-icon.png) no-repeat 12px;  padding: 0 12px 0 38px; border-radius:30px; background-size: 16px; cursor:pointer;}
/*.header .search button:hover{ background:url(../images/search.png) no-repeat 12px #225930; background-size: 16px;}*/

.search-tc{ position:relative; padding:30px 40px !important;}
.search-tc input[type="text"]{ width: 100%;    height: 45px;    border: none;    background: transparent;    border-bottom: 2px solid #fff; font-size:16px; color:#fff;}
.search-tc input[type="submit"]{ position:absolute; background:url(../images/search-icon2.png) no-repeat center; width: 40px; height: 45px; border: none; top: 30px;  right: 40px; cursor:pointer;}
.search-tc button{ border: 0; background: transparent; color: #fff; margin: 16px 0 0;}

.banner-text{ text-align:center;}
.banner-text .text2{ margin-top:10px;}

.banner-text{ text-align:center; height:100%;}
.banner-text .swiper-container { width: 100%; height: 100%; }
.banner-text .swiper-slide{ display: table; table-layout: fixed;}
.banner-text .info{ display: table-cell;  vertical-align: middle;}
.banner-text .text2{ margin-top:10px;}
.banner-text .swiper-container-horizontal>.swiper-pagination{ bottom:10px;}
.banner-text .swiper-pagination-bullet{ width:14px; height:14px;  opacity:1; background:#fff; margin:0 10px !important;}
.banner-text .swiper-pagination-bullet-active{ background:#22a8a9;}


.index-title{ text-align:center;}
.index-title .img{ margin-bottom:14px;}
.index-title .text{ font-size:22px; color:#d29660 !important; background:url(../images/index-text-bg.png) no-repeat center;}
.imore{ text-align:center;}
.imore a{ display:inline-block; width:150px; height:50px; background:#22a8a9; font-size:16px; color:#fff; font-weight:bold; line-height:50px; font-family: "微软雅黑";}
.imore a:hover{ background:#188081;}

.box-four .index-title .text, .box-six .index-title .text, .box-eight .index-title .text{ color:#fff;}
.box-eight .index-title .text, .box-nine .index-title .text{ background:url(../images/index-text-bg2.png) no-repeat center;}

.iproduct{ margin:110px 0 140px;}
.iproduct li{ float:left; width:310px;  margin-right: 20px;}
.iproduct li:last-child{ margin-right:0;}
.iproduct li .img{ width:310px; height:250px; overflow:hidden; text-align:center; background: white; }
.iproduct li .img img{ transition: all 0.3s linear 0s; }
.iproduct li:hover .img img{ transform: scale(1.1,1.1);}
.iproduct li .title{ font-size:14px; color:#fff; width:310px; height:50px; line-height:50px; text-align:center; background:#9c9c9c; font-weight:bold;}
.iproduct li:hover .title{ background:#22a8a9;}

.ifl{ margin-top:70px;}
.ifl li{ width:245px; height:205px; background:#fff; padding-top:30px; float:left; margin-bottom:22px;  margin-right: 18px;}
.ifl li:nth-child(5n){ margin-right:0;}
.ifl li:nth-child(5n-4){ clear:left;}
.ifl li .img{ height:100px; width:245px; overflow:hidden; text-align:center;}
.ifl li .img .img2{ display:none;}
.ifl li .title{ font-size:18px; color:#333; text-align:center; position:relative; margin-top:26px;}
.ifl li .title::before{ content:""; position:absolute; display:inline-block; width:70px; height:3px; background:#333; transform:translateX(-50%); left:50%; top:40px;}
.ifl li:hover .title{ color:#22a8a9; font-weight: bold; }
/* .ifl li:hover .img img{ display:none;} */
/* .ifl li:hover .img .img2{ display:inline-block;} */
/* .ifl li:hover .title{ color:#fff;} */
/* .ifl li:hover .title::before{ background:#fff;} */
.ifl li:hover .title::before{ background:#22a8a9;}
.ifl li .img img{ transition: all 0.3s linear 0s; margin-top: 20px }
.ifl li:hover .img img{ transform: scale(1.2,1.2);}

.iservice{ margin-top:60px;}
.iservice li{ float:left; width:325px;}
.iservice li .img{ width:325px; height:300px;}
.iservice li .box{ width:325px; height:230px; background:#f3f3f3; text-align:center; padding-top:70px;}
.iservice li .box .icon{ height:76px; line-height:76px; width:100%;}
.iservice li .box .cn{ margin-top:26px; font-size:18px; color:#333;}
.iservice li .box .en{ font-size:14px; color:#8d8d8d;  text-transform: uppercase; margin-top:20px;}

.icase{ margin-top:90px;}
.icase li{ float:left; width:420px; margin-right:20px;}
.icase li:last-child{ margin-right:0;}
.icase li .img{ width:420px; height:300px; overflow:hidden;}
.icase li .img img{ transition: all 0.3s linear 0s;}
.icase li:hover .img img{ transform: scale(1.1,1.1);}
.icase li .text{ background:#fff; padding:26px 25px 35px;}
.icase li .text .title{ font-size:16px; color:#333; font-weight:bold; text-align:center;}
.icase li .text .p{ font-size:14px; color:#8c8c8c; line-height:24px; margin-top:20px; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;}
.icase li .text .btns{ margin-top:20px; text-align:center;}
.icase li .text .btns span{ display:inline-block; width:78px; height:33px; line-height:33px; text-align:center; border:1px solid #bfbfbf; border-radius:30px; font-size:14px; color:#848484;}
.icase li:hover .text{ background:#22a8a9;}
.icase li:hover .text .title{ color:#fff;}
.icase li:hover .text .p{ color:#fff;}
.icase li:hover .text .btns span{ border:1px solid #fff; color:#fff;}
.icase li .text .btns span:hover{ background:#fff; color:#22a8a9;}

.isolution{ margin-top:80px;}
.isolution li{ float:left; margin-right:20px; margin-bottom:20px;}
.isolution li:nth-child(2n){ margin-right:0;}
.isolution li .img{ float:left; width:250px; height:250px; overflow:hidden;}
.isolution li .img img{ transition: all 0.3s linear 0s;}
.isolution li:hover .img img{ transform: scale(1.1,1.1);}
.isolution li .text{ float:left; width:330px; height:200px; padding:20px 30px 30px; background:#fff;}
.isolution li .text .title{ font-size:18px; color:#333; font-weight:bold; line-height:60px; border-bottom:1px solid #bfbfbf;}
.isolution li .text .p{ font-size:14px; color:#848484; margin: 20px 0 30px; line-height:24px; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}
.isolution li .text .btns{ text-align:right;}
.isolution li .text .btns span{ display:inline-block; width:78px; height:33px; line-height:33px; text-align:center; border:1px solid #bfbfbf; border-radius:30px; font-size:14px; color:#848484;}
.isolution li:hover .text .title{ color:#22a8a9;}
.isolution li .text .btns span:hover{ border:1px solid #22a8a9; background:#22a8a9; color:#fff;}

.inews{ margin-top:80px;}
.inews-left{ width:460px; height:500px; background:url(../images/inews-left-bg.jpg) repeat-x; padding-top:50px; float:left;}
.inews-left .img{ width:400px; height:275px; overflow:hidden; margin:0 auto;}
.inews-left .img img{ transition: all 0.3s linear 0s;}
.inews-left:hover .img img{ transform: scale(1.1,1.1);}
.inews-left .text{ padding:0 30px;}
.inews-left .text .title{ font-size:16px; color:#333; margin:16px 0;}
.inews-left .text .p{ font-size:14px; color:#909090; line-height:20px; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 5;    -webkit-box-orient: vertical;    overflow: hidden;}
.inews-left .text .date{ text-align:right; font-size:14px; color:#909090; position:relative; margin-top:24px;}
.inews-left .text .date i{ position:absolute; display:inline-block; width:100px; height:2px; background:#dadada; left:0; top:50%;}
.inews-left .text .date i::before{ content:""; display:inline-block; width:0px; height:2px; position:absolute; left:0; top:0; background:#22a8a9; transition: all 0.3s linear 0s;}
.inews-left:hover .text .title{ color:#22a8a9;}
.inews-left:hover .text .date i::before{ width:100%;}
.inews-right{ float:right; padding:0 20px 20px; width:775px; background:#fff;}
.inews-right li{ border-bottom:1px solid #dadada; padding:22px 0; overflow:hidden;}
.inews-right li .img{ width:200px; height:130px; float:left; margin-right:20px; overflow:hidden;}
.inews-right li .img img{ transition: all 0.3s linear 0s;}
.inews-right li:hover .img img{ transform: scale(1.1,1.1);}
.inews-right li .text{ float:left; width: 555px;}
.inews-right li .text .title{ font-size:16px; color:#333; margin:4px 0 10px;}
.inews-right li .text .p{ font-size:14px; color:#909090; line-height:22px; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;}
.inews-right li .text .date{ font-size:14px; color:#909090; position:relative; margin-top:10px;}
.inews-right li .text .date i{ position:absolute; display:inline-block; width:100px; height:2px; background:#dadada; right:0; top:50%;}
.inews-right li .text .date i::before{ content:""; display:inline-block; width:0px; height:2px; position:absolute; left:0; top:0; background:#22a8a9; transition: all 0.3s linear 0s;}
.inews-right li:hover .text .title{ color:#22a8a9;}
.inews-right li:hover .text .date i::before{ width:100%;}

.iabout{ margin-top:90px;}
.iabout .img{ width:570px; padding-top: 8px; float:left; overflow:hidden;}
.iabout .text{ float:right; width:690px;}
.iabout .text .p p{ font-size:14px; color:#fff; line-height:26px; text-indent:2em;}
.iabout .text .btns{ text-align:right; margin-top:24px;}
.iabout .text .btns a{ display:inline-block; width:100px; height:40px; background:#22a8a9; line-height:40px; text-align:center; color:#fff; font-size:14px;}
.iabout .text .btns a:hover{ background:#188081;}

.icontact{ margin-top:105px;}
.icontact .img{ width:600px; height:430px; float:left;}
.icontact .text{ width:600px; height:430px; float:right; padding:0 50px;  background:#fff;}
.icontact .text .tel{ background:url(../images/icontact-tel.png) no-repeat center left; padding-left:60px; margin-top:38px; margin-bottom:20px;}
.icontact .text .tel span{ font-size:14px; color:#333;}
.icontact .text .tel p{ font-size:30px; color:#22a8a9; font-weight:bold;}
.icontact .text .lx{ width:400px; float:left;}
.icontact .text .lx dt{ font-size:16px; color:#333; font-weight:bold;}
.icontact .text .lx dd{ font-size:14px; color:#333; margin-top:10px;}
.icontact .text .wx{ width:178px; float:right;}
.icontact .text .copy{ font-size:14px; color:#333; margin-top:26px; border-top:1px dashed #b5b5b5; padding:20px 0;}