@charset "utf-8";
/* CSS Document */
.banner{margin-top: .8rem;}
.banner .swiper-slide{position: relative;text-align: center;overflow: hidden;}
.banner .swiper-slide img{width: 100%;transform: scale(1.1);-o-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transition-delay:0.4s !important;}
.banner .swiper-slide-active img{transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transition:all 3.0s linear; -moz-transition:all 3.0s linear; -ms-transition:all 3.0s linear; -o-transition:all 3.0s linear; transition:all 3.0s linear;}
.banner .swiper-slide .title{padding-top: 8%;position: absolute;left: 0;top: 0;right: 0;}
.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 7px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 0.5;background: #FFF;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #1b5494;}
.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;color: #FFF;}
.banner .swiper-button-next i,.banner .swiper-button-prev i{font-size: 40px;color: #FFF;}

.bannerer img{width: 100%;}

.dyip{padding:.4rem 10%;background: #F5F5F5;color:#1b5494;}
.dyip .title{text-align: center;font-size: .2rem;font-weight: bold;}
.dyip ul{margin-top: .3rem;margin-left: -2%;}
.dyip li{float: left;width: 23%;margin-left: 2%;text-align: center;}
.dyip li i{display: block;font-size: .3rem;width: .5rem;height: .5rem;line-height: .5rem;display: block;text-align: center;margin: 0 auto;background: #1b5494;border-radius: 100%;color:#FFF;}
.dyip li p{line-height: 3;margin-top: .05rem;font-size: .12rem;}

.derp{text-align: center;padding:.4rem 10% .1rem 10%;background: #F5F5F5;color:#1b5494;}
.derp .title{font-size: .2rem;font-weight: bold;}
.derp ul{margin-left: -2%;margin-top: .5rem;}
.derp li{float: left;width: 23%;margin-left: 2%;position: relative;margin-bottom: .4rem;}
.derp li .pic{width: .6rem;height: .6rem;line-height: .6rem;text-align: center;background: #1b5494;margin: 0 auto;transform: rotate(45deg);border-radius: 10px;}
.derp li i{font-size: .3rem;transform: rotate(-45deg);display: block;color:#FFF;}
.derp li h2{line-height: 3;font-size: .12rem;padding-top: .1rem;}

.dsanp{padding: .4rem 10%;}
.dsanp .title{text-align: center;position: relative;font-size: .2rem;font-weight: bold;color:#1b5494;}
.dsanp ul{margin-left: -2%;margin-top: .2rem;}
.dsanp li{float: left;width: 23%;margin-left: 2%;background: #FFF;text-align: center;box-sizing: border-box;border: 1px solid #DDD;}
.dsanp li .pic{padding: .1rem;}
.dsanp li img{width: 100%;}
.dsanp li p{line-height: 2;}


.dsip{padding: .4rem 10%;color:#1b5494;}
.dsip .title{text-align: center;position: relative;font-size: .2rem;font-weight: bold;}
.dsip ul{margin-left: -2%;margin-top: 40px;}
.dsip li{width: 14.555%;margin-left: 2%;float: left;box-sizing: border-box;border: 1px solid #DDD;margin-bottom: 2%;}
.dsip li img{width: 100%;}

.index_dyip{padding: .4rem 10%;}
.index_dyip .title{font-size: 30px;}
.index_dyip ul{margin-top: 40px;}
.index_dyip li{margin-bottom: 50px;font-size: 0;border-bottom: 1px solid #1b5494;padding-bottom: 50px;}
.index_dyip li .pic{display: inline-table;vertical-align: middle;width: 25%;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0.5);}
.index_dyip li img{width: 100%;}
.index_dyip li .txt{display: inline-table;vertical-align: middle;width: 75%;box-sizing: border-box;padding: 5%;}
.index_dyip li .txt h2{font-size: 24px;font-weight: bold;color: #1b5494;}
.index_dyip li .txt p{line-height: 30px;font-size: 14px;margin-top: 30px;}
.index_dyip li .txt .more{font-size: 14px;margin-top: 30px;width: 130px;height: 40px;line-height: 40px;text-align: center;background: #1b5494;border-radius: 30px;}
.index_dyip li .txt .more a{display: block;color: #FFF;}
.index_dyip li .txt .more a:hover{display: block;color: #FFF;text-decoration: none;}


.dqwz{padding:.1rem 10%;margin-top: .8rem;}
.dqwz a:hover{text-decoration: none;}
.dqwz .txt span{margin:0 .1rem;}
.dqwz i{font-size: .08rem;padding: 0 10px;color: #CCC;}

.banner_ny{margin-top: .8rem;position: relative;}
.banner_ny img{width: 100%;}

.subnaver{padding:.2rem 5%;border-bottom: 1px solid #CCC;}
.subnaver ul{text-align: center;font-size: 0px;}
.subnaver li{display: inline-block;font-size: .1rem;line-height: 2;margin: 0 .1rem;}
.subnaver li a{display: block;padding: 0 .15rem;}
.subnaver li a:hover{display: block;text-decoration: none;}
.subnaver li a.current{background: #1b5494;color:#FFF;}

.con{padding: .2rem 10%;}

.about{line-height: 30px;}
.about .video{width: 40%;float: left;}
.about .video video{width: 100%;}

.about .txt_r{width: 55%;float: right;}
.about .txt p{padding-bottom: .1rem;}

.about .qywh{padding: .2rem 0;}
.about .qywh .title{font-size: .15rem;}
.about .qywh .txter{margin-top: .1rem;}
.about .qywh .txter h2{font-weight: bold;line-height: 3;}
.about .qywh .txter h3{font-weight: bold;}
.about .qywh .txter .box{padding: .02rem 0;}
.about .qywh .txter .box p{text-decoration: underline;}

.gongchang ul{margin-left: -2%;}
.gongchang li{width: 23%;float: left;margin-left: 2%;text-align: center;line-height: 3;margin-bottom: 2%;box-sizing: border-box;border: 1px solid #CCC;}
.gongchang li img{width: 100%;}
.gongchang li p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 .1rem;}

.case ul{margin-left: -2%;}
.case li{width: 23%;float: left;margin-left: 2%;margin-bottom: 2%;box-sizing: border-box;background: #F5F5F5;}
.case li img{width: 100%;}
.case li .txt{padding: .1rem;}
.case li h2{font-size: .12rem;}
.case li h2 a:hover{text-decoration: none;}
.case li p{line-height: 1.6;overflow: hidden;margin-top: .1rem;color: #999;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2}

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


.about_dsip{padding:50px 0;border-bottom: 2px solid #F5F7F9;}
.about_dsip .title{font-size: 30px;font-weight: bold;}
.about_dsip .rongyu{margin-top: 40px;}
.about_dsip .swiper-slide img{width: 100%;}
.about_dsip .swiper-slide{text-align: center;}
.about_dsip .swiper-slide p{line-height: 50px;font-size: 16px;}

.products ul{margin-top: .1rem;}
.products li{margin-bottom: .2rem;font-size: 0;border-bottom: 1px solid #1b5494;padding-bottom: .2rem;}
.products li .title{font-size: .14rem;padding-bottom: .1rem;}
.products li .pic{display: inline-table;vertical-align: middle;width: 25%;box-sizing: border-box;box-shadow: 0 0 .07rem rgba(0,0,0,0.5);}
.products li .pic a{display: block;}
.products li img{width: 100%;}
.products li .txt{display: inline-table;vertical-align: middle;width: 75%;box-sizing: border-box;padding: 3%;}
.products li .txt h2{font-size: .12rem;font-weight: bold;color: #1b5494;}
.products li .txt p{line-height: 1.6;font-size: .1rem;margin-top: .1rem;}
.products li .txt .more{font-size: .1rem;margin-top: .1rem;background: #1b5494;border-radius: .3rem;display: inline-block;}
.products li .txt .more a{display: block;color: #FFF;padding: .03rem .1rem;}
.products li .txt .more a:hover{display: block;color: #FFF;text-decoration: none;}

.subnav_san{width: 20%;float: left;}
.subnav_san h2{font-size: .12rem;font-weight: bold;line-height: 3;background: #DDD;padding: 0 10%;}
.subnav_san li{background: #F5F5F5;margin-top: 1%;}
.subnav_san li a{display: block;padding: .05rem 10%;}
.subnav_san li a:hover{display: block;padding: .05rem 10%;text-decoration: none;}
.subnav_san li a.current{background: #FFF;font-weight: bold;}

.products_list{width: 77%;float: right;}
.products_list .box ul{margin-left: -2%;display: flex;font-size: 0;flex-wrap: wrap;}
.products_list .box li{padding-bottom: .1rem;width: 23%;margin-left: 2%;}
.products_list .box li .pic img{width: 100%;}
.products_list .box li h2{color: #1b5494;text-align: center;padding: .1rem;font-size: .1rem;}
.products_list .box li h2 a:hover{text-decoration: none;}

.fangan_yi_dyip{position: relative;padding:.4rem 20%;margin-top: .8rem;}
.fangan_yi_dyip .title{position: absolute;left: 50%;top: .4rem;background: #1b5494;padding: .1rem .2rem;font-size: .3rem;border-radius: .1rem 0 .1rem 0;font-weight: bold;transform: translateX(-50%);color:#FFF;}
.fangan_yi_dyip .pic{padding-top: .4rem;}
.fangan_yi_dyip img{width: 100%;}

.fangan_yi_dsip{padding:.4rem 10%;}
.fangan_yi_dsip ul{display: flex;font-size: 0;text-align: center;align-items: center;justify-content: center;}
.fangan_yi_dsip li{width: 15%;margin: 0 2.5%;}
.fangan_yi_dsip li img{width: 100%;}

.fangan_yi_dwup{padding: .4rem 10%;}
.fangan_yi_dwup .left{float: left;width: 45%;text-align: center;}
.fangan_yi_dwup .left h2{font-size: .2rem;}
.fangan_yi_dwup .left ul{margin-top: .2rem;}
.fangan_yi_dwup .left li{font-size: .12rem;padding-bottom: .1rem;}
.fangan_yi_dwup .right{float: right;width: 45%;}
.fangan_yi_dwup .right h2{font-size: .2rem;}
.fangan_yi_dwup .right ul{width: 70%;display: inline-table;vertical-align: middle;margin-top: .2rem;}
.fangan_yi_dwup .right li{padding-bottom: .2rem;display: flex;align-items: center;}
.fangan_yi_dwup .right li .shu{font-size: .2rem;}
.fangan_yi_dwup .right li p{margin-left: .1rem;font-size: .12rem;}
.fangan_yi_dwup .right li p span{font-weight: bold;font-size: .14rem;}
.fangan_yi_dwup .pic{text-align: center;}

.fangan_er_dwup{padding:.4rem 10%;text-align: right;}
.fangan_er_dwup .title{font-size: .2rem;background: #1b5494;box-sizing: border-box;padding: .1rem;border-radius: .1rem 0 .1rem 0;display: inline-table;text-align: left;color:#FFF;}
.fangan_er_dwup ul{margin-top: .2rem;margin-left: -5%;text-align: left;}
.fangan_er_dwup li{float: left;width: 28.333%;margin-left: 5%;}
.fangan_er_dwup li .pic{position: relative;}
.fangan_er_dwup li img{width: 100%;}
.fangan_er_dwup li h2{position: absolute;left: .15rem;bottom: -.15rem;background: #1b5494;width: 100%;box-sizing: border-box;padding: .06rem .1rem;font-weight: bold;font-size: .12rem;color:#FFF;}
.fangan_er_dwup li p{line-height: 1.6;margin-top: .25rem;}


.fangan_er{margin-top: .8rem;}
.fangan_er_dyip{font-size: 0;padding:.4rem 10%;}
.fangan_er_dyip .pic{display: inline-table;vertical-align: middle;width: 50%;}
.fangan_er_dyip .pic img{width: 100%;}
.fangan_er_dyip .txt{display: inline-table;vertical-align: middle;width: 50%;box-sizing: border-box;padding: 0 3%;}
.fangan_er_dyip .txt h2{font-size: .2rem;text-align: center;}
.fangan_er_dyip .txt p{font-size: .1rem;line-height: 1.6;margin-top: .1rem;}

.fangan_er_dsip{padding:.4rem 10%;background: #F5F5F5;}
.fangan_er_dsip .title{font-size: .2rem;background: #1b5494;box-sizing: border-box;padding: .1rem .3rem;border-radius: .1rem 0 .1rem 0;display: inline-block;color:#FFF;}
.fangan_er_dsip .box{padding: .2rem 0;}
.fangan_er_dsip .box .left{width: 48%;float: left;}
.fangan_er_dsip .box .left .txt{padding-bottom: .1rem;}
.fangan_er_dsip .box .left .txt h2{font-size: .1rem;font-weight: bold;}
.fangan_er_dsip .box .left .txt p{line-height: 1.6;padding-top: .06rem;}
.fangan_er_dsip .box .right{width: 48%;float: right;}
.fangan_er_dsip .box .right .txt{padding-bottom: .1rem;}
.fangan_er_dsip .box .right .txt h2{font-size: .1rem;font-weight: bold;}
.fangan_er_dsip .box .right .txt p{line-height: 1.6;padding-top: .06rem;}


.products_con img{width: 100%;}
.products_con .products_con_t{background: #FFF;}
.products_con .products_con_t .left{width: 40%;float: left;}
.gallery-top{box-sizing: border-box;border: 1px solid #CCC;}
.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 #1b5494;}

.products_con_t{padding: .1rem 10%;}
.products_con_t .right{width: 55%;float: right;}
.products_con_t .right h2{font-size: .14rem;font-weight: bold;}
.products_con_t .right .txt{margin-top: .2rem;}
.products_con_t .right .txt h3{font-weight: bold;font-size: .1rem;}
.products_con_t .right .txt .xian{width: .4rem;height: 2px;background: #1b5494;margin: .05rem 0 .1rem 0;}
.products_con_t .right .txter pre{line-height: 2;white-space: pre-wrap;word-wrap: break-word;}

.products_con_b .titleer{font-size: .16rem;background: #F5F5F5;line-height: 3;text-align: center;}
.products_con_b .box{padding: .2rem 10%;text-align: center;}
.products_con_b .box img{max-width: 100%;}
.products_con_b .box p{text-align: left;}

.xgcp{text-align: center; padding: .1rem 0;}
.xgcp .titleer{font-size: .16rem;background: #F5F5F5;line-height: 3;text-align: center;}
.xgcp .box{padding: .2rem 10%;}
.xgcp .swiper-slide{background: #FFF;box-sizing: border-box;border: 1px solid #CCC;}
.xgcp .swiper-slide .pic{padding: .1rem 0;}
.xgcp .swiper-slide .pic img{width: 100%;}
.xgcp .swiper-slide h2{font-size: .1rem; line-height: 3;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 .1rem;background: #CCC;}
.xgcp .swiper-slide:hover h2{color: #FFF;background: #1b5494;}
.xgcp .swiper-slide a:hover{text-decoration: none;}

.gongye{line-height: 30px;}
.gongye p{padding-bottom: 20px;text-indent: 2em;}

.news ul{margin-left: -2%;display: flex;flex-wrap: wrap;}
.news li{width: 23%;margin-left: 2%;background: #F5F5F5;margin-bottom: 2%;font-size: 0;}
.news li .pic img{width: 100%;}
.news li .box{padding:.1rem;}
.news li h2{font-size: .12rem;font-weight: bold;}
.news li h2 span{
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 90%,#1b5494 0%);
    background-size: 0 100%;
    background-repeat: no-repeat;
    -webkit-transition: background-size 0.36s cubic-bezier(0.32, 0.17, 0, 1);
    transition: background-size 0.36s cubic-bezier(0.32, 0.17, 0, 1);
    text-decoration: none;
    padding-bottom: 3px;
}
.news li h2 span:hover{ background-size: 100% 100%;}
.news li h2 a{transition: all 0.3s;}
.news li h2 a:hover{text-decoration: none;}
.news li p{margin-top: .1rem;line-height: 1.5;color: #888;font-size: .1rem;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}
.news li .more{margin-top: .2rem;font-size: .1rem;}
.news li .more a{color: #888;}
.news li .more a:hover{color: #888;text-decoration: none;color: #1b5494;}

.news_con .title{text-align: center;}
.news_con .title h2{font-size: .2rem;padding:.15rem 0;}
.news_con .title p{margin-top: .05rem;color: #999;}
.news_con .txt{line-height: 1.5;margin-top: .1rem;padding: .1rem 0;}
.news_con .txt p{padding-bottom: .1rem;}

.download ul{margin-left: -3%;display: flex;flex-wrap: wrap;}
.download li{width: 30.333%;border: 1px solid #1b5494;margin-bottom: 2%;box-sizing: border-box;margin-left: 3%;font-size: 0;}
.download li i{width: 20%;color: #FFF;text-align: center;font-size: .18rem;background: #1b5494;transition: all 0.3s;display: inline-block;vertical-align: middle;padding: .2rem 0;box-sizing: border-box;}
.download li .txt{width: 75%;display: inline-block;vertical-align: middle;margin-left: 5%;font-size: .1rem;}
.download li a{padding: 2%;display: block;}
.download li a:hover{padding: 2%;display: block;text-decoration: none;}

.cpxqer .title.active{background: #1b5494;color: #FFF;}
.cpxqer li{background: #FFF;margin-bottom: .1rem;}
.cpxqer li .title{background: #F5F5F5; padding:.1rem 3%;overflow: hidden;color: #666;cursor: pointer;}
.cpxqer li .con_er{ display:none; line-height:1.6; padding:3%;background: #FFF;box-shadow: 0 0 2px rgba(0,0,0,0.2);}
.cpxqer li .con_er p{padding-bottom: .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 #1b5494;background: #1b5494;color: #FFF;}
.fenye li.current a{border: 1px solid #1b5494;background: #1b5494;color: #FFF;}
.fenye li:first-child a{border: 1px solid #FFF;}
.fenye li:first-child a:hover{border: 1px solid #1b5494;background: #FFF;color: #1b5494;}
.fenye li:last-child a{border: 1px solid #FFF;}
.fenye li:last-child a:hover{border: 1px solid #1b5494;background: #FFF;color: #1b5494;}
.fenye li i{font-size: .08rem;}

.syt{position: relative;border-top: 1px solid #DDD;padding-top: .2rem;}
.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: #1d50a3;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: #1d50a3;position: absolute;left: 50%;top: .2rem;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;}

.con .contact .box{background: #F5F5F5;}
.con .contact .txt{float: left;width: 40%;box-sizing: border-box;padding: .2rem;}
.con .contact .txt li{padding-bottom: 20px;display: flex;}
.con .contact .txt li h2{font-size: .1rem;font-weight: bold;}
.con .contact .txt li i,.con .contact .txt li em{font-size: .15rem;margin-right: .05rem;}
.con .contact .txt li p{font-size: .1rem;}
.con .contact .txt li .txter{text-align: left;}
#map_container{width: 60%; height:550px;float: right;}

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