@charset "utf-8";
/* CSS Document */
.banner{margin-top: 150px;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-bullet{background: #FFF;}
.banner .swiper-pagination-bullet-active{background: #004380;}
.banner .swiper-button-next,.banner .swiper-button-prev{color: #FFF;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 30px;}
.banner .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 10px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 30px;}

.dyip{padding:60px 10%;text-align: center;background: #F5F5F5;}
.dyip ul{margin-left: -5%;}
.dyip li{width: 28.333%;float: left;margin:40px 0 40px 5%;}
.dyip li i{width: 120px;height: 120px;line-height: 120px;margin: 0 auto;border-radius: 100px;display: block;font-size: 60px;color: #FFF;}
.dyip li h2{font-size: 18px;padding: 20px;}
.dyip li a:hover{text-decoration: none;}
.dyip li p{width: 50px;height: 2px;background: #0068b7;margin:0 auto;}
.dyip li:nth-of-type(1) i{background: #475c92;}
.dyip li:nth-of-type(2) i{background: #24726c;}
.dyip li:nth-of-type(3) i{background: #f7b326;}
.dyip li:nth-of-type(4) i{background: #db252f;}
.dyip li:nth-of-type(5) i{background: #1fb4e5;}
.dyip li:nth-of-type(6) i{background: #0068b7;}

.derp{padding:60px 10%;text-align: center;}
.derp .title{padding-bottom: 40px;}
.derp .title h2{font-size: 40px;}
.derp .title .xian{width: 40px;height: 2px;background: #0068b7;margin:15px auto 0 auto;}
.derp .title p{margin-top: 20px;}
.derp ul{margin-left: -2%;}
.derp li{width: 23%;float: left;margin:0 0 40px 2%;background: #FFF;position: relative;}
.derp li .pic img{width: 100%;}
.derp li .box{position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);}
.derp li h2{font-size: 24px;position: absolute;left: 30px;right: 30px;bottom: 30px;color: #FFF;}
.derp li a:hover{text-decoration: none;}
.derp .yi li:nth-of-type(1){width: 48%;}
.derp .er li:nth-of-type(2){width: 48%;}

.ny_banner{margin-top: 160px;position: relative;height: 500px;display: flex;align-items: center;}
.ny_banner .title{padding:0 10%;color: #FFF;}
.ny_banner .title h2{font-size: 40px;font-weight: bold;text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}
.ny_banner .title .xian{width: 50px;height: 2px;background: #FFF;margin-top: 20px;}
.ny_banner .title p{margin-top: 20px;font-size: 30px;text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);}

.subnav{text-align: left;font-size: 0px;padding:50px 10% 0 10%;}
.subnav li{display: inline-block;height: 60px;line-height: 60px;text-transform:capitalize;font-size: 16px;margin-right:20px;}
.subnav li a{padding:0 30px;display: block;color: #FFF;background: #36363e;}
.subnav li a:hover{padding:0 30px;display: block;text-decoration: none;}
.subnav li a.current{background: #0068b7;color: #FFF;font-weight: bold;}

.dqwz{background: #FFF;margin-top: 152px;padding:14px 10%;}
.dqwz h2{font-size: 30px;text-transform: uppercase;}
.dqwz a{text-decoration: none;}
.dqwz a:hover{text-decoration: none;}
.dqwz .txt{text-transform: capitalize;margin-top: 10px;}
.dqwz .txt span{margin:0 5px;}
.dqwz i{font-size: 12px;padding: 0 10px;color: #CCC;}

.con{padding:60px 10% 100px 10%;}
.con .title{font-size: 34px;text-align: center;}
.con .about{line-height: 30px;text-align: justify;}
.con .about h2{font-weight: bold;font-size: 20px;color: #0068b7;}
.con .about p{padding-bottom: 20px;}
.con .about img{max-width: 100%;margin-bottom: 20px;}

.cpxqer{box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);}
.cpxqer .titleyi{background: #0068b7;line-height: 60px;padding:0 3%;color: #FFF;}
.cpxqer .tit{float: left;font-size: 16px;}
.cpxqer .position{width: 30%;}
.cpxqer .address{width: 30%;}
.cpxqer .salary{width: 20%;}
.cpxqer .time{width: 20%;}
.cpxqer .time i{float: right;font-size: 12px;transition: all 0.3s;}
.cpxqer .titleer.active{border-bottom: 1px solid #e9e9e9;}
.cpxqer .titleer.active .time i{transform: rotate(90deg);}
.cpxqer li{background: #FFF;border-bottom: 1px solid #e9e9e9;}
.cpxqer li .titleer{ line-height: 60px; padding:0 3%;height: 60px;overflow: hidden;color: #666;cursor: pointer;}
.cpxqer li .con_er{ display:none; line-height:30px; padding:3%;background: #FFF;}

.products ul{margin-left: -2%;}
.products li{float: left;width: 18%;background:#FFF;margin-left: 2%;margin-bottom: 2%;position: relative;text-align: center;}
.products li:hover{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.products li .pic img{width: 100%;}
.products li h2{font-size: 18px;height: 50px; line-height: 50px;margin:10px 20px;overflow: hidden;}
.products li:hover h2{color: #0068b7;}
.products li:hover h2{font-weight: bold;}
.products li a:hover{text-decoration: none;color: #333;}

.products_con_t{background: #FFF;padding:50px;}
.products_con_t .xiangce{width: 40%;float: left;}
.products_con_t .gallery-top .swiper-slide img{width: 100%;}
.products_con_t .gallery-top .swiper-pagination .swiper-pagination-bullet{margin:0 3px;}
.products_con_t .gallery-top .swiper-pagination-bullet{width: 6px;height: 6px;background: #333;opacity: 0.1;}
.products_con_t .gallery-top .swiper-pagination-bullet-active{background: #333;opacity: 1;}
.products_con_t .gallery-top .arrw_er_next,.gallery-top .arrw_er_prev{background: none;width: 50px;height: 50px;text-align: center;line-height: 50px;margin-top: -25px;outline: medium;}
.products_con_t .gallery-top .swiper-button-next:after,.gallery-top .swiper-button-prev:after{font-size: 24px;color: #0068b7;}

.products_con_t .gallery-thumbs{margin-top: 10px;}
.products_con_t .gallery-thumbs .swiper-slide{border:2px solid #CCC;box-sizing: border-box;}
.products_con_t .gallery-thumbs .swiper-slide img{width: 100%;}
.products_con_t .gallery-thumbs .swiper-slide-thumb-active {border:2px solid #0068b7;}

.products_con_t .right{width: 55%;float: right;}
.products_con_t .right h2{font-size: 34px;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: 50px;height: 2px;background: #0068b7;margin: 10px 0 20px 0;}
.products_con_t .right .txt p{line-height: 24px;font-size: 14px;text-align: justify;padding:6px 0;}

.products_con_b{margin:30px 0;background: #FFF;}
.products_con_b .title{text-align: center;border-bottom: 1px solid #DDD;padding:20px 0;}
.products_con_b .title h2{font-size: 34px;}
.products_con_b .box{line-height: 24px;padding:50px;}
.products_con_b .box p{padding-bottom: 10px;}
.products_con_b .box img{max-width: 100%;margin:10px 0;}
.products_con_b table{border-left: 2px solid #FFF;border-top: 2px solid #FFF;margin-top: 30px;}
.products_con_b td{border-right: 2px solid #FFF;border-bottom: 2px solid #FFF;padding:15px;font-size: 18px;}

.xgcp{margin-top: 50px;text-align: center;}
.xgcp .titleer{font-size: 30px;}
.xgcp .xian{width: 50px;height: 2px;background: #0068b7;margin: 10px auto 0px auto;}
.xgcp .xg_pro{margin-top: 30px;}
.xgcp .swiper-slide{background: #FFF;}
.xgcp .swiper-slide .pic img{width: 100%;}
.xgcp .swiper-slide h2{font-size: 18px;height: 50px; line-height: 50px;margin:10px 20px;overflow: hidden;}
.xgcp .swiper-slide a:hover{text-decoration: none;}

.fenye ul{font-size: 0px;text-align: center;}
.fenye li{display: inline-block;font-size: 14px;width: 40px;height: 34px;line-height: 34px;text-align: center;border: 2px solid #DDD;margin:0 6px;font-weight: bold;background: #FFF;}
.fenye li a{display: block;color: #999;}
.fenye li a:hover{display: block;text-decoration: none;}
.fenye li.current{border: 2px solid #0068b7;background: #0068b7;}
.fenye li.current a{color: #FFF;}

.news ul{margin-left: -4%;}
.news li{margin-bottom: 4%;width: 46%;margin-left: 4%;float: left;background: #F5F5F5;}
.news li .pic{float: left;width: 40%;overflow: hidden;}
.news li .pic img{width: 100%;transition: all 0.3s;}
.news li:hover .pic img{transform: scale(1.2);}
.news li .title_er{width: 60%;float: right;box-sizing: border-box;padding:20px;}
.news li .title_er h2{font-size: 16px;line-height: 24px;font-weight: bold;}
.news li .title_er .txt{margin-top: 10px;line-height: 24px;color: #53626f;height: 48px;overflow: hidden;}
.news li .title_er .more{margin-top: 20px;}
.news li a{display: block;}
.news li a:hover{display: block;text-decoration: none;}

.news_con .titleer{padding-bottom: 10px;}
.news_con .titleer h2{font-size: 24px;padding-bottom: 10px;}
.news_con .titleer p{line-height: 30px;font-size: 14px;color: #666;}
.news_con .titleer p span{margin-right: 20px;}
.news_con .box{padding: 30px 0;line-height: 30px;}
.news_con .box p{padding-bottom: 20px;}

.sxy{text-align: left;line-height: 24px;border-top: 1px dotted #CCC;border-bottom: 1px dotted #CCC;padding: 20px 0;}
.sxy ul{float: left;}
.sxy .fanhui{float: right;width: 120px;height: 40px;line-height: 40px;text-align: center;background: #0068b7;margin-top: 5px;}
.sxy .fanhui a{color: #FFF;display: block;}
.sxy .fanhui a:hover{color: #FFF;display: block;text-decoration: none;}

.liuyan .title{font-size: 40px;text-align: center;}
.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:#0068b7;cursor: pointer;outline: medium;font-size: 18px;}

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