/* 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%;}
.container{width:1200px; margin:0 auto; position:relative;}
.w1220{width:1220px; margin:0 auto; }
.clear{clear:both;}
body{ overflow-x:hidden; background:#f0f0f0; }
h1, h2, h3, h4, h5, h6,b{ font-weight:normal;}
input, textarea,select{outline:medium;}
p{ text-align:justify;}
.fl{ float:left;}
.fr{ float:right;}
.h82{ height:82px; clear:both;}

.header{ background:#124a59; position:fixed; width:100%; height:60px; top:0; z-index:9999;}
.header .logo{ float:left;  margin: 7px 0px;    width: 215px;    height: 46px;    overflow: hidden;}
.header .nav{ float:right;}
.header .nav li{ float:left;}
.header .nav li a{ color:#fff; display:inline-block; line-height:60px; font-size:16px; text-align:center; padding:0 20px;}
.header .nav li:hover a{ background: #8abe1f;}

.page-banner{ height:640px;}

.list-box{ background:#fff;  margin-top:-90px; overflow:hidden; margin-bottom:60px;}
.list-title{ text-align:center; padding-top:40px;}
.list-title .title{ color: #124a59; font-size: 34px; line-height: 34px;}
.list-title .title-f{ text-transform: uppercase; font-size: 14px;    color: #666;}
.list-title .line{ width:30px; height:2px; background:#8abe1f; margin:10px auto 16px;}

.case-list{ margin:60px 30px 30px; overflow:hidden;}
.case-list li{ float:left; width:260px; margin-right: 32px; margin-bottom:30px;}
.case-list li *{transition: all 0.3s linear 0s;}
.case-list li .img{ width:260px; height:190px; overflow:hidden;}
.case-list li:hover .img img{ transform: scale(1.1,1.1);}
.case-list li .title{ background: #f2f2f2;    color: #484848;    text-align: center;    padding: 16px 5px;    font-size: 16px;}
.case-list li:nth-child(4n){ margin-right:0;}
.case-list li:hover .title{ background:#8abe1f; color:#fff;}

.pager-list{ text-align:center;  margin: 10px 0 60px;}
.pager-list ul{ display:inline-block;}
.pager-list li{ float:left; margin:0 7.5px;}
.pager-list li a{ font-size:16px; color:#484848; background:#fff; display:inline-block; border:1px solid #dedede;    padding: 7.5px 12.5px;}
.pager-list li.first a, .pager-list li.last a{padding: 6.5px 12.5px;}
.pager-list li:hover a, .pager-list li.on a{ background:#124a59; border:1px solid #124a59; color:#fff;}

.list-text{ padding:40px 60px 20px; overflow:hidden;}
.list-text .text{ float:left; width:520px; height:310px; font-size:16px; color:#484848; line-height:32px; text-align:justify;}
.list-text .img{ width:510px; height:310px; overflow:hidden; float:right;}

.pro-list{ margin:60px 30px 30px; overflow:hidden;}
.pro-list li{ float:left; width:270px; margin-right: 20px; margin-bottom:30px; position:relative;height: 200px;overflow: hidden;}
.pro-list li *{transition: all 0.3s linear 0s;}
.pro-list li .img{ width:270px; height:200px; overflow:hidden;}
.pro-list li:hover .img img{ transform: scale(1.1,1.1);}
.pro-list li .title{ position:absolute; width:100%; height:46px; background:rgba(0,0,0,.6); line-height:46px; bottom:0; left:0; text-align:center; color:#fff;}
.pro-list li:nth-child(4n){ margin-right:0;}

.con-case{ padding:40px; overflow:hidden;}
.con-case .img{ width:750px; float:left; position:relative;}
.con-case .img .bd{ width:750px; height:550px; overflow:hidden;}
.con-case .img .hd{ text-align:center; margin-top:10px;}
.con-case .img .hd a{ display:inline-block; width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; opacity:0; transition: all 0.3s linear 0s;}
.con-case .img:hover .hd a{ opacity:1;}
.con-case .img .hd .prev{ background:url(../images/btn-prev.png) no-repeat center; left:10px;}
.con-case .img .hd .next{ background:url(../images/btn-next.png) no-repeat center; right:10px;}
.con-case .img .hd ul{ display:inline-block;}
.con-case .img .hd li{ width:10px; height:10px; float:left; border-radius:10px; background:#fff; background:#ccc; margin:10px 6px; text-indent:999999px;}
.con-case .img .hd li.on{ background:#8abe1f;}
.con-case .text{ float:right; width:330px; height:550px; position:relative;}
.con-case .text .title{ font-size:24px; line-height:60px; margin-bottom:20px; color:#8abe1f;}
.con-case .text .title-f{ font-size:18px; color:#666; margin-bottom:8px; font-weight:bold;}
.con-case .text .p{ font-size:14px; color:#666; line-height:24px; text-align:justify; margin-bottom:30px;}

.pager{ position:absolute; bottom:0; width:100%;}
.pager a{ font-size:14px; color:#666; display:block; margin-top:10px;}
.pager a:hover{ color:#8abe1f; text-decoration:underline;}

.about{ background:url(../images/pp-bg.jpg) no-repeat center; background-attachment:fixed;     background-size: cover;}
.page-box{ background:#fff; margin:140px auto 80px; padding:50px;}
.about-text{ background:url(../images/about_bg1.jpg) no-repeat center; height:680px; position:relative;}
.about-text .title{ font-size:36px; color:#fff; font-weight:bold; text-align:center; padding:80px 0 20px;}
.about-text .text{ font-size:18px; color:#fff; text-align:center; padding:0 100px; line-height: 36px;}
.about-text .icon{ position:absolute; width:200px; height:200px; top:-100px; right:-90px;}
.about-ln{ margin-top:40px; overflow:hidden;}
.about-ln .img{ width:550px; float:left; text-align:center;}
.about-ln .text{ width:550px; float:right;}
.about-ln .text .title{ font-size:36px; color:#262626; font-weight:bold; line-height:36px;}
.about-ln .text .line{ width:50px; height:3px; background:#124a59; border-radius:1px; margin:30px 0 50px;}
.about-ln .text .title-f{ font-size:30px; color:#333; line-height:30px;    margin-left: -18px;}
.about-ln .text .p{ font-size:18px; color:#333; line-height: 32px; margin-top:30px;}

.about-ln-list{ overflow:hidden; margin-top:40px;}
.about-ln-list li{ float:left; width:170px; text-align:center;    margin-right: 62px;}
.about-ln-list li:last-child{ margin-right:0;}
.about-ln-list li .icon{ text-align:center; height:70px; overflow:hidden;}
.about-ln-list li .title{ font-size:24px; color:#333; line-height:24px; margin:16px 0 10px;}
.about-ln-list li .text{ font-size:16px; color:#333;}

.about-ts{ overflow:hidden; margin-top:60px;}
.about-ts .title{ width:550px; height:400px; background:url(../images/about-ts-img1.jpg) no-repeat center; float:left; text-align:center;}
.about-ts .title span{ display:inline-block; width:240px; height:180px; border-radius:120px; background:#fff; text-align:center; font-size:36px; color:#262626; font-weight:bold; line-height: 64px;    padding-top: 60px;    margin-top: 80px;}
.about-ts .icon{ width:550px; height:400px; text-align:center; float:left;}
.about-ts .icon img{ margin-top:80px;}
.about-ts .text{ background:url(../images/about-ts-bg.jpg) no-repeat center top; height:400px; float:left; width:1100px;}
.about-ts .text .p{width:410px;  text-align:center; float:left; font-size:18px; color:#333; padding:0 70px;     line-height: 28px;    margin-top: 110px;}

.about-zs{ padding:60px 0; overflow:hidden;}
.about-zs-title{ float:left;    margin-top: 40px; margin-left:80px;}
.about-zs-title .title{ font-size:36px; color:#262626; font-weight:bold; width: 36px;  line-height: 38px; float:left;}
.about-zs-title .line{ width:3px; height:50px; border-radius:2px; background:#124a59; float:left; margin: 52px 30px;}
.about-zs-list{ padding-left:10px; float:left; overflow:hidden; padding-bottom:2px;}
.about-zs-list li{ float:left; width:166px; height:235px; overflow:hidden; box-shadow: 2px 2px 4px #666; margin-right: 60px;}

.about-bottom{ background:url(../images/about-bottom-bg.jpg) no-repeat center; height:500px; margin-top:80px;}
.about-Btitle{ margin-left:155px;}
.about-Btitle .title{ font-size:36px; color:#262626; padding-top:10px;}
.about-Btitle .title-f{ font-size:20px; color:#262626; margin-top:6px;}

.footer{ background:#121315; padding:30px 0;}
.foot-logo{ text-align:center;}
.foot-nav{ text-align:center; padding:20px 0 30px; margin:0 50px; border-bottom:1px solid #333;}
.foot-nav ul{ display:inline-block;}
.foot-nav li{ margin:0 10px; float:left;}
.foot-nav li a{ font-size:16px; color:#fff;}
.foot-nav li a:hover{ color:#8abe1f;}
.foot-dz{ font-size:16px; color:#ccc; text-align:center; margin:20px 0;}
.foot-copy{ text-align:center; font-size:12px; color:#999;    line-height: 22px;}

.cp{background:url(../images/cp-bg.jpg) no-repeat center; background-attachment:fixed;     background-size: cover;}
.cp-banner{ height:650px;}

.cp-box1{ overflow:hidden;}
.cp-box1 .text{ float:left; width:550px; height:310px;}
.cp-box1 .text .title{ font-size:36px; color:#262626; font-weight:bold; line-height:36px; margin:60px 0 30px;}
.cp-box1 .text .p{ width:490px; font-size:18px; color:#333; line-height:30px;}

.cp-box1 .img{ float:left; width:550px; text-align:center; height:310px;}
.cp-box1 .img img{    margin-top: 74px;}
.cp-box1 .ys{ overflow:hidden;}
.cp-box1 .ys .title{ font-size:30px; text-align:center; color:#000;}
.cp-box1 .ys .line{ width:50px; height:3px; border-radius:1px; background:#124a59; margin:20px auto;}
.cp-box1 .ys .title-f{ text-align:center;}
.cp-box1 .ys dl{ margin-top:50px;}
.cp-box1 .ys dd{ text-align:center; width:130px; float:left; margin:0 72px;}
.cp-box1 .ys dd .icon{}
.cp-box1 .ys dd .p{ font-size:20px; color:#333; margin-top:20px;}

.cp-box2{ margin-top:80px; overflow:hidden;f}
.cp-box2 .text{ float:left; width:550px; height:440px;}
.cp-box2 .text .title{ font-size:36px; color:#262626; font-weight:bold; line-height:36px; margin:30px 0; text-align:center;}
.cp-box2 .text .p{ width:490px; font-size:18px; color:#333; line-height:30px; text-align:center; text-indent:2em; margin:0 auto;}
.cp-box2 .img{ float:left; width:550px; text-align:center; height:440px;}
.cp-box2 .ys{ height:470px;}

.cp-box3{ margin-top:80px; overflow:hidden;}
.cp-box3 .text{ float:left; width:550px; height:280px;}
.cp-box3 .text .title{ font-size:36px; color:#262626; font-weight:bold; line-height:36px; margin:0 0 30px; text-align:right;    padding-right: 28px;}
.cp-box3 .text .p{ width:490px; font-size:18px; color:#333; line-height:30px; text-align:center; text-align:right;  margin:0 auto;}
.cp-box3 .text dl{ margin-top: 18px;}
.cp-box3 .text dd{ font-size:24px; color:#4c4c4c; float:left; margin-left: 38px; margin-top: 4px;}
.cp-box3 .text dd i{ display:inline-block; width:8px; height:8px; border-radius:8px; background:#124a59; float:left;    margin: 12px 10px 0 0;}
.cp-box3 .img{ float:left; width:550px; text-align:center; height:280px;}

.cp-box4{ margin-top:80px; overflow:hidden;}
.cp-box4 .title{ font-size:36px; color:#333; text-align:center; background:url(../images/cp-title-bg.png) no-repeat center; font-weight:bold;}
.cp-box4 .title-f{ font-size:16px; color:#000; text-align:center; margin-top:20px;}
.cp-box4 dl{ overflow:hidden; margin:40px 0 30px;}
.cp-box4 dd{ float:left;    margin: 0 62px;}
.cp-box4 dd .icon{ text-align:center;}
.cp-box4 dd .p{ font-size:20px; color:#333; line-height:28px;    margin-top: 10px;}
.cp-box4 ul{}
.cp-box4 li{ float:left; margin-right:10px; width:360px; height:250px;}
.cp-box4 li:last-child{ margin-right:0;}

.news-list{ padding:50px 30px 10px; }
.news-list li{ overflow:hidden; margin-bottom:30px;}
.news-list li .img{ width:300px; float:left; height:208px; 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; margin-left:20px; width:800px;}
.news-list li .text .title{}
.news-list li .text .title a{ font-size:24px; color:#333;}
.news-list li .text .title a:hover{ color:#124a59;}
.news-list li .text .bq{ margin: 4px 0 14px;}
.news-list li .text .bq span{ font-size:14px; color:#999; margin-right:20px;}
.news-list li .text .p{ font-size:16px; color:#666;    line-height: 26px;    border-top: 1px solid #ccc;    padding-top: 10px;}
.news-list li .text .btn{ margin-top: 13px;}
.news-list li .text .btn a{ width:120px; height:36px; background:#124a59; color:#fff; text-align:center; line-height:36px; border-radius:4px; display:inline-block;}

.con-news{ padding:40px; background:url(../images/con-news-bg.png) no-repeat center top;}
.con-news-top{ overflow: hidden;}
.con-news-top .date{ width:70px; float:left; border:1px solid #124a59; border-radius:2px; float:left;}
.con-news-top .date span{ display:inline-block; background:#124a59; width:70px; font-size:16px; color:#fff; text-align:center; float:left; height:36px; line-height:36px;}
.con-news-top .date p{ height:40px; text-align:center; line-height:40px; font-size:20px; color:#124a59; float:left; width:70px;}
.con-news-top .title{    float: left;    margin-left: 30px;    font-size: 30px;    color: #333; width:90%;}
.con-news-top .bq{ margin-left:30px; margin-top:18px; float:left; font-size:14px; color:#666;}
.con-news-top .bq span{ margin-right:20px;}

.con-news-text{    border-top: 1px dashed #124a59;    margin-top: 20px;    padding-top: 20px; font-size:16px; color:#666; line-height:26px; min-height:300px;}

.con-news .back{ text-align:center; margin-top:40px;}
.con-news .back a{ width:180px; height:50px; background:#fff; color:#124a59; text-align:center; line-height:50px; font-size:18px; display:inline-block; border-radius:2px; border:1px solid #124a59;}
.con-news .back a:hover{background:#124a59; color:#fff;}