*{margin: 0;padding: 0;box-sizing: border-box;} header,footer,nav,div,p,span,b,a,input,textarea,ul,li{margin: 0;padding: 0;} ul li{list-style: none;} a{text-decoration: none;color: #000;} table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;line-height: 30px;padding: 10px;} input{outline: none;} textarea{resize: none;outline: none;} iframe{display: block;width: 800px;height: 600px;border: 0;margin: 0 auto;} html,body{/* min-width: 1007px; */ min-width: 1263px;color: #1c1c1c;}/* 1024 */ /* ::-webkit-input-placeholder{color: #201f1d;} ::-moz-placeholder{color: #201f1d;} :-moz-placeholder{color: #201f1d;} */ /* {border-right: 32px solid transparent; -webkit-filter: drop-shadow(32px 0 0 red); filter: drop-shadow(32px 0 0 red);} */ /* 閫忔槑鍥剧墖鎶曞奖 -webkit-filter: drop-shadow(0 104px 0 #003488);filter: drop-shadow(0 104px 0 #003488); 鍥剧墖鍙樼櫧 -webkit-filter: grayscale(100%) brightness(1000%);filter: grayscale(100%) brightness(1000%); */ /*娴姩*/ .f_le{float: left;} .f_ri{float: right;} /*娓呴櫎娴姩*/ .clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;} /*瀹氫綅*/ .p_re{position: relative;} .p_ab{position: absolute;} /*寮规€х洅瀛?/ .flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;} /*妯悜寮规€?/ .flexbox33{display: -webkit-flex;display: flex;-webkit-justify-content: flex-end;justify-content: flex-end;} /*妯悜寮规€?/ .flexbox11{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;} /*妯悜寮规€?/ .flexbox22{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;} /*妯悜寮规€?/ .flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;height: 900px;} /*绾靛悜寮规€?/ .flexc{margin: auto auto;} .flexwarp{flex-wrap: wrap;} /*寮规€х洅瀛愭崲琛?/ /* 鏂囧瓧鍒嗘爮 */ .column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */ column-count:; /* 鍒楁暟 */ column-gap:; /* 鍒楅棿璺 */ column-rule:; /* 鍒嗛殧绾 */ } /*瀛椾綋瓒呭嚭闅愯棌*/ .txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden; text-align: justify;} .txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden; text-align: justify;} /*.txthide_2{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}*/ .pic{width: 300px;height: 200px;overflow: hidden;position: relative;} .pic img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);} /*瀹藉害*/ .wrapper{width: 75%;min-width: 1200px;margin: 0 auto;} .n-wrapper{width: 91.667%;min-width: 1200px;margin: 0 auto;} /* 澶撮儴 */ .header{width: 100%;background: #fff;height: 110px;position: relative;} .header .logo{display: block;float: left;padding-top: 15px;height: 110px;} .header .logo img{display: block;height: 80px;} .header .logo h1{display: none;} .header .nav{float: right;} .header .nav a{display: block;float: left;font-size: 18px;color: #1c1c1c;line-height: 110px;width: 6.771vw;transition: .5s;} .header .nav a:hover{color: #b29257;} .header .n-phone{float: right;height: 110px;padding-top: 22px;width: 180px;} .header .n-phone p{font-size: 14px;color: #1c1c1c;line-height: 22px;padding-left: 25px;background: url(../images/ico01.png) left center no-repeat;} .header .n-phone b{display: block;font-size: 24px;color: #d9b577;} /* 涓嬫媺 */ .drop-down{position: absolute;top: 110px;left: 0;right: 0;background: rgba(205,167,90,.9);z-index: 5;display: none;} .drop-down .n-wrapper{display: -webkit-flex;display: flex;-webkit-justify-content: flex-end;justify-content: flex-end;} .drop-down .d-logo{display: block;margin: auto 100px auto 0;width: 265px;float: right;} .drop-down ul{margin: auto 0;padding: 40px 0 25px;margin-right: 4.6875vw;float: right;margin-right: 180px;} .drop-down ul li{float: left;color: #fff;width: 6.771vw;min-height: 20px;} .drop-down .txt1{font-size: 14px;color: #fff;display: block;margin-bottom: 15px;line-height: 20px;transition: .5s;} .drop-down a:hover{/* text-decoration: underline; */color: #14305d;} @media screen and (max-width: 1360px) { .header .logo img{height: 70px;} .header .nav a{width: 90px;font-size: 16px;} .drop-down .d-logo{margin-right: 50px;width: 200px;} .drop-down ul li{width: 90px;} .drop-down .txt1{font-size: 12px;} } /* 鑱旂郴鎴戜滑 */ .n-contact{width: 100%;background-image: -moz-linear-gradient( -90deg, rgb(229,187,99) 0%, rgb(143,110,54) 100%);background-image: -webkit-linear-gradient( -90deg, rgb(229,187,99) 0%, rgb(143,110,54) 100%);background-image: -ms-linear-gradient( -90deg, rgb(229,187,99) 0%, rgb(143,110,54) 100%);text-align: center;color: #fff;padding: 35px 0;} .n-contact .title{font-size: 36px;text-transform: uppercase;margin-bottom: 15px;} .n-contact p{font-size: 16px;line-height: 2;} /* 搴曢儴 */ .footer{width: 100%;background: #14305d;padding: 80px 0 60px;} .footer .logo_foot{display: block;margin: auto 0;} .footer .right{width: 720px;text-align: right;margin: auto 0;font-size: 14px;color: rgba(255,255,255,.5);line-height: 20px;} .footer .right a{color: rgba(255,255,255,.5);} .footer .foot-nav{margin-bottom: 15px;} .footer .foot-nav a{display: inline-block;font-weight: bold;border-left: 2px solid #fff;height: 16px;line-height: 16px;margin-left: 28px;padding-left: 28px;color: #fff;} .footer .foot-nav a:nth-child(1){margin-left: 0;padding-left: 0;border: 0;} /*杞挱*/ .banner{width: 100%;position: relative;overflow: hidden;} .banner .swiper-slide img{width: 100%;display: block;} .banner .swiper-pagination{width: 91.667%;min-width: 1200px;margin: 0 auto;right: 0;text-align: right;font-size: 24px;color: rgba(255,255,255,.62);} .banner .swiper-pagination span:before{content: '0';} .banner .swiper-pagination .swiper-pagination-current{color: #fff;font-size: 28px;} .banner .swiper-pagination:after{content: '';display: block;width: 30px;height: 2px;background: #fff;position: absolute;right: 115px;top: 0;bottom: 0;margin: auto 0;} .banner .scroll{display: block;width: 104px;height: 107px;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 20px;z-index: 3;cursor: pointer;animation: mymove 3s ease infinite;} @keyframes mymove { 0% { opacity: 1; } 50% { opacity: .2; } 100% { opacity: 1; } } /* 棣栭〉 閫氱敤 */ .n-titBox{text-align: center;margin-bottom: 30px;} .n-titBox .ftitle{font-size: 40px;color: #d9b577;text-transform: uppercase;line-height: 55px;} .n-titBox .title{font-size: 44px;color: #14305d;line-height: 65px;} .n-titBox .n-title{display: block;margin: 0 auto;} .n-titBox .slogan{font-size: 18px;color: #505050;line-height: 25px;/* margin-top: 20px; */margin-top: 25px;} .n-more{display: block;width: 200px;height: 55px;text-align: center;line-height: 50px;background: -moz-linear-gradient( -61deg, rgb(229,187,99) 0%, rgb(143,110,54) 100%);background: -webkit-linear-gradient( -61deg, rgb(229,187,99) 0%, rgb(143,110,54) 100%);background: -ms-linear-gradient( -61deg, rgb(229,187,99) 0%, rgb(143,110,54) 100%);border-radius: 55px;color: #fff;text-transform: uppercase;transition: .5s;} .n-more span{display: inline-block;vertical-align: middle;} .n-more img{display: inline-block;width: 5px;vertical-align: middle;} .n-more:hover{box-shadow: 0px 3px 5px #8f6e36;} /* 棣栭〉 涓昏惀涓氬姟 */ .n-business{width: 100%;padding-top: 100px;} .n-business .list{width: 50%;float: left;position: relative;} .n-business .list .img{display: block;width: 100%;} .n-business .list .cont{position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-align: center;padding-top: 7.8125vw;} .n-business .list .ico{display: block;width: 11.458%;margin: 0 auto;transition: .5s;} .n-business .list .tit{font-size: 1.875vw;font-weight: bold;color: #fff;line-height: 3.125vw;margin-bottom: 3.125vw;} .n-business .list .gd{display: block;width: 120px;height: 40px;background: #fff;margin: 0 auto;font-size: 16px;color: #1c1c1c;text-transform: uppercase;line-height: 40px;transition: .5s;} .n-business .list:hover .ico{animation: dh1 1s ease infinite;} .n-business .list:hover .gd{background: #a17e3f;color: #fff;} @media screen and (max-width: 1280px) { .n-business .list .cont{padding-top: 100px;} .n-business .list .tit{font-size: 24px;line-height: 40px;margin-bottom: 40px;} } /* 棣栭〉 灞曠ず */ .n-one{width: 100%;background: -moz-linear-gradient( #0f3063 55%,#ffffff);background: -webkit-linear-gradient( #0f3063 55%,#ffffff);background: -ms-linear-gradient( #0f3063 55%,#ffffff);padding-top: 95px;} .n-one .n-titBox{margin-bottom: 85px;} .n-one .n-item{width: calc((100% - 24px) / 3);float: left;margin-right: 12px;overflow: hidden;position: relative;} .n-one .n-item:nth-child(3n){margin-right: 0;} .n-one .n-item .img{display: block;width: 100%;} .n-one .n-item .cont{position: absolute;top: 0;bottom: 0;left: 0;right: 0;color: #fff;padding: 45px 10.593% 0;} .n-one .n-item .tit{font-size: 36px;font-weight: bold;line-height: 1.3;} .n-one .n-item .ftit{font-size: 20px;text-transform: uppercase;line-height: 1.3;} .n-one .n-item .n-link{display: block;width: 156px;height: 46px;border: 1px solid #fff;border-radius: 5px;text-align: center;line-height: 40px;color: #fff;margin-top: 12px;font-size: 20px;overflow: hidden;transition: .5s;} .n-one .n-item .n-link span{vertical-align: middle;display: inline-block;} .n-one .n-item .n-link img{vertical-align: middle;width: 10px;display: inline-block;margin-left: 18px;transition: .5s;} .n-one .n-item .n-link:hover{border-color: #a17e3f;background: #a17e3f;} .n-one .n-item .n-link:hover img{-webkit-transform: translateX(10px);-moz-transform: translateX(10px);-ms-transform: translateX(10px);-o-transform: translateX(10px);transform: translateX(10px);} /* 棣栭〉 鍏充簬鎴戜滑 */ .n-about{width: 100%;padding: 140px 0 190px;overflow: hidden;} .n-about .na-left{width: 50%;margin: auto 0;} .n-about .na-right{width: 45.833%;margin: auto 0;position: relative;} .n-about .na-title{display: block;margin-bottom: 55px;width: 77.5%;} .n-about .na-article{font-size: 17px;color: #272727;text-align: justify;line-height: 2;} .n-about .n-more{margin-top: 75px;} .n-about .img{display: block;width: 97%;transition: .5s;} .n-about em{display: block;width: 97%;height: 100%;background: -moz-linear-gradient( 90deg, rgb(144,112,50) 0%, rgb(228,217,173) 100%);background: -webkit-linear-gradient( 90deg, rgb(144,112,50) 0%, rgb(228,217,173) 100%);background: -ms-linear-gradient( 90deg, rgb(144,112,50) 0%, rgb(228,217,173) 100%);position: absolute;right: 0;bottom: -4%;z-index: -1;transition: .8s;} .n-about:hover .img{-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);} .n-about:hover em{transform:rotate(-25deg);-ms-transform:rotate(-25deg);-webkit-transform:rotate(-25deg);} @media screen and (max-width: 1600px) { .n-about .na-title{margin-bottom: 45px;} .n-about .n-more{margin-top: 60px;} } @media screen and (max-width: 1360px) { .n-about .na-title{margin-bottom: 35px;} .n-about .n-more{margin-top: 50px;} } /* 棣栭〉 鏂伴椈涓績 */ .n-news{width: 100%;background: #eeeeee;padding: 90px 0;} .n-news .n-titBox{margin-bottom: 90px;} .n-news .list{width: calc( (100% - 36px) / 4 );float: left;background: #fff;margin-right: 12px;box-shadow: 0 2px 5px rgba(0,0,0,.2);} .n-news .list:nth-child(4n){margin-right: 0;} .n-news .list a{display: block;width: 100%;} .n-news .list .pic{width: 100%;height: 230px;} .n-news .list .cont{padding: 15px 15px 25px;height: 190px;} .n-news .list .tit{font-size: 20px;color: #383838;line-height: 30px;height: 60px;margin-bottom: 10px;transition: .5s;} .n-news .list .desc{font-size: 18px;color: #444444;font-weight: lighter;line-height: 30px;height: 60px;} .n-news .list span{display: block;text-align: right;font-size: 18px;color: #444444;} .n-news .list:hover .tit{color: #b39358;} .n-news .n-more{margin: 80px auto 0;} @media screen and (max-width: 1600px) { .n-news .list .pic{height: 190px;} } /* 棣栭〉 鍥剧墖 */ .n-indPic{display: block;width: 100%;} .n-indPic img{display: block;width: 100%;} /* 棣栭〉 鍚堜綔浼欎即 */ .n-parter{width: 100%;padding: 120px 0 80px;} .n-parter .n-titBox{margin-bottom: 65px;} .n-parter .pic{display: block;width: calc( (100% - 40px) / 5 );float: left;margin: 0 10px 20px 0;border: 1px solid #e5e5e5;border-radius: 6px;height: 130px;} .n-parter .pic:nth-child(5n){margin-right: 0;} .n-parter .pic:hover{border-color: #b39358;} @media screen and (max-width: 1600px) { .n-parter .pic{height: 108px;} } /* 闈㈠寘灞 */ .crumbs{width: 100%;background: #f6f6f6;height: 70px;overflow: hidden;line-height: 70px;} .m-crumb{max-width: 50%;font-size: 16px;color: #a9a9a9;padding-left: 35px;background: url(../images/ico04.png) left center no-repeat;} .m-crumb a{color: #a9a9a9;} .m-crumb a:hover,.m-crumb a:last-child{color: #14305d;} /* 鍐呴〉 */ .n-out{padding: 60px 0 75px;} .titBox{text-align: center;margin-bottom: 30px;} .titBox .title{font-size: 34px;color: #171717;font-weight: initial;} .titBox .ftitle{font-size: 16px;text-transform: uppercase;color: #666666;} .titBox em{display: block;width: 25px;height: 5px;border-radius: 5px;background: #14205d;margin: 20px auto 15px;} .article{font-size: 18px;color: #272727;text-align: justify;line-height: 2;} .article img{max-width: 100%;} .article iframe,.article video{display: block;border: 0;width: 800px;height: 563px;margin: 0 auto;} .n-nav{border-bottom: 1px solid #eaeaea;padding-bottom: 14px;margin-bottom: 60px;} .n-nav a{display: block;float: left;width: 186px;height: 30px;border-right: 1px solid #eaeaea;text-align: center;font-size: 20px;color: #171717;position: relative;transition: .5s;} .n-nav a:after{content: '';display: block;width: 0;height: 1px;background: #14305d;margin: 0 auto;position: absolute;bottom: -15px;left: 0;right: 0;transition: .5s;} .n-nav a:last-child{border-right: 0;} .n-nav a:hover,.n-nav a.active{color: #14305d;} .n-nav a:hover:after,.n-nav a.active:after{width: 90px;} /* 棰嗗鍥㈤槦 */ .leader .list{width: calc( (100% - 30px) / 3 );float: left;border: 3px solid #14305d;background: #14305d;margin: 0 15px 30px 0;transition: .5s;} .leader .list:nth-child(3n){margin-right: 0;} .leader .list a{display: block;width: 100%;color: #fff;} .leader .list .pic{width: 100%;height: 302px;} .leader .list .tit{text-align: center;font-size: 18px;height: 60px;line-height: 60px;} .leader .list:hover{box-shadow: 3px 3px 5px #14305d;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);} @media screen and (max-width: 1600px) { .leader .list .pic{height: 252px;} } /* 浼佷笟鏂囧寲 */ .culture .titBox{text-align: left;} .culture .titBox em{margin: 50px 0;} .culture .c-box{width: 50%;border: 1px solid #dcdcdc;padding: 120px 45px 60px;} .culture .c-img{width: 50%;min-height: 600px;} .culture .article{line-height: 25px;color: #666666;} /* 涓昏惀涓氬姟 */ .business{} .business .b-box{width: 100%;margin-bottom: 60px;} .business .b-box article{width: calc(100% - 376px);background: #14305d;padding: 60px 45px;color: #fff;font-size: 18px;line-height: 2;text-align: justify;min-height: 305px;position: relative;} .business .b-box article:after{content: '';display: block;width: 13px;height: 11px;background: url(../images/ico05.png) center center no-repeat;position: absolute;top: 35px;left: 30px;} .business .b-box .img{width: 369px;min-height: 305px;} .business .b-table{width: 100%;background: #f5f5f5;} .business .b-table,.business .b-table tr,.business .b-table td,.business .b-table th{border-color: #fff;line-height: 2;padding: 30px 45px;font-size: 16px;color: #5d5d5d;transition: .5s;cursor: default;} .business .b-table th{background: #14305d;color: #fff;font-size: 24px;font-weight: initial;} .business .b-table .b-center{text-align: center;} .business .b-table td:nth-child(2){font-size: 20px;color: #1c1c1c;} .business .b-table tr:hover td{background: rgba(20,48,93,.5);color: #fff;} .business1{padding-bottom: 0;} .business2{width: 100%;background: #f5f5f5;padding: 60px 0;} /* 鎴愬姛妗堜緥 */ .case .list{width: calc( (100% - 30px) / 3 );float: left;margin: 0 15px 25px 0;transition: .5s;} .case .list:nth-child(3n){margin-right: 0;} .case .list a{display: block;} .case .list .pic{width: 100%;height: 326px;} .case .list .tit{font-size: 24px;height: 75px;background: #14305d;padding: 0 15px;line-height: 75px;text-align: center;color: #fff;transition: .5s;} .case .list:hover .tit{background: #b39358;} .case .list:hover{box-shadow: 2px 3px 5px #8f6e36;} .nPic{width: 100%;margin-top: 45px;} .nPic img{display: block;width: 100%;} @media screen and (max-width: 1600px) { .case .list .pic{height: 270px;} } /* 鏂伴椈涓績 */ .news .list{width: 100%;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,.2);margin-bottom: 30px;} .news .list a{display: block;width: 100%;} .news .list .pic{display: block;width: 360px;height: 230px;float: left;} .news .list .cont{width: calc(100% - 360px);padding: 25px 30px;height: 230px;float: right;position: relative;transition: .5s;} .news .list .tit{font-size: 20px;color: #232323;line-height: 35px;padding-right: 180px;margin-bottom: 20px;transition: .5s;} .news .list .desc{font-size: 16px;color: #444444;line-height: 30px;transition: .5s;} .news .list time{display: block;position: absolute;top: 25px;right: 30px;line-height: 35px;font-size: 16px;color: #6b6b6b;transition: .5s;} .news .list .gd{width: 132px;height: 42px;border: 1px solid #808080;text-align: center;line-height: 38px;color: #808080;text-transform: uppercase;overflow: hidden;margin-top: 25px;transition: .5s;} .news .list .gd span{display: inline-block;vertical-align: middle;} .news .list .gd em{display: inline-block;width: 17px;height: 12px;background: url(../images/ico06.png) right center no-repeat;vertical-align: middle;margin-left: 10px;transition: .5s;} .news .list:hover .cont{background: #14305d;} .news .list:hover .tit,.news .list:hover .desc,.news .list:hover time,.news .list:hover .gd{color: #fff;} .news .list:hover .gd{border-color: #fff;} .news .list:hover .gd em{background: url(../images/ico06.png) left center no-repeat;} /* 鑱旂郴鎴戜滑 */ .contact{position: relative;} .contact .img{display: block;width: 375px;height: 600px;float: left;} .contact .right{width: calc(100% - 375px);height: 600px;background: #f5f5f5;position: relative;float: right;} .contact .map{width: 100%;height: 100%;} .contact .map iframe{display: block;width: 100%;height: 100%;} .contact .cont{background: url(../images/bj01.png) center center no-repeat;height: 242px;position: absolute;bottom: 0;left: 0;right: 0;z-index: 3;padding: 45px 15px 0;} .contact .c-item{max-width: 30.5%;color: #fff;margin: 0 auto;text-align: center;} .contact .c-item .ico{display: block;width: 60px;margin: 0 auto 25px;} .contact .c-item .txt{font-size: 20px;line-height: 30px;} @media screen and (max-width: 1600px) { .contact .c-item .ico{width: 55px;} .contact .c-item .txt{font-size: 18px;line-height: 25px;} } /* 閾惰鐧诲綍 鐩戠鐧诲綍 */ .login{box-shadow: 0 0 10px rgba(0,0,0,.1);border-radius: 15px;overflow: hidden;background: #fff;height: 630px;} .login .titBox .title{font-weight: bold;color: #26406a;} .login .titBox .ftitle{color: #26406a;opacity: .5;} .login .img{width: 50%;height: 100%;} .login .l-box{width: 50%;height: 100%;padding: 65px 0 0;} .login .form{width: 455px;margin: 0 auto;} .login .f-item{margin-bottom: 13px;height: 72px;background: #e5e8ed;border-radius: 72px;overflow: hidden;} .login .f-item label{display: block;height: 72px;float: left;width: 55px;} .login .f-item input{display: block;width: calc(100% - 75px);height: 72px;float: right;border: 0;font-size: 20px;color: #333333;background: transparent;} .login .f-item input::-webkit-input-placeholder{color: #333333;} .login .f-item input::-moz-placeholder{color: #333333;} .login .f-item input:-moz-placeholder{color: #333333;} .login .n-link{text-align: right;padding-right: 15px;} .login .n-link a{font-size: 18px;color: #14305d;opacity: .75;line-height: 30px;transition: .5s;} .login .n-link a:hover{opacity: 1;} .login .f-btn{display: block;width: 100%;height: 72px;border: 0;border-radius: 72px;text-align: center;line-height: 72px;background: #26406a;color: #fff;font-size: 28px;margin-top: 85px;cursor: pointer;transition: .5s;} .login .f-btn:hover{box-shadow: 2px 3px 5px #26406a;backgorund: rgba(38,64,106,.8);} .system .s-box{margin-bottom: 45px;} .system .s-form{width: 78%;height: 60px;border: 1px solid #c4c3c3;overflow: hidden;border-radius: 5px;background: #fff;float: left;position: relative;} .system .s-form span{display: block;width: 48px;height: 58px;background: url(../images/ico13.png) right center no-repeat;float: left;} .system .s-form .s-btn{display: block;width: 110px;height: 58px;border: 0;background: #eeeeee;float: right;text-align: center;line-height: 58px;font-size: 20px;color: #212121;cursor: pointer;} .system .s-form input{display: block;border: 0;float: left;height: 58px;padding: 0 30px 0 10px;font-size: 18px;color: #444;} .system .s-form input.inp1{width: calc(100% - 478px);} .system .s-form input.inp2{width: 160px;border-left: 1px solid #c4c3c3;padding: 0 10px;position: relative;z-index: 1;background: transparent;} .system .s-form em{display: block;width: 25px;height: 58px;background: url(../images/ico14.png) center center no-repeat;background-size: 100% auto;position: absolute;top: 0;bottom: 0;z-index: 0;} .system .s-form em.em1{right: 120px;} .system .s-form em.em2{right: 280px;} .system .s-form input::-webkit-input-placeholder{color: #b7b7b7;} .system .s-form input::-moz-placeholder{color: #b7b7b7;} .system .s-form input:-moz-placeholder{color: #b7b7b7;} .system .s-screen{width: 300px;height: 60px;border: 1px solid #c4c3c3;border-radius: 5px;overflow: hidden;float: right;} .system .s-screen .stime{display: block;width: 50%;float: left;height: 58px;font-size: 16px;line-height: 55px;text-align: center;transition: .5s;} .system .s-screen .stime:last-child{border-left: 1px solid #c4c3c3;} .system .s-screen .stime b{display: inline-block;vertical-align: middle;padding-right: 50px;background: url(../images/ico14.png) right center no-repeat;color: #606060;} .system .s-screen .stime.active{background: #eeeeee;} .system .s-table{width: 100%;} .system .s-table,.system .s-table tr,.system .s-table td,.system .s-table th{border: 0;line-height: 2;font-size: 14px;color: #5d5d5d;transition: .5s;cursor: default;padding: 18px 5px;text-align: center;line-height: 18px;} .system .s-table th{background: #14305d;color: #fff;min-height: 75px;} .system .s-table .b-center{text-align: center;} .system .s-table tr:nth-child(2n+1){background: #f5f5f5;} .system .s-table .s-shebei{} .system .s-table .ico{display: inline-block;width: 14px;height: 6px;background: url(../images/ico15.png) center center no-repeat;} .system .s-xiala{position: absolute;left: 0;top: 110%;right: 0;background: #f5f5f5;box-shadow: 0 5px 10px rgba(0,0,0,.1);display: none;} .system .s-xiala li{color: #121212;padding: 15px 0;line-height: 20px;font-weight: initial;cursor: pointer;transition: .5s;} .system .s-xiala li:hover,.system .s-xiala li.active{color: #14305d;text-decoration: underline;} .system .s-table tr:hover td{background: rgba(20,48,93,.5);color: #fff;} .system .s-table tr:hover .ico{background: url(../images/ico16.png) center center no-repeat;} .bank .b-form{width: 61.806%;height: 60px;border: 1px solid #c4c3c3;overflow: hidden;border-radius: 5px;background: #fff;margin: 0 auto 45px;} .bank .b-form span{display: block;width: 48px;height: 58px;background: url(../images/ico13.png) right center no-repeat;float: left;} .bank .b-form .s-btn{display: block;width: 110px;height: 58px;border: 0;background: #14305d;float: right;text-align: center;line-height: 58px;font-size: 20px;color: #fff;cursor: pointer;} .bank .b-form input{display: block;border: 0;width: calc(100% - 168px);float: left;height: 58px;padding: 0 30px 0 10px;font-size: 18px;color: #444;} .bank .b-form input::-webkit-input-placeholder{color: #b7b7b7;} .bank .b-form input::-moz-placeholder{color: #b7b7b7;} .bank .b-form input:-moz-placeholder{color: #b7b7b7;} .bank .list{width: calc( (100% - 42px) / 4 );float: left;background: #f5f5f5;margin: 0 14px 16px 0;height: 178px;transition: .5s;} .bank .list:nth-child(4n){margin-right: 0;} .bank .list img{min-height: auto;} .bank .list:hover{box-shadow: 0 0 10px rgba(0,0,0,.2);} @media screen and (max-width: 1600px) { .system .s-table,.system .s-table tr,.system .s-table td,.system .s-table th{font-size: 12px;} .bank .list{height: 148px;} } /* 鍚堜綔浼欎即 */ .parter{width: 100%;padding: 120px 0 80px;} .parter .n-titBox{margin-bottom: 65px;} .parter .pic{display: block;width: calc( (100% - 40px) / 5 );float: left;margin: 0 10px 20px 0;border: 1px solid #e5e5e5;border-radius: 6px;height: 130px;} .parter .pic:nth-child(5n){margin-right: 0;} .parter .pic:hover{border-color: #b39358;} @media screen and (max-width: 1600px) { .parter .pic{height: 108px;} } /* 璇︽儏 */ .content .c-title{font-size: 24px;color: #444;text-align: center;font-weight: bold;line-height: 35px;} .content time{display: block;text-align: center;font-size: 16px;line-height: 20px;color: #666;line-height: 25px;margin: 10px 0 30px;} @keyframes dh1 { 0% { transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg); } 25% { transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg); } 50% { transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg); } 75% { transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg); } 100% { transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg); } } /* 涓婁笅椤 */ .m-clips{margin: 60px 0 0;font-size: 16px;color: #444;line-height: 35px;border-top: 1px solid #dcdcdc;padding-top: 45px;} .m-clips a{color: #444;line-height: 35px;} .article-prevnext{margin: 60px 0 0;font-size: 16px;color: #444;line-height: 35px;border-top: 1px solid #dcdcdc;padding-top: 30px;} .article-prevnext li{line-height: 35px;} .article-prevnext li a{color: #444;} .article-prevnext li a:hover{text-decoration: underline;} /*鏁堟灉 hover婊戝姩鏁堟灉*/ /* animation-name:fadeInUp;animation-delay: 0.1s; */ .y{box-shadow: 5px 5px 10px #535c8c;-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);-o-transform: translateY(-10px);transform: translateY(-10px);} .r{transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);box-shadow: 5px 5px 10px #888;} .x{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .c{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);} @media screen and (max-width: 1360px) {}