@charset "utf-8";
/* CSS Document */
.banner{}
.banner .swiper-slide{position: relative;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .pc{}
.banner .swiper-slide .m{display: none;}
.banner .swiper-slide .title{padding-top: 8%;position: absolute;left: 0;top: 0;right: 0;}
.banner .swiper-slide .title .txtyi{}
.banner .swiper-slide .title .txtyi h2{font-size: 60px;transition: all 0.6s;}
.banner .swiper-slide .title .txtyi p{font-size: 30px;transition: all 0.6s;}
.banner .swiper-slide .title .txter{padding-top: 5%;}
.banner .swiper-slide .title .txter h2{font-size: 30px;}
.banner .swiper-slide .title .txter p{font-size: 19px;}
.banner .swiper-slide .yi{color: #fff;}
.banner .swiper-pagination-bullets{bottom: 20px;}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 50px;height: 2px;background: #000;opacity: 0.1;border-radius: 0px;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #0094dc;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: none;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -25px;outline: medium;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 40px;color: #FFF;}

.dyip{text-align: center;padding: 0 8%;}
.dyip .title{padding:40px 0;}
.dyip .title h2{font-size: 36px;font-weight: bold;color: #333;}
.dyip .title p{font-size: 18px;margin-top: 20px;}
.dyip .title .more{width: 200px;height: 50px;line-height: 50px;border:1px solid #999;border-radius: 50px;margin:30px auto 0 auto;font-size: 20px;}
.dyip .title .more a{display: block;color: #999;}
.dyip .title .more a:hover{display: block;color: #999;text-decoration: none;}
.dyip .pic{overflow: hidden;}
.dyip .pic img{width: 100%;transition: all 0.5s;}
.dyip .pic:hover img{width: 100%;transform: scale(1.2);}

.derp{padding: 50px 8% 30px 8%;}
.derp .left{width: calc(44% - 10px);float: left;}
.derp .pic{position: relative;overflow: hidden;margin-bottom: 20px;}
.derp .pic img{width: 100%;transition: all 0.5s;}
.derp .pic h2{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;display: flex;align-items: center;justify-content: center;font-size: 20px;background: rgba(0,0,0,0.3);visibility: hidden;opacity: 0;transition: all 0.3s;}
.derp .pic:hover h2{visibility: visible;opacity: 1;color: #FFF;}
.derp .pic:hover img{transform: scale(1.2);}

.derp .right{width: calc(56% - 10px);float: right;}
.derp .right .t_l{width: calc(50% - 10px);}
.derp .right .yi{float: left;}
.derp .right .er{float: right;}
.derp .right .t_l .txt{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 100;padding:5%;display: flex;align-items: center;justify-content: center;flex-flow: column;color: #333;}
.derp .right .t_l .pic:nth-of-type(2) img{opacity: 0;}
.derp .right .t_l .txt h3{font-size: 30px;font-weight: bold;}
.derp .right .t_l .txt p{font-size: 30px;margin-top: 10px;}
.derp .right .t_l .txt .more{width: 160px;height: 40px;line-height: 40px;border:1px solid #DDD;text-align: center;border-radius: 50px;margin-top: 10px;}
.derp .right .t_l .txt .more a{display: block;color: #666;}
.derp .right .t_l .txt .more a:hover{display: block;color: #666;text-decoration: none;}
.derp .right .right_b{background: #333;}
.derp .right .right_b .txt{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 100;color: #FFF;padding:5%;}
.derp .right .right_b .txt h3{font-size: 24px;font-weight: bold;}
.derp .right .right_b .txt p{line-height: 30px;margin-top: 10px;text-indent: 2em;}

.dsanp{height: 700px;display: flex;align-items: center;justify-content: center;flex-flow: column;color: #FFF;}
.dsanp h2{font-size: 46px;font-weight: bold;}
.dsanp p{font-size: 18px;line-height: 36px;margin-top: 30px;text-align: center;}

.dsip{padding: 50px 8%;}
.dsip ul{margin-left: -2%;}
.dsip li{position: relative;float: left;width: 31.333%;margin-left: 2%;overflow: hidden;}
.dsip li img{width: 100%;transition: all 0.5s;}
.dsip li:hover img{transform: scale(1.2);}
.dsip li .txt{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index: 100;padding:5%;display: flex;align-items: center;justify-content: center;flex-flow: column;color: #FFF;}
.dsip li .txt h3{font-size: 30px;font-weight: bold;}
.dsip li .txt p{font-size: 18px;margin-top: 10px;}
.dsip li .txt .more{width: 160px;height: 40px;line-height: 40px;border:1px solid #DDD;text-align: center;border-radius: 50px;margin-top: 20px;}
.dsip li .txt .more a{display: block;color: #FFF;}
.dsip li .txt .more a:hover{display: block;color: #FFF;text-decoration: none;}

.dwup{padding: 0px 8% 50px 8%;}
.dwup img{width: 100%;}

.banner_ny img{width: 100%;}


.con{padding:50px 8%;}
.con .title_pro{}
.con .title_pro h2{font-size: 30px;color: #333;}
.con .title_pro p{color: #EEE;font-size: 24px;text-transform: uppercase;}
.con .titleer{text-align: center;}
.con .titleer h2{font-size: 30px;color: #333;}
.con .titleer p{color: #EEE;font-size: 24px;text-transform: uppercase;}
.about{margin-top: 50px;}
.about .pic{width: 48%;float: left;}
.about .pic img{width: 100%;}
.about .txt{width: 48%;float: right;}
.about .txt h3{font-size: 24px;margin-bottom: 20px;}
.about .txt p{line-height: 30px;padding-bottom: 15px;}

.zhengshu{margin-top: 50px;}
.zhengshu ul{margin-left: -3%;}
.zhengshu li{float: left;width: 22%;margin-left: 3%;margin-bottom: 3%;text-align:center;}
.zhengshu li img{width: 100%;}
.zhengshu li h3{line-height:40px;}

.products{margin-top: 40px;}
.products ul{margin-left: -2%;}
.products li{float: left;width: 23%;margin-left: 2%;margin-bottom: 2%;}
.products li .pic{border:1px solid #DDD;}
.products li img{width: 100%;}
.products li h2{font-weight: bold;font-size: 16px;color: #333;margin-top: 15px;line-height:30px;height:30px;overflow:hidden;}

.subnav{float: left;width:15%;}
.subnav h2{font-size: 18px;background: #333;height: 50px;line-height: 50px;color: #FFF;padding-left: 20px;border-radius: 5px 5px 0 0;}
.subnav ul{border:1px solid #DDD;border-top: none;}
.subnav li{}
.subnav li p{line-height: 40px;border-bottom:1px solid #DDD;}
.subnav li p a{padding-left: 35px;display: block;background: url(../images/pic23.png) no-repeat 20px center;}
.subnav li p a:hover{padding-left: 35px;display: block;text-decoration: none;}
.subnav li p a.current{background:#0094dc url(../images/pic24.png) no-repeat 20px center;color: #FFF;}

.products_con{float: right;width: 82%;}

.dqwz{line-height: 50px;border-bottom: 1px solid #DDD;}
.dqwz h2{color:#0094dc;float: left;}
.dqwz p{float: right;}
.dqwz i{padding-right: 10px;color: #0094dc;}
.dqwz a:hover{text-decoration: none;}

.product_t{margin-top: 40px;}
.meiti_dt{width:40%;float:left;}
.product_t_r{ float:right; width:57%;}
.product_t_r .box{}
.product_t_r h2{ font-size:20px;font-weight: normal;border-bottom: 1px solid #EEE;line-height: 60px;color: #0094dc;}
.product_t_r .lb{padding-top: 10px;color: #777;font-size: 14px;border-bottom: 1px solid #EEE;padding-bottom: 10px;}
.product_t_r .lb a{color: #777;}
.product_t_r h3{ font-size:18px; line-height:30px; padding-top:20px;}
.product_t_r .txt{ padding-bottom:10px;line-height: 30px;color: #666;}
.product_t_r .txt strong{color: #333;}
.product_t_r .txt img{max-width:100%;}

.product_b{margin-top: 50px;}
.product_b h2{background: #0094dc;width: 120px;height: 40px;line-height: 40px;text-align: center;color: #FFF;}

.news{margin-top: 30px;}
.news ul{margin-left: -2%;}
.news li{float: left;width: 31.333%;margin-left: 2%;margin-bottom: 50px;}
.news li img{width: 100%;}
.news li h3{font-size: 18px;font-weight: bold;margin-top: 20px;}
.news li p{width: 110px;height: 30px;line-height: 30px;background: #F5F5F5;text-align: center;margin-top: 15px;}

.news_con{}
.news_con .title_news{text-align: center;padding:30px 0;border-bottom: 1px solid #DDD;}
.news_con .title_news h2{color: #0094dc;font-size: 18px;}
.news_con .title_news p{margin-top: 15px;}
.news_con .box{padding:30px 0;line-height: 30px;}
.news_con .box p{padding-bottom: 10px;}
.news_con .box img{max-width:100%;}

.jishu{line-height: 30px;margin-top: 50px;}

.cpxqer{margin-top: 50px;}
.cpxqer .tit{}
.cpxqer .position{float: left;}
.cpxqer .time{float: right;}
.cpxqer .time i{float: right;font-size: 12px;transition: all 0.3s;}
.cpxqer .titlesan.active .time i{transform: rotate(-180deg);}
.cpxqer ul{}
.cpxqer li{background: #FFF;}
.cpxqer li .titlesan{ line-height: 40px; border-bottom:1px solid #f5f5f5;height: 40px;overflow: hidden;color: #666;cursor: pointer;}
.cpxqer li .con_er{ display:none; line-height:30px; padding:3%;background: #f7f9fc;}



.kehu ul{margin-left: -2%;margin-top: 40px;}
.kehu li{float: left;width: 14.666%;margin-left: 2%;margin-bottom: 2%;border:1px solid #DDD;box-sizing: border-box;}
.kehu li img{width: 100%;}


.contact{margin-top: 50px;line-height: 30px;}


.liuyan{margin-top: 50px;}
.liuyan li{ margin-bottom: 10px;}
.liuyan .input_txt{ width:100%; height:36px; border:1px solid #DDD; outline:medium; padding:0 1%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:100px; border:1px solid #DDD; outline:medium; padding:1%;box-sizing: border-box;}
.liuyan .textarea p{padding-bottom: 5px;}
.liuyan .textarea p span{color: #cde18f;}
.liuyan .more{margin-top:20px;}
.liuyan .input_btn{ width:100%; height:50px; font-family:'Conv_tt1161m_'; border:0 none; color:#FFF; background:#0094dc;cursor: pointer;outline: medium;font-size: 18px;}