锘緻charset "utf-8"; /* CSS Document */ .banner {width: 100%;min-width: 1200px;} .banner .swiper-slide{background-position: center;background-size: cover;position: relative;} .banner .swiper-slide a{display: block;} .banner .swiper-slide a img{display:block; width:100%;height:100%;-o-object-fit: cover;object-fit: cover;} .swiper-button-next, .swiper-button-prev{width: 50px;height: 50px;margin-top: -25px;} .banner .left{right: 5%;outline: medium;color: #FFF;} .banner .right{left: 5%;outline: medium;height: 50px;color: #FFF;} .swiper-pagination-bullet{width: 14px;height: 14px;outline: medium;background: #333;opacity: 0.3;} .swiper-pagination-white .swiper-pagination-bullet-active{background: #FFF;opacity: 1;} .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 20px;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px;} .content{min-width: 1200px;} .dyip{padding: 70px 0 50px 0;} .dyip .title{text-align: center;width:340px;margin:0 auto;position:relative;} .dyip .title h2{text-transform:uppercase;} .dyip .title em{font-family: 'Conv_BebasNeue-Regular';color:#053b80;} .dyip .title i{width:6px;height:6px;background:#053b80;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;} .dyip .title .byi{width:17px;background: url(../images/pic16.png) no-repeat center;height:17px;position:absolute;left:0px;top:0px;} .dyip .title .ber{width:17px;background: url(../images/pic16_1.png) no-repeat center;height:17px;position:absolute;right:0px;bottom:0px;} /*.dyip ul{margin-left: -30px;margin-top: 30px;} .dyip li{float: left;border: 1px solid #CCC;margin-left: 30px;text-align: center;margin-bottom: 20px;} .dyip li .pic{overflow: hidden;} .dyip li img{width: 378px;height: 318px;transition: all 0.3s;} .dyip li:hover img{transform: scale(1.2);} .dyip li p{height: 50px;line-height: 50px;font-weight: bold; transition: all 0.3s;font-size:16px;} .dyip li:hover p{background: #004b96;} .dyip li a{} .dyip li:hover a{color: #FFF;}*/ .dyip ul{padding-top:40px;} .dyip li{float: left;background:url(../images/sy_cp_bg.jpg) no-repeat;background-size:100% 100%;width:32%;margin:0 2% 2% 0;-webkit-transition:0.5s;transition:0.5s;} .dyip li:nth-child(3n){margin-right:0;} .dyip li .h1{font-size:18px;line-height:30px; color:#333;font-weight:bold;position:relative;padding-bottom: 7px;margin-bottom: 5px;margin-left: 30px;padding-top: 25px;} .dyip li .h1:after{content:'';position:absolute;left:0; bottom:0;width:25px; height:2px;background:#999;} .dyip li .h2{font-size:14px;line-height:24px; color:#999;text-transform:uppercase;margin-left: 30px;} .dyip li:hover .h1{color:#003e80;} .dyip li a:hover{text-decoration: none;} .dyip li .h3 img{display:block;width:100%;} .dyip li:hover{box-shadow:5px 10px 10px #aaa;-webkit-transform:translate(0,-5px);transform:translate(0,-5px);} .derp{padding: 70px 0;background: #F5F5F5;} .derp .title{text-align: center;width:340px;margin:0 auto;position:relative;} .derp .title h2{text-transform:uppercase;} .derp .title em{font-family: 'Conv_BebasNeue-Regular';color:#053b80;} .derp .title i{width:6px;height:6px;background:#053b80;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;} .derp .title .byi{width:17px;background: url(../images/pic16.png) no-repeat center;height:17px;position:absolute;left:0px;top:0px;} .derp .title .ber{width:17px;background: url(../images/pic16_1.png) no-repeat center;height:17px;position:absolute;right:0px;bottom:0px;} .derp .hd{margin-top: 40px;} .derp .hd ul{font-size: 0px;text-align: center;} .derp .hd li{display: inline-block;font-size: 16px;line-height: 40px;background: #FFF;padding:0 40px;margin:0 7px;cursor: pointer;border-radius:50px;} .derp .hd li.on{background: #004b96;color: #FFF;} .derp .bd{margin-top: 40px;} .derp .bd .pic{width: 580px;float: left;overflow: hidden;} .derp .bd .pic img{width: 100%;transition: all 0.3s;} .derp .bd .pic:hover img{transform: scale(1.2);} .derp .bd .right{width: 590px;float: right;} .derp .bd .right .txt{} .derp .bd .right .txt h2{font-size: 24px;line-height: 70px;} .derp .bd .right .txt p{line-height: 24px;color:#666;} .derp .bd .right ul{margin-left: -20px;margin-top: 25px;text-align: center;} .derp .bd .right li{float: left;width: 280px;margin-left: 20px;} .derp .bd .right li .tp{overflow: hidden;} .derp .bd .right li img{width: 100%;transition: all 0.3s;} .derp .bd .right li:hover img{transform: scale(1.2);} .derp .bd .right li h2{line-height: 50px;border:1px solid #DDD;border-top: none;} .derp .bd .right li h2 a{color:#333;} .derp .bd .right li h2 a:hover{color:#004b96;} .dsanp{position: relative;min-width: 1200px;} .dsanp .title_box{/*position: absolute;right: 50%;top: 50px;z-index: 1000;*/width: 600px;box-sizing: border-box;padding-right: 50px;height:30px;} .dsanp .title_box .title_boxer{width: 390px;position:relative;color:#FFF;text-align: center;} .dsanp .title h2{text-transform:uppercase;} .dsanp .title em{font-family: 'Conv_BebasNeue-Regular';} .dsanp .title i{width:6px;height:6px;background:#FFF;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;} .dsanp .title .byi{width:17px;background: url(../images/pic16_2.png) no-repeat center;height:17px;position:absolute;left:0px;top:0px;} .dsanp .title .ber{width:17px;background: url(../images/pic16_3.png) no-repeat center;height:17px;position:absolute;right:0px;bottom:0px;} .dsanp .gcal{} .dsanp .gcal .swiper-slide{background: #003d7d url(../images/pic57.jpg) no-repeat left center;background-size: cover;} .dsanp .gcal .swiper-slide .pic{width: 50%;overflow: hidden;} .dsanp .gcal .swiper-slide .pic img{width: 100%;transition: all 1s;} .dsanp .gcal .swiper-slide .pic:hover img{transform: scale(1.2);} .dsanp .gcal .swiper-slide .right{position: absolute;left:0;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width: 50%;box-sizing: border-box;padding:80px 50px 0 50px;color: #FFF;} .dsanp .gcal .swiper-slide .right .txt{width: 550px;} .dsanp .gcal .swiper-slide .right h3{font-size: 22px;line-height: 35px;margin-top: 40px;margin-bottom: 20px;} .dsanp .gcal .swiper-slide .right p{margin-top: 0px;line-height: 24px;font-size: 14px;} .dsanp .gcal .swiper-slide .right .more{width: 120px;height: 34px;background: #FFF;border-radius: 50px;line-height: 34px;text-align: center;font-weight: bold;margin-top: 30px; font-size: 14px;} .dsanp .gcal .swiper-slide .right .more a{color: #003d7d;display: block;} .dsanp .gcal .swiper-slide .right .more:hover a{color: #003d7d;display: block;text-decoration: none;} .dsanp .gcal .swiper-button-next,.dsanp .gcal .swiper-button-prev{top: auto;bottom:0px;margin-top: 0px;} .jt{text-align: center;line-height: 50px;width: 50px;height: 50px;} .jt i{font-size: 30px;} .jt_next{right: 50%;margin-right: -50px;background: #003d7d;color: #fff;} .jt_prev{left: 50%;margin-left: -50px;background: #F5F5F5;color: #999;} .dsanp .gcal .swiper-slide{background: #000 url(../images/pic57.jpg) no-repeat left center;background-size: cover;} .dsanp .title_box{ top:80px;} .dsanp .gcal .swiper-slide .right{ padding:0px 50px 0 50px;} .dsip{padding: 70px 0 70px 0;background: url(../images/pic64.png) no-repeat left bottom;} .dsip .title{text-align: center;width:360px;position:relative;} .dsip .title h2{text-transform:uppercase;} .dsip .title em{font-family: 'Conv_BebasNeue-Regular';color:#053b80;} .dsip .title i{width:6px;height:6px;background:#053b80;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;} .dsip .title .byi{width:17px;background: url(../images/pic16.png) no-repeat center;height:17px;position:absolute;left:0px;top:0px;} .dsip .title .ber{width:17px;background: url(../images/pic16_1.png) no-repeat center;height:17px;position:absolute;right:0px;bottom:0px;} .dsip .dsip_b{position: relative;} .dsip .dsip_b .hd{position: absolute;left: 0px;top: 0px;width: 400px;} .dsip .dsip_b .hd ul{margin-left: -20px;margin-top:30px;} .dsip .dsip_b .hd li{cursor: pointer;width: 140px;height: 40px;line-height: 40px;text-align: center;border:1px solid #e6e6e6;color:#777;float: left;border-radius: 50px;margin-left: 20px;margin-bottom: 15px;font-size:16px;} .dsip .dsip_b .hd li h2{font-weight: bold;font-size: 18px;padding-bottom: 10px;} .dsip .dsip_b .hd li p{line-height: 24px;} .dsip .dsip_b .hd li.on{color: #053b80;border:1px solid #053b80;} .dsip .dsip_b .bd{} .dsip .dsip_b .bd .txt{width: 400px;margin-top: 210px;} .dsip .dsip_b .bd .txt h2{font-size: 22px;color: #053b80;} .dsip .dsip_b .bd .txt .xian{width: 50px;height: 2px;background: #CCC;margin-top: 20px;} .dsip .dsip_b .bd .txt p{margin-top: 20px;line-height: 24px;color:#666;font-size: 15px;} .dsip .dsip_b .bd .pic{} .dsip .dsip_b .bd .pic img{width: 700px;height: 464px;} .dsip .bd .txt .more{margin-top: 20px;line-height: 30px;} .dsip .bd .txt .more a{color: #003d7d;font-size: 15px;} .dwup{background: #F5F5F5;padding: 50px 0 30px 0;} .dwup .title{text-align: center;width:360px;position:relative;} .dwup .title h2{text-transform:uppercase;} .dwup .title em{font-family: 'Conv_BebasNeue-Regular';color:#053b80;} .dwup .title i{width:6px;height:6px;background:#053b80;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;} .dwup .title .byi{width:17px;background: url(../images/pic16.png) no-repeat center;height:17px;position:absolute;left:0px;top:0px;} .dwup .title .ber{width:17px;background: url(../images/pic16_1.png) no-repeat center;height:17px;position:absolute;right:0px;bottom:0px;} .dwup ul{margin-left: -30px;margin-top: 30px;} .dwup li{float: left;margin-left: 30px;margin-bottom: 20px;text-align: center;} .dwup li .pic{overflow: hidden;} .dwup li img{width: 380px;height: 280px;transition: all 0.3s;} .dwup li:hover img{transform: scale(1.2);} .dwup li p{left: 0px;bottom: 0px;right:0px;height: 50px;line-height: 50px;transition: all 0.3s;font-weight: bold;font-size:16px;} .dwup li:hover p{background: #004b96;color: #FFF;} .dwup li:hover a{text-decoration: none;} .dqip{padding: 50px 0;} .dqip .title{text-align: center;background: url(../images/pic16.png) no-repeat center;height: 100px;} .dqip .title h2{padding-top: 5px;} .dqip .title .xian{width: 200px;height: 1px;background: #CCC;margin:5px auto 0 auto;} .dqip .title p{font-size: 18px;padding-top: 5px;} .dqip .box{margin-top: 30px;} .dqip .box ul{margin-left: -12px;} .dqip .box li{float: left;border: 1px solid #CCC;margin-left: 12px;margin-bottom:12px;} .dqip .box li img{width: 188px;height: 98px;} .dbap{background: #F5F5F5;padding: 70px 0;} .dbap .title{text-align: center;width:400px;margin:0 auto;position:relative;} .dbap .title h2{text-transform:uppercase;} .dbap .title em{font-family: 'Conv_BebasNeue-Regular';color:#053b80;} .dbap .title i{width:6px;height:6px;background:#053b80;display:inline-block;position:relative;top:-8px;border-radius:3px;margin:0 18px;} .dbap .title .byi{width:17px;background: url(../images/pic16.png) no-repeat center;height:17px;position:absolute;left:0px;top:0px;} .dbap .title .ber{width:17px;background: url(../images/pic16_1.png) no-repeat center;height:17px;position:absolute;right:0px;bottom:0px;} .dbap .hd{padding: 40px 0;} .dbap .hd ul{font-size: 0px;text-align: center;} .dbap .hd ul li{display: inline-block; font-size: 16px;margin:0 10px;background: #FFF;cursor: pointer;width: 140px;height: 40px;line-height: 40px;border-radius: 50px;} .dbap .hd ul li.on{font-weight: bold;color:#FFF;background: #004b96;} .dbap .inBox{} .dbap .bd .inBd{width: 600px;position: relative;} .dbap .bd .inBd .pic{} .dbap .bd .inBd .pic img{width: 600px;height: 441px;} .dbap .bd .inBd .yi{color: #FFF;} .dbap .bd .inBd .yi h2{font-size: 17px;position: absolute;left: 0px;bottom:0px;right: 100px;background: rgba(0,0,0,0.5);height: 50px;line-height: 50px;padding:0 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .dbap .bd .inBd .yi h2 a{color: #FFF;} .dbap .bd .inBd .yi h2 a:hover{color: #FFF;} .dbap .bd .inBd .yi .more{position: absolute;right: 0px;bottom:0px;width:100px;height:50px;line-height: 50px;text-align:center;background:#004b96;} .dbap .bd .inBd .yi .more a{color:#FFF;display:block;} .dbap .bd .inBd .yi .more a:hover{color:#FFF;display:block;text-decoration:none;} .dbap .bd .inHd{width: 600px;} .dbap .bd .inHd ul{} .dbap .bd .inHd li{margin-bottom: 3px;background: #FFF;padding:33px 0;} .dbap .bd .inHd li:hover{background: #004b96;} .dbap .bd .inHd li .li_l{} .dbap .bd .inHd li h2{font-size: 17px;margin-bottom: 10px;line-height:21px;height:21px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #323232;} .dbap .bd .inHd li p{line-height: 24px;height: 48px;overflow: hidden;color: #666;font-size: 15px;} .dbap .bd .inHd li:hover h2{color: #FFF;} .dbap .bd .inHd li:hover p{color: #FFF;} .dbap .bd .inHd li .riqi{float: right;text-align: center;height: 110px;width: 120px;color: #666;} .dbap .bd .inHd li:hover .riqi{color: #FFF;} .dbap .bd .inHd li .riqi .ri{font-size: 48px;padding-top: 10px;} .dbap .bd .inHd li .riqi .qi{line-height: 30px;} .dbap .bd .inHd li a{padding:0 30px;display: block;} .dbap .bd .inHd li:hover a{color: #FFF;padding:0 30px;display: block;text-decoration: none;} .ny_banner{height:700px;color: #FFF;text-align: center;min-width: 1200px;} .ny_banner .title{padding-top: 325px;} .ny_banner .title span{font-size: 40px;margin-bottom: 10px;color:#fff;text-transform: uppercase;font-weight: bold;} .ny_banner .title h2{font-size: 47px;margin-bottom: 20px;font-weight: bold;} .ny_banner .title p{font-size: 16px;line-height:26px;font-weight: 300;display:block;width:550px;margin:auto;} .mbx{line-height: 50px;border-bottom: 1px solid #DDD;} .mbx span{color: #004b96;} .mbx_er{padding-top: 100px;border-bottom: none;color: #FFF;} .mbx_er a{color: #FFF;} .mbx_er span{color: #FFF;} .subnav_er{margin-top: 90px;background: url(../images/pic37.png) no-repeat center;height: 109px;} .subnav_er ul{font-size: 0px;text-align: center;} .subnav_er li{display: inline-block;font-size: 14px;overflow: hidden;width: 170px;border-right: 1px solid rgba(255,255,255,0.1);} .subnav_er li:last-child{border-right: none;} .subnav_er li a{display: block;color: #FFF;height: 109px;} .subnav_er li i{font-size: 24px;display: block;padding-top: 30px;padding-bottom: 5px;} .subnav_er li a:hover{display: block;text-decoration: none;color: #FFF;background: #004b96;} .subnav_er li a.current{background: #004b96; color: #FFF;} .ny_banner .txt{margin-top: 50px;} .ny_banner .txt ul{font-size: 0px;} .ny_banner .txt li{font-size: 16px;width: 420px;height: 46px;line-height: 46px;background: rgba(113,184,255,0.2);border-radius: 50px;margin:0 20px 20px 20px;text-align: left;text-indent: 2em;display: inline-block;} .ny_banner .txt li p{display: flex;justify-content: left;align-items: center;} .ny_banner .txt li i{font-size: 30px;padding-right: 10px;color: #86ddff;} .con{padding-bottom: 50px;min-width: 1200px;} .about{line-height: 30px;background: #F5F5F5;} .about .title{text-align: center;padding-top: 30px;} .about .title span{font-size: 30px;font-weight: bold;color: #DDD;} .about .title h2{font-size: 30px;font-weight: bold;} .about .box{padding:50px 0;} .about p{} .about .pic{float: left;width: 600px;} .about .pic img{width: 100%;} .about .right{float: right;width: 570px;} .about .right .bt{font-size: 20px;margin-bottom: 10px;} .about .right .txt{font-size: 16px;} .jiagou{padding-top: 50px;} .jiagou .title{text-align: center;} .jiagou .title span{font-size: 30px;font-weight: bold;color: #EEE;} .jiagou .title h2{font-size: 30px;font-weight: bold;} .jiagou .pic{text-align: center;margin-top: 40px;} .wenhua{padding:50px 0;} .wenhua .title{text-align: center;} .wenhua .title span{font-size: 30px;font-weight: bold;color: #EEE;} .wenhua .title h2{font-size: 30px;font-weight: bold;} .wenhua ul{margin-left: -50px;margin-top: 30px;} .wenhua li{float: left;width: 262px;margin-left: 50px;background: #f1f1f1;text-align: center;padding:80px 0;position: relative;} .wenhua li h2{font-size: 24px;margin-top: 20px;} .wenhua li .bg{position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;background: rgba(4,78,153,0.8);color: #FFF;padding:30px 50px;line-height: 30px;font-size: 16px;display: flex;align-items: center;justify-content: center;visibility: hidden;opacity: 0;transition: all 0.3s; cursor: pointer;} .wenhua li:hover .bg{visibility: visible;opacity: 1;} .licheng{} .licheng .title{text-align: center;} .licheng .title span{font-size: 30px;font-weight: bold;color: #EEE;} .licheng .title h2{font-size: 30px;font-weight: bold;} .licheng ul{margin-top: 30px;} .licheng li{width: 648px;border:2px solid #F5F5F5;position: relative;} .licheng li:nth-of-type(odd){float: left;} .licheng li:nth-of-type(even){float: right;} .licheng li .txt{padding:20px;width: 508px;background: #F5F5F5;} .licheng li:nth-of-type(odd) .txt{float: left;} .licheng li:nth-of-type(even) .txt{float: right;} .licheng li .txt p{line-height: 24px;width: 406px;} .licheng li:nth-of-type(odd) .txt p{float: left;} .licheng li:nth-of-type(even) .txt p{float: right;} .licheng li .txt .nian{font-size: 30px;width: 100px;text-align: center;} .licheng li:nth-of-type(odd) .txt .nian{float: right;} .licheng li:nth-of-type(even) .txt .nian{float: left;} .licheng li .zuobiao{background: #FFF;width: 100px;} .licheng li .zuobiao .xian{width: 2px;background: #999;position: absolute;height: 100%;} .licheng li:nth-of-type(odd) .zuobiao .xian{right: 49px;} .licheng li:nth-of-type(even) .zuobiao .xian{left: 49px;} .licheng li .zuobiao .dian{width: 10px;height: 10px;border:2px solid #999;border-radius: 50px;position: absolute;top: 50%;margin-top: -5px;} .licheng li:nth-of-type(odd) .zuobiao .dian{right: 43px;} .licheng li:nth-of-type(even) .zuobiao .dian{left: 43px;} .licheng li:hover{border:2px solid #004b96;} .licheng li:hover .txt{background: #004b96;color: #FFF;} .fazhan{margin-top: 30px;} .fazhan .title{text-align: center;} .fazhan .title span{font-size: 30px;font-weight: bold;color: #EEE;} .fazhan .title h2{font-size: 30px;font-weight: bold;} .fazhan .title p{font-size: 14px;text-transform: uppercase;margin-top: 20px;padding:0 260px;line-height: 24px;} .fazhan .box{padding:50px 0;} .fazhan .box ul{margin-left: -3%;} .fazhan .box li{float: left;width: 22%;margin-left: 3%;position: relative;} .fazhan .box li .pic{overflow: hidden;} .fazhan .box li img{width: 100%;transition: all 0.3s;} .fazhan .box li:hover img{width: 100%;transform: scale(1.2);} .fazhan .box li p{position: absolute;left: 0px;bottom:0px;width: 100%;height: 50px;line-height: 50px;text-align: center;background: rgba(0,0,0,0.5);color: #FFF;} .fazhan .box .txt{line-height: 30px;margin-top: 30px;} .fazhan_derp{margin-top: 20px;} .fazhan_derp .title{text-align: center;} .fazhan_derp .title span{font-size: 30px;font-weight: bold;color: #EEE;} .fazhan_derp .title h2{font-size: 30px;font-weight: bold;} .fazhan_derp .title p{font-size: 14px;text-transform: uppercase;margin-top: 20px;padding:0 260px;line-height: 24px;} .fazhan_derp ul{background: url(../images/pic61.jpg);padding:40px 0;margin-top: 40px;border-radius: 5px;} .fazhan_derp li{float: left;width: 20%;text-align: center;color: #FFF;box-sizing: border-box;} .fazhan_derp li i{border-right: 1px solid rgba(255,255,255,0.5);display: block;} .fazhan_derp li:last-child i{border-right: none;} .fazhan_derp li i img{width: 80px;} .fazhan_derp li p{padding-top: 15px;} .fanzhan_dsanp{margin-top: 80px;} .fanzhan_dsanp ul{margin-left: -1%;} .fanzhan_dsanp li{float: left;width: 32.333%;margin-left: 1%;} .fanzhan_dsanp li .pic{margin-bottom: 5px;overflow: hidden;} .fanzhan_dsanp li img{width: 100%;transition: all 0.5s;} .fanzhan_dsanp li .pic:hover img{transform: scale(1.2);} .fanzhan_dsip{margin-top: 60px;} .fanzhan_dsip .title{text-align: center;} .fanzhan_dsip .title span{font-size: 30px;font-weight: bold;color: #EEE;} .fanzhan_dsip .title h2{font-size: 30px;font-weight: bold;} .fanzhan_dsip .zp_xx{box-shadow: 0 0 20px rgba(0,0,0,0.1);margin-top: 30px;} .fanzhan_dsip .zp_xx .hd{float: left;width: 340px;} .fanzhan_dsip .zp_xx .hd li{padding:30px 20px;font-size: 16px;} .fanzhan_dsip .zp_xx .hd li .l{float: left;} .fanzhan_dsip .zp_xx .hd li .r{float: right;width: 70px;height: 24px;border-radius: 30px;background: #FFF;color: #f9942f;text-align: center;line-height: 24px;} .fanzhan_dsip .zp_xx .hd li.on{background: #f9942f;color: #FFF;} .fanzhan_dsip .zp_xx .bd{float: right;width: 800px;padding:30px 0;color: #3330ff;} .fanzhan_dsip .zp_xx .bd .txt{line-height: 50px;font-size: 16px;} .fanzhan_dsip .zp_xx .bd a{color: #3330ff;} .fanzhan_dsip .more_box{text-align: right;} .fanzhan_dsip .more{margin-top: 40px;width: 160px;height: 40px;line-height: 40px;text-align: center;background: #053b80;border-radius: 30px;display: inline-block;} .fanzhan_dsip .more a{display: block;color: #FFF;} .fanzhan_dsip .more:hover a{display: block;color: #FFF;text-decoration: none;} .fazhan_con{} .fazhan_con .title{border-bottom: 1px solid #EEE;font-size: 18px;padding:20px 0;} .fazhan_con .fazhan_box{text-align: center;} .fazhan_con .box{padding:30px 0;display: inline-block;} .fazhan_con .box ul{} .fazhan_con .box li{padding:10px 0;} .fazhan_con .box li span{width: 160px;float: left;text-align: right;} .fazhan_con .box li span i{color: #ef0101; margin-right: 5px;font-style: normal;} .fazhan_con .box li .text{width: 505px;float: left;text-align: left;margin-left: 40px;} .fazhan_con .box li .text .input_txt{width: 200px;height: 20px;border:1px solid #DDD;outline: medium;padding:0 5px;} .fazhan_con .box li .text select{width: 100px;outline: medium;} .fazhan_con .box li .text label{margin-right: 10px;} .fazhan_con .box li .text .b{margin-top: 10px;} .fazhan_con .box .more{margin-top: 20px;} .fazhan_con .box .more .input_btn{width: 120px;height: 40px;border-radius: 30px;background: #42699e;border:none;outline: medium;color: #FFF;cursor: pointer;} .zeren{} .zeren ul{} .zeren li{border-bottom: 1px solid #EEE;padding:0 100px;padding-top: 60px;} .zeren li .title{text-align: center;} .zeren li .title h2{font-size: 24px;} .zeren li .title .xian{width: 40px;height: 2px;background: #CCC;margin:15px auto;} .zeren li .txt{width: 400px;width: 460px;line-height: 30px;font-size: 16px;} .zeren li .box{padding:30px 0 60px 0;display: flex;align-items: center;justify-content: center;} .zeren li:nth-of-type(odd) .txt{padding-right: 100px;} .zeren li:nth-of-type(even) .txt{padding-left: 100px;} .kehu{padding:50px 0 0 0;} .kehu .title{text-align: center;line-height: 40px;background-image: linear-gradient(to top, #F5F5F5 0%, #FFFFFF 100%);padding-bottom: 30px;} .kehu .title h2{font-size: 30px;} .kehu .title p{font-size: 18px;text-transform: uppercase;} .kehu .swiper-father{position: relative;} .kehu .swiper-slide{text-align: center;} .kehu .swiper-slide img{} .kehu .swiper-father .left{width: 50px;height: 50px;outline: medium;left: -70px;line-height: 50px;text-align: center;cursor: pointer;border-radius: 50px;z-index: 100;} .kehu .swiper-father .left i{font-size: 40px;color: #999;} .kehu .swiper-father .right{width: 50px;height: 50px;outline: medium;right: -70px;line-height: 50px;text-align: center;cursor: pointer;border-radius: 50px;z-index: 100;} .kehu .swiper-father .right i{font-size: 40px;color: #999;} .kehu .box{margin-top: 30px;} .news{margin-top: 30px;background: #F5F5F5;} .news .title{background: #FFF;text-align: center;padding-bottom: 30px;} .news .title span{font-size: 30px;font-weight: bold;color: #EEE;} .news .title h2{font-size: 30px;font-weight: bold;} .news .news_l{width: 850px;background: #FFF;padding-right: 20px;} .news .news_l ul{} .news .news_l li{margin-bottom: 20px;transition: all 0.3s;padding-right: 10px;} .news .news_l li:hover{background: #004b96;} .news .news_l li .pic{float: left;width: 240px;} .news .news_l li .pic img{width: 100%;} .news .news_l li .li_r{float: right;width: 580px;padding-top: 10px;} .news .news_l li .li_r h2{font-size: 16px;line-height: 24px;} .news .news_l li:hover .li_r h2 a{color: #FFF;} .news .news_l li .li_r p{line-height: 24px;color: #666;height: 48px;overflow: hidden;margin-top: 10px;} .news .news_l li:hover .li_r p{color: #FFF;} .news .news_l li .li_r .sj{margin-top: 5px;color: #999;} .news .news_l li .li_r .more{width: 100px;height: 24px;line-height: 24px;text-align: center;margin-top: 5px;border: 1px solid #CCC;} .news .news_l li:hover .li_r .more{border: 1px solid #FFF;} .news .news_l li .li_r .more a{display: block;} .news .news_l li:hover .li_r .more a{display: block;text-decoration: none;color: #FFF;} .news .news_r{width: 300px;box-sizing: border-box;padding:20px;} .news .news_r .subnav{} .news .news_r .subnav h2{font-size: 20px;} .news .news_r .subnav ul{line-height: 30px;margin-top: 10px;} .news .news_r .subnav li i{float: right;font-size: 12px;color: #999;} .news .news_r .xgal{margin-top: 30px;} .news .news_r .xgal h2{font-size: 20px;} .news .news_r .xgal ul{margin-top: 20px;} .news .news_r .xgal li{border-bottom: 1px solid #CCC;padding-bottom: 10px;margin-bottom: 10px;} .news .news_r .xgal li h3{line-height: 24px;} .news .news_r .xgal li p{line-height: 30px;color: #999;margin-top: 5px;} .news_con{margin-top: 30px;} .news_con .news_con_l{width: 860px;background: #FFF;padding:30px;} .news_con .title{text-align: center;} .news_con .title h2{font-size: 30px;} .news_con .title p{color: #999;margin-top: 20px;font-size: 16px;} .news_con .box{margin-top: 40px;line-height: 30px;} .news_con .box p{padding-bottom: 20px;} .news_con .box img{width: 100%;} .sxy{text-align: left;line-height: 24px;border-top: 1px dotted #CCC;border-bottom: 1px dotted #CCC;margin-top: 60px;padding: 10px 0;} .sxy span{padding-left: 20px;} .sxy .fanhui{width: 120px;height: 40px;line-height: 40px;text-align: center;background: #004b96;margin-top: 5px;} .sxy .fanhui a{color: #FFF;display: flex;justify-content: center;align-items: center;} .sxy .fanhui a:hover{color: #FFF;text-decoration: none;} .sxy .fanhui i{margin-right: 10px;} .news_con_r{width: 240px;} .news_con_r .subnav{} .news_con_r .subnav h2{font-size: 20px;} .news_con_r .subnav ul{line-height: 30px;margin-top: 10px;} .news_con_r .subnav li i{float: right;font-size: 12px;color: #999;} .news_con_r .xgal{margin-top: 30px;} .news_con_r .xgal h2{font-size: 20px;} .news_con_r .xgal ul{margin-top: 20px;} .news_con_r .xgal li{border-bottom: 1px solid #CCC;padding-bottom: 10px;margin-bottom: 10px;} .news_con_r .xgal li h3{line-height: 24px;} .news_con_r .xgal li p{line-height: 30px;color: #999;margin-top: 5px;} .zhengshu{} .zhengshu .title{text-align: center;padding-top:30px;} .zhengshu .title span{font-size: 30px;font-weight: bold;color: #EEE;} .zhengshu .title h2{font-size: 30px;font-weight: bold;} .zhengshu ul{margin-left: -25px;} .zhengshu li{float: left;width: 280px;margin-left: 25px;text-align: center;line-height: 40px;margin-bottom: 20px;} .zhengshu li img{width: 280px;height: 374px;} .zhengshu_dyip{padding:30px 0;} .zhengshu_dyip .title{} .zhengshu_dyip .title span{color: #e8e8e8;font-size: 36px;font-weight: bold;} .zhengshu_dyip .title h2{font-size: 30px;font-weight: bold;} .zhengshu_dyip .left{float: left;width: 500px;margin-top: 30px;background: url(../images/pic64_1.png) no-repeat right bottom;padding-bottom: 150px;padding-right: 50px;} .zhengshu_dyip .left .txt{line-height: 30px;margin-top: 30px;} .zhengshu_dyip .right{float: right;} #focus_Box {float: right;position: relative;width: 540px;height: 393px;} #focus_Box ul {position: relative;width: 540px;height: 393px;} #focus_Box li {z-index: 0;position: absolute;width: 0px;background: #787878;height: 0px;top: 0;cursor: pointer;left: 0;} #focus_Box li img {width: 100%;height: 100%;vertical-align: top;} .tqiye {background: #666666;width: 100%;line-height: 40px;text-align: center;color: #fff;font-size: 14px;} #focus_Box .prev, #focus_Box .next {display: block;z-index: 100;overflow: hidden;cursor: pointer;position: absolute;width: 31px;height: 58px;top: 153px;} #focus_Box .prev {background: url(../images/pic67.jpg) no-repeat center center;left: -59px;} #focus_Box .next {background: url(../images/pic67_1.jpg) no-repeat center center;right: -59px;} .zhengshu_derp{background: url(../images/pic68.jpg) no-repeat center;background-size: cover;padding:60px 0;margin-top: 60px;} .zhengshu_derp .title{text-align: center;border-bottom: 1px solid #DDD;padding-bottom: 30px;} .zhengshu_derp .title span{color: #e8e8e8;font-size: 36px;font-weight: bold;} .zhengshu_derp .title h2{font-size: 30px;font-weight: bold;} .zhengshu_derp .about_honor_con{} .zhengshu_derp .zhengshu{margin-top: 40px;} .zhengshu_derp .zhengshu .swiper-slide{} .zhengshu_derp .zhengshu .swiper-slide img{width: 100%;} .zhengshu_derp .zhengshu .swiper-slide .title_er{margin-top: 20px;} .zhengshu_derp .zhengshu .swiper-slide h2{background: #666;text-align: center;line-height: 40px;color: #FFF;} .zhengshu_derp .zhengshu .swiper-slide .more{margin-top: 30px;} .zhengshu_derp .zhengshu .swiper-slide .more i{width: 20px;height: 20px;line-height: 20px;border-radius: 20px;background: #008cd6;color: #FFF;display: inline-block;font-size: 12px;text-align: center;margin-right: 5px;} .zhengshu_derp .dian{text-align: center;margin-top: 20px;font-size: 0px;} .zhengshu_derp .left{display: inline-block;width: 70px;height: 40px;outline: medium;left: -80px;line-height: 40px;text-align: center;cursor: pointer;z-index: 100;background: #FFF;margin-right: 10px;} .zhengshu_derp .left i{font-size: 22px;color: #666;} .zhengshu_derp .right{display: inline-block;width: 70px;height: 40px;outline: medium;right: -80px;line-height: 40px;text-align: center;cursor: pointer;z-index: 100;background: #FFF;margin-left: 10px;} .zhengshu_derp .right i{font-size: 22px;color: #666;} .zhengshu_derp .swiper-button-next-er, .swiper-button-prev-er{} .zhengshu_dsip{padding:60px 0;} .zhengshu_dsip .title{text-align: center;border-bottom: 1px solid #DDD;padding-bottom: 30px;} .zhengshu_dsip .title span{color: #e8e8e8;font-size: 36px;font-weight: bold;} .zhengshu_dsip .title h2{font-size: 30px;font-weight: bold;} .zhengshu_dsip .about_honor_con{} .zhengshu_dsip .zhengshu_san{margin-top: 40px;} .zhengshu_dsip .zhengshu_san .swiper-slide{} .zhengshu_dsip .zhengshu_san .swiper-slide img{width: 100%;} .zhengshu_dsip .zhengshu_san .swiper-slide .title_er{margin-top: 20px;} .zhengshu_dsip .zhengshu_san .swiper-slide h2{background: #666;text-align: center;line-height: 40px;color: #FFF;} .zhengshu_dsip .zhengshu_san .swiper-slide .more{margin-top: 30px;} .zhengshu_dsip .zhengshu_san .swiper-slide .more i{width: 20px;height: 20px;line-height: 20px;border-radius: 20px;background: #008cd6;color: #FFF;display: inline-block;font-size: 12px;text-align: center;margin-right: 5px;} .zhengshu_dsip .dian{text-align: center;margin-top: 20px;font-size: 0px;} .zhengshu_dsip .left{display: inline-block;width: 70px;height: 40px;outline: medium;left: -80px;line-height: 40px;text-align: center;cursor: pointer;z-index: 100;background: #FFF;margin-right: 10px;} .zhengshu_dsip .left i{font-size: 22px;color: #666;} .zhengshu_dsip .right{display: inline-block;width: 70px;height: 40px;outline: medium;right: -80px;line-height: 40px;text-align: center;cursor: pointer;z-index: 100;background: #FFF;margin-left: 10px;} .zhengshu_dsip .right i{font-size: 22px;color: #666;} .zhengshu_dsip .swiper-button-next-er, .swiper-button-prev-er{} .zhengshu_dsanp{padding:60px 0;background: #F5F5F5;} .zhengshu_dsanp .title{text-align: center;border-bottom: 1px solid #DDD;padding-bottom: 30px;} .zhengshu_dsanp .title span{color: #e8e8e8;font-size: 36px;font-weight: bold;} .zhengshu_dsanp .title h2{font-size: 30px;font-weight: bold;} .zhengshu_dsanp .about_honor_con{} .zhengshu_dsanp .swiper-father{position: relative;} .zhengshu_dsanp .zhengshu_er{margin-top: 40px;} .zhengshu_dsanp .zhengshu_er .swiper-slide{} .zhengshu_dsanp .zhengshu_er .swiper-slide img{width: 100%;} .zhengshu_dsanp .zhengshu_er .swiper-slide .title_er{margin-top: 20px;} .zhengshu_dsanp .zhengshu_er .swiper-slide h2{background: #666;text-align: center;line-height: 40px;color: #FFF;} .zhengshu_dsanp .zhengshu_er .swiper-slide .more{margin-top: 30px;} .zhengshu_dsanp .zhengshu_er .swiper-slide .more i{width: 20px;height: 20px;line-height: 20px;border-radius: 20px;background: #008cd6;color: #FFF;display: inline-block;font-size: 12px;text-align: center;margin-right: 5px;} .zhengshu_dsanp .dian{text-align: center;margin-top: 20px;font-size: 0px;} .zhengshu_dsanp .left{display: inline-block;width: 70px;height: 40px;outline: medium;left: -80px;line-height: 40px;text-align: center;cursor: pointer;z-index: 100;background: #FFF;margin-right: 10px;} .zhengshu_dsanp .left i{font-size: 22px;color: #666;} .zhengshu_dsanp .right{display: inline-block;width: 70px;height: 40px;outline: medium;right: -80px;line-height: 40px;text-align: center;cursor: pointer;z-index: 100;background: #FFF;margin-left: 10px;} .zhengshu_dsanp .right i{font-size: 22px;color: #666;} .zhengshu_dsanp .swiper-button-next-er, .swiper-button-prev-er{} .huoban{margin-top:30px;} .huoban ul{margin-left: -23px;} .huoban li{float: left;width: 280px;margin-left: 23px;text-align: center;line-height: 40px;margin-bottom: 20px;border: 1px solid #CCC;} .huoban li img{width: 100%;} .video{min-width: 1200px;} .video .title{text-align: center;} .video .title span{font-size: 30px;font-weight: bold;color: #EEE;} .video .title h2{font-size: 30px;font-weight: bold;} .video ul{margin-left: -30px;margin-top: 30px;} .video li{float: left;border: 1px solid #CCC;margin-left: 30px;text-align: center;margin-bottom: 30px;width: 378px;} .video li .pic{overflow: hidden;} .video li img{width: 100%;transition: all 0.3s;} .video li:hover img{transform: scale(1.2);} .video li p{height: 50px;line-height: 50px; transition: all 0.3s;} .video li:hover p{background: #053b80;} .video li a{color: #333;} .video li:hover a{color: #FFF;} .products{} .products ul{} .products li{position: relative;} .products li .pic{overflow: hidden;} .products li .pic img{width: 100%;transition: all 0.8s;} .products li:hover .pic img{transform: scale(1.2);} .products li .title{position: absolute;top: 230px;} .products li:nth-of-type(odd) .title{right: 20%;} .products li:nth-of-type(even) .title{left: 20%;} .products li .title h2{font-size: 40px;} .products li .title p{font-size: 16px;text-transform: uppercase;} .products li .title .more{width: 200px;height: 50px;line-height: 50px;text-align: center;background: #004b96;border-radius: 50px;color: #FFF;margin-top: 30px;font-size: 16px;} .products li a{color: #FFF;} .products_con{} .products_con .product_con_t{height: 740px;background: url(../images/pic23.jpg) no-repeat center top;} .products_con .product_con_t .box{padding-top: 80px;} .products_con .product_con_t .pic{width: 600px; float: left;} .products_con .product_con_t .pic img{max-width: 100%;} .products_con .product_con_t .title{float: right;width: 550px;color: #FFF;} .products_con .product_con_t .title h2{font-size: 46px;font-weight: bold;} .products_con .product_con_t .title p{line-height: 24px;margin-top: 10px;font-size: 16px;} .products_con .product_con_t .title ul{margin-top: 40px;} .products_con .product_con_t .title li{line-height: 40px;background: url(../images/pic25.png) no-repeat left center;padding-left: 20px;font-size: 16px;} .c_dyip{padding:80px 0;} .c_dyip .title{text-align: center;font-weight: bold;} .c_dyip .title .bt{font-size: 30px;} .c_dyip .title p{font-size: 30px;color: #CCC;} .c_dyip ul{margin-left: -10%;} .c_dyip li{float: left;width: 40%;font-size: 16px;height: 150px;border-bottom: 1px solid #EEE;margin-left: 10%;display: flex;justify-content: center;align-items: center;} .c_dyip li span{width: 40px;border: 2px solid #004b96;display: inline-block;text-align: center;height: 40px;text-align: center;border-radius: 50px;font-size: 24px;color: #004b96;margin-right: 30px;line-height: 40px;} .c_dyip li p{float: left;width: 460px;line-height: 24px;} .c_derp{} .c_derp .title{text-align: center;font-weight: bold;} .c_derp .title .bt{font-size: 30px;} .c_derp .title p{font-size: 30px;color: #CCC;} .c_derp .hd{border-top: 3px solid #004b96;margin-top: 30px;} .c_derp .hd ul{} .c_derp .hd li{float: left;width: 16.666%;line-height: 50px;text-align: center;font-size:16px;} .c_derp .hd li.on{background: #004b96;color: #FFF;} .c_derp .bd{padding-top: 20px;} .c_derp table{line-height: 50px;text-align: center;} .c_derp th{font-size: 14px!important;} .c_derp td{font-size: 14px!important;} .c_derp tr:nth-of-type(odd){background: #F5F5F5;} .c_derp tr:nth-of-type(even){background: #FFF;} .c_dsanp{text-align: center;} .c_dsanp img{max-width: 100%;} .c_dsanp .qi{background: #F5F5F5;} .c_dsanp .jiu{background: #F5F5F5;} .c_tabel{width:1200px;margin:50px auto;} .c_tabel table{border-top:1px solid #CCC;border-left:1px solid #CCC;} .c_tabel td{border-bottom:1px solid #CCC;border-right:1px solid #CCC;padding:10px;} .c_dsip{padding:50px 0;} .c_dsip .title{text-align: center;font-size: 30px;color: #004b96;} .c_dsip .txt{line-height: 30px;margin-top: 20px;} .c_dwup{background: #F5F5F5;padding:50px 0;} .c_dwup .title{text-align: center;font-size: 30px;color: #004b96;} .c_dwup .box{margin-top: 30px;} .c_dwup .al_left{float: left;width: 500px;margin-left: 50px;} .c_dwup .al_left li{margin-bottom: 10px;text-align: center;} .c_dwup .al_left .input_txt{height: 50px;width: 100%;box-sizing: border-box;border: 1px solid #DDD;padding:0 10px;outline: medium;} .c_dwup .al_left textarea{height: 100px;width: 100%;box-sizing: border-box;border: 1px solid #DDD;padding:10px;outline: medium;} .c_dwup .al_left .input_btn{width: 100px;height: 40px;border-radius: 5px;border: none;background: #004b96;color: #FFF;margin-top: 10px;} .c_dwup .al_right{float: right;width: 500px;background: #FFF;text-align: center;padding:50px 0;margin-right: 50px;} .c_dwup .al_right .pic{padding-bottom: 10px;} .c_dwup .al_right .bt{} .c_dwup .al_right .txt{margin:0 auto;margin-top: 20px;width: 260px;} .c_dwup .al_right .txt .bt{float: left;padding-top: 12px;} .c_dwup .al_right .txt p{color: #F00;font-size: 18px;float: right;} .c_dwup .al_right .zxzx{width: 160px;height: 40px;border-radius: 5px;line-height: 40px;background: #004b96;color: #FFF;margin: 30px auto 0 auto;} .c_dwup .al_right .zxzx a{color: #FFF;display: block;} .c_dwup .al_right .zxzx a:hover{color: #FFF;display: block;text-decoration: none;} .c_dwup .al_right .zxzx i{margin-right: 10px;} .product_con_b{padding:50px 0;} .product_con_b .title{text-align: center;font-weight: bold;} .product_con_b .title .bt{font-size: 30px;} .product_con_b .title p{font-size: 30px;color: #CCC;} .product_con_b ul{margin-left: -30px;margin-top: 30px;} .product_con_b li{float: left;margin-left: 30px;margin-bottom: 20px;position: relative;text-align: center;} .product_con_b li img{width: 380px;height: 280px;} .product_con_b li p{position: absolute;left: 0px;bottom: 0px;right:0px;height: 50px;line-height: 50px;transition: all 0.3s;color: #FFF;font-weight: bold;font-size: 16px;background: rgba(0,75,150,0.8);} .fangan_dyip{padding-top:40px;} .fangan_dyip .title{text-align: center;font-size: 30px;text-transform: uppercase;} .fangan_dyip .title span{font-size: 30px;font-weight: bold;color: #EEE;} .fangan_dyip .title h2{font-weight: bold;} .fangan_dyip .box{margin-top: 30px;} .fangan_dyip .box .left{width: 520px;line-height: 30px;font-size: 16px;margin-top: 100px;} .fangan_dyip .box .pic{width: 580px;} .fangan_dyip .box .pic img{width: 100%;} .fangan_derp{padding:50px 0;} .fangan_derp .title{text-align: center;font-size: 30px;text-transform: uppercase;} .fangan_derp .title span{font-size: 30px;font-weight: bold;color: #EEE;} .fangan_derp .title h2{font-weight: bold;} .fangan_derp ul{margin-left: -2%;text-align: center;margin-top: 30px;} .fangan_derp li{float: left;width: 23%;margin-left: 2%;background: #efefef;box-sizing: border-box;padding:50px 30px} .fangan_derp li .pic{width: 100px;margin:0 auto;} .fangan_derp li .pic img{width: 100%;} .fangan_derp li p{line-height: 24px;margin-top: 20px;} .fangan_dsanp{} .fangan_dsanp .title{text-align: center;font-size: 30px;text-transform: uppercase;} .fangan_dsanp .title span{font-size: 30px;font-weight: bold;color: #EEE;} .fangan_dsanp .title h2{font-weight: bold;} .fangan_dsanp .fl{background: #F5F5F5;line-height: 50px;margin-top: 30px;} .fangan_dsanp .fl ul{} .fangan_dsanp .fl li{float: left;font-size: 16px;} .fangan_dsanp .fl li a{display: block;padding:0 20px;} .fangan_dsanp .fl li a:hover{display: block;padding:0 20px;text-decoration: none;} .fangan_dsanp .fl li a.curent{background: #e5e5e5;} .fangan_dsanp .box ul{margin-left: -30px;margin-top: 30px;} .fangan_dsanp .box li{float: left;margin-left: 30px;margin-bottom: 20px;position: relative;text-align: center;} .fangan_dsanp .box li .pic{overflow: hidden;} .fangan_dsanp .box li img{width: 380px;height: 280px;transition: all 0.3s;} .fangan_dsanp .box li:hover img{transform: scale(1.2);} .fangan_dsanp .box li .bt{width: 380px;height: 50px;line-height: 50px;transition: all 0.3s;} .fangan_dsanp .box li:hover .bt{background: rgba(0,75,150,0.8);} .fangan_dsanp .box li .bt p{font-size: 16px;} .fangan_dsanp .box li a{color: #333;transition: all 0.3s;} .fangan_dsanp .box li:hover a{color: #FFF;} .case_box{padding-top:40px;} .case_box .title{text-align: center;font-size: 30px;text-transform: uppercase;} .case_box .title span{font-size: 30px;font-weight: bold;color: #CCC;} .case_box .title h2{font-weight: bold;}.case_box .title h2{font-size: 30px;} .case_box .title .xian{width: 200px;height: 1px;background: #CCC;margin: 10px auto 5px auto;} .case_box .title p{font-size: 18px;text-transform: uppercase;} .case{padding:30px 0;} .case ul{margin-top: 30px;margin-left: -30px;} .case li{float: left;margin-left: 30px;text-align: center;width: 380px;margin-bottom: 40px;background: #FFF;padding:20px;box-sizing: border-box;} .case li .pic{overflow: hidden;margin-bottom: 20px;} .case li img{width: 100%;transition: all 0.3s;} .case li:hover img{transform: scale(1.2);} .case li h2{font-size: 16px;font-weight: bold;margin-bottom: 10px;} .case li p{transition: all 0.3s;font-size: 16px;line-height: 24px;text-align: left;margin:0 10px 10px 10px;height:48px;overflow:hidden;} .case li a:hover{text-decoration: none;} .case_list ul{margin-left: -30px;margin-top: 30px;} .case_list li{float: left;margin-left: 30px;margin-bottom: 20px;text-align: center;} .case_list li .pic{overflow: hidden;} .case_list li img{width: 380px;height: 280px;transition: all 0.3s;} .case_list li:hover img{transform: scale(1.2);} .case_list li p{height: 50px;line-height: 50px;transition: all 0.3s;} .case_list li:hover p{background: rgba(0,75,150,1);color: #FFF;} .case_list li:hover a{text-decoration: none;} .contact{padding-top:30px;} .contact .title{text-align: center;padding-bottom: 30px;} .contact .title span{font-size: 30px;font-weight: bold;color: #EEE;} .contact .title h2{font-size: 30px;font-weight: bold;} .contact_derp{background: url(../images/pic5.jpg) no-repeat center;} .contact_derp_box{background: rgba(0,0,0,0.5);padding: 50px 0;} .contact_derp .box{margin-left: -3%;} .contact_derp .box .txt{float: left;width: 30.333%;font-size: 14px;line-height: 30px;position: relative;background: #053b80;color: #FFF;margin-left: 3%;margin-bottom: 20px;padding:30px 50px;box-sizing: border-box;} #map_container{height: 400px;margin-top: 50px;} .service{} .service .service_dyip{padding-top:40px;} .service .service_dyip .title{text-align: center;padding-bottom: 30px;} .service .service_dyip .title span{font-size: 30px;font-weight: bold;color: #EEE;text-transform:uppercase;} .service .service_dyip .title h2{font-size: 30px;font-weight: bold;} .service .service_dyip ul{text-align: center;padding:40px;background: #F5F5F5;} .service .service_dyip li{float: left;width: 20%;box-sizing: border-box;padding:0 20px;position: relative;} .service .service_dyip li h2{font-size: 24px;margin-bottom: 20px;} .service .service_dyip li p{margin-top: 20px;line-height: 24px;} .service .service_dyip li .jt{position: absolute;right: -20px;top: 80px;width: 40px;height: 40px;background: url(../images/pic51.png) no-repeat center;background-size: 100%;} .service .service_derp{padding-top: 50px;text-align: center;} .service .service_derp .title{text-align: center;padding-bottom: 30px;text-transform:uppercase;} .service .service_derp .title span{font-size: 30px;font-weight: bold;color: #EEE;text-transform:uppercase;} .service .service_derp .title h2{font-size: 30px;font-weight: bold;} .service .service_derp .txt{line-height: 24px;} .service .service_derp ul{margin-top: 30px;margin-left: -40px;} .service .service_derp li{width: 270px;float: left;margin-left:40px;line-height: 40px;} .service .service_derp li .pic{overflow: hidden;} .service .service_derp li img{width: 100%;transition: all 0.3s;} .service .service_derp li:hover img{transform: scale(1.2);} .service_dsanp{margin-top: 30px;} .service_dsanp .title{text-align: center;} .service_dsanp .title span{font-size: 30px;font-weight: bold;color: #EEE;text-transform:uppercase;} .service_dsanp .title h2{font-size: 30px;font-weight: bold;} .service_dsanp .title p{font-size: 14px;text-transform: uppercase;margin-top: 20px;padding:0 260px;line-height: 24px;} .service_dsanp .box{margin-top: 30px;} .service_dsanp .box ul{margin-left: -3%;} .service_dsanp .box li{float: left;width: 22%;margin-left: 3%;position: relative;} .service_dsanp .box li .pic{overflow: hidden;} .service_dsanp .box li img{width: 100%;transition: all 0.3s;} .service_dsanp .box li:hover img{width: 100%;transform: scale(1.2);} .service_dsanp .box li p{position: absolute;left: 0px;bottom:0px;width: 100%;height: 50px;line-height: 50px;text-align: center;background: rgba(0,0,0,0.5);color: #FFF;} .service_dsanp .box .txt{line-height: 30px;margin-top: 30px;} .service_er_dyip{margin-top: 30px;} .service_er_dyip .title{text-align: center;font-size: 30px;text-transform: uppercase;margin-bottom: 30px;} .service_er_dyip .title span{font-size: 30px;font-weight: bold;color: #EEE;} .service_er_dyip .title h2{font-weight: bold;} .service_er_dyip .pic{margin-bottom: 30px;position: relative;} .service_er_dyip .pic img{width: 100%;} .service_er_dyip .pic .txt{position: absolute;top: 50%;background: rgba(255,255,255,0.7);padding:30px;font-size: 20px;width: 500px;line-height: 30px;transform: translateY(-50%);} .service_er_dyip .pic:nth-of-type(odd) .txt{right: 0px;} .service_er_dyip .pic:nth-of-type(even) .txt{left: 0px;} .service_er_derp{} .service_er_derp .txt{padding:0 100px;text-align: center;line-height: 24px;} .service_er_derp .pic{padding:0 150px;} .service_er_derp .pic img{width: 100%;} .fangan_con{padding:30px 0;} .fangan_con .title{font-size: 24px;margin-bottom: 20px;text-align: center;} .fangan_con ul{} .fangan_con li{padding:50px 0;} .fangan_con li:nth-of-type(odd){background: #F5F5F5;} .fangan_con li .pic{width: 600px;} .fangan_con li .pic img{width: 600px;height: 400px;} .fangan_con li:nth-of-type(odd) .pic{float: right;} .fangan_con li:nth-of-type(even) .pic{float: left;} .fangan_con li .txt{width: 550px;} .fangan_con li .txt h2{font-size: 30px;} .fangan_con li .txt p{line-height: 24px;margin-top: 10px;} .fangan_con li .txt dl{margin-top: 20px;} .fangan_con li .txt dt{font-size: 20px;margin-bottom: 10px;} .fangan_con li .txt dd{width: 200px;float: left;margin-right: 20px;overflow: hidden;} .fangan_con li .txt dd img{width: 200px;height: 147px;transition: all 0.3s;} .fangan_con li .txt dd:hover img{transform: scale(1.2);} .fangan_con li:nth-of-type(odd) .txt{float: left;} .fangan_con li:nth-of-type(even) .txt{float: right;} .fangan_con img{width: 100%;} .case_er{} .case_er h2{font-size: 24px;} .case_er ul{margin-left: -30px;margin-top: 30px;} .case_er li{float: left;width: 380px;margin-left: 30px;text-align: center;line-height: 40px;} .case_er li .pic{overflow: hidden;} .case_er li img{width: 100%;transition: all 0.3s;} .case_er li:hover img{transform: scale(1.2);} .case_lister{background: #FFF;padding:30px 0;border-top: 1px solid #CCC;} .case_lister .title{text-align: left;} .case_lister .title h2{font-size: 24px;} .case_lister .lister_box{margin-top: 20px;} .case_lister .pic{width: 300px;float: left;} .case_lister .pic img{width: 100%;} .case_lister .txt{float: right;width: 530px;} .case_lister .txt .bt{font-size: 20px;line-height: 30px;} .case_lister .txt .txter{line-height: 30px;margin-top: 20px;} .case_lister .txt .txter p{float: left;width: 33.333%;}