/* CSS Document */ .txt-swiper { width: 100%; height: 26.4vw !important; max-height: 26.4vw !important; position: relative; z-index: 2; } .txt-swiper img { height: 100%; } .txt-swiper .swiper-pagination { top: auto; bottom: 4vw; } /*浣嶇疆*/ .weizhi { width: 100%; height: 60px; font-size: 14px; line-height: 60px; background: #f8f8f8; color: #999999; } .weizhi a { color: #999999; } .weizhi .iconfont { display: inline-table; font-size: 16px; padding: 0 10px; } .biaoti_y { width: 100%; font-size: 60px; line-height: 70px; color: #00428e; text-align: center; margin-top: 70px; } .biaoti_z { width: 100%; font-size: 36px; line-height: 50px; color: #202020; text-align: center; margin-bottom: 45px; } .cpBox { width: 1200px; } .cpBox .hd { width: 1200px; height: 115px; line-height: 67px; padding-bottom: 37px; position: relative; } .cpBox .hd ul { width: 100%; height: 67px; text-align: center; } .cpBox .hd ul li { display: inline-table; width: 220px; height: 67px; font-size: 22px; border: 1px solid #dcdcdc; text-align: center; cursor: pointer; margin: 0 12px; } .cpBox .hd ul li a{} .cpBox .hd ul li:hover{background: #00428e;border: 1px solid #00428e;color: #fff;} .cpBox .hd ul li:hover a{color: #fff;} .cpBox .hd ul li.on { height: 67px; background: #00428e; border: 1px solid #00428e; color: #fff; } .cpBox .hd ul li.on a{color: #fff;} .cpBox .bd ul { padding: 0px; zoom: 1; } .cpBox .bd li { position: relative; float: left; width: 380px; height: 420px; margin-right: 30px; margin-bottom: 50px; /* overflow: hidden; */ } .cpBox .bd li:nth-of-type(3n) { margin-right: 0; } .cpBox .bd li a:hover { color: #00428e; } .cpBox .n_pic { width: 380px; height: 300px; background: #f8f8f8; overflow: hidden; text-align: center; } .cpBox .n_pic img { height: 300px; margin: 0 auto; } .cpBox .n_line { position: absolute; left: 0; bottom: 0; z-index: 2; background: #dcdcdc; width: 120px; height: 1px; } .cpBox .n_chang { position: absolute; left: 0; bottom: 0; z-index: 3; border-bottom: 1px solid #dcdcdc; width: 0px; height: 1px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cpBox li:hover .n_chang { width: 380px; height: 1px; border-bottom: 1px solid #00428e; } .cpBox .n_con { width: 100%; padding: 15px 10px; font-size: 16px; line-height: 30px; } .cpBox .n_tit { font-size: 24px; line-height: 44px; font-weight: 400; } .anlil li .n_con { border-bottom: 1px solid #dcdcdc; } .anlil li:hover .n_con { border-bottom: 1px solid #00428e; box-shadow: 0px 0px 14px #ddd; } /*****/ .jianjie, .hezuo { width: 1200px; } .jianjie p { font-size: 18px; line-height: 36px; /* margin-bottom: 30px; */ } .solubox { float: left; width: 585px !important; height: 278px; margin-bottom: 30px; position: relative; padding: 0; } .solubox:nth-of-type(2n) { float: right; } .solubox:hover { width: 585px !important; height: 280px; } .solubox strong { position: absolute; left: 35px; top: 57px; width: 505px; z-index: 3; } .solubox span { position: absolute; left: 35px; top: 125px; z-index: 3; } .solubox p { position: absolute; left: 35px; top: 155px; width: 505px; z-index: 3; } /*****/ .hezuo li { float: left; width: 278px; height: 150px; border: 1px solid #dcdcdc; margin-right: 29px; margin-bottom: 30px; position: relative; overflow: hidden; } .hezuo li:nth-of-type(4n) { margin-right: 0; } .hezuo li img { height: 148px; } .hezuo li:hover { width: 278px; transform: scale(1); margin-top: -2px; top: -2px; } /**鑽h獕**/ .rongyu li { float: left; width: 278px !important; height: 391px !important; margin-right: 29px !important; margin-left: 0 !important; margin-bottom: 66px !important; position: relative; overflow: hidden; } .rongyu li:nth-of-type(4n) { margin-right: 0 !important; margin-left: 0 !important; } .rongyu li img { width: 278px !important; } .rongyu li:hover { width: 278px !important; transform: scale(1); margin-top: -2px; top: -2px; height: 393px !important; } /**妗堜緥鍒楄〃**/ .zhengwen { font-size: 16px; line-height: 36px; color: #6f6f6f; } .anli { width: 1260px; } h2.list { font-size: 38px; line-height: 56px; margin-top: 87px; color: #0c2c5b; } h3.listen { font-size: 16px; line-height: 34px; margin-bottom: 40px; font-weight: normal; text-transform: uppercase; color: #555; } .anli .btn_area { overflow: hidden; } .anli .btn_area section { display: block; float: left; position: relative; width: 380px; margin-left: 30px; margin-bottom: 30px; background: #fff; box-sizing: border-box; overflow: hidden } .anli .btn_area section:hover { box-shadow: 0px 0px 30px #cccccc; } .anli .btn_area section:hover .hover_area { opacity: 1; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; -ms-transition: opacity .3s ease } .anli .btn_area section .img_area, .anli .btn_area section .img_abc { width: 380px; height: 307px; position: relative; overflow: hidden; border-bottom: 7px solid #fff; } .anli .btn_area section:hover .img_area { border-bottom: 7px solid #0c2c5b; } .anli .btn_area section .img_area img, .anli .btn_area section .img_abc img { width: 380px; height: 300px; transition: all .3s ease-in-out } .anli .btn_area section .img_area .dimd, .anli .btn_area section .img_abc .dimd { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none; opacity: .5; filter: alpha(opacity=50); background-color: #000 } .anli .btn_area section:hover .img_area .dimd, .anli .btn_area section:hover .img_abc .dimd { display: block } .anli .btn_area section .txt_area { width: 100%; height: 84px; box-sizing: border-box; padding: 27px 30px; font-size: 24px; line-height: 30px; text-align: center; } .anli .btn_area section .txt_abc { width: 100%; height: 84px; box-sizing: border-box; padding: 27px 30px 23px; font-size: 24px; line-height: 30px; text-align: center; border-bottom: 4px solid #fff; } .anli .btn_area section:hover .txt_abc { border-bottom: 4px solid #0c2c5b; } .anli .btn_area section .hover_area { position: absolute; left: 117px; top: 124px; width: 146px; height: 54px; text-align: center; line-height: 54px; opacity: 0; box-sizing: border-box } .anli .btn_area section .hover_area:before { position: absolute; content: ""; left: 0; top: 0; width: 146px; height: 54px; border: 1px solid #fff; text-transform: uppercase; } /**news list**/ .newsl { width: 1200px !important; height: 200px !important; margin: 0 auto 30px !important; } .news_pic { float: left; width: 250px; height: 200px; overflow: hidden; } .news_pic img { width: 250px; height: 200px; } .newr { float: right; width: 910px; position: relative; } .news_time { color: #c2c2c3; font-size: 16px; line-height: 44px; margin-top: 35px; } .news_tti { width: 100%; font-size: 22px; font-weight: 600; line-height: 44px; padding: 10px 0 4px; } .newsl:hover .news_tti, .newsl:hover .news_text { color: #00428e } .news_text { width: 100%; font-size: 18px; line-height: 30px; margin-top: 3px; color: #6a6a6a; } .newsl .n_line { position: absolute; left: 0; top: 147px; z-index: 2; background: #dcdcdc; width: 160px; height: 1px; } .newsl .n_chang { position: absolute; left: 0; top: 147px; z-index: 3; border-bottom: 1px solid #dcdcdc; width: 0px; height: 1px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .newsl:hover .n_chang { width: 910px !important; height: 1px; border-bottom: 1px solid #00428e; } .inputbox { width: 650px; height: 60px; line-height: 60px; border: 1px solid #0c2c5b; padding: 0 35px; margin-bottom: 32px; } .inputbox p { float: left; width: 50px; } .inputbox input { float: left; width: 500px; background: none; } .inputbox textarea { display: block; clear: both; width: 580px; background: none; padding: 0; margin: 0; } .tijiao { width: 170px; height: 60px; line-height: 60px; font-size: 18px; background: #0c2c5b; text-align: center; margin-left: 0; } /* 璇︽儏 */ .content{width: 1200px;margin: 0 auto;padding: 85px 0 0;} .content h3{font-size: 20px;color: #444;font-weight: bold;text-align: center;line-height: 30px;margin-bottom: 35px;} .content article{font-size: 16px;text-align: justify;color: #727272;} .content article img{max-width: 100%;} /* 涓婁笅椤 */ .m-clips{margin: 45px 0 0;font-size: 16px;color: #444;line-height: 35px;border-top: 1px solid #dcdcdc;padding-top: 25px;} .m-clips a{color: #444;line-height: 35px;}