@charset "utf-8";
/* CSS Document */
.banner{position: relative;}
.banner .swiper-slide{position: relative;text-align: center;overflow: hidden;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-bullets{bottom: 0.1rem;}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 .01rem;}
.banner .swiper-pagination-bullet{width: .05rem;height: .05rem;opacity: 1;background: #FFF;border-radius: 1rem;transition: all 0.3s;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #0194dd;width: 0.2rem;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: none;width: .3rem;height: .3rem;text-align: center;line-height: .3rem;margin-top: -.15rem;outline: medium;color: #FFF;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 0.2rem;color: #FFF;}

.index_dyip img{max-width: 100%;}

.dyip{text-align: center;padding: .4rem 10%;color: #FFF;}
.dyip .title{padding: 0 20%;}
.dyip .title .bt{font-size: .2rem;font-family:"tt0102m_";}
.dyip .title p{padding-top: .1rem;}
.dyip ul{margin-left: -5%;margin-top: .2rem;display: flex;flex-wrap: wrap;}
.dyip li{width: 20%;margin-left: 5%;position: relative;}
.dyip li .pic{border-radius: 100%;overflow: hidden;}
.dyip li .pic img{width: 100%;transition: all .3s;}
.dyip li h2{padding: .1rem 0;font-size: .14rem;text-shadow: 0 0 10px rgba(0,0,0,.8);}

.derp{padding: .4rem 10%;position: relative;}
.derp .hd ul{display: flex;align-items: center;justify-content: center;}
.derp .hd li{font-size: .1rem;padding: .05rem .1rem;cursor: pointer;}
.derp .hd li.on{background: #0194dd;color: #FFF;}
.derp .bd{margin-top: .2rem;}
.derp .right{width: 60%;margin-left: 5%;float: right;}
.derp .right p{line-height: 1.6;margin-bottom: .05rem;font-size: .1rem;}
.derp .right .more{margin-top: .1rem;font-size: .1rem;}
.derp .right .more a{color: #0194dd;}
.derp .pic{width: 35%;float: left;}
.derp .pic img{width: 100%;}

.banner_pic{position: relative;}
.banner_pic img{width: 100%;}

.dqwz{line-height: 3;overflow: hidden;padding:0 10%;}
.dqwz a:hover{text-decoration: none;}
.dqwz .txt span{margin:0 5px;}
.dqwz i{font-size: 12px;padding: 0 10px;color: #CCC;}

.con{padding: .3rem 10%;}
.con .about{line-height: 1.6;}
.con .about img{max-width: 100%;margin-bottom: .1rem;}
.con .about p{padding-bottom: .1rem;}

.products ul{margin-left: -2%;display: flex;flex-wrap: wrap;text-align: center;}
.products li{width: 23%;margin-left: 2%;position: relative;background: #FFF;overflow: hidden;border: 1px solid #DDD;box-sizing: border-box;margin-bottom: 2%;}
.products li .pic img{width: 100%;transition: all .3s;}
.products li a:hover .pic img{transform: scale(1.2);}
.products li .txt{padding: .1rem .1rem 0 .1rem;position: relative;z-index: 1;top: 0;transition: all .3s;}
.products li a:hover .txt{top: -.2rem;}
.products li .txt h2{line-height: 1.5;}
.products li a:hover{text-decoration: none;color: #FFF;}


.products_con img{width: 100%;}
.products_con .products_con_t .left{width: 50%;float: left;}
.gallery-top{box-sizing: border-box;box-shadow: 0 0 2px rgba(0,0,0,0.2);}
.gallery-top .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
.gallery-top .swiper-pagination-bullet{width: 6px;height: 6px;background: #333;opacity: 0.1;}
.gallery-top .swiper-pagination-bullet-active{background: #333;opacity: 1;}
.gallery-top .swiper-button-next,.gallery-top .swiper-button-prev{background: none;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -25px;outline: medium;color: #666;}
.gallery-top .swiper-button-next:after,.gallery-top .swiper-button-prev:after{font-size: 30px;}
.gallery-thumbs{margin-top: 10px;}
.gallery-thumbs .swiper-slide {border: 1px solid #CCC;box-sizing: border-box;}
.gallery-thumbs .swiper-slide-thumb-active {border: 1px solid #0194dd;}

.products_con_t .right{width: 45%;float: right;}
.products_con_t .right h2{font-size: .16rem;border-bottom: 1px solid #DDD;padding: .1rem 0;}
.products_con_t .right .txt{margin-top: 30px;}
.products_con_t .right .txt h3{margin-bottom: .1rem;border-bottom: 1px solid #DDD;padding-bottom: .05rem;display: inline-block;font-weight: bold;}
.products_con_t .right .txter p{line-height: 2;}

.products_con_b{margin-top: 50px;}
.products_con_b .titleer{border-bottom: 1px solid #DDD;padding: .1rem 0;font-size: .12rem;font-family:"tt0102m_";}
.products_con_b .box{padding: .1rem 0px;}
.products_con_b .box p{line-height: 2;}

.xgcp{margin-top: 50px;}
.xgcp .titleer{font-size: .12rem;border-bottom: 1px solid #DDD;padding: .1rem 0;}
.xgcp .xg_pro{padding: .1rem 0;}
.xgcp .swiper-slide{position: relative;background: #FFF;transition: all 0.3s;overflow: hidden;border: 1px solid #DDD;box-sizing: border-box;text-align: center;}
.xgcp .swiper-slide .pic img{width: 100%;transition: all .3s;}
.xgcp .swiper-slide a:hover .pic img{transform: scale(1.2);}
.xgcp .swiper-slide .txt{padding: .1rem .1rem 0 .1rem;position: relative;z-index: 1;top: 0;transition: all .3s;}
.xgcp .swiper-slide a:hover .txt{top: -.2rem;}
.xgcp .swiper-slide .txt h2{line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2}
.xgcp .swiper-slide a:hover{text-decoration: none;color: #FFF;}
.xgcp .swiper-slide a:after{background-image: linear-gradient(to bottom, rgba(0,57,200,0) 30%,#0194dd);content: "";display: block;position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1);opacity: 0;}
.xgcp .swiper-slide a:hover:after{opacity: 1;}
.xgcp .swiper-slide .more{color: #0194dd;display: inline-block;margin-top: .1rem;visibility: hidden;opacity: 0;transition: all .3s;padding: .02rem .05rem;border: .01rem solid #FFF;color: #FFF;}
.xgcp .swiper-slide a:hover .more{visibility: visible;opacity: 1;}
.xgcp .swiper-slide .more i{font-size: .08rem;display: block;}

.news li{margin-bottom: 2%;font-size: 0;padding-bottom: 2%;border-bottom: 1px solid #DDD;}
.news li .riqi{display: inline-table;vertical-align: middle;width: 8%;text-align: center;color: #999;}
.news li .riqi span{font-size: .2rem;font-weight: bold;}
.news li .riqi p{font-size: .1rem;border-top: 1px solid #DDD;}
.news li .pic{overflow: hidden;width: 20%;display: inline-table;vertical-align: middle;margin-left: 2%;}
.news li .pic img{width: 100%;transition: all 0.3s;}
.news li:hover .pic img{transform: scale(1.2);}
.news li .box{padding:.15rem;display: inline-table;vertical-align: middle;width: 70%;box-sizing: border-box;vertical-align: middle;}
.news li .box h2{font-size: .12rem;}
.news li:hover .box h2 a{color:#0194dd;text-decoration: none;}
.news li .box p{margin-top: .1rem;line-height: 1.6;overflow: hidden;color: #999;font-size: .1rem;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.news li .box .more{margin-top: .1rem;font-size: .1rem;border: 1px solid #DDD;border-radius: 5rem;display: inline-block;}
.news li .box .more a{color: #888;display: block;padding: .05rem .1rem;}
.news li .box .more a:hover{color: #888;display: block;padding: .05rem .1rem;text-decoration: none;color: #0194dd;}

.news_con{width: 65%;float: left;}
.news_con .title h2{font-size: .14rem;}
.news_con .title p{margin-top: 10px;color: #999;}
.news_con .txt{line-height: 2;margin-top: .2rem;border-top: 1px solid #DDD;padding: .2rem 0;}
.news_con .txt p{padding-bottom: 10px;}

.news_con_r{width: 30%;float: right;}
.news_con_r .title{background: #F5F5F5;border-bottom: 1px solid #DDD;font-size: .12rem;padding: .05rem .1rem;}
.news_con_r li{padding: .1rem .06rem;border-bottom: 1px solid #CCC;}
.news_con_r li h2 a:hover{text-decoration: none;}
.news_con_r li p{font-size: .08rem;color: #999;margin-top: .05rem;}
.news_con_r li .more{background: #CCC;border-radius: 3px;text-align: center;margin-top: .15rem;overflow: hidden;display: inline-block;}
.news_con_r li .more a{display: block;transition: all 0.3s;padding: .02rem .3rem;}
.news_con_r li .more a:hover{display: block;text-decoration: none;background: #0194dd;color: #FFF;}

.gongchang ul{margin-left: -2%;}
.gongchang li{width: 23%;float: left;margin-left: 2%;text-align: center;margin-bottom: 2%;box-sizing: border-box;}
.gongchang li img{width: 100%;}
.gongchang li p{background: #F5F5F5;padding: .1rem;}

.fenye{margin-top: .2rem;}
.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: .08rem;text-align: center;margin:0 .03rem;background: #FFF;}
.fenye li a{display: block;width: .2rem;height: .2rem;line-height: .2rem;border: 1px solid #CCC;}
.fenye li a:hover{display: block;text-decoration: none;border: 1px solid #0194dd;background: #0194dd;color: #FFF;}
.fenye li.current a{border: 1px solid #0194dd;background: #0194dd;color: #FFF;}
.fenye li:first-child a{border: 1px solid #FFF;}
.fenye li:first-child a:hover{border: 1px solid #0194dd;background: #FFF;color: #0194dd;}
.fenye li:last-child a{border: 1px solid #FFF;}
.fenye li:last-child a:hover{border: 1px solid #0194dd;background: #FFF;color: #0194dd;}
.fenye li i{font-size: .08rem;}

.syt{position: relative;border-top: 1px solid #DDD;padding-top: 30px;}
.syt li{line-height: 2;border: 1px solid #999;text-align: center;}
.syt li:nth-of-type(1){float: left;}
.syt li:nth-of-type(2){float: right;}
.syt li a{display: flex;align-items: center;justify-content: center;padding: 0 .1rem;}
.syt li a:hover{display: flex;align-items: center;justify-content: center;text-decoration: none;background: #0194dd;color: #FFF;}
.syt li i{font-size: .1rem;}
.syt li:nth-of-type(1) i{margin-right: .06rem;}
.syt li:nth-of-type(2) i{margin-left: .06rem;}
.back{line-height: 2;background: #0194dd;position: absolute;left: 50%;top: 30px;transform: translateX(-50%);}
.back a{color: #FFF;display: flex;align-items: center;justify-content: center;padding: 0 .1rem;}
.back a:hover{color: #FFF;text-decoration: none;}
.back a i{margin-right: .06rem;font-size: .1rem;}

.liuyan .title{font-size: .2rem;text-align: center;margin-top: .3rem;}
.liuyan .txt{text-align: center;margin-top: .08rem;}
.liuyan ul{margin-left: -2%;margin-top: .2rem;}
.liuyan li{ width:48%; margin-bottom: .1rem;float: left;margin-left: 2%;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li .input_txt{ width:100%; border:2px solid #EEE; outline:medium; padding:.05rem 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:.7rem; border:2px solid #EEE; outline:medium; padding:1%;box-sizing: border-box;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .more{margin-top:10px;}
.liuyan .input_btn{border:0 none; color:#FFF; background:#0194dd;cursor: pointer;outline: medium;padding: .05rem .2rem;}

.con .contact .box{background: #333;}
.con .contact .txt{float: left;width: 40%;box-sizing: border-box;padding: .2rem;color: #FFF;line-height: 1.6;}

#map_container{width: 60%; height:600px;float: right;}