@charset "utf-8";
/* CSS Document */
.banner{margin-top: 100px;}
.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: #0158bf;}
.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;}

.dyip{padding:70px 0;}
.dyip .title{text-align: center;position: relative;font-size: 36px;font-weight: bold;color: #0158bf;}
.dyip .title:before{content: "";display: block;position: absolute;left: 0;top: 50%;width: 40%;height: 2px;background: #CCC;margin-top: -1px;}
.dyip .title:after{content: "";display: block;position: absolute;right: 0;top: 50%;width: 40%;height: 2px;background: #CCC;margin-top: -1px;}
.dyip .box{padding:50px 5% 0 5%;}
.dyip .hd ul{text-align: center;font-size: 0px;}
.dyip .hd li{display: inline-block;font-size: 16px;background: #F5F5F5;height: 40px;line-height: 40px;padding: 0 30px;margin: 0 10px;cursor: pointer;}
.dyip .hd li.on{background: #0158bf;color: #FFF;}
.dyip .bd{margin-top: 30px;}
.dyip .bd ul{margin-left: -2%;}
.dyip .bd li{text-align: center;position: relative;width: 23%;margin-left: 2%;float: left;box-sizing: border-box;border: 1px solid #CCC;}
.dyip .bd li .pic{overflow: hidden;}
.dyip .bd li img{width: 100%;transition: all 0.3s;}
.dyip .bd li:hover img{transform: scale(1.2);}
.dyip .bd li p{font-size: 16px;line-height: 50px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 20px;}
.dyip .bd li a{color: #333;background: #CCC;display: block;}
.dyip .bd li a:hover{text-decoration: none;color: #FFF;background: #0158bf;}

.derp .box{padding: 70px 0;background: rgba(1, 88, 191, 0.5);}
.derp .title{text-align: center;position: relative;font-size: 36px;font-weight: bold;color: #FFF;}
.derp .title:before{content: "";display: block;position: absolute;left: 0;top: 50%;width: 40%;height: 2px;background: #CCC;margin-top: -1px;}
.derp .title:after{content: "";display: block;position: absolute;right: 0;top: 50%;width: 40%;height: 2px;background: #CCC;margin-top: -1px;}
.derp .txt{line-height: 38px;font-size: 18px;padding:50px 18%;color: #FFF;}
.derp .txt p{text-indent: 2em;padding-bottom: 20px;}
.derp .more{width: 180px;line-height: 50px;text-align: center;background: #ffe10f;font-size: 16px;margin: 20px auto 0 auto;}
.derp .more a{display: block;}
.derp .more a:hover{display: block;text-decoration: none;}

.dsanp{padding:70px 0;}
.dsanp .title{text-align: center;position: relative;font-size: 36px;font-weight: bold;color: #0158bf;}
.dsanp .title:before{content: "";display: block;position: absolute;left: 0;top: 50%;width: 40%;height: 2px;background: #CCC;margin-top: -1px;}
.dsanp .title:after{content: "";display: block;position: absolute;right: 0;top: 50%;width: 40%;height: 2px;background: #CCC;margin-top: -1px;}
.dsanp .box{padding:50px 5%;}
.dsanp ul{margin-left: -2%;display: flex;}
.dsanp li{width: 23%;margin-left: 2%;background: #F5F5F5;}
.dsanp li .box{padding:20px;}
.dsanp li .pic img{width: 100%;}
.dsanp li h2{font-size: 18px;font-weight: bold;}
.dsanp li h2 span{
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 90%,#0158bf 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;
}
.dsanp li h2 span:hover{ background-size: 100% 100%;}
.dsanp li h2 a{transition: all 0.3s;}
.dsanp li h2 a:hover{text-decoration: none;}
.dsanp li p{margin-top: 15px;font-size: 16px;line-height: 24px;color: #888;height: 48px;overflow: hidden;}
.dsanp li .more{margin-top: 30px;}
.dsanp li .more a{color: #888;}
.dsanp li .more a:hover{color: #888;text-decoration: none;color: #148ae0;}

.dqwz{padding:20px 5%;margin-top: 100px;}
.dqwz a:hover{text-decoration: none;}
.dqwz .txt span{margin:0 5px;}
.dqwz i{font-size: 12px;padding: 0 10px;color: #CCC;}

.banner_ny{margin-top: 100px;position: relative;}
.banner_ny img{width: 100%;}
.banner_ny .title{text-align: center;position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;display: flex;align-items: center;justify-content: center;color: #FFF;flex-flow: column;}
.banner_ny .title h2{font-size: 40px;}
.banner_ny .title p{font-size: 16px;margin-top: 15px;}

.title_ny{text-align: center;position: relative;font-size: 36px;font-weight: bold;color: #0158bf;margin-top: 70px;}
.title_ny:before{content: "";display: block;position: absolute;left: 0;top: 50%;width: 40%;height: 2px;background: #CCC;margin-top: -1px;}
.title_ny:after{content: "";display: block;position: absolute;right: 0;top: 50%;width: 40%;height: 2px;background: #CCC;margin-top: -1px;}

.subnaver{padding:40px 5%;}
.subnaver ul{text-align: center;font-size: 0px;}
.subnaver li{display: inline-block;font-size: 16px;height: 50px;line-height: 50px;margin: 0 10px;cursor: pointer;}
.subnaver li a{display: block;padding: 0 40px;}
.subnaver li a:hover{display: block;text-decoration: none;}
.subnaver li a.current{background: #0158bf;color: #FFF;}

.con{padding: 50px 5%;}

.about{line-height: 30px;}
.about p{padding-bottom: 20px;}

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

.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-left: -2%;}
.products li{text-align: center;position: relative;width: 23%;margin-left: 2%;float: left;margin-bottom: 2%;box-sizing: border-box;border: 1px solid #CCC;}
.products li .pic{overflow: hidden;}
.products li img{width: 100%;transition: all 0.3s;}
.products li:hover img{transform: scale(1.2);}
.products li p{font-size: 16px;line-height: 50px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 20px;}
.products li a{color: #333;background: #CCC;display: block;}
.products li a:hover{text-decoration: none;color: #FFF;background: #0158bf;}

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

.products_con img{width: 100%;}
.products_con .products_con_t{background: #FFF;}
.products_con .products_con_t .left{width: 50%;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 #0158bf;}

.products_con_t .right{width: 45%;float: right;}
.products_con_t .right h2{font-size: 24px;font-weight: bold;}
.products_con_t .right .txt{margin-top: 30px;}
.products_con_t .right .txt h3{font-weight: bold;font-size: 18px;margin-bottom: 10px;}
.products_con_t .right .txt .xian{width: 74px;height: 2px;background: #0158bf;margin: 10px 0 20px 0;}
.products_con_t .right .txter p{line-height: 24px;font-size: 14px;text-align: justify;padding:6px 0;}

.xgcp{text-align: center; padding: 50px 0;}
.xgcp .titleer{font-size: 30px;background: #F5F5F5;line-height: 90px;}
.xgcp .box{padding: 40px 5%;}
.xgcp .swiper-slide{background: #FFF;box-sizing: border-box;border: 1px solid #CCC;}
.xgcp .swiper-slide .pic img{width: 100%;}
.xgcp .swiper-slide h2{font-size: 18px;height: 50px; line-height: 50px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding: 0 20px;background: #CCC;}
.xgcp .swiper-slide:hover h2{color: #FFF;background: #0158bf;}
.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%;}
.news li .box{padding:20px;}
.news li .pic img{width: 100%;}
.news li h2{font-size: 18px;font-weight: bold;}
.news li h2 span{
    background-image: linear-gradient(to bottom, rgba(0,0,0,0) 90%,#0158bf 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: 15px;font-size: 16px;line-height: 24px;color: #888;height: 48px;overflow: hidden;}
.news li .more{margin-top: 30px;}
.news li .more a{color: #888;}
.news li .more a:hover{color: #888;text-decoration: none;color: #0158bf;}

.news_con .title{text-align: center;}
.news_con .title h2{font-size: 24px;padding:20px 0;}
.news_con .title p{margin-top: 10px;color: #999;}
.news_con .txt{line-height: 30px;margin-top: 50px;border-top: 1px solid #999;padding: 30px 0;}
.news_con .txt p{padding-bottom: 10px;}

.download ul{margin-left: -3%;}
.download li{width: 30.333%;border: 1px solid #0158bf;margin-bottom: 2%;box-sizing: border-box;float: left;margin-left: 3%;}
.download li i{width: 60px;height: 60px;display: block;float: left;color: #FFF;text-align: center;line-height: 60px;font-size: 40px;background: #0158bf;transition: all 0.3s;}
.download li .txt{width: 230px;margin-left: 70px;}
.download li a{padding: 2%;display: block;}
.download li a:hover{padding: 2%;display: block;text-decoration: none;}

.syt{line-height: 30px;position: relative;border-top: 1px solid #999;padding-top: 30px;}
.syt li{width: 150px;height: 40px;line-height: 40px;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;}
.syt li a:hover{display: flex;align-items: center;justify-content: center;text-decoration: none;background: #0158bf;color: #FFF;}
.syt li i{font-size: 18px;}
.syt li:nth-of-type(1) i{margin-right: 8px;}
.syt li:nth-of-type(2) i{margin-left: 8px;}
.back{width: 140px;height: 40px;line-height: 40px;background: #0158bf;position: absolute;left: 50%;top: 30px;margin-left: -70px;}
.back a{color: #FFF;display: flex;align-items: center;justify-content: center;}
.back a:hover{color: #FFF;text-decoration: none;}
.back a i{margin-right: 8px;font-size: 18px;}

.liuyan .title{font-size: 30px;text-align: center;margin-top: 50px;}
.liuyan .txt{text-align: center;margin-top: 10px;}
.liuyan ul{margin-left: -2%;margin-top: 30px;}
.liuyan li{ width:48%; margin-bottom: 10px;float: left;margin-left: 2%;}
.liuyan li p{padding-bottom: 5px;}
.liuyan li .input_txt{ width:100%; height:50px; border:2px solid #EEE; outline:medium; padding:0 2%; font-family:'Conv_tt1161m_';box-sizing: border-box;font-size: 16px;}
.liuyan .textarea{  margin:0;}
.liuyan .textarea textarea{ width:100%; height:100px; border:2px solid #EEE; outline:medium; padding:1%;box-sizing: border-box;font-size: 16px;}
.liuyan .textarea p{font-weight: bold;padding-bottom: 10px;}
.liuyan .more{margin-top:10px;}
.liuyan .input_btn{ width:150px; height:50px; font-family:'Conv_tt1161m_'; border:0 none; margin-right:10px; color:#FFF; background:#0158bf;cursor: pointer;outline: medium;font-size: 18px;}

.con .contact .title{border-bottom: 1px solid #DDD;padding:20px 0;font-size: 24px;text-align: center;}
.con .contact .box{line-height: 30px;background: #0158bf;}
.con .contact .txt{float: left;width: 40%;box-sizing: border-box;padding: 40px;}
.con .contact .txt li{padding-bottom: 20px;display: flex;}
.con .contact .txt li h2{color: #FFF;line-height: 30px;font-size: 18px;font-weight: bold;}
.con .contact .txt li i,.con .contact .txt li em{font-size: 30px;margin-right: 10px;color: #FFF;}
.con .contact .txt li p{font-size: 14px;line-height: 24px;color: #FFF;}
.con .contact .txt li .txter{text-align: left;}
#map_container{width: 60%; height:650px;float: right;}