/* CSS Document */
*{margin:0; padding:0; font-family:Arial, Helvetica, 微软雅黑, sans-serif; }
a{ color:#333; text-decoration:none;}
ul, ol{list-style-type:none;}
img{border:0; max-width:100%;  vertical-align: middle;}
.container{width:1300px; margin:0 auto; height:100%;}
.clear{clear:both;}
body{ overflow-x:hidden; position:relative; }
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select, button{outline:medium; blr:expression(this.onFocus=this.blur());}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}

.header{ height:120px; background:#fff; position: relative; z-index: 99999;}
.header .logo{ float:left; margin-top:36px;}
.header .nav{ float:left; margin-left:60px; margin-top:26px; background-color: #e8e8e8; border-radius: 35px; padding: 0 10px;}
.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;}

.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;}

.page-banner{ height:500px;}
.page-banner .box{ position:relative; top:50%; transform:translateY(-50%);}
.page-banner .box .title{ font-size:50px; color:#d29660; font-weight:bold; margin-bottom:20px; margin-left: 100px;}
.page-banner .box .text{ font-size:22px; color:#fff; width:650px; line-height:35px; margin-left: 100px;}

.mbx{ height:50px; line-height:50px; background:url(../images/mbx-icon.png) no-repeat center left; padding-left:20px;}
.mbx a{ font-size:14px; color:#333; margin:0 4px; display:inline-block;}
.mbx a:hover{ color:#22a8a9; text-decoration:underline;}

.page-title{ font-size:20px; color:#333; text-align:center; line-height:56px; font-weight:bold;}
.page-nav{ text-align:center; margin-bottom:15px;}
.page-nav ul{ display:inline-block;}
.page-nav li{ float:left; border-right:1px solid #d0d0d0;}
.page-nav li:last-child{ border-right:none;}
.page-nav li a{ display:inline-block; width:110px; height:35px; line-height:35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:14px; color:#333;}
.page-nav li:hover a, .page-nav li.on a{ background:#22a8a9; color:#fff;}

.about-jj{ overflow:hidden; margin-bottom:45px;}
.about-jj .text{ float:left; width:650px;}
.about-jj .text .title{ font-size:18px; color:#333; margin:40px 0 20px;}
.about-jj .text .title span{ font-size:14px; text-transform:uppercase; font-family: "微软雅黑";}
.about-jj .text .p{ width:590px;  padding:14px 26px 0px 34px; font-size:14px; color:#333; line-height:24px; background:#f2f2f2; text-align:justify;}
.about-jj .img{ float:right; width:650px; height:450px; margin-top: 85px; }

.about-wh{ overflow:hidden; padding-bottom:76px;}
.about-wh .title{ font-size:18px; color:#333; margin:40px 0 30px;}
.about-wh .title span{ font-size:14px; text-transform:uppercase; font-family: "微软雅黑";}
.about-wh .img{ float:left; width:600px; height:400px;}
.about-wh .text{ float:right; width:645px; height:420px; background:url(../images/about-img2-bg.png) no-repeat center right;}
.about-wh .text dl{ margin-bottom:20px;}
.about-wh .text dt{ font-size:16px; color:#333; margin-bottom:10px;}
.about-wh .text dd{ font-size:14px; color:#686868; line-height:25px;}

.about-nl{ background:#f2f2f2; padding:50px 0; overflow:hidden;}
.about-nl .text{ width:645px; float:left;}
.about-nl .text .title{ font-size:18px; color:#333; margin-bottom:20px;}
.about-nl .text .title span{ font-size:14px; text-transform:uppercase; font-family: "微软雅黑";}
.about-nl .text .p{ font-size:14px; color:#333; line-height:30px;}
.about-nl .img{ float:right;}

.about-zz{ padding:45px 0 50px; overflow:hidden;}
.about-zz .title{ font-size:18px; color:#333; text-align:center;}
.about-zz .text{ font-size:14px; color:#333; text-align:center; margin:20px 0 40px;}
.about-zz .box li{ float:left; padding:20px 33px; box-shadow:5px 5px 10px rgba(104,104,104,.24); margin-right:33px; width:234px;}
.about-zz .box li:nth-child(4n){ margin-right:0;}
.about-zz .box li:nth-child(4n-3){ clear:left;}
.about-zz .btns{ margin-top:60px; text-align:center;}
.about-zz .btns a{ display:inline-block; width:120px; height:40px; line-height:40px; background:#22a8a9; color:#fff; font-size:14px;}
.about-zz .btns a:hover{ background:#8d2220;}

.footer{ background:#8c8989; padding:36px 0 50px; overflow:hidden;}
.foot-contact{ width:588px; float:left; border-right:1px dashed #d2d2d2;}
.foot-contact dt{ margin-bottom:20px;}
.foot-contact dd{ font-size:14px; color:#fff; padding-left:30px; line-height:33px;}
.foot-contact dd.add{ background:url(../images/foot-icon1.png) no-repeat center left;}
.foot-contact dd.tel{ background:url(../images/foot-icon2.png) no-repeat center left;}
.foot-contact dd.mail{ background:url(../images/foot-icon3.png) no-repeat center left;}
.foot-contact dd.web{ background:url(../images/foot-icon4.png) no-repeat center left;}
.foot-nav{ width:260px; float:left; padding:0 30px 0 110px; border-right:1px dashed #d2d2d2;}
.foot-nav dt{ font-size:16px; color:#fff; line-height:36px; margin-top:20px;}
.foot-nav dd{ width:130px; float:left; line-height:36px;}
.foot-nav dd a{ font-size:14px; color:#fff;}
.foot-nav dd a:hover { color: #5a5959; }
.foot-wx{ float:right; width:174px;}
.foot-wx .img{ width:174px; height:168px;}
.foot-wx .title{ text-align:center; color:#fff; font-size:14px; background:url(../images/foot-icon5.png) no-repeat 40px center; margin-top:8px; line-height:24px; text-indent:26px;}
.foot-copy{ color:#fff; line-height:50px; background:#5a5959; text-align:center; font-size:14px;}

/*.product-banner *{ color:#fff !important;  margin-left: 100px;}
.product-banner .text{  margin-left: 100px;}
*/
.product{ overflow:hidden;}
.product-title{ font-size:20px; color:#333; text-align:center; line-height:56px; font-weight:bold; padding-bottom:10px;}
.product-nav{ width:300px; background:#f5f5f5; float:left;}
.product-nav li{ line-height:60px; height:60px; border-bottom:1px solid #e6e6e6;}
.product-nav li a{ display:inline-block; padding:0 20px; width:260px; position:relative; height:100%; font-size:18px; color:#22a8a9;}
.product-nav li i{ display:inline-block; width:18px; height:18px; background:url(../images/product-nav-icon.png) no-repeat center; right:20px; top:50%; transform:translateY(-50%); position:absolute;}
.product-nav li.on a, .product-nav li:hover a{ background:#22a8a9; color:#fff;}

.product-list{}
.product-list .box{ padding:15px 30px; background:#f5f5f5; width:1240px; overflow:hidden; margin-bottom:24px;}
.product-list .box .top{ font-size:18px; color:#333; padding:10px 0 20px; border-bottom:1px solid #e6e6e6; position:relative; margin-bottom:22px;}


.product-list .box .top .sub-nav{ float:right; margin: 6px 30px 0 0; font-size: 0; }
.product-list .box .top .sub-nav a { margin: 0; padding:0 10px; border-right:1px solid gray; font-size: 15px; }
.product-list .box .top .sub-nav a:last-child { border-right: none; }

.product-list .sub-nav2 { text-align: center; padding:15px 0; background: #f0f0f0; margin-bottom:20px; }
.product-list .sub-nav2 a {margin: 0; padding:0 25px; border-right:1px solid gray; font-size: 16px;}
.product-list .sub-nav2 a:last-child { border-right: none; }
.product-list .sub-nav2 a:hover, .product-list .sub-nav2 a.on{  color:#22a8a9; font-weight: bold; }

.product-list .box .top a.more{ display:inline-block; width:13px; height:13px; background:url(../images/product-icon.png) no-repeat center right; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.product-list .box .top i{ display:inline-block; width:200px; height:3px; background:#22a8a9; bottom:-1px; position:absolute; left:0;}
.product-list .box li{ float:left; margin-right: 40px;}
.product-list .box li:nth-child(4n){ margin-right:0;}
.product-list .box li.nth-child(4n-3){ clear:left;}
.product-list .box li .img{ width:280px; height:260px; overflow:hidden;}
.product-list .box li .img img{ transition: all 0.3s linear 0s;}
.product-list .box li:hover .img img{ transform: scale(1.1,1.1);}
.product-list .box li .title{ font-size:14px; color:#333; text-align:center; padding:15px 0 10px;}
.product-list .box li:hover .title{ color:#22a8a9;}

.case .container p { font-size: 14px; line-height: 30px; }
/*.case-banner *{ color:#fff !important;}*/
.case-list{ overflow:hidden;}
.case-list li{ width:310px; height:280px; float:left; position:relative; margin-right: 20px; margin-bottom:20px;}
.case-list li:nth-child(4n){ margin-right:0;}
.case-list li:nth-child(4n-3){ clear:left;}
.case-list li .img{ position:relative; z-index:0; width:310px; height:280px;}
.case-list li .title{ width:100%; line-height:40px; height:40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background:rgba(255,255,255,.7); font-size:14px; color:#333; text-align:center; position:absolute; bottom:0; left:0;}
.case-list li:hover .title{ background:#22a8a9; color:#fff;}

.pager-list{ padding-top:20px; padding-bottom:20px; text-align:center;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; }
.pager-list li>*{ display:inline-block; font-size:14px; color:#333; height:30px; line-height:30px; padding:0 10px;   background:#fff; border-radius:4px;}
.pager-list li a:hover{ background:#22a8a9; color:#fff; }
.pager-list li.active>*{ color:#22a8a9; background:#fff; }
.pager-list li.disabled>*{ cursor:auto; background:#fff; color:#ccc;}
.pager-list li input{ width:40px; height:30px; border:1px solid #d2d2d2; margin:0 6px;}
.pager-list li .btns{ border:none; display:inline-block; width:40px; height:30px; line-height:30px; text-align:center; cursor:pointer;}

.jsfw{ overflow:hidden;}
.jsfw .img{ margin-bottom:20px;}
/* .jsfw .text{ margin-bottom:40px;} */
/* .jsfw .text p{ text-indent:2em; line-height:24px; font-size:14px; color:#333;} */
.content .text p{ text-indent:2em; line-height:24px; font-size:14px; color:#333;}


.download{ overflow:hidden; margin-bottom:20px;}
.download li{ line-height:54px; border-bottom:1px solid #e6e6e6; font-size:14px; color:#333;}
.download li a{ font-size:14px; color:#333; display:inline-block;}
.download li a:hover{ color:#22a8a9; text-decoration:underline;}
.download li span{ color:#999; display:inline-block;}
.download li span a{ color:#22a8a9; }
.download li a:nth-child(1){ width:810px;}
.download li span:nth-child(2){ width:165px;}
.download li span:nth-child(3){ width:280px;}
.download li span:nth-child(4) a{ width:auto;}

.jswz{ overflow:hidden;}
.jswz li{ margin-bottom:36px; overflow:hidden;}
.jswz li .img{ float:left; width:300px; height:200px; overflow:hidden;}
.jswz li .img img{ transition: all 0.3s linear 0s;}
.jswz li:hover .img img{ transform: scale(1.1,1.1);}
.jswz li .text{ float:left; padding:22px 35px 38px 45px; background:#f5f5f5; width:920px;}
.jswz li .text .title{ font-size:18px; color:#333; line-height:50px;}
.jswz li .text .p{ font-size:14px; color:#6d6d6d; line-height:24px; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}
.jswz li .text .date{ font-size:14px; color:#6d6d6d; background:url(../images/sjwz-icon.png) no-repeat center right; line-height:24px; margin-top:14px;}
.jswz li .text .title:hover{ color:#22a8a9;}

.job-nl{ overflow:hidden;}
.job-nl .img{ margin-bottom:20px;}
.job-nl .text{ margin-bottom:40px;}
.job-nl .text p{ text-indent:2em; line-height:24px; font-size:14px; color:#333;}

.job-list dl{ padding:21px 25px; background:#f9f9f9; overflow:hidden; box-shadow:5px 5px 10px rgba(199,199,199,.36); margin-bottom:36px; position:relative; transition: all 0.3s linear 0s;}
.job-list dl dt{ font-size:18px; color:#333; line-height:40px;}
.job-list dl dt span{ display:inline-block; font-size:14px; color:#bfbfbf; background:url(../images/job-icon.png) no-repeat center left; padding-left:26px; float:right;}
.job-list dl dd{ float:left; width:33.33333%; font-size:14px; color:#333;     line-height: 34px;}
.job-list dl dd span{ color:#959595;}
.job-list dl:hover{ margin-top:-10px; margin-bottom:46px;}

/*.news-banner *{ color:#fff !important;}*/
.news-list{ overflow:hidden;}
.news-list li{ margin-bottom:36px; overflow:hidden;}
.news-list li .img{ float:left; width:300px; height:200px; overflow:hidden;}
.news-list li .img img{ transition: all 0.3s linear 0s;}
.news-list li:hover .img img{ transform: scale(1.1,1.1);}
.news-list li .text{ float:left; padding:22px 35px 38px 45px; background:#f5f5f5; width:920px;}
.news-list li .text .title{ font-size:18px; color:#333; line-height:50px;}
.news-list li .text .p{ font-size:14px; color:#6d6d6d; line-height:24px; text-overflow: ellipsis;    display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}
.news-list li .text .date{ font-size:14px; color:#6d6d6d; background:url(../images/sjwz-icon.png) no-repeat center right; line-height:24px; margin-top:14px;}
.news-list li .text .title:hover{ color:#22a8a9;}

.news-con{ overflow:hidden; padding-top:10px; padding-bottom:60px;}
.news-con .title{ font-size:18px; color:#333; text-align:center; font-weight:bold;}
.news-con .bq{ text-align:center; padding:16px 0 28px; border-bottom:1px solid #eee;}
.news-con .bq span{ font-size:14px; color:#666; margin:0 10px;}
.news-con .text{ padding:30px 0; line-height:24px; font-size:14px; color:#333;}

.text p{ display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px; }

.pager{ background:#eee; padding:4px 26px;}
.pager div{ line-height:40px; font-size:14px; color:#333;}
.pager .prev{ border-bottom:1px dashed #bfbfbf;}
.pager div a:hover{ color:#22a8a9; text-decoration:underline;}

.contact-con{ overflow:hidden; padding:60px 0 110px;}
.contact-con dl{ float:left; padding-top:60px;}
.contact-con dl dt{ font-size:18px; color:#22a8a9; font-weight:bold; margin-bottom:10px;}
.contact-con dl dd{ font-size:14px; color:#333; line-height:30px;}
.contact-con .map{ width:700px; height:400px; float:right;}

.message{ width:890px; margin:0 auto; padding:10px 0 60px;}
.message li{ overflow:hidden; margin-bottom:25px;}
.message li label{ display:inline-block; width:85px; line-height:45px; font-size:14px; color:#333; float:left;}
.message li label i{ color:#f00; font-style:inherit;}
.message li textarea{ float:left; width:760px; height:120px; padding:14px 20px; border:1px solid #e4e4e4; font-size:14px; color:#333;}
.message li input[type="text"]{ border:1px solid #e4e4e4; padding:0 20px; width:760px; line-height:45px; float:left; font-size:14px; color:#333;}
.message li.yzm input[type="text"]{ width:160px; margin-right:26px;}
.message li input[type="submit"]{ width:100px; height:45px; background:#22a8a9; border:none; color:#fff; font-size:14px; margin-left:85px;}

.product-con{ padding-bottom:40px;}
.product-con .bq{ width:100%; line-height:40px; background:#f5f5f5; text-align:center; margin-bottom:30px;}
.product-con .bq span{ font-size:14px; color:#555; margin:0 20px;}
.product-con .img{ width:482px; overflow:hidden; float:left;}
.product-con .img .Hbd{ width:480px; height:360px; overflow:hidden; border:1px solid #ccc;}
.product-con .img .Hhd{ margin-top:20px; position:relative;}
.product-con .img .Hhd .bd{ width:430px; margin:0 auto;}
.product-con .img .Hhd .bd li{ width:98px; float:left; border:1px solid #ccc; margin-right:10px;}
.product-con .img .Hhd .bd li.on{ border:1px solid #22a8a9;}
.product-con .pro-left-bottom a{ position:absolute; display:inline-block; width: 26px; height: 76px;    top: 0px;}
.product-con .pro-left-bottom .prev{ background:url(../images/con-pro-prev.png) no-repeat center left #fff; left:0;}
.product-con .pro-left-bottom .next{ background:url(../images/con-pro-next.png) no-repeat center right #fff; right:0;}
.product-con .pro-left-bottom .prevStop, .product-con .pro-left-bottom .nextStop{pointer-events: none; opacity:.2;}

.product-con .text{ width:780px; float:right; font-size:14px; color:#333; line-height:30px;}
.product-con .text .title{ font-size:24px; color:#333; font-weight:bold;}
.product-con .text .bz{ font-size:14px; color:#22a8a9; border-bottom:1px solid #ccc; padding:10px 0 15px;}
.product-con .text .bz span{ color:#333;}
.product-con .text .other{ padding:15px 0; border-bottom:1px solid #ccc; }
.product-con .text .other p{ line-height:24px; font-size:14px; color:#333; }
.product-con .text .bc{ font-size:14px; color:#333; line-height:24px; padding:15px 0; border-bottom:1px solid #ccc;}
.product-con .text .bc span{ font-weight:bold;}
.product-con .text .fw{ font-size:14px; color:#333; line-height:24px; padding:15px 0; border-bottom:1px solid #ccc;}
.product-con .text .fw span{ color:#22a8a9;}
.product-con .text .qq{ padding:25px 0; font-size:14px; color:#333; font-weight:bold;}
.product-con .text .qq a{ margin-right:30px;}

.product-con .box .hd{ margin-top:90px; overflow:hidden; display:block; border-bottom:2px solid #22a8a9;}
.product-con .box .hd li{ float:left; width:120px; height:40px; margin-right:16px; font-size:16px; color:#22a8a9; text-align:center; line-height:40px; background:#eee; cursor:pointer;}
.product-con .box .hd li.on{ background:#22a8a9; color:#fff;}
.product-con .box .bd{ font-size:14px; line-height:30px; color:#333; padding:20px 0;}

.xg-cp{ margin-top:40px;}
.xg-cp dt{ font-size:18px; font-weight:600; color:#000; margin-bottom:20px;}
.xg-cp dd{ float:left; width:210px; margin-right:8px; margin-bottom:30px;}
.xg-cp dd:last-child{ margin-right:0;}
.xg-cp dd .img{ width:208px; height:190px; overflow:hidden; border:1px solid #c9c9c9; float:none;}
.xg-cp dd .img img{ transition: all 0.3s linear 0s;}
.xg-cp dd:hover .img img{ transform: scale(1.1,1.1);}
.xg-cp dd .title{ font-size:14px; color:#000; background:#ccc; height:50px; line-height:50px; text-align:center; padding:0 24px;}
.xg-cp dd .title span{ display:inline-block; line-height:25px;}
.xg-cp dd:hover .title{ background:#22a8a9; color:#fff;}