@charset "utf-8";
/* CSS Document */
.banner{margin-top: 95px;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-pagination-bullet{background: #FFF;}
.banner .swiper-pagination-bullet-active{background: #000;}
.banner .swiper-button-next,.banner .swiper-button-prev{color: #FFF;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 30px;}
.banner .swiper-pagination-bullet{width: 5px;height: 5px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{opacity: 0.8;}

.dyip{padding:50px 18%;text-align: center;}
.dyip .title h2{font-size: 34px;}
.dyip .title .xian{width: 100px;height: 5px;background: #00aaad;margin:10px auto;}
.dyip ul{margin-top: 40px;margin-left: -2%;}
.dyip li{float: left;width: 23%;margin-left: 2%;padding-bottom: 25px;}
.dyip li:hover{background: #f5f5f5;}
.dyip li img{width: 100%;}
.dyip li .txt h2{font-size: 18px;margin-top: 5px;height: 48px; line-height: 24px;}
.dyip li .txt p{width: 120px;height: 38px;line-height: 38px;margin:30px auto 0 auto;background: #f5f5f5;border-radius: 50px;transition: all 0.3s;border: 1px solid #EEE;}
.dyip li:hover .txt p{background: #00aaad;color: #FFF;border: 1px solid #00aaad;}
.dyip li a:hover{text-decoration: none;color: #333;}

.derp{text-align: center;}
.derp .title h2{font-size: 34px;}
.derp .title .xian{width: 100px;height: 5px;background: #00aaad;margin:10px auto;}
.derp .solution{margin-top: 40px;}
.derp .swiper-slide{float: left;width: 20%;position: relative;}
.derp .swiper-slide img{width: 100%;}
.derp .swiper-slide p{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.3);display: flex;align-items: center;justify-content: center;color: #FFF;font-size: 30px;}
.derp .swiper-slide:hover p{opacity: 0;}

.dsanp{margin-top: 30px;text-align: center;background: url(../images/pic8.jpg) no-repeat center fixed;background-size: cover;}
.dsanp ul{padding:150px 18%;background: rgba(0, 0, 0, 0.5);}
.dsanp li{float: left;width: 20%;color: #FFF;}
.dsanp li i{font-size: 60px;color: #00aaad;}
.dsanp li .yi{font-size: 40px;margin-top: 50px;font-weight: bold;}
.dsanp li .er{margin-top: 40px;font-size: 18px;}

.dsip{padding:100px 18% 0 18%;}
.dsip .left{float: left;width: 48%;background: #FFF;box-sizing: border-box;}
.dsip .left .title h2{font-size: 34px;}
.dsip .left .title .xian{width: 100px;height: 5px;background: #00aaad;margin-top: 10px;}
.dsip .left .txt{margin-top: 50px;line-height: 30px;}
.dsip .left  .more{width: 200px;text-align: center;margin-top: 50px;}
.dsip .left  .more a{display: block;height: 38px;line-height: 38px;border: 1px solid #666;border-radius: 30px;}
.dsip .left  .more a:hover{display: block;text-decoration: none;height: 38px;line-height: 38px;border: 1px solid #00aaad;border-radius: 30px;background: #00aaad;color: #FFF;}
.dsip .pic{float: right;width: 48%;}
.dsip .pic img{width: 100%;}

.dwup{padding:100px 18%;background-image: linear-gradient(-180deg, #fff 0%, #efefef 50%);}
.dwup .title h2{font-size: 34px;text-align: center;text-transform: uppercase;}
.dwup .title .xian{width: 100px;height: 5px;background: #00aaad;margin:10px auto;}
.dwup .pinglun{margin-top: 40px;}
.dwup .swiper-wrapper{padding-bottom: 40px;}
.dwup .swiper-slide{background: #FFF;border-radius: 10px;position: relative;margin-top: 50px;padding: 30px;box-sizing: border-box;}
.dwup .swiper-slide i{width: 70px;height: 70px;line-height: 70px;text-align: center;font-size: 34px;display: block;border-radius: 50px;box-shadow:0  20px 20px rgba(0, 0, 0, 0.2);position: absolute;left: 30px;top: -35px;background: #FFF;color: #00aaad;}
.dwup .swiper-slide .txt{padding-top: 30px;line-height: 30px;font-size: 16px;font-style: italic;color: #666;}
.dwup .swiper-slide .ren{margin-top: 30px;display: flex;align-items: center;}
.dwup .swiper-slide .ren .pic{width: 60px;height: 60px;border-radius: 50px;overflow: hidden;}
.dwup .swiper-slide .ren img{width: 100%;}
.dwup .swiper-slide .ren .txter{margin-left: 20px;}
.dwup .swiper-slide .ren .txter h2{font-size: 20px;}
.dwup .swiper-slide .ren .txter p{margin-top: 10px;}

.dliup{padding:50px 18%;}
.dliup .title h2{font-size: 34px;text-align: center;}
.dliup .title .xian{width: 100px;height: 5px;background: #00aaad;margin:10px auto 0 auto;}
.dliup ul{margin-top: 40px;}
.dliup li{margin-left: -2%;margin-bottom: 30px;}
.dliup li .input_txt{width: 48%;margin-left: 2%;float: left;box-sizing: border-box;background: #EEE;border: none;height: 50px;padding:0 15px;font-family:"Conv_Armata-Regular";outline: medium;font-size: 18px;}
.dliup li:nth-of-type(3) .input_txt{width: 30%;}
.dliup textarea{box-sizing: border-box;background: #EEE;border: none;height: 140px;padding:10px 15px;font-family:"Conv_Armata-Regular";outline: medium;width: 100%;font-size: 18px;}
.dliup .input_btn{margin-top: 20px;width: 80px;height: 50px;outline: medium;border: 2px solid #00aaad;background: #FFF;font-size: 18px;color: #00aaad;font-family:"Conv_Armata-Regular";cursor: pointer;}

.dliup li .txt{padding: 30px;}
.dliup li .txt h2{font-size: 18px;}
.dliup li .txt h2 a:hover{text-decoration: none;}
.dliup li .txt p{margin-top: 10px;line-height: 24px;height: 48px;overflow: hidden;font-size: 14px;}
.dliup li .txt .more{margin-top: 20px;width: 100px;text-align: center;}
.dliup li .txt .more a{display: block;height: 28px;line-height: 28px;border: 1px solid #666;border-radius: 30px;}
.dliup li .txt .more a:hover{display: block;text-decoration: none;height: 28px;line-height: 28px;border: 1px solid #00aaad;border-radius: 30px;background: #00aaad;color: #FFF;}

.ny_banner{margin-top: 95px;position: relative;}
.ny_banner img{width: 100%;}
.ny_banner p{position: absolute;left: 50%;top: 50%;background: rgba(0, 0, 0, 0.5);padding:30px 100px;color: #FFF;transform: translate(-50%,-50%);font-size: 24px;border-radius: 5px;;}
.subnav{text-align: left;font-size: 0px;border-bottom: 1px solid #DDD;padding:0 18%;}
.subnav li{display: inline-block;font-size: 16px;height: 60px;line-height: 60px;text-transform:capitalize;}
.subnav li a{padding:0 30px;display: block;}
.subnav li a:hover{padding:0 30px;display: block;text-decoration: none;background: #00aaad;color: #FFF;}
.subnav li a.current{background: #00aaad;color: #FFF;}

.dqwz{margin-top: 95px;background: #00aaad;padding:35px 5%;color: #FFF;}
.dqwz h2{font-size: 30px;text-transform: uppercase;}
.dqwz a{color: #FFF;}
.dqwz a:hover{text-decoration: none;}
.dqwz .txt{text-transform: capitalize;margin-top: 10px;}
.dqwz .txt span{margin:0 5px;}

.con{padding:50px 18%;}
.con .title{font-size: 34px;text-transform: uppercase;}
.con .about{margin-top: 30px;}
.con .about .txt{line-height: 24px;width: 55%;float: left;text-align: justify;}
.con .about .txt p{padding-bottom: 20px;}
.con .about .pic{width: 40%;float: right;}
.con .about .pic img{width: 100%;}

.products ul{margin-left: -2%;font-size:0px;}
.products li{width: 23%;margin-left: 2%;margin-bottom: 4%;display:inline-block;vertical-align:top;}
.products li img{width: 100%;}
.products li h2{line-height: 24px;margin-top: 10px;font-size:14px;text-align: center;}

.products_con_t{font-size: 0px;}
.products_con_t .pic{width: 40%;display: inline-block;vertical-align: middle;}
.products_con_t .pic img{width: 100%;}
.products_con_t .right{width: 55%;display: inline-block;vertical-align: middle;margin-left: 5%;}
.products_con_t .right h2{font-size: 24px;}
.products_con_t .right .txt{margin-top: 20px;}
.products_con_t .right .txt h3{font-weight: bold;margin-bottom: 5px;font-size: 16px;}
.products_con_t .right .txt .txter{line-height: 24px;font-size: 14px;text-align: justify;}
.products_con_t .right .txt ul{margin-left: -2%;margin-top: 10px;}
.products_con_t .right .txt li{width: 31.333%;margin-left: 2%;float: left;margin-bottom: 2%;}
.products_con_t .right .txt li img{max-width: 100%;}


.products_con_b{padding:70px 18%;background: #f2f2f2;}
.products_con_b .title{text-align: center;}
.products_con_b .title h2{font-size: 34px;}
.products_con_b .title .xian{width: 100px;height: 5px;background: #00aaad;margin:10px auto;}
.products_con_b table{border-left: 2px solid #FFF;border-top: 2px solid #FFF;margin-top: 30px;width:100% !important;}
.products_con_b td{border-right: 2px solid #FFF;border-bottom: 2px solid #FFF;padding:15px;font-size: 18px;}

.fenye{margin-top: 30px;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: 16px;width: 30px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #CCC;margin:0 3px;}
.fenye li a{display: block;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.current{border: 1px solid #00aaad;background: #00aaad;}
.fenye li.current a{color: #FFF;}

.news{margin-top: 30px;}
.news li{margin-bottom: 60px;}
.news li .pic{float: left;width: 300px;overflow: hidden;}
.news li .pic img{width: 100%;transition: all 0.3s;}
.news li:hover .pic img{transform: scale(1.2);}
.news li .title_er{margin-left: 330px;}
.news li .title_er h2{font-size: 20px;}
.news li .title_er p{padding-top: 25px;color: #666;font-size: 12px;}
.news li .title_er p span{margin-right: 30px;}
.news li .title_er p i{font-size: 14px;margin-right: 10px;}
.news li .title_er .txt{margin-top: 20px;line-height: 30px;color: #53626f;height: 60px;overflow: hidden;}
.news li .title_er .more{margin-top: 20px;}
.news li a{display: block;}
.news li a:hover{display: block;text-decoration: none;}

.news_con .titleer{padding-bottom: 10px;}
.news_con .titleer h2{font-size: 24px;padding-bottom: 10px;}
.news_con .titleer p{line-height: 30px;font-size: 14px;color: #666;}
.news_con .titleer p span{margin-right: 20px;}
.news_con .box{padding: 30px 0;line-height: 30px;}
.news_con .box p{padding-bottom: 20px;}

.solution_ny{padding:50px 0;}
.solution_ny li{float: left;width: 20%;text-align: center;color: #FFF;}
.solution_ny li:nth-of-type(1){background: #c0a47d;}
.solution_ny li:nth-of-type(2){background: #6fb5b3;}
.solution_ny li:nth-of-type(3){background: #cccccc;}
.solution_ny li:nth-of-type(4){background: #896f88;}
.solution_ny li:nth-of-type(5){background: #88adc7;}
.solution_ny li img{width: 100%;}
.solution_ny li h2{padding:30px 0;font-size: 20px;}
.solution_ny li a{color: #FFF;display: block;}
.solution_ny li a:hover{color: #FFF;display: block;text-decoration: none;}
.solution_ny li .txt{padding:30px 0;}
.solution_ny li .txt p{padding-bottom: 20px;}
.solution_ny li .txt .more{width: 100px;margin:0 auto;height: 50px;border: 2px solid #FFF;line-height: 50px;font-size: 18px;position: relative;}
.solution_ny li .txt .more span{transition: all 0.3s;}
.solution_ny li .txt .more:hover span{margin-left: -15px;}
.solution_ny li .txt .more i{font-size: 16px;position: absolute;right: 30px;transition: all 0.3s;opacity: 0;visibility: hidden;}
.solution_ny li .txt .more:hover i{right: 10px;visibility: visible;opacity: 1;}

.solution_con_t{text-align: center;padding:80px 18%;line-height: 24px;}
.solution_con_t p{padding-bottom: 20px;}
.solution_con_b{background: #f2f2f2;padding:80px 5%;}
.solution_con_b ul{margin-left: -2%;font-size:0px;text-align:center;}
.solution_con_b li{width: 23%;margin-left: 2%;text-align: center;display:inline-block;}
.solution_con_b li .pic{width: 120px;margin:0 auto;}
.solution_con_b li .pic img{width: 100%;}
.solution_con_b li h2{font-size: 20px;padding:30px 0;}
.solution_con_b li a:hover{text-decoration: none;color: #333;}
.solution_con_b li .more{width: 150px;margin:40px auto 0 auto;height: 40px;line-height: 40px;font-size: 18px;position: relative;background: #00aaad;color: #FFF;}
.solution_con_b li .more span{transition: all 0.3s;}
.solution_con_b li .more:hover span{margin-left: -20px;}
.solution_con_b li .more i{font-size: 16px;position: absolute;right: 30px;transition: all 0.3s;opacity: 0;visibility: hidden;}
.solution_con_b li .more:hover i{right: 15px;visibility: visible;opacity: 1;}

.pinglun li{background: #F5F5F5;border-radius: 10px;position: relative;margin-top: 50px;padding: 30px;box-sizing: border-box;}
.pinglun li i{width: 70px;height: 70px;line-height: 70px;text-align: center;font-size: 34px;display: block;border-radius: 50px;box-shadow:0  20px 20px rgba(0, 0, 0, 0.2);position: absolute;left: 30px;top: -35px;background: #FFF;color: #00aaad;}
.pinglun li .txt{padding-top: 30px;line-height: 30px;font-size: 16px;font-style: italic;color: #666;}
.pinglun li .ren{margin-top: 30px;display: flex;align-items: center;}
.pinglun li .ren .pic{width: 60px;height: 60px;border-radius: 50px;overflow: hidden;}
.pinglun li .ren img{width: 100%;}
.pinglun li .ren .txter{margin-left: 20px;}
.pinglun li .ren .txter h2{font-size: 20px;}
.pinglun li .ren .txter p{margin-top: 10px;}

.sxy{text-align: left;line-height: 24px;border-top: 1px dotted #CCC;border-bottom: 1px dotted #CCC;padding: 20px 0;}
.sxy ul{float: left;}
.sxy .fanhui{float: right;width: 120px;height: 40px;line-height: 40px;text-align: center;background: #00aaad;margin-top: 5px;}
.sxy .fanhui a{color: #FFF;display: block;}
.sxy .fanhui a:hover{color: #FFF;display: block;text-decoration: none;}

.con .contact{line-height: 30px;background: #00aaad;margin-top: 30px;}
.con .contact h2{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.con .contact .txt{float: left;width: 40%;box-sizing: border-box;padding:30px;color: #FFF;}
.con .contact .txt a{color: #FFF;}
.con .contact .txt a:hover{color: #FFF;text-decoration: none;}
#map{ height:500px;width: 60%;float: right;}
#map iframe{ height:500px;width: 100%;}