/* CSS Document */
* { margin: 0; padding: 0; font-family: Arial, Helvetica,  "微软雅黑", sans-serif; }
a { color: #000; text-decoration: none; }
p {text-align: justify;   }
strong { font-size: 16px; font-weight: bold; }
ul, ol { list-style-type: none; }
img { border: 0;max-width:100%; }
.container { width:750px; margin: 0 auto; overflow-x:hidden; }
.con-container{ margin:0 15px !important;}
.clear { clear: both; }
body { overflow-x: hidden; background:#f2f2f2;}
.h90{ height:90px; clear:both;}
input[type=submit]{
	-webkit-appearance:none;
	outline:none
}

.header{ height:90px; position:fixed; top:0; left:0; width:100%; z-index: 9999; background:rgba(255,255,255,.2);}
.header.bg{ background:#fff; box-shadow:0 2px 4px rgba(0,0,0,.35);}
.header .logo{float: left;  padding: 16px 20px;}
.header .dz{ float:left; background:url(../images/M_dz.png) no-repeat center right;}
.header .dz select{     font-size: 24px;    color: #666;     padding: 10px 40px 10px 20px;   margin: 19px 0;    border: none;    background: transparent;appearance:none; -moz-appearance:none; -webkit-appearance:none;}
.header .back{ float:left; width:90px; height:90px; overflow:hidden;}
.header .back a{ display:inline-block; width:90px; height:90px; background:url(../images/M_back.png) no-repeat center; }
.header .title{ float:left; height:90px; line-height:90px; font-size:34px; color:#333; width:520px; text-align:center;}
.header .kf{ position:absolute; top:0; right:100px;}
.header .kf a{ display:inline-block; width:90px; height:90px; background:url(../images/kf.png) no-repeat center;}

.nav-btn{color: #231f20; height: 90px; font-size: 25px; text-align: center; float: right; width: 90px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; }
.nav-btn:hover { cursor: pointer; }
.nav-btn span { position: absolute; left: calc((100% - 46px) / 2); top: calc((100% - 6px) / 2); width: 50px; height: 4px; background-color:#fff; }
.header.bg .nav-btn span{background-color:#666;}
.nav-btn span:nth-child(1) { transform: translateY(16px) rotate(0deg); }
.nav-btn span:nth-child(2) { transform: translateY(0px) rotate(0deg); }
.nav-btn span:nth-child(3) { transform: translateY(-16px) rotate(0deg); }
.nav-active span{ background:#f9ae00;}
.nav-active span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst; }
.nav-active span:nth-child(2){ display:none;}
.nav-active span:nth-child(3) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond; }
 @keyframes clickfirst {  0% {
 transform: translateY(16px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(45deg);
}
}
 @keyframes clicksecond {  0% {
 transform: translateY(-16px) rotate(0deg);
}
 100% {
 transform: translateY(0) rotate(-45deg);
}
}
.nav-out span:nth-child(1) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }
.nav-out span:nth-child(2){ display:block;}
.nav-out span:nth-child(3) { animation-duration: 0.5s; animation-fill-mode: both; animation-name: outsecond; }
 @keyframes outfirst {  0% {
 transform: translateY(0) rotate(-45deg);
}
 100% {
 transform: translateY(-16px) rotate(0deg);
}
}
 @keyframes outsecond {  0% {
 transform: translateY(0) rotate(45deg);
}
 100% {
 transform: translateY(16px) rotate(0deg);
}
}

.nav{ position:absolute; width:100%; z-index:999999; top:100%; display:none; background:#ececec;    border-top: 1px solid #b6b6b9; }
.nav li{ text-align:center; border-bottom:1px solid #aaa; }
.nav li a{ font-size:28px; color:#525252; display:inline-block; padding:30px 0; width:600px;}
.nav li:last-child{ border-bottom:none;}
.nav .nav-search{ padding:0 5% 30px;;}
.nav .nav-search input[type="text"]{ width:100%; height:90px; font-size:28px; color:#999; text-indent:30px; border:none;}
.nav .nav-search input[type="submit"]{ width:48px; height:48px; background:url(../images/M_search-icon.png) no-repeat center; border: none;    margin-left: -74px;    padding: 14px 0;}

.banner{ height:100%; position:relative;}
.banner .swiper-container {        width: 100%;        height: 100%;    }
.banner .swiper-slide {        text-align: center;        font-size: 18px;        background: #fff;        /* Center slide text vertically */        display: -webkit-box;        display: -ms-flexbox;        display: -webkit-flex;        display: flex;        -webkit-box-pack: center;        -ms-flex-pack: center;        -webkit-justify-content: center;        justify-content: center        -webkit-box-align: center;        -ms-flex-align: center;        -webkit-align-items: center;        align-items: center;    }
.banner .swiper-button-next{ width: 50px; height:50px; background:url(../images/btn-next.png) no-repeat center;}
.banner .swiper-button-prev{ width: 50px; height:50px; background:url(../images/btn-prev.png) no-repeat center;}
.banner .swiper-pagination-bullet{ background:#fff; width:12px; height:12px; border-radius:12px; }
.banner .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 10px;}
.banner .swiper-pagination-bullet-active{ background:#fff; width:40px;}
.banner .swiper-container-horizontal>.swiper-pagination{ bottom:30px;}

.banner .box{ text-align:center; color:#fff;}
.banner .box .title{ font-size:30px;}
.banner .box .line{ width:100px; margin:20px auto; height:2px; background:#fff;}
.banner .box .title-f{ font-size:40px;}
.banner .box .img{ margin-top:10px;}

.list-banner{ height:350px;}
.list-box{ padding:30px; margin-top:-60px; background:#fff; overflow:hidden; text-align:center;}
.list-title{ display:inline-block;}
.list-title .title{ color:#124a59; font-size:36px; text-align:center;}
.list-title .line{ width:60px; height:2px; background:#8abe1f; margin:10px auto 20px;}
.list-title .text{ color:#666; text-align:center; font-size:22px; display:inline-block;}

.list-case{ margin:30px 0 10px; overflow:hidden;}
.list-case li{ width:320px; float:left; margin-right:20px; margin-bottom:20px;}
.list-case li:nth-child(2n){ margin-right:0;}
.list-case li .img{ width:320px; height:234px; overflow:hidden;}
.list-case li .title{ font-size:26px; color:#fff; background:#8abe1f; height:60px; width:320px; line-height:60px; text-align:center;}

.pager-list{ text-align:center; padding: 20px 0;}
.pager-list ul{ display:inline-block;}
.pager-list li{ float:left;  margin: 0 5px;}
.pager-list li a{ font-size:28px; color:#717171; display:inline-block; width:64px; height:64px; text-align:center; line-height:64px; border:1px solid #b4b4b4; border-radius:6px;}
.pager-list li.on a{ background:#124a59; color:#fff;}
.pager-list li a img{ margin-top: 18px;}

.footer { background: #121315;    padding: 40px 0;}
.foot-logo{ text-align:center;}
.foot-nav{ text-align:center; padding:30px 0 20px; border-bottom:1px solid #666;}
.foot-nav ul{ display:inline-block;}
.foot-nav li{ float:left; margin:0 25px;}
.foot-nav li a{ font-size:26px; color:#fff;}
.foot-dz{ color:#fff; font-size:22px; text-align:center; margin-top:20px;}
.foot-copy{ text-align:center; color:#999; font-size:18px; margin-top:20px;}

.list-product{ margin:30px 0 10px; overflow:hidden;}
.list-product li{ width:320px; float:left; margin-right:20px; margin-bottom:20px; position:relative;}
.list-product li:nth-child(2n){ margin-right:0;}
.list-product li .img{ width:320px; height:234px; overflow:hidden;}
.list-product li .title{ font-size:26px; color:#fff; background:rgba(0,0,0,.7); height:60px; width:320px; line-height:60px; text-align:center; position:absolute; bottom:0; left:0;}

.list-news{ margin:40px 0 10px;}
.list-news li{ overflow:hidden; margin-bottom:20px;}
.list-news li .img{ float:left; width:280px; height:195px;}
.list-news li .text{ text-align:left; height:195px;    float: left;    width: 360px;    margin-left: 20px;}
.list-news li .text .title{ font-size:28px; color:#333; margin-top: 8px;}
.list-news li .text .bq{ font-size:20px; color:#999; margin-top: 8px;}
.list-news li .text .bq span{ display:inline-block; margin-right:10px;}
.list-news li .text .p{ font-size:24px; color:#666; text-align:justify; margin-top:16px;}

.con-top-case{ position:relative;}
.con-top-case .swiper-button-next{ width: 50px; height:50px; background:url(../images/btn-next.png) no-repeat center;}
.con-top-case .swiper-button-prev{ width: 50px; height:50px; background:url(../images/btn-prev.png) no-repeat center;}
.con-top-case .swiper-pagination-bullet{ background:#fff; width:12px; height:12px; border-radius:12px; }
.con-top-case .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 10px;}
.con-top-case .swiper-pagination-bullet-active{ background:#fff; width:40px;}
.con-top-case .swiper-container-horizontal>.swiper-pagination{ bottom:30px;}

.con-case{ float:left; text-align:left; margin-top:30px;}
.con-case .title{color: #8abe1f; font-size:32px; margin-bottom:30px;}
.con-case .title-f{ font-size:28px; color:#666; font-weight:bold; margin-bottom:20px;}
.con-case .text{ font-size:24px; color:#666; margin-bottom:40px; display: inline-block; text-align:justify;}

.pager{ text-align:left; margin-top:40px;}
.pager a{ font-size:24px; color:#666; display:block; margin-bottom:20px;}

.con-news{}
.con-news .title{font-size: 32px; color: #333; margin-bottom: 6px;}
.con-news .bq{ text-align:center; display:inline-block;}
.con-news .bq span{ margin:0 10px; font-size:24px; color:#666;}
.con-news .text{text-align: justify;    font-size: 28px;    display: inline-block;    color: #666;    margin: 30px 0;}

.cp-banner{ height:440px; }
.cp-box1{ margin-top:60px;}
.cp-box1 .title{ font-size:36px; color:#000; font-weight:bold; margin-left:15px; line-height:36px;}
.cp-box1 .img{ height:152px; text-align:center; margin:30px 0;}
.cp-box1 .text{ font-size:20px; color:#333; margin:0 40px; display: inline-block; line-height:44px;}

.cp-ys{ margin-top:40px;}
.cp-ys .ys-title{ font-size:30px; color:#000; text-align:center;}
.cp-ys .line{ width:50px; height:3px; background:#124a59; border-radius:2px; margin:14px auto;}
.cp-ys .ys-text{ font-size:20px; color:#666; text-align:center;}
.cp-ys .ys-list{ margin-top:30px; text-align:center;}
.cp-ys .ys-list ul{ display:inline-block;}
.cp-ys .ys-list li{ float:left; text-align:center;    margin: 0 30px;}
.cp-ys .ys-list li .icon{ width:90px; height:70px; text-align:center; display:inline-block;}
.cp-ys .ys-list li .p{ text-align:center; font-size:24px; color:#333; margin-top: 10px;}

.cp-box2{ margin-top:60px;}
.cp-box2 .img{}
.cp-box2 .img .Limg{ border-top:2px solid #0b2833; width:350px; float:left;}
.cp-box2 .img .Limg img{ margin:32px 0 0 70px;}
.cp-box2 .img .Rimg{ width:400px; border-bottom:2px solid #0b2833; float:left; position:relative;}
.cp-box2 .img .Rimg p{ width:400px; line-height:290px; font-size:36px; color:#333; text-align:center; font-weight:bold; position:absolute; top:0;}
.cp-box2 .text{ font-size:20px; color:#333; text-indent:2em; margin:30px 40px; display:inline-block; line-height:44px;}
.cp-box2 .Bimg{ height:400px;}

.cp-box3{ margin-top:60px;}
.cp-box3 .text{ width:310px; float:left; margin-right:30px; text-align:right;}
.cp-box3 .text .title{ font-size:36px; color:#333; font-weight:bold;    margin-top: 28px;}
.cp-box3 .text dl{ margin-top:18px;}
.cp-box3 .text dd{ font-size:24px; color:#666; margin-top:10px;}
.cp-box3 .text dd i{ display:inline-block; width:8px; height:8px; float:right; margin:12px 0 0 10px; background:#124a59; border-radius:8px;}
.cp-box3 .img{ width:410px; float:left;}
.cp-box3 .p{ margin:30px 40px 0; font-size:20px; color:#333; display:inline-block; text-align:justify; line-height:44px;}

.cp-box4{ margin-top:60px; text-align:center;}
.cp-box4 .title{ background:url(../images/cp-title-bg.png) no-repeat center; font-size:36px; color:#333; font-weight:bold; text-align:center;}
.cp-box4 .text{ font-size:20px; color:#666; text-align:center; display:inline-block; width:590px; margin:10px 0; padding:0 80px;}
.cp-box4 dl{ display:inline-block;}
.cp-box4 dd{ float:left; margin:20px;}
.cp-box4 dd .icon{ text-align:center;}
.cp-box4 dd .p{ font-size:22px; color:#333; text-align:center; margin-top:10px;}
.cp-list{ margin-bottom:100px;}
.cp-list li{ float:left; width:360px; height:250px; margin-right:10px;}

.about-banner{ height:443px;}
.about-ln{ margin-top:60px; overflow:hidden;}
.about-ln .img{ float:left; width:360px; height:280px; margin-left:30px;}
.about-ln .text{ float:left;    width: 300px;    margin-left: 20px;    margin-right: 40px; }
.about-ln .text .title{ font-size:36px; color:#000; font-weight:bold;}
.about-ln .text .line{ width:50px; height:3px; border-radius:3px; background:#124a59; margin:20px 0;}
.about-ln .text .title-f{ font-size:30px; color:#333;    margin-left: -18px;}
.about-ln .text .p{ font-size:22px; color:#333; margin-top:20px; line-height:32px;}

.about-ln-list{ margin:40px; overflow:hidden;}
.about-ln-list li{ float:left; width:186px; margin-right: 56px;}
.about-ln-list li .icon{ width:85px; height:70px; text-align:center; margin:10px auto;}
.about-ln-list li .title{ font-size:24px; color:#333; text-align:center; margin-top:10px;}
.about-ln-list li .p{ font-size:20px; color:#666; text-align:center;}
.about-ln-list li:nth-child(3), .about-ln-list li:nth-child(5){ margin-right:0;}
.about-ln-list li:nth-child(4), .about-ln-list li:nth-child(5){ width:280px; margin-top:20px;}
.about-ln-list li:nth-child(4){ margin-left: 36px;}

.about-ts{ margin-top:60px; overflow:hidden;}
.about-ts .title{ background:url(../images/about-ts-img1.jpg) no-repeat center top; width:375px; height:190px; float:left; font-size:36px; color:#333; text-align:center; font-weight:bold;    padding-top: 90px;}
.about-ts .img{ width:375px; height:280px; float:left;}
.about-ts .img img{ margin:40px 0 0  86px;}
.about-ts .text{ height:280px; background:url(../images/about-ts-img3.jpg) no-repeat center; float:left; width:100%;}
.about-ts .text p{ width:295px; margin:0 40px; font-size:20px; color:#333; text-align:center; line-height:32px; margin-top:40px; display: inline-block;}

.about-zl{ margin-top:60px; overflow:hidden; padding:0 40px;}
.about-zl .zl-left{ float:left; width:70px;  margin-top: 30px;}
.about-zl .zl-left .title{ font-size:36px; color:#000; font-weight:bold; width:36px; float:left;}
.about-zl .zl-left .line{ width:3px; height:50px; background:#124a59; border-radius:3px; float:right;    margin-top: 70px;}
.about-zl .zl-right{ margin-left:30px; float:left; width:570px;}

.about-bottom{ margin-top:60px; position:relative; height:450px; margin-bottom:100px;}
.about-bottom .box{ position:absolute; top:40px; left:70px;}
.about-bottom .box .title{ font-size:30px; color:#333; text-align:center;}
.about-bottom .box .title-f{ font-size:18px; color:#333; text-align:center;}

.contact-banner{ height:356px;}
.page-box{ background:#fff; margin-top:-160px; padding:40px;}
.page-box .title{ font-size:36px; color:#000; font-weight:bold; text-align:center;}
.page-box .title-f{ text-align:center; font-size:22px; color:#333; margin-top:10px; }
.page-box dl{ display:inline-block; overflow:hidden; margin-top:60px;}
.page-box dd{ width:100%; margin-bottom:20px;}
.page-box dd .title{ font-size:28px; font-weight:normal; text-align:left;}
.page-box dd .text{ font-size:22px; color:#666; margin-top:10px;}

.contact-form{ margin-top:20px;}
.contact-form ul{ margin-top:20px;}
.page-box li{ margin-bottom:20px;}
.page-box li input[type="text"]{width: 630px;    height: 84px; font-size: 24px;    text-indent: 20px; border:1px solid #ccc; box-shadow:0 1px 2px rgba(0,0,0,.35); border-radius:6px;}
.page-box li textarea{width: 630px;    height: 164px; font-size: 24px;    text-indent: 20px; border:1px solid #ccc; box-shadow:0 1px 2px rgba(0,0,0,.35);  border-radius:6px; padding:20px 0;}
.page-box li input[type="submit"]{width: 630px;    height: 84px; font-size: 24px; background:#124a59; color:#fff;    text-indent: 20px; border:none; border-radius:6px;}


.news-list{ margin:40px 0 10px;}
.news-list li{ overflow:hidden; margin-bottom:20px;}
.news-list li .img{ float:left; width:280px; height:195px;}
.news-list li .text{ text-align:left; height:195px;    float: left;    width: 360px;    margin-left: 20px;}
.news-list li .text .title{ font-size:28px; color:#333; margin-top: 8px;}
.news-list li .text .bq{ font-size:20px; color:#999; margin-top: 8px;}
.news-list li .text .bq span{ display:inline-block; margin-right:10px;}
.news-list li .text .p{ font-size:24px; color:#666; text-align:justify; margin-top:16px;}