@charset "utf-8";
/* CSS Document */
.banner{margin-top: .76rem;}
.banner .swiper-slide{position: relative;text-align: center;overflow: hidden;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .titlebox{position: absolute;left: 15%;top: 50%;transform: translateY(-50%);}
.banner .swiper-slide .title{ color: #FFF;transform: translateX(30%);visibility: hidden;opacity: 0;transition-duration: 1.2s;text-align: left;}
.banner .swiper-slide-active .title{transform: translateX(0%);visibility: visible;opacity: 1;}
.banner .swiper-slide .title .txt{font-size: .22rem;font-weight: bold;}
.banner .swiper-slide .title .txt .by{font-size: .1rem;width: 40%;font-weight: normal;}
.banner .swiper-slide .title .txter{font-size: .12rem;margin-top: .1rem;line-height: 1.6;}
.banner .swiper-pagination-bullets{bottom: 0.1rem;}
.banner .swiper-pagination .swiper-pagination-bullet{margin:0 .01rem;}
.banner .swiper-pagination-bullet{width: .2rem;height: .03rem;opacity: 1;background: #FFF;border-radius: 0;transition: all 0.3s;}
.banner .swiper-pagination-bullet-active{opacity: 1;background: #2a4983;width: .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{padding: .3rem 5%;}
.index_dyip ul{font-size: 0px;text-align: center;}
.index_dyip li{display: inline-block;font-size: .08rem;width: 20%;box-sizing: border-box;}
.index_dyip li .box{position: relative;display: inline-block;}
.index_dyip li i{font-style: normal;font-size: .3rem;display: inline-block;}
.index_dyip li span{display: inline-block;font-size: .1rem;position: absolute;right: -.08rem;bottom: .08rem;width: .12rem;height: .12rem;background: #2a4983;border-radius: 100%;color: #FFF;}
.index_dyip li:last-child span{width: .2rem;height: .12rem;border-radius: .5rem;right: -.16rem;}
.index_dyip li p{color: #666;font-size: .12rem;}

.dyip{padding: .5rem 10%;background: #f8f8f8;}
.dyip .title{padding: 0 20%;text-align: center;}
.dyip .title .bt{font-size: .24rem;font-weight: bold;}
.dyip .title p{padding-top: .1rem;}
.dyip .title:after{content: "";display: block;width: .8rem;height: 3px;background: #2a4983;margin: .1rem auto;}
.dyip ul{margin-top: .2rem;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: -2%;}
.dyip li{width: 23%;position: relative;background: #FFF;border: 1px solid #DDD;margin-bottom: 2%;border-bottom: 4px solid #2a4983;}
.dyip li figure{padding-bottom: 100%;}
.dyip li:hover figure img{transform: scale(1.2);}
.dyip li .txt{padding: .2rem .1rem;}
.dyip li h2{font-weight: bold;font-size: .12rem;}
.dyip li p{margin-top: .1rem;color: #999;}
.dyip li .more{margin-top: .1rem;color: #2a4983;font-weight: bold;}
.dyip li a:hover{text-decoration: none;}

.derp{display: flex;justify-content: space-between;position: relative;padding: .5rem 10%;}
.derp .left{width: 58%;}
.derp .title{font-size: .16rem;font-weight: bold;}
.derp .title:after{content: "";display: block;width: .8rem;height: 3px;background: #2a4983;margin-top: .1rem;}
.derp .txt{line-height: 1.6;font-size: .12rem;margin-top: .2rem;}
.derp .right{width: 40%;position: relative;}
.derp .right .swiper-slide figure{padding-bottom: 60%;}
.derp .right .swiper-pagination-bullet-active{background: #2a4983;}

.dsanp{padding: .5rem 10%;background: #f8f8f8 url(../images/pic4.png) no-repeat center;background-size: cover;display: flex;justify-content: space-between;}
.dsanp .left{width: 48%;position: relative;}
.dsanp .left .index_ok{margin-top: .2rem;}
.dsanp .left .swiper-slide figure{padding-bottom: 70%;}
.dsanp .left .swiper-pagination-bullet-active{background: #2a4983;}
.dsanp .left .txt{padding: .2rem;font-size: .12rem;background: #FFF;}
.dsanp .right{width: 48%;position: relative;background: #FFF;}
.dsanp .right:after{content: "";display: block;width: 100%;height: .7rem;background: #2a4983;position: absolute;left: 0;top: 0;right: 0;}
.dsanp .title{font-size: 0.3rem;font-weight: bold;text-align: center;}
.dsanp .index_ly{margin-top: .3rem;}
.dsanp .index_ly .swiper-slide{text-align: center;font-size: .14rem;padding: 0 .2rem;box-sizing: border-box;}
.dsanp .index_ly .swiper-slide .pic{width: .8rem;margin: 0 auto;}
.dsanp .index_ly .swiper-slide figure{padding-bottom: 100%;}
.dsanp .index_ly .swiper-slide p{line-height: 1.6;margin-top: .2rem;}
.dsanp .index_ly .swiper-slide .txt{color: #2a4983;margin-top: .5rem;}
.dsanp .index_ly .swiper-pagination{position: initial;margin-top: .5rem;}
.dsanp .index_ly .swiper-pagination-bullet-active{background: #2a4983;}

.dsip{padding: .5rem 10%;}
.dsip .title{font-size: .2rem;font-weight: bold;text-align: center;}
.dsip .title:after{content: "";display: block;width: .8rem;height: 3px;background: #2a4983;margin: .1rem auto;}
.dsip ul{margin-top: .2rem;display: flex;justify-content: space-between;flex-flow: wrap;}
.dsip li{width: 49%;background: #FFF;display: flex;justify-content: space-between;margin-bottom: 2%;align-items: center;border: 1px solid #CCC;box-sizing: border-box;}
.dsip li .pic{overflow: hidden;width: 50%;}
.dsip li .pic figure{padding-bottom: 100%;}
.dsip li .box{width: 50%;box-sizing: border-box;padding: .2rem;}
.dsip li h2{font-size: .12rem;font-weight: bold;}
.dsip li h2 a:hover{text-decoration: none;}
.dsip li h2:after{content: "";display: block;width: .5rem;height: 2px;background: #2a4983;margin-top: .1rem;}
.dsip li .more{margin-top: .2rem;border: 2px solid #2a4983;display: inline-block;}
.dsip li .more a{color: #2a4983;padding: .05rem .1rem;display: block;}
.dsip li .more a:hover{text-decoration: none;color: #2a4983;}
.dsip ul:after{display: none;}


.banner_pic{margin-top: .76rem;}
.banner_pic figure{padding-bottom: 26%;}

.subnav_er{padding:0 10%;border-bottom: 1px solid #DDD;}
.subnav_er .dqwz{float: left;height: .3rem;line-height: .3rem;overflow: hidden;}
.subnav_er .dqwz a:hover{text-decoration: none;}
.subnav_er .dqwz .txt span{margin:0 5px;}
.subnav_er .dqwz i{font-size: 12px;padding: 0 10px;color: #CCC;}
.subnav_er ul{float: right;height: .3rem;line-height: .3rem;}
.subnav_er li{float: left;margin-left: .15rem;position: relative;}
.subnav_er li a{display: block;}
.subnav_er li a:hover{display: block;text-decoration: none;color: #2a4983;}
.subnav_er li a.current{color: #2a4983;}
.subnav_er li a:after{content: "";display: block;position: absolute;left: 50%;bottom: -1px;width: 0;z-index: 100;height: 2px;background: #2a4983;opacity: 0;transform: translateX(-50%);}
.subnav_er li:hover a:after{width: 100%;opacity: 1;}
.subnav_er li a.current:after{width: 100%;opacity: 1;}

.subnav_san{width: 22%;float: left;}
.subnav_san h2{background: #2a4983;padding: .1rem;color: #FFF;font-size: .12rem;}
.subnav_san ul{line-height: .3rem;border: 1px solid #CCC;border-top: none;padding-top: .05rem;}
.subnav_san li p{background: #F5F5F5;}
.subnav_san li p a{display: block;padding: 0 .1rem;}
.subnav_san li p a:hover{display: block;text-decoration: none;color: #2a4983;}
.subnav_san li p a.current{color: #2a4983;background: #F5F5F5;}
.subnav_san li dd{background: #FFF;}
.subnav_san li dd a{display: block;padding: 0 .2rem;}
.subnav_san li dd a:hover{display: block;text-decoration: none;color: #2a4983;}

.con{padding: .4rem 10%;}
.con .about{line-height: 1.6;}
.con .about img{max-width: 100%;}
.con .about h2{text-align: center;font-weight: bold;font-size: .14rem;}
.con .about h3{font-weight: bold;font-size: .14rem;}
.con .about p{padding-bottom: .1rem;}

.con .about .cnc{width: 40%;float: right;}
.con .about .cnc .swiper-slide figure{padding-bottom: 60%;}
.con .about .cnc .swiper-pagination-bullet-active{background: #2a4983;}

.con .about .listyi{display: flex;justify-content: space-between;flex-flow: wrap;}
.con .about .listyi dl{width: 31%;margin-bottom: 2%;}
.con .about .listyi dt{font-weight: bold;}
.con .about .listyi dd{display: flex;align-items: center;}
.con .about .listyi dd:before{content: "";width: 4px;height: 4px;background: #2a4983;border-radius: 100%;display: block;margin-right: .05rem;}

.con .about .lister ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.con .about .lister li{width: 23%;text-align: center;margin-bottom: 2%;}
.con .about .lister li figure{padding-bottom: 60%;}
.con .about .lister li strong{display: block;background: #2a4983;color: #FFF;padding: .01rem 0;}

.listsan ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.listsan li{width: 32.8%;margin-bottom: 1%;position: relative;}
.listsan li figure{padding-bottom: 50%;}
.listsan li strong{display: block;background: rgba(0,0,0,.5);color: #FFF;padding: .01rem 0;position: absolute;left: 0;top: 0;right: 0;padding: .05rem .1rem;text-transform: uppercase;}
.listsan li:last-child:nth-child(3n+1) {margin-right: calc((100% - 30%) / 2 * 2);}
.listsan li:last-child:nth-child(3n+2) {margin-right: calc((100% - 30%) / 2 * 1);}

.listsi ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.listsi li{width: 23%;text-align: center;margin-bottom: 2%;position: relative;}
.listsi li figure{padding-bottom: 60%;}
.listsi li strong{display: block;background: rgba(0,0,0,.5);color: #FFF;padding: .01rem 0;position: absolute;left: 0;bottom: 0;right: 0;padding: .05rem .1rem;}
.listsi li:last-child:nth-child(4n+1) {margin-right: calc((100% - 23%) / 3 * 3);}
.listsi li:last-child:nth-child(4n+2) {margin-right: calc((100% - 23%) / 3 * 2);}
.listsi li:last-child:nth-child(4n+3) {margin-right: calc((100% - 23%) / 3 * 1);}

.con .tooling_dyip{padding-bottom: .5rem;font-size: .14rem;}
.con .tooling_dyip h2{font-weight: bold;font-size: .14rem;}
.con .tooling_dyip p{padding-top: .1rem;}
.con .tooling_dyip .cnc{width: 40%;float: right;}
.con .tooling_dyip .cnc .swiper-slide figure{padding-bottom: 60%;}
.con .tooling_dyip .cnc .swiper-pagination-bullet-active{background: #2a4983;}

.tooling_derp{font-size: .14rem;}
.tooling_derp img{max-width: 100%;margin-top: .1rem;}
.tooling_derp p{padding-top: .1rem;}

.con_r{width: 74%;float: right;}
.products ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: -2%;}
.products li{width: 31%;position: relative;background: #FFF;border: 1px solid #DDD;margin-bottom: 3%;text-align: center;}
.products li figure{padding-bottom: 100%;}
.products li:hover figure img{transform: scale(1.2);}
.products li h2{padding: .1rem;}
.products li a:hover{text-decoration: none;}
.products li:last-child:nth-child(3n+1) {margin-right: calc((100% - 31%) / 2 * 2);}
.products li:last-child:nth-child(3n+2) {margin-right: calc((100% - 31%) / 2 * 1);}

.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: .4rem;height: .4rem;text-align: center;line-height: .4rem;margin-top: -.2rem;outline: medium;color: #666;}
.gallery-top .swiper-button-next:after,.gallery-top .swiper-button-prev:after{font-size: .2rem;}
.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 #2a4983;}

.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: .2rem;}
.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_t .right .txter .ly{display: inline-block;background: #2a4983;margin-top: .2rem;}
.products_con_t .right .txter .ly i{margin-right: .1rem;font-size: .14rem;}
.products_con_t .right .txter .ly a{padding: .05rem .1rem;color: #FFF;display: flex;align-items: center;justify-content: center;}
.products_con_t .right .txter .ly a:hover{padding: .05rem .1rem;color: #FFF;text-decoration: none;}

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

.xgcp{margin-top: .4rem;}
.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;overflow: hidden;border: 1px solid #DDD;box-sizing: border-box;text-align: center;}
.xgcp .swiper-slide figure{padding-bottom: 100%;}
.xgcp .swiper-slide:hover figure img{transform: scale(1.2);}
.xgcp .swiper-slide h2{padding: .1rem;}
.xgcp .swiper-slide a:hover{text-decoration: none;}

.news li{background: #F5F5F5;display: flex;justify-content: space-between;margin-bottom: 2%;align-items: center;padding: .1rem;}
.news li .pic{overflow: hidden;width: 30%;}
.news li .pic figure{padding-bottom: 70%;}
.news li .box{width: 70%;box-sizing: border-box;padding: .2rem;}
.news li h2{font-size: .12rem;font-weight: bold;}
.news li h2 a:hover{text-decoration: none;}
.news li h2:after{content: "";display: block;width: .5rem;height: 2px;background: #2a4983;margin-top: .1rem;}
.news li .more{margin-top: .2rem;border: 2px solid #2a4983;display: inline-block;}
.news li .more a{color: #2a4983;padding: .05rem .1rem;display: block;}
.news li .more a:hover{text-decoration: none;color: #2a4983;}

.news_con{width: 65%;float: left;}
.news_con .title h2{font-size: .14rem;}
.news_con .title p{margin-top: .1rem;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: .1rem;}

.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: #2a4983;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 #2a4983;background: #2a4983;color: #FFF;}
.fenye li.current a{border: 1px solid #2a4983;background: #2a4983;color: #FFF;}
.fenye li:first-child a{border: 1px solid #FFF;}
.fenye li:first-child a:hover{border: 1px solid #2a4983;background: #FFF;color: #2a4983;}
.fenye li:last-child a{border: 1px solid #FFF;}
.fenye li:last-child a:hover{border: 1px solid #2a4983;background: #FFF;color: #2a4983;}
.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: #2a4983;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: #2a4983;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:#2a4983;cursor: pointer;outline: medium;padding: .05rem .2rem;}

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