/** 娓呴櫎鍐呭杈硅窛 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 缁撴瀯鍏冪礌 */ dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */ pre, /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */ form, fieldset, legend, button, input, textarea, /* form elements 琛ㄥ崟鍏冪礌 */ th, td /* table elements 琛ㄦ牸鍏冪礌 */ { margin: 0; padding: 0; } /** 璁剧疆榛樿瀛椾綋 **/ body, button, input, select, textarea /* for ie */ { font: 14px/1.0 "Microsoft YaHei", "榛戜綋", "瀹嬩綋", sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } address, cite, dfn, em, var, i { font-style: normal; } /* 灏嗘枩浣撴壎姝 */ code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 缁熶竴绛夊瀛椾綋 */ small { font-size: 12px; } /* 灏忎簬 12px 鐨勪腑鏂囧緢闅鹃槄璇? 璁 small 姝e父鍖 */ /** 閲嶇疆鍒楄〃鍏冪礌 **/ ul, li, ol { list-style: none; } /** 閲嶇疆鏂囨湰鏍煎紡鍏冪礌 **/ a { text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #333; } a:hover { text-decoration: none; cursor: pointer; } sup { vertical-align: text-top; } /* 閲嶇疆, 鍑忓皯瀵硅楂樼殑褰卞搷 */ sub { vertical-align: text-bottom; } /** 閲嶇疆琛ㄥ崟鍏冪礌 **/ legend { color: #000; } /* for ie6 */ fieldset, img { border: 0; } /* img 鎼溅锛氳閾炬帴閲岀殑 img 鏃犺竟妗 */ button, input, select, textarea { font-size: 100%; outline: none; } /* 浣垮緱琛ㄥ崟鍏冪礌鍦 ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */ input::-ms-clear { display: none; } /*闅愯棌鏂囨湰妗嗗弶瀛?/ input::-ms-reveal { display: none; } /*闅愯棌瀵嗙爜妗嗗皬鐪肩潧*/ /* 娉細optgroup 鏃犳硶鎵舵 */ /** 閲嶇疆琛ㄦ牸鍏冪礌 **/ table { border-collapse: collapse; border-spacing: 0; } /* 閲嶇疆 HTML5 鍏冪礌 */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; } body { overflow-x: hidden; } @font-face { font-family: "NotoSansHans-Bold"; src: url('../font/NotoSansHans-Bold.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: "NotoSansHans-Regular"; src: url('../font/NotoSansHans-Regular.otf'); font-weight: normal; font-style: normal; } @media screen and (max-width: 640px) { html { font-size: 20px; } } @media screen and (max-width: 480px) { html { font-size: 20px; } } @media screen and (max-width: 380px) { html { font-size: 18px; } } @media screen and (max-width: 320px) { html { font-size: 16px; } } p { text-align: justify; text-justify: inter-ideograph; } html { font-size: 20px; height: 100%; background: #fff; } .clear::after { content: "."; display: block; height: 0; visibility: hidden; clear: both; } .cen { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .center{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .table-ul .center { /*position: absolute;*/ /*transform: none;*/ /*top:0;*/ /*width: 20px;*/ /*margin-left: -10px;line-height: 50px;*/ } .content { width: 72.9%; margin: 0 auto; } .pic-box { overflow: hidden; z-index: 33; width: 100%; } .pic-box img { transition: all 0.5s ease; width: 100%; } .pic-box:hover img { transform: scale(1.1, 1.1); } .swiper-container { width: 100%; /* height: 100%; */ } .swiper-button-prev, .swiper-button-next { outline: none; } img { vertical-align: middle; } .swiper-slide a { display: block; } @media screen and (max-width:500px) {} .ban .swiper-slide img { width: 100%; height: 100%; } .ban .swiper-slide a { width: 100%; height: 100vh; } .head { height: 100px; line-height: 100px; position: fixed; width: 100%; left: 0; top: 0; background-color: #f5f5f5; z-index: 999; box-shadow: 1px 1px 8px #ccc; /*overflow: hidden;*/ } .head .logo { display: block; float: left; margin-left: 50px; margin-top: 36px; line-height: 1px; } .head-code { float: left; font-size: 20px; color: #333; margin-left: 40px; } .he-ul { float: right; height: 100%; } .he-ul li { float: left; font-size: 20px; color: #333; margin-right: 90px; transition: all 0.3s ease; height: 100px; box-sizing: border-box; } .he-ul li:last-child { margin-right: 0; } .he-chan { float: right; font-size: 18px; color: #f39800; margin-left: 50px; } .he-chan a { color: #666; } .he-chan a:hover { color: #f39800; } .he-chan .hc-z { color: #f39800; } .he-sea { float: right; margin-left: 2%; margin-right: 3.8%; position: relative; cursor: pointer; line-height: 1px; margin-top: 36px; } .he-ul li>a { transition: all 0.3s ease; } .he-ul li:hover { color: #f39800; border-bottom: 3px solid #f39800; } .he-ul li:hover>a { color: #f39800; } .he-ul .act { color: #f39800; border-bottom: 3px solid #f39800; } .he-ul .act> a { color: #f39800; } .he-ul .list a:hover { color: #f39800; } .hs-fo { width: 100px; height: 100%; top: 0; left: -110px; position: absolute; display: none; } .hsfo-te { width: 100%; border-radius: 5px; border: 1px solid #666; line-height: 25px; padding-left: 10px; box-sizing: border-box; padding-right: 20px; } .hsfo-bu { background-image: url('../img/sea.png'); width: 36px; height: 36px; border: none; background-color: transparent; vertical-align: middle; cursor: pointer; } .he-ul .list { position: absolute; top: 100px; border-top: 1px solid #f39800; display: none; } .he-ul .list a { display: block; background-color: #fff; line-height: 60px; font-size: 16px; padding: 0 10px; } .ban .swiper-slide a p { font-size: 48px; color: #fff; font-family: 'NotoSansHans-Regular'; line-height: 55px; } .ban .swiper-slide a p span { color: #f39800; font-family: 'NotoSansHans-Bold'; } .ban .swiper-slide a .font { position: absolute; top: 35%; left: 11%; /*background-image: url('../img/bg.png');*/ background-repeat: no-repeat; background-position: center; background-size: contain; } .ban .swiper-slide .fo-small { font-size: 18px; margin-top: 10px; line-height: 20px; } .ban .swiper-pagination-bullet { width: 12px; height: 12px; } .ban .swiper-pagination-bullet-active { background-color: #f39800; } .neswi { width: 165px; height: 65px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background-color: #fff; display: block; z-index: 2; font-size: 0; padding: 3px; box-sizing: border-box; outline: none; } .neswi img { width: 93px; height: 100%; } .neswi p { width: 66px; display: inline-block; background-image: url('../img/jt.png'); background-repeat: no-repeat; background-position: center; height: 100%; vertical-align: top; } .ban .swiper-pagination { bottom: 30px!important; } .wel-pro { display: block; width: 100%; height: 100vh; position: relative; } .wel-pro img { width: 100%; height: 100%; } .wel-pro .font { position: absolute; top: 50%; width: 515px; transform: translateY(-50%); left: 60%; } .wel-pro .ti { font-size: 36px; color: #f39800; } .wel-pro .en { font-size: 30px; color: #333; font-family: 'Arial'; text-transform: uppercase; margin-top: 20px; margin-bottom: 20px; } .wel-pro .de { font-size: 16px; line-height: 30px; color: #666; } .se3-bg a { width: 100%; height: 100vh; } .se3-bg a img { width: 100%; height: 100%; } .se3-bg .swiper-pagination-bullet { width: 12px; height: 12px; } .se3-bg .swiper-pagination-bullet-active { background-color: #f39800; } .se3 { position: relative; } .se3-top { position: absolute; z-index: 2; top: 20%; left: 20%; } .se3-top>.ti { font-size: 36px; margin-bottom: 12px; color: #f39800; } .se3-top .en { font-size: 30px; color: #fff; text-transform: uppercase; } .se3-top a { font-size: 16px; color: #fff; transition: all 0.3s ease; margin-bottom: 30px; background-repeat: no-repeat; background-position: left center; cursor: pointer; display: block; } .zhi .ti { margin-top: 60px; font-size: 24px; margin-bottom: 30px; padding-left: 40px; background-repeat: no-repeat; background-position: left center; } .zt1 { background-image: url('../img/ti1.png'); } .zt2 { background-image: url('../img/te1.png'); } .zt1:hover { background-image: url('../img/ti.png'); color: #f39800; } .zt2:hover { background-image: url('../img/te2.png'); color: #f39800; } .zhi-p .act { color: #f39800; } .zhi-p .act .xian { display: block; } .zhi-p .act { background-image: url('../img/xian.png'); padding-left: 20px; } .zhi-p a:hover { background-image: url('../img/xian.png'); padding-left: 20px; color: #f39800; } .zhi { display: inline-block; vertical-align: top; width: 205px; } .se4 { background-image: url('../img/sebg.png'); background-size: cover; } .se4 .myContent { text-align: center; width: 72.9%; margin: 0 auto; font-size: 0; } .ne-c { font-size: 0; margin-top: 90px; } .we-ne { display: inline-block; width: 32.2%; padding: 20px; /*padding-top: 60px;*/ padding-top: 40px; box-sizing: border-box; /* background-color: #fff; */ text-align: left; /* box-shadow: 1px 1px 20px #666; */ /*height: 476px;*/ /*vertical-align: middle!important;*/ vertical-align: top; transition: all 0.5s ease; margin-right: 1.7%; } .we-ne:nth-child(3n) { margin-right: 0; } .we-ne .ti { font-size: 18px; margin-bottom: 10px; color: #333; transition: all 0.5s ease; line-height: 25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; /* margin-top: 40px; */ } .we-ne:hover { background-color: #fff; box-shadow: 1px 1px 20px #666; transition: all 0.3s ease; /*padding-top: 60px;*/ } .we-ne:hover .ti { /* margin-top: 40px; */ /*margin-top: 20px;*/ } .we-ne:hover .pic-box img{ transform: scale(1.1, 1.1); } .we-ne:hover .pic-box img { /*transform: none;*/ } .we-ne .time { font-size: 12px; margin-bottom: 25px; color: #ccc; } .we-ne .de { font-size: 14px; margin-bottom: 35px; line-height: 25px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .left { float: left; } .fo-ul li { float: left; /*width: 14%;*/ margin-right: 7%; } .fo-ul li:last-child { /*width: auto;*/ margin-right: 0; } .foot { background-color: #484747; } .foo-c { width: 76%; /* padding-left: 12.76%; */ margin: 0 auto; padding-top: 55px; overflow: hidden; } .fo-form { width: 93%; border-bottom: 1px solid #626262; line-height: 45px; margin-bottom: 50px; } .fo-te { width: 93.3%; background-color: transparent; border: none; text-align: right; padding: 0 10px; box-sizing: border-box; color: #f39800; font-size: 18px; line-height: 35px; vertical-align: top; } .foot input::-webkit-input-placeholder { /* placeholder棰滆壊 */ color: #f39800; } .fo-bu { width: 65px; height: 35px; border: none; background-color: transparent; border-left: 1px solid #626262; background-image: url('../img/fo-sea.png'); background-repeat: no-repeat; cursor: pointer; background-position: right center; color: transparent; } .fo-ul li a { font-size: 14px; color: #c4c4c4; margin-bottom: 25px; display: block; } .fo-ul li a:nth-child(1) { font-size: 24px; color: #fff; } .in-top video{ width: 100%; display: inline-block; margin-top: 65px; } .fo-top { width: 100%; } .fo-top .left { width: 88%; } .fo-right { float: right; margin-top: 105px; } .foot .last { font-size: 14px; color: #d3d3d3; text-align: right; margin-bottom: 30px; } .foot .last p { text-align: right; } .foot .last a { color: #d3d3d3; } .banner { height: 500px; background-repeat: no-repeat; background-size: contain; position: relative; } .banner p { position: absolute; left: 17.4%; top: 60%; transform: translateY(-50%); font-size: 48px; color: #fff; font-family: 'NotoSansHans-Regular'; } .ne-top .ti { font-size: 36px; color: #f39800; } .ne-top .en { font-size: 36px; color: #f39800; font-family: 'Arial'; margin-bottom: 20px; font-weight: bold; } .ne-top { margin-top: 55px; margin-left: 70px; } .we-ne { position: relative; margin-bottom: 40px; } .we-ne .xian { position: absolute; top: 0; left: 50%; border-top: 1px solid #d2d2d2; width: 80%; transform: translateX(-50%); } .we-ne:nth-child(1) .xian { display: none; } .we-ne:nth-child(2) .xian { display: none; } .we-ne:nth-child(3) .xian { display: none; } .page { background-color: #f5f5f5; width: 100%; display: inline-block; height: 60px; margin-bottom: 45px; text-align: center; line-height: 35px; padding: 14px 0; box-sizing: border-box; } .page a { font-size: 14px; color: #666; width: 35px; height: 35px; line-height: 35px; text-align: center; display: inline-block; transition: all 0.3s ease; } .page a:hover { background-color: #f39800; color: #fff; } .page .act { background-color: #f39800; color: #fff; } .right { float: right; /* width: 110px; */ } .page .right { width: 110px; background-image: url('../img/jtr.png'); background-repeat: no-repeat; background-position: 65px center; text-align: left; } .page .left { width: 110px; background-image: url('../img/jtl.png'); background-repeat: no-repeat; background-position: 30px center; text-align: right; } .page .right:hover { background-color: transparent; color: #f39800; background-image: url('../img/jtrr.png'); } .page .left:hover { background-color: transparent; color: #f39800; background-image: url('../img/jtll.png'); } .ne-detail { width: 62.5%; margin: 0 auto; } .nede-top { width: 90%; margin: 0 auto; text-align: center; border-bottom: 1px solid #e6e6e6; margin-bottom: 30px; } .nede-top .ti { font-size: 30px; color: #333; line-height: 35px; margin-top: 80px; margin-bottom: 25px; } .nede-top .bdsharebuttonbox { font-size: 14px; color: #999; margin-bottom: 20px; } .nede-top .bdsharebuttonbox .bds_more { float: none; background-image: url('../img/sh.png'); color: #999; margin: 0; margin-left: 20px; display: inline-block; transition: all 0.3s ease; } .nede-top .bdsharebuttonbox .bds_more:hover { background-image: url('../img/sh1.png'); color: #f39800; } .nede-top .bdsharebuttonbox span { height: 17px; border-right: 1px solid #999; margin: 0 25px; } .nede-c { text-align: center; margin-bottom: 60px; } .nede-c img { margin: 35px 0; max-width: 90%; } .nede-c p { font-size: 16px; color: #333; text-indent: 2em; line-height: 30px; } .neback { background-color: #f2f2f2; margin-bottom: 60px; line-height: 50px; height: 50px; text-align: center; padding: 0 25px; box-sizing: border-box; } .neback .fh { color: #f39800; } .neback .left, .neback .right { color: #999; } .neback .left:hover, .neback .right:hover { color: #666; } .in-top .ti { font-size: 36px; margin-top: 55px; margin-bottom: 30px; color: #333; } .in-top { text-align: center; } .in-top .de { font-size: 16px; line-height: 25px; color: #666; } .in-top .de p { text-align: center; line-height: 30px; } .intell-c { padding-top: 20px; margin-bottom: 150px; } .in-top img { max-width: 100%; } .inte-pic { position: relative; } .inte-pic a { display: block; width: 180px; height: 50px; text-align: center; line-height: 50px; color: #fff; background-color: #f39800; border-radius: 30px; position: absolute; bottom: 55px; right: 85px; } .inte-pic { overflow: hidden; margin-top: 30px; } .inte-pic img { transition: all 0.8s ease; } .inte-pic:hover img { transform: scale(1.1, 1.1); } .intede-c .top { font-size: 36px; color: #f39800; line-height: 175px; padding-left: 70px; } .inbox { padding: 20px 0; margin-bottom: 60px; } .inbox .pic { width: 58.7%; overflow: hidden; float: left; } .inbox .pic img { width: 100%; } .inbox .font { float: left; width: 36.3%; padding-top: 12%; box-sizing: border-box; padding-left: 5%; } .inbox .font .ti { font-size: 30px; margin-bottom: 35px; color: #333333; } .inbox .font .de { font-size: 16px; color: #666; line-height: 25px; /*margin-bottom: 60px;*/ } .inbox .font .link { font-size: 16px; color: #666; line-height: 25px; } .inbox .font .link span { color: #f39800; } .inbox:nth-child(odd) { background-color: #f5f5f5; } .inbox:nth-child(even) .pic { float: right; } .intede-c { margin-bottom: 100px; } .in-top { display: block; } .car-de { /*padding-top: 70px;*/ } .inbox:hover .pic img { transform: scale(1.1, 1.1); } .inbox .pic img { transition: all 0.8s ease; } .br-top { text-align: center; } .br-top .ti { font-size: 30px; margin-top: 65px; color: #f39800; margin-bottom: 5px; } .br-top .xian { width: 70px; border-top: 1px solid #f39800; display: inline-block; } .br-top .de { font-size: 18px; color: #333; margin: 0 auto; margin-top: 15px; width: 51%; line-height: 30px; } .bro-box .pic { width: 50%; float: left; overflow: hidden; } .bro-box .pic img { width: 100%; } .bro-box .font { width: 50%; float: left; /* padding-top: 2%; */ padding-left: 3%; box-sizing: border-box; position: relative; height: 100%; padding-bottom: 25.6%; } .bro-box .font .ti { font-size: 30px; color: #333; margin-bottom: 30px; } .bro-de { margin-top: 65px; } .bro-de .font .de p { font-size: 18px; color: #666; line-height: 30px; /* padding-right: 21%; */ } .bro-de .font .link { font-size: 18px; color: #fff; width: 150px; line-height: 45px; text-align: center; height: 45px; background-color: #f39800; display: block; margin-top: 40px; } .bro-box:nth-child(even) .pic { float: right; } .bro-box:nth-child(even) .font { width: 50%; /* padding-top: 4%; */ padding-left: 15%; } .font-box { position: absolute; top: 12%; /*transform: translateY(-50%);*/ width: 55%; } .bro-box .pic img { transition: all 0.8s ease; } /*.bro-box:hover .pic img { transform: scale(1.1, 1.1); }*/ .br-two { background-color: #eeeeee; overflow: hidden; } .br-two .content { margin-top: 50px; } .br-two .content img { width: 100%; } .ai-box { float: left; background-color: #eeeeee; padding: 35px 25px; font-size: 16px; color: #666; line-height: 25px; box-sizing: border-box; width: 23%; margin-right: 2.6%; } .ai-box span { color: #f39800; } .ai-box:nth-child(4) { margin-right: 0; } .br-ai .content { margin-bottom: 110px; margin-top: 60px; } .society .tit { font-size: 30px; color: #f39800; text-align: center; margin-top: 40px; margin-bottom: 20px; } .ji-form { text-align: center; width: 560px; height: 50px; margin: 0 auto; display: inline-block; position: relative; } .join-sea { text-align: center; position: relative; } .ji-text { border: 1px solid #d2d2d2; border-radius: 25px; width: 100%; height: 50px; line-height: 50px; padding: 0 55px 0 15px; box-sizing: border-box; font-size: 18px; color: #666; } .ji-button { border: none; background-color: transparent; position: absolute; right: 10px; top: 0; width: 45px; height: 45px; background-repeat: no-repeat; background-position: center; background-image: url('../img/josea.png'); cursor: pointer; color: transparent; } .join-sea .content { position: relative; margin-bottom: 40px; } .join-sea p { position: absolute; font-size: 18px; color: #434343; right: 0; line-height: 50px; top: 0; } .shen-t { /* background-color: #eeeeee; */ line-height: 80px; height: 80px; box-sizing: border-box; font-size: 20px; padding-left: 50px; color: #333; border-bottom: 1px solid #bfbfbf; background-image: url('../img/xia.png'); background-repeat: no-repeat; background-position: 97% center; cursor: pointer; transition: all 0.3s ease; } .shen-t.act { background-color: #eee; background-image: url('../img/cha.png'); } .shen-t .xian { height: 20px; border-right: 3px solid #aaaaaa; display: inline-block; margin: 0 30px; vertical-align: middle; } .shen .content { border: 1px solid #dbd9da; border-bottom: none; box-sizing: border-box; } .debox .ti { font-size: 24px; color: #f39800; border-left: 6px solid #f39800; line-height: 33px; padding-left: 16px; margin-bottom: 50px; } .sh-de { display: none; } .debox { padding: 40px 9%; border-bottom: 1px solid #dbd9da; position: relative; /* display: none; */ } .debox .de { font-size: 18px; color: #666; line-height: 30px; padding-left: 3%; } .shen-link { width: 170px; height: 45px; text-align: center; line-height: 45px; background-color: #dbd9da; font-size: 18px; color: #333; display: block; position: absolute; right: 5%; top: 40px; border-radius: 10px; transition: all 0.5s ease; } .shen-link:hover { background-color: #f39800; color: #fff; } .shen-de { display: none; } .society { margin-bottom: 25px; } .shen { margin-bottom: 50px; } .img img { max-width: 100%; } .school .ji-form { width: 72%; } .school .img { margin-bottom: 60px; } .sch-link .left { margin-right: 1%; background-image: url('../img/s1.jpg'); background-position: right center; text-align: right; padding-right: 6%; } .sch-link .right { background-image: url('../img/s2.jpg'); background-position: left center; text-align: left; padding-left: 6%; } .sch-link a { font-size: 30px; color: #fff; height: 200px; line-height: 200px; background-repeat: no-repeat; width: 49.5%; box-sizing: border-box; } .sch-tu { box-sizing: border-box; padding: 0 5%; padding-bottom: 85px; border-bottom: 1px solid #d2d2d2; margin-top: 110px; } .sch-foo { margin-bottom: 108px; } .sch-tu .ti { font-size: 30px; color: #f39800; margin-bottom: 70px; } .sch-fang { box-sizing: border-box; padding: 0 5%; } .sch-fang .ti { font-size: 30px; color: #f39800; margin-top: 75px; margin-bottom: 20px; } .sch-fang p { text-align: right; border-bottom: 1px solid #eeeeee; padding-bottom: 20px; margin-bottom: 30px; font-size: 18px; color: #f39800; } .flow .ti, .xing .ti { color: #f39800; font-size: 30px; text-align: center; margin-top: 65px; padding-bottom: 50px; } .fl-box { display: inline-block; vertical-align: middle; box-shadow: 1px 1px 10px #999; } .fl-de { font-size: 0; width: 772px; margin: 0 auto; /* height: 275px; */ position: relative; margin-top: 108px; margin-bottom: 200px; } .fl-box { border-radius: 50%; text-align: center; border: 1px solid #f39800; font-size: 18px; color: #f39800; margin-right: 95px; position: relative; background-color: #fff; } .fl-box:last-child { margin-right: 0; } .fl-box:nth-child(even) { width: 60px; height: 60px; line-height: 60px; } .fl-box:nth-child(odd) { width: 35px; height: 35px; line-height: 35px; } .flow { text-align: center; } .fl-de .xian { height: 5px; width: 100%; background-color: #d2d2d2; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: -1; } .fl-box p { color: #666; position: absolute; white-space: nowrap; } .fl-box:nth-child(even) p { top: -80px; left: -5px; } .fl-box:nth-child(odd) p { top: 80px; left: -45px; } .xing .ti { border-bottom: 4px solid #f39800; margin-bottom: 30px; } .xing { margin-bottom: 50px; } .xing-box { float: left; border: 1px solid #f39800; box-shadow: 1px 1px 10px #999; box-sizing: border-box; padding: 30px; padding-bottom: 60px; width: 34%; margin-bottom: 8px; } .xing-box .tit { font-size: 24px; color: #f39800; } .xing-box.big { width: 64%; padding: 55px 30px; margin-right: 2%; } .xing-box .de { font-size: 16px; color: #666; line-height: 30px; /* width: 385px; */ margin: 0 auto; margin-top: 15px; } .xing { padding: 0 1%; box-sizing: border-box; } .contact .title { color: #f39800; border-bottom: 1px solid #f39800; font-size: 30px; padding-bottom: 40px; margin-bottom: 35px; padding-top: 10px; } .contact { margin-bottom: 100px; margin-top: 80px; } .con-box { background-image: url('../img/bg1.png'); padding-left: 120px; box-sizing: border-box; padding-top: 40px; padding-bottom: 35px; background-position: right center; margin-bottom: 30px; background-repeat: no-repeat; } .con-box .ti { font-size: 26px; color: #333; margin-bottom: 40px; } .con-box .de p { font-size: 16px; color: #666; line-height: 30px; } select { /*寰堝叧閿細灏嗛粯璁ょ殑select閫夋嫨妗嗘牱寮忔竻闄?/ appearance: none; -moz-appearance: none; -webkit-appearance: none; /*鍦ㄩ€夋嫨妗嗙殑鏈€鍙充晶涓棿鏄剧ず灏忕澶村浘鐗?/ background: url('../img/form_xiala.png')no-repeat 278px; } /*娓呴櫎ie鐨勯粯璁ら€夋嫨妗嗘牱寮忔竻闄わ紝闅愯棌涓嬫媺绠ご*/ select::-ms-expand { display: none; } .service .ti span { font-size: 24px; color: #f39800; } .service .ti select { width: 205px; height: 30px; line-height: 30px; text-align: center; padding-left: 65px; background-image: url('../img/xl.png'); background-repeat: no-repeat; background-position: 180px center; cursor: pointer; } .service { margin-top: 70px; padding-bottom: 50px; border-bottom: 1px solid #eeeeee; } .service .ti { padding-left: 70px; box-sizing: border-box; margin-bottom: 40px; } .service .ti .right { font-size: 16px; color: #333; } .table-top { height: 60px; line-height: 60px; background-color: #f39800; text-align: center; font-size: 24px; color: #fff; font-family: 'NotoSansHans-Regular'; } .table-ul { font-size: 0; } .table-ul li { position: relative; padding-left: 17.8%; } .table-ul li span { display: inline-block; font-size: 16px; color: #666; text-align: center; position: relative; line-height: 30px; vertical-align: middle; } .table-ul li span p{ text-align: center; } .table-ul li span:nth-child(1) { width: 17.8%; border-right: 1px solid #eeeeee; line-height: 60px; position: absolute; left: 0; top: 0; height: 100%; } .table-ul li span:nth-child(2) { width: 22%; } .table-ul li span:nth-child(3) { width: 51.4%; box-sizing: border-box; padding: 10px; border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee; } .table-ul li span:nth-child(4) { width: 25%; } .table-ul li:nth-child(even) { background-color: #eeeeee; } .table-top { display: block; width: 100%; } .table-top th { width: 100%; display: block; } .table .table-ul li:nth-child(1) span { color: #f39800!important; } .need { margin-top: 45px; margin-bottom: 90px; } .need .ti { position: relative; } .need p { font-size: 36px; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 7%; } .need-c { font-size: 18px; color: #333; margin-top: 80px; } .need-c select { cursor: pointer; height: 50px; line-height: 50px; border: 1px solid #eee; width: 77.6%; display: inline-block; color: #f39800; background-image: url('../img/sex.png'); background-repeat: no-repeat; background-position: 97% center; padding-left: 33%; margin-bottom: 50px; } .need-c form { text-align: center; vertical-align: middle; } .need-c span { /* margin-right: 60px; */ width: 115px; display: inline-block; text-align: left; } .ne-four { font-size: 0; } .need-c label { margin-bottom: 50px; } .ne-four label { width: 50%; display: inline-block; } .ne-four label { font-size: 18px; color: #333; } .ne-four label input { line-height: 45px; height: 45px; width: 55%; border: 1px solid #eee; padding-left: 10px; } .flie { background-color: transparent; } .file { /*display: none;*/ width: 102px; height: 98px; position: absolute; top: 0; left: 0; opacity: 0 } .file-tu { cursor: pointer; } .fi-p { display: inline-block; font-size: 14px; color: #999; display: inline-block; } .fi-la { width: 100%; display: block; position: relative; /* text-align: left; */ } .need-c .add{ width: auto; } .fi-c { width: 78%; display: inline-block; text-align: left; position: relative; } .submit { width: 240px; height: 70px; line-height: 70px; color: #fff; background-color: #f39800; border: 1px solid #f39800; font-size: 18px; text-align: center; cursor: pointer; } .su-la { text-align: right; display: block; } .service .ti span { margin-right: 10px; } .about .en { font-size: 36px; color: #f39800; font-family: 'Arial'; font-weight: bold; margin-bottom: 25px; } .about .ti { font-size: 36px; color: #f39800; } .about { padding-left: 80px; } .honour { margin-top: 80px; margin-bottom: 115px; } .honour .about { margin-bottom: 55px; } .hon-box { background-color: #f8f8f8; width: 80%; margin: 0 auto; padding: 35px 55px; margin-bottom: 50px; box-sizing: border-box; } .hon-box .ti { font-size: 24px; color: #333; border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; width: 40%; margin-bottom: 50px; } .hon-box .de { font-size: 18px; color: #666; line-height: 30px; padding-left: 12%; } .cust { margin-top: 80px; margin-bottom: 130px; } .cust .img { margin-top: 55px; } .cust .swiper-container .ti { font-size: 30px; border-bottom: 5px solid #f39800; padding-left: 65px; padding-bottom: 25px; color: #f39800; padding-top: 80px; margin-bottom: 60px; } .cust .swiper-container .swiper-button-nex, .cust .swiper-container .swiper-button-pre { width: 42px; height: 42px; margin-bottom: 10px; float: right; cursor: pointer; transition: all 0.3s ease; } .cust .swiper-container .swiper-button-nex { background-image: url('../img/cur.png'); margin-right: 77px; } .cust .swiper-container .swiper-button-pre { background-image: url('../img/cul.png'); margin-right: 20px; } .cust .swiper-container .swiper-button-nex:hover { background-image: url('../img/curr.png'); } .cust .swiper-container .swiper-button-pre:hover { background-image: url('../img/cull.png'); } .swiper-slide .pic { position: relative; } .swiper-slide .pic p { padding: 35px 40px; width: 100%; position: absolute; bottom: 0; left: 0; background-color: #f39800; color: #fff; font-size: 24px; opacity: 0.7; } .cust .swiper-container .swiper-button-ne, .cust .swiper-container .swiper-button-pr { width: 42px; height: 42px; margin-bottom: 10px; float: right; cursor: pointer; transition: all 0.3s ease; } .cust .swiper-container .swiper-button-ne { background-image: url('../img/cur.png'); margin-right: 77px; } .cust .swiper-container .swiper-button-pr { background-image: url('../img/cul.png'); margin-right: 20px; } .cust .swiper-container .swiper-button-ne:hover { background-image: url('../img/curr.png'); } .cust .swiper-container .swiper-button-pr:hover { background-image: url('../img/cull.png'); } .cust .swiper-button-disabled { opacity: 0.4; } .cul-san { background-color: #f8f8f8; overflow: hidden; padding-bottom: 70px; } .cul-san .about { border-bottom: 1px solid #f7e5c6; margin-top: 50px; padding-bottom: 36px; } .san .bg { position: relative; width: 100%; padding-bottom: 39.8%; } .san { position: relative; } .san .bg img { position: absolute; top: 0; width: 100%; left: 0; opacity: 0; transition: all 1s ease; } .san .bg { overflow: hidden; } .san .bg .act { opacity: 1; transform: scale(1.1, 1.1); /* z-index: 2; */ } .san-top p { text-align: center; } .san-ti { font-size: 36px; color: #f39800; margin-top: 6%; margin-bottom: 2%; } .san-en { font-size: 36px; color: #f39800; margin-bottom: 3%; font-family: 'Arial'; margin-top: 6%; } .san-top { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; } .san-de { font-size: 24px; color: #fff; margin-bottom: 2%; } .san-smen { font-size: 24px; color: #f39800; font-family: 'Arial'; } .san-box { position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; } .san-box .box { float: left; height: 100%; border-right: 1px solid #a6aaa9; width: 33.3%; box-sizing: border-box; position: relative; } .san-box .box:nth-child(3) { border-right: 0; } .san-box .box img { width: 100%; height: 100%; opacity: 0; transition: all 1s ease; } .san-box .font { position: absolute; top: 75%; width: 100%; transition: all 1.5s ease; opacity: 0; } .san-box .box:hover img { opacity: 1; } .san-box .box:hover .font { opacity: 1; } .san { cursor: pointer; } .san-box .font p { text-align: center; } .bo-ti { font-size: 22px; color: #fff; margin-bottom: 30px; } .bo-de { font-size: 16px; color: #fff; } .cul-c .titop { float: left; /* margin-left: 70px; */ } .cul-c .tit .ti { font-size: 36px; color: #f3a532; margin-bottom: 10px; } .cul-c .tit .en { display: inline-block; font-size: 30px; color: #f39800; } .cul-c .tit .xian { width: 70%; border: 1px solid #dfdfdf; float: right; margin-top: 35px; } .cul-c .tit { vertical-align: middle; padding-left: 70px; } .cb-p .right { background-color: #fbddab; width: 40.3%; padding-bottom: 20%; margin-right: 3%; position: relative; } .cb-p .right img { position: absolute; top: 7%; right: -7%; width: 103%; } .cb-p .left { font-size: 24px; color: #666; width: 56%; position: relative; padding-bottom: 20%; } .cb-p .left span { width: 66%; line-height: 30px; height: 55px; } .c-box:nth-child(even) .titop { float: right; } .c-box:nth-child(even) .tit .xian { float: left; } .c-box { margin-top: 50px; } .cb-yuan { width: 40%; } .c-two .titop { text-align: right; } .cb-two .left { width: 38%; } .cb-two .left img { width: 100%; } .hx-box { font-size: 0; margin-bottom: 30px; } .hx-box .num { font-family: 'NotoSansHans-Regular'; font-size: 66px; color: #fefefe; width: 190px; height: 108px; background-color: #f39800; text-align: center; line-height: 108px; vertical-align: top; display: inline-block; } .hx-box .zi { width: 432px; background-color: #eeeeee; color: #666; font-size: 24px; line-height: 108px; height: 108px; display: inline-block; padding-left: 50px; vertical-align: top; box-sizing: border-box; } .hexin { margin-top: 80px; } .spir { background-image: url('../img/spbg.jpg'); background-repeat: no-repeat; background-position: center; padding-bottom: 27%; width: 100%; position: relative; margin-top: 30px; margin-bottom: 45px; background-size: cover; } .cb-ul { font-size: 0; text-align: center; width: 80%; } .cb-ul li { width: 60px; padding-top: 90px; background-repeat: no-repeat; background-position: top center; display: inline-block; margin: 0 6%; } .cb-ul li p { text-align: center; color: #fff; font-size: 24px; } .cb-ul li .xian { width: 35px; border-top: 3px solid #fff; display: inline-block; margin-bottom: 25px; } .cb-ul li:nth-child(1) { background-image: url('../img/li1.png'); } .cb-ul li:nth-child(2) { background-image: url('../img/li2.png'); } .cb-ul li:nth-child(3) { background-image: url('../img/li3.png'); } .cb-ul li:nth-child(4) { background-image: url('../img/li4.png'); } .profile { margin-top: 55px; } .profile .about { margin-bottom: 35px; } .profile .de { font-size: 18px; color: #666; line-height: 35px; padding-left: 80px; text-indent: 2em; } .profire-tu { position: relative; padding-bottom: 28%; margin-top: 50px; } .pro-img { position: absolute; top: 40px; left: 0; width: 51%; z-index: 2; } .pro-fontzi { background-color: #eeeeee; width: 51%; position: absolute; right: 0; top: 0; padding: 100px 90px; padding-bottom: 60px; box-sizing: border-box; } .pro-fontzi .zi { font-size: 18px; color: #666; line-height: 55px; text-indent: 2em; width: 610px; } .dong-c { width: 1400px; margin: 0 auto; text-align: center; margin-top: 335px; position: relative; } .pro-dong { padding-bottom: 170px; border-bottom: 1px solid #eeeeee; margin-bottom: 60px; } .dong-bg { width: 850px; } .qq { /*display: none;*/ } .qiu1 { top: 10px; left: 311px; position: absolute; } .qiu2 { top: 30px; left: 618px; position: absolute; } .qiu3 { top: 64px; left: 601px; position: absolute; } .qiu4 { top: 59px; left: 642px; position: absolute; } .qiu5 { top: 60px; left: 601px; position: absolute; } .dong-c>span { background-repeat: no-repeat; display: block; position: absolute; /*opacity: 0;*/ background-size: contain; background-size: cover; } .xian1 { background-image: url('../img/x1.png'); width: 300px; top: -189px; right: 1063px; height: 340px; /*width: 0;*/ background-position: right; } .xian2 { background-image: url('../img/x2.png'); width: 120px; height: 300px; left: 613px; /*width: 0;*/ top: -74px; /*background-size: contain!important;*/ } .xian3 { background-image: url('../img/x3.png'); width: 370px; height: 300px; left: 629px; top: -214px; /*width: 0;*/ /*background-size: contain!important;*/ } .xian4 { background-image: url('../img/x4.png'); width: 513px; height: 338px; left: 655px; top: -250px; /*width: 0;*/ } .xian5 { background-image: url('../img/x5.png'); width: 740px; /*width: 0;*/ height: 338px; left: 613px; top: -199px; } .pro-font { position: absolute; width: 230px; background-color: #eeeeee; padding: 25px 20px; box-sizing: border-box; box-shadow: 1px 1px 10px #eee; line-height: 35px; border-radius: 5px; /*display: none;*/ } .pro-font span { color: #f39800; display: inline-block; position: relative; } .pf1 { top: -55px; right: 1123px; } .pf4 { top: 142px; right: 575px; } .pf2 { top: -321px; right: 47px; } .pf3 { top: -95px; right: 283px; } .pf5 { top: 9px; right: 0; } .pro-swi .about { float: right; margin-right: 50px; } .pro-swi .time { font-size: 30px; color: #f39800; border-bottom: 1px solid #f39800; padding-bottom: 10px; float: left; margin-bottom: 50px; } .pone .swiper-button-next, .pone .swiper-button-prev { width: 49px; height: 49px; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; margin-top: 0; background-size: 49px 49px; } .pone .swiper-button-prev { background-image: url('../img/psl.png'); left: 0; } .pone .swiper-button-prev:hover { background-image: url('../img/psll.png'); } .pone .swiper-button-next { right: 0; background-image: url('../img/psr.png'); } .pone .swiper-button-next:hover { background-image: url('../img/psrr.png'); } .pone .swiper-slide .font { width: 76%; margin: 0 auto; font-size: 16px; color: #666; line-height: 40px; } .ps-one .pone { /*margin-bottom: 50px;*/ } .pone .swiper-button-disabled { opacity: 0.4; } .ps-one { width: 86%; margin: 0 auto; } .ps-two { background-image: url('../img/chi.png'); background-position: top center; background-repeat: no-repeat; background-size: 76%; margin-bottom: 60px; } .ps-two .ptwo { width: 86%; padding-left: 6%; margin: 0 auto; padding-top: 60px; position: relative; /* background-image: url('../img/chi.png'); background-position: top center; background-repeat: no-repeat; background-size: contain; */ } .ptwo .year { font-size: 18px; color: #333; } .ptwo .yuan { width: 10px; height: 10px; background-color: #f39800; border-radius: 50%; position: absolute; top: -28px; left: 23px; display: none; } .ptwo .swiper-slide-active .yuan { display: none; } .ptwo .swiper-slide { cursor: pointer; } .sear { margin-bottom: 60px; margin-top: 140px; } .sea-ti { margin-top: 80px; font-size: 32px; color: #333; line-height: 80px; } .sear a { display: block; border-bottom: 1px solid #cccccc; padding: 20px 0; } .sear a .font { padding-top: 2%; width: 63.6%; box-sizing: border-box; } .sear a .font .ti { font-size: 18px; color: #333; margin-bottom: 30px; } .sear a .font .de { font-size: 16px; color: #666; line-height: 28px; transition: all 0.5s ease; width: 92%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .sear a:hover .font .ti { color: #f39800; } .sear a:hover .font .de { margin-left: 2%; } @media screen and (max-width:1400px) { .head{ height: 80px; line-height: 80px; } .head .logo{ margin-top: 28px; } .he-sea{ margin-top: 28px; } .he-ul li{ height: 80px; } .he-ul .list{ top: 80px; } .sea-ti{ font-size: 28px; line-height: 45px; } } @media screen and (max-width: 1640px) { .he-ul li { font-size: 18px; margin-right: 70px; } } @media screen and (max-width: 1400px) { .he-ul li { font-size: 16px; margin-right: 60px; } .he-chan { font-size: 16px; } } @media screen and (max-width: 1300px) { .he-ul li { font-size: 16px; margin-right: 45px; } .he-chan { margin-left: 45px; } } .m_nav { display: none; } .m_nav { width: 60px; height: 60px; float: right; padding: 0; position: relative; margin: 0; } .m_nav em { width: 35px; height: 23px; } .m_nav em i:nth-child(2) { margin: 7px 0; } .m_nav em i { display: block; height: 3px; background-color: #f39800; width: 35px; transition: all 0.3s ease; } .m-la { width: 100%; background-color: #fff; position: absolute; top: 60px; left: 0; padding-bottom: 70px; /* display: none; */ z-index: 999; line-height: 50px; height: 100vh; } .m-la p { border-bottom: 1px solid #fff; margin: 0 20px; } .m-la>p { border-bottom: 1px solid #f5f5f5; } .la-list { display: block; background-color: #f5f5f5; width: 100%; box-sizing: border-box; display: none; padding: 20px; } .m-la p a { font-size: 16px; padding: 0 40px; display: block; } .m-la .jia>a { background-image: url(../img/jia.png); background-repeat: no-repeat; background-position: 98% center; transition: all 0.3s ease; } .la-list a { display: block; border-bottom: 1px solid #fff; margin: 0 10px; padding-left: 5%; line-height: 45px; } .m-la .jiadian>a { background-image: url(../img/jian.png); } @media screen and (max-width: 1100px) { .he-ul { display: none; } .head { height: 60px; line-height: 60px; } .head .logo { margin-top: 18px; } .m_nav { display: block; } .he-chan { display: none; } .he-sea { display: none; } .m-la { display: none; } .m-la .he-chan { display: block; } .m-la .he-chan { display: block; margin-right: 45px; } .la-sea { position: relative; display: inline-block; line-height: 40px; margin: 20px 0; } .la-te { width: 230px; border: 1px solid #eee; border-radius: 20px; margin-left: 65px; background-color: transparent; line-height: 40px; box-sizing: border-box; display: inline-block; padding-left: 10px; box-sizing: border-box; } .la-bu { position: absolute; width: 40px; height: 40px; top: 0; right: 0; background-color: transparent; border: none; cursor: pointer; background-image: url('../img/josea.png'); background-repeat: no-repeat; background-position: center; color: transparent; } } .mban { display: none; } .m-la { display: none; } .mbi{ display: none!important; } .pcbi{ display: block!important; } @media screen and (max-width:750px) { .mbi{ display: block!important; } .pcbi{ display: none!important; } .fo-form{ border-bottom: none; } .ban { display: none; } .mban { display: block; } .neswi { display: none; } .ban .swiper-slide a p { font-size: 26px; line-height: 35px; } .ban .swiper-slide a .font { width: 300px; } .ban .swiper-slide .fo-small { font-size: 16px; } .head .logo { margin-left: 15px; } .head .logo img { width: 100px; } } @media screen and (max-width:500px) { .ban .swiper-slide a .font { width: 250px; } .ban .swiper-slide .fo-small { font-size: 14px; } .ban .swiper-slide a p { font-size: 24px; line-height: 35px; } } @media screen and (max-width:1400px) { .wel-pro .font { width: 420px; } .wel-pro .ti { font-size: 28px; } .wel-pro .en { font-size: 24px; margin: 15px 0; } } @media screen and (max-width:1100px) { .wel-pro .font { left: 54%; } .wel-pro .font { width: 400px; } } .prom { display: none; } @media screen and (max-width:900px) { .wel-pro .font { left: 50%; transform: translate(-50%, -50%) } } @media screen and (max-width:750px) { .prom { display: block; } .propc { display: none; } .wel-pro .font { width: 60%; top: 40%; } } @media screen and (max-width:500px) { .wel-pro .ti { font-size: 24px; } .wel-pro .en { font-size: 20px; } .wel-pro .de { font-size: 14px; } } @media screen and (max-width:1400px) { .fo-ul li{ margin-right: 6%; } .se3-top>.ti { font-size: 28px; } .se3-top .en { font-size: 24px; } .se3-top { top: 25%; } .zhi .ti { margin-top: 40px; } .zhi .ti { background-size: 20px; font-size: 20px; } .zhi { width: 190px; } } .se3-m { display: none; } @media screen and (max-width:1300px) { .fo-ul li{ margin-right: 7%; } } @media screen and (max-width:1110px) { .fo-ul li{ margin-right: 6%; } } @media screen and (max-width:1000px) { .fo-ul li{ margin-right: 5%; } } @media screen and (max-width:918px) { .fo-ul li{ margin-right: 4%; } } @media screen and (max-width:850px) { .fo-ul li{ margin-right:3%; } } @media screen and (max-width:750px) { .se3-bg { display: none; } .se3-m { display: block; } .se3-m .swiper-slide img { width: 100%; height: 100%; } .se3-m .swiper-slide a { width: 100%; height: 100vh; } .se3-m .swiper-pagination-bullet { width: 8px; height: 8px; } .se3-m .swiper-pagination-bullet { width: 8px; height: 8px; } .se3-m .swiper-pagination-bullet-active { background-color: #f39800; } .se3-m.swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px; } } @media screen and (max-width:500px) { .se3-top { left: 50%; transform: translateX(-50%); width: 85%; } .zhi { width: 170px; } .se3-top p { margin-bottom: 25px; } .se3-top>.ti { font-size: 24px; } .se3-top .en { font-size: 20px; } .se3-top p { font-size: 14px; } .zhi { width: 49%; } .zhi .ti { background-size: 18px; font-size: 18px; } } @media screen and (max-width:1500px) { .se4 .myContent { width: 80%!important; } .we-ne { /*height: 420px;*/ } } @media screen and (max-width: 1200px){ .we-ne { /*height: 385px;*/ } } @media screen and (max-width:1100px) { .se4 .myContent { width: 90%!important; } .we-ne { /*height: 380px;*/ } } @media screen and (max-width:600px) { .we-ne .ti{ margin-bottom: 0; } .se3-top a{ font-size: 14px; } .we-ne { width: 100%; height: auto; margin-bottom: 0; margin-right: 0; } .we-ne .ti { font-size: 16px; } .se4 .myContent { width: 70%!important; padding-top: 10%; } .we-ne { padding: 30px; padding-top: 10px; padding-bottom: 10px; } .we-ne:nth-child(3) { display: none; } .we-ne .de { margin-bottom: 10px; } .we-ne .time { margin-bottom: 10px; } } @media screen and (max-width:500px) { .se4 .myContent { width: 85%!important; padding-top: 10%; } .we-ne .de { line-height: 20px; } } @media screen and (max-width:1680px) { .foo-c { width: 88%; } } @media screen and (max-width:1550px) { .foo-c { width: 88%; } .fo-ul li a:nth-child(1) { font-size: 20px; } .head-code { font-size: 16px; margin-left: 15px; } } @media screen and (max-width:1450px) { .fo-te { width: 90%; } } @media screen and (max-width:1300px) { .fo-top .left { width: 100%; float: none; } .fo-right { float: none; text-align: center; } .foot .last { text-align: left; line-height: 25px; padding: 15px 0; } .foot .last p { text-align: center } .fo-right { margin-top: 20px; border-top: 1px solid #626262; padding-top: 20px; } .fo-form { width: 100%; } .foo-c { width: 95%; } } @media screen and (max-width:1000px) { /*.fo-ul li { width: 24%; float: none; display: inline-block; vertical-align: top; }*/ .fo-ul li a { text-align: left; } .fo-ul { font-size: 0; text-align: center; } } @media screen and (max-width:750px) { .fo-te { width: 85%; } .fo-ul { display: none; } .fo-right { border: none; } /* .fo-ul li { width: 25%; float: none; display: inline-block; vertical-align: top; } .fo-ul li:nth-child(5) { width: 33%; } .fo-ul li:nth-child(5) { width: 33%; } .fo-ul li:nth-child(5) { width: 33%; } */ .head-code { font-size: 14px; margin-left: 15px; } } @media screen and (max-width:500px) { /* .fo-ul li { margin-bottom: 20px; } .fo-ul li a:nth-child(1) { font-size: 16px; } .fo-ul li a { margin-bottom: 20px; } .fo-te { font-size: 16px; } .fo-te { width: 80%; } */ .fo-te { width: 75%; font-size: 16px; } .fo-right { margin-top: 0; padding-top: 0; } } @media screen and (max-width:1400px) { .banner p { font-size: 40px; } .banner { height: 450px; overflow: hidden; } } @media screen and (max-width:1200px) { .banner p { font-size: 36px; } .banner { height: 350px; overflow: hidden; } } @media screen and (max-width:750px) { .banner p { font-size: 32px; } .banner { height: 300px; overflow: hidden; } } @media screen and (max-width:500px) { .banner p { font-size: 28px; } .banner { height: 250px; overflow: hidden; } } @media screen and (max-width:1500px) { .ne-top .en { font-size: 32px; } .ne-top .ti { font-size: 32px; } .ne-c { margin-top: 30px; } } @media screen and (max-width:1300px) { .content { width: 78%; } .ne-top { margin-top: 45px; margin-left: 55px; } .ne-top .en { font-size: 28px; } .ne-top .ti { font-size: 28px; } } @media screen and (max-width:1200px) { .ne-c .we-ne { width: 48%; height: 461px; margin-right: 2%; } .ne-c .we-ne .xian { display: none; } .ne-c .we-ne:nth-child(2n) { margin-right: 0; } } @media screen and (max-width:1000px) { .ne-c .we-ne { height: 420px; } .ne-top { margin-top: 35px; margin-left: 45px; } .content { width: 85%; } } @media screen and (max-width:750px) { .content { width: 95%; } .ne-c .we-ne { height: auto; } .ne-top { margin-top: 35px; text-align: center; margin-left: 0; } .ne-top .en { margin-bottom: 15px; } } @media screen and (max-width:500px) { .ne-c .we-ne { width: 100%; margin-right: 0%; margin-bottom: 15px; } .ne-top .en { font-size: 24px; } .ne-top .ti { font-size: 24px; } .ne-c { margin-top: 15px; } } @media screen and (max-width:1200px) { .nede-top .ti { margin-top: 50px; } .ne-detail { width: 72.5%; } } @media screen and (max-width:750px) { .ne-detail { width: 85%; } .nede-top .ti { font-size: 26px; } .neback .left, .neback .right { display: block; float: none; height: 50px; line-height: 25px; padding: 15px 0; box-sizing: border-box; } .neback { margin-bottom: 120px; } } @media screen and (max-width:500px) { .ne-detail { width: 95%; } .nede-top .ti { font-size: 22px; } .nede-top .bdsharebuttonbox span { display: block; border-right: none; height: 10px; } } @media screen and (max-width:1400px) { .in-top .ti { font-size: 32px; margin-top: 40px; } } @media screen and (max-width:1200px) { .in-top .ti { font-size: 28px; margin-top: 35px; } .inte-pic a { width: 150px; bottom: 30px; right: 40px; height: 40px; line-height: 40px; } .intell-c { margin-bottom: 130px; } } @media screen and (max-width:750px) { .in-top .ti { font-size: 24px; margin-top: 35px; } .inte-pic a { width: 120px; bottom: 20px; right: 20px; height: 35px; line-height: 35px; } .intell-c { margin-bottom: 100px; } } @media screen and (max-width:500px) { .in-top .ti { font-size: 20px; margin-top: 25px; margin-bottom: 25px; } .inte-pic a { width: 100px; bottom: 10px; right: 10px; height: 30px; line-height: 30px; } .intell-c { margin-bottom: 80px; } } @media screen and (max-width:1500px) { .inbox .font { padding-top: 6%; padding-left: 3.5%; padding-right: 3.5%; width: 41%; } .inbox .font .ti { font-size: 28px } .intede-c .top { font-size: 32px; height: 140px; line-height: 140px; } .inbox:nth-child(even) .font{ float: right; } } @media screen and (max-width:1300px) { .intede-c .top { font-size: 28px; height: 120px; line-height: 120px; } .inbox .font .ti { font-size: 26px; } } @media screen and (max-width:1100px) { .inbox .font .de { /*margin-bottom: 30px;*/ } .inbox .pic { width: 55%; } .inbox .font { padding-top: 3%; } .inbox .font .ti { font-size: 24px; } } @media screen and (max-width:1000px) { .intede-c .top { font-size: 24px; height: 100px; line-height: 100px; } .inbox .font { width: 50%; } .inbox .pic { width: 50%; } } @media screen and (max-width:750px) { .intede-c .top { font-size: 20px; height: 100px; line-height: 100px; } .inbox .font { width: 100%; } .inbox .pic { width: 100%; } .inbox .font .ti { font-size: 20px; margin-bottom: 15px; } .inbox .font { padding-top: 6%; padding-bottom: 2%; } .inbox .font .link { font-size: 14px; } .intede-c .top { padding-left: 0; text-align: center; } .inbox { margin-bottom: 30px; } /*.car-de { padding-top: 30px; }*/ } @media screen and (max-width:500px) { .inbox .font .ti { font-size: 18px; margin-bottom: 15px; } } @media screen and (max-width:1200px) { .br-top .ti { margin-top: 50px; } .br-top .ti { font-size: 28px; } } @media screen and (max-width:750px) { .br-top .ti { margin-top: 50px; } .br-top .ti { font-size: 26px; } } @media screen and (max-width:1800px) { .font-box { width: 70%; } .bro-box .font .ti { font-size: 26px; margin-bottom: 20px; } .bro-de .font .de p { font-size: 16px; line-height: 25px; } .bro-box:nth-child(even) .font { padding-left: 7%; } } @media screen and (max-width:1500px) { .bro-de .font .link { font-size: 16px; width: 120px; } } @media screen and (max-width:1370px) { .bro-box .font .ti { font-size: 24px; } .bro-de .font .de p { font-size: 14px; } .bro-de .font .de p { line-height: 20px; } } @media screen and (max-width:1200px) { .bro-de .font .link { margin-top: 15px; } .bro-de .font .link { width: 100px; height: 30px; line-height: 30px; font-size: 14px; } .bro-box .font .ti { font-size: 22px; } .font-box { width: 85%; } .bro-box:nth-child(even) .font { padding-left: 3%; } } @media screen and (max-width:1000px) { .bro-box .pic { width: 100%; } .bro-box { width: 80%; margin: 0 auto; } .font-box { position: relative; top: 0; transform: none; margin-bottom: 20px; } .bro-box .font { padding-bottom: 0; } .bro-box .font { width: 100%; padding: 20px 20px; } .font-box { width: 100% } .bro-box:nth-child(even) .font { width: 100%; } } @media screen and (max-width:750px) { .bro-box { width: 95%; margin: 0 auto; } .bro-box .font .ti { font-size: 20px; } } @media screen and (max-width:500px) { .br-top .ti { margin-top: 40px; } .br-top .ti { font-size: 22px; } .br-top .de { font-size: 16px; width: 80%; } .bro-de { margin-top: 30px; } } @media screen and (max-width:1200px) { .ai-box { width: 48%; margin-right: 2%; margin-bottom: 20px; } .ai-box:nth-child(2n) { margin-right: 0; } .br-ai .content { margin-bottom: 85px; margin-top: 40px; } } @media screen and (max-width:750px) { .ai-box { width: 100%; margin-right: 0%; margin-bottom: 20px; } .ai-box:nth-child(2n) { margin-right: 0; } .fl-box { font-size: 16px; } } @media screen and (max-width:1100px) { .fl-box { display: block; margin-bottom: 30px; } .fl-box:nth-child(even) p { top: 1px; left: 99px; } .fl-box:nth-child(odd) p { top: 1px; left: 86px; } .fl-de .xian { display: none; } .fl-box:nth-child(odd) { margin-left: 13px; } .fl-de { margin-top: 30px; margin-bottom: 110px; width: 80%; } .flow .ti, .xing .ti { font-size: 26px; margin-top: 45px; padding-bottom: 30px; } } @media screen and (max-width:1200px) { .society .tit { font-size: 26px; } .shen-t { font-size: 18px; } .debox .ti { font-size: 20px; margin-bottom: 20px; } .shen-link { width: 120px; font-size: 16px; } .debox .de { font-size: 16px; } } @media screen and (max-width:750px) { .ji-text { height: 45px; line-height: 45px; } .shen-t { font-size: 16px; } .shen-link { height: 40px; line-height: 40px; font-size: 14px; width: 100px; } .society .tit { font-size: 24px; } } @media screen and (max-width:500px) { .shen-t { padding-left: 20px; height: 60px; line-height: 60px; } .shen-t .xian { margin: 0 5px } .debox { padding: 20px; } .debox .ti { font-size: 18px; } .shen-link { top: 10px; height: 30px; line-height: 30px; width: 80px; } .shen-t { font-size: 14px; } .school .img { margin-bottom: 45px; } } @media screen and (max-width:1100px) { .sch-link a { height: 140px; line-height: 140px; font-size: 24px; } } @media screen and (max-width:500px) { .sch-foo .sch-link a { height: 100px; line-height: 100px; font-size: 20px; padding: 0; text-align: center; } } @media screen and (max-width:1400px) { .sch-tu { margin-top: 70px; font-size: 26px; } .sch-tu .ti { font-size: 26px; } } @media screen and (max-width:1000px) { .sch-tu .ti { font-size: 24px; margin-bottom: 45px; } .sch-tu { margin-top: 60px; padding-bottom: 50px; } } @media screen and (max-width:750px) { .sch-tu .ti { font-size: 22px; margin-bottom: 30px; } .sch-tu { margin-top: 50px; } } @media screen and (max-width:500px) { .sch-tu .ti { font-size: 20px; margin-bottom: 30px; } .sch-tu { margin-top: 50px; } } @media screen and (max-width:1300px) { .sch-fang .ti { font-size: 26px; margin-top: 60px; } } @media screen and (max-width:1000px) { .sch-fang .ti { font-size: 24px; margin-top: 45px; } } @media screen and (max-width:750px) { .sch-fang .ti { font-size: 22px; margin-top: 45px; margin-bottom: 15px; } .sch-fang p { font-size: 16px; } .sch-foo { margin-bottom: 60px; } } @media screen and (max-width:500px) { .sch-fang .ti { font-size: 20px; margin-top: 45px; } } @media screen and (max-width:1600px) { .join-sea p { font-size: 16px; } } @media screen and (max-width:1450px) { .join-sea p { /*position: relative; text-align: center;*/ } .ji-form{ width: 450px; } } @media screen and (max-width:1200px) { .join-sea p { position: relative; text-align: center; } } @media screen and (max-width:750px) { .ji-form { width: 70%; } .ji-text { font-size: 16px; } .join-sea .content { margin-bottom: 0; } } @media screen and (max-width:1870px) { .xing-box.big { width: 58%; } .xing-box { width: 40%; } } @media screen and (max-width:1586px) { .xing-box.big { width: 54%; } .xing-box { width: 44%; } } @media screen and (max-width:1457px) { .xing-box.big { width: 50%; } .xing-box { width: 48%; } } @media screen and (max-width:1236px) { .xing-box.big { width: 48%; } .xing-box { width: 50%; } } @media screen and (max-width:1190px) { .xing-box.big { width: 100%; } .xing-box { width: 100%; } } @media screen and (max-width:750px) { .xing-box .tit { font-size: 22px; } .xing-box.big { padding: 30px; } } @media screen and (max-width:500px) { .xing-box .tit { font-size: 22px; } .xing-box.big { padding: 20px; } .xing-box { padding: 20px; } .xing-box { padding-bottom: 20px; } .xing-box .tit { font-size: 20px; } } @media screen and (max-width:1670px) { .con-box { padding-left: 40px; } .con-box .ti { font-size: 24px; margin-bottom: 30px; } .con-box { background-position: 10% center; } } @media screen and (max-width:1200px) { .con-box { background-position: 30% center; } .con-box .ti { font-size: 20px; margin-bottom: 20px; } .con-box .de p { font-size: 16px; } .contact .title { font-size: 28px; } .contact { margin-top: 60px; } } @media screen and (max-width:750px) { .con-box .de p { color: #333; } .con-box { background-image: none!important; background-color: #eee; } .con-box { padding: 30px; } .contact .title { font-size: 24px; } .contact { margin-top: 45px; margin-bottom: 60px; } } @media screen and (max-width:500px) { .con-box .ti { font-size: 18px; margin-bottom: 20px; } .contact .title { font-size: 22px; padding-bottom: 15px; } .con-box { padding: 20px; } .contact { margin-top: 30px; } } @media screen and (max-width:1300px) { .service .ti span { font-size: 22px; } .service .ti select { width: 185px; padding-left: 55px; box-sizing: border-box; background-position: 160px center; } .table-top { font-size: 20px; } .need p { font-size: 30px; } } @media screen and (max-width:1000px) { .service .ti { padding-left: 0; } .service .ti span { font-size: 20px; } .need p { font-size: 26px; } } @media screen and (max-width:750px) { .table-ul li { /*width: 750px;*/ } .table-top { width: 100%; } .table-ul { /*overflow: auto;*/ width: 100%; } .table-ul li span { font-size: 14px; } .service .ti .right { float: none; line-height: 45px; } .service .ti { margin-bottom: 20px; } .table-ul li span:nth-child(4) { width: 18%; } .table-ul li span:nth-child(3){ width: 59.4%; } .service { margin-top: 40px; } .need p { font-size: 22px; } .table-ul li span:nth-child(1) { width:35px; } .table-ul li { padding-left: 35px; } .need { margin-bottom: 60px; } .service .ti span { font-size: 18px; } } .need .ti img { width: 100%; } @media screen and (max-width:1300px) { .submit { width: 210px; height: 55px; line-height: 55px; } } @media screen and (max-width:1200px) { .submit { width: 210px; height: 55px; line-height: 55px; } .ne-four label input { width: 63%; } .need-c select { width: 82.1%; } .fi-c { width: 82%; } .need-c span { width: 90px; } } @media screen and (max-width: 750px){ .fi-c { width: 86%; } } @media screen and (max-width:900px) { .need-c { font-size: 16px; } .ne-four label { font-size: 16px; } .need-c select { width: 85%; } .ne-four label input { width: 69%; } .need-c span { width: 70px; } .ne-four label input { height: 40px; line-height: 40px; } .submit { width: 180px; height: 50px; line-height: 50px; } } @media screen and (max-width:666px) { .ne-four label { width: 100%; } .ne-four label input { width: 84%; } .fi-c { width: 84.6%; } .submit { width: 120px; height: 40px; font-size: 16px; line-height: 40px; } .file-tu { width: 40px; } } @media screen and (max-width:570px) { .need-c select { width: 75%; } .ne-four label input { width: 75%; } .need-c span { vertical-align: top; } .fi-p { display: block; line-height: 30px; } .fi-c { width: 77%; } } @media screen and (max-width:1500px) { .about .en { font-size: 32px; } .about .ti { font-size: 32px; } } @media screen and (max-width:1300px) { .about .en { font-size: 28px; } .about .ti { font-size: 28px; } .cust .swiper-container .ti { font-size: 26px; } .cust .swiper-container .swiper-button-nex, .cust .swiper-container .swiper-button-pre { width: 35px; height: 35px; background-size: 35px; } .cust .swiper-container .swiper-button-ne, .cust .swiper-container .swiper-button-pr { width: 35px; height: 35px; background-size: 35px; } } @media screen and (max-width:1200px) { .about .en { font-size: 26px; } .about .ti { font-size: 26px; } .cust { margin-top: 45px; margin-bottom: 100px; } .about .en { margin-bottom: 20px; } } @media screen and (max-width:850px) { .about .en { font-size: 24px; } .about .ti { font-size: 24px; } .cust .swiper-container .ti { font-size: 22px; padding-left: 20px; padding-top: 50px; margin-bottom: 35px; } .swiper-slide .pic p { padding: 30px; font-size: 20px; } .cust .swiper-container .swiper-button-nex { margin-right: 30px } .cust .swiper-container .swiper-button-ne { margin-right: 30px; } .cust .swiper-container .swiper-button-pr { margin-right: 10px } .cust .swiper-container .swiper-button-pre { margin-right: 10px } } .swiper-slide .pic img { width: 100%; } @media screen and (max-width:750px) { .about .en { font-size: 20px; } .about .ti { font-size: 20px; } .cust .img { margin-top: 35px; } .about { padding-left: 0; text-align: center; } } @media screen and (max-width:500px) { .swiper-slide .pic p { padding: 15px; font-size: 18px; } .cust .swiper-container .ti { font-size: 18px; padding-bottom: 25px; } .cust .swiper-container .swiper-button-nex { margin-right: 15px } .cust .swiper-container .swiper-button-ne { margin-right: 15px; } } @media screen and (max-width:1300px) { .honour { margin-top: 60px; margin-bottom: 80px; } } @media screen and (max-width:1300px) { .honour { margin-top: 45px; margin-bottom: 60px; } .hon-box { padding: 30px; } .hon-box .ti { font-size: 20px; } .hon-box .de { padding-left: 0; } .hon-box .ti { margin-bottom: 15px; } .hon-box .de { font-size: 16px; } } @media screen and (max-width:750px) { .hon-box { margin-bottom: 35px; width: 100% } .honour .about { margin-bottom: 35px; } } @media screen and (max-width:1540px) { .san-ti { margin-top: 4%; font-size: 30px; } .san-de { margin-bottom: 1%; } .san-en { margin-top: 4%; font-size: 30px; margin-bottom: 2%; } .san-de { font-size: 20px; } } @media screen and (max-width:1100px) { .san-ti { margin-top: 4%; font-size: 26px; } .san-de { margin-bottom: 1%; } .san-en { margin-top: 4%; font-size: 26px; } .san-de { font-size: 20px; } .san-smen { font-size: 20px; } } @media screen and (max-width:800px) { .san-ti { margin-top: 4%; font-size: 18px; } .san-de { margin-bottom: 1%; } .san-en { margin-top: 4%; font-size: 18px; } .san-de { font-size: 16px; } } @media screen and (max-width:750px) { .san .bg img { position: relative; opacity: 1; } .san .bg { padding-bottom: 0; } .san-box .box { border: none; } .san-box .box { height: auto; } .san-box .box img { opacity: 1; } .san-top { height: auto; /*top: 33%;*/ top: auto; bottom:6%; } .san-ti{ display: none; } .san-en{ display: none; } .san-smen{ margin-bottom: 10px; } } @media screen and (max-width:1700px) { .cb-p .left span { width: 80%; } } @media screen and (max-width:1500px) { .cul-c .tit .ti { font-size: 32px; } .cul-c .tit .en { font-size: 26px; } .cb-p .left { font-size: 20px; } } @media screen and (max-width:1000px) { .cul-c .tit .ti { font-size: 26px; } .cul-c .tit .en { font-size: 22px; } .cb-p .left { font-size: 20px; } .cul-c .tit { padding-left: 0; } } @media screen and (max-width:880px) { .cul-c .tit .xian { display: none; } .cb-p .left { font-size: 18px; } } @media screen and (max-width:750px) { .cul-c .tit .ti { font-size: 22px; } .cul-c .tit .en { font-size: 18px; } .c-box:nth-child(even) .titop { float: left; } .cb-p .left { width: 100%; } .cb-p .right { width: 100%; margin-right: 0; } .cb-p .right img { position: relative; width: 100%; top: 0; right: 0; } .cb-p .right { padding-bottom: 0; } .cb-p .left { margin-top: 20px; } } @media screen and (max-width:1500px) { .hx-box .zi { width: 350px; font-size: 20px; } .hx-box .num { width: 150px; font-size: 45px; } } @media screen and (max-width:1200px) { .hx-box .zi { width: 280px; height: 95px; line-height: 95px; } .hx-box .num { height: 95px; line-height: 95px; width: 125px; } } @media screen and (max-width:845px) { .cb-two .left { width: 80%; margin: 0 auto; float: none; margin-top: 20px; } .cb-two .right { width: 80%; float: none; margin: 0 auto; } .hx-box .zi { width: 70%; height: 95px; line-height: 95px; } .hx-box .num { height: 95px; line-height: 95px; width: 30%; } } @media screen and (max-width:500px) { .hx-box .zi { width: 75%; padding-left: 20px; font-size: 18px; } .hx-box .num { width: 25%; font-size: 30px; } .hexin { margin-top: 33px; } } @media screen and (max-width:400px) { .hx-box .zi { width: 75%; padding-left: 20px; font-size: 16px; height: 60px; line-height: 60px; } .hx-box .num { width: 25%; font-size: 28px; height: 60px; line-height: 60px; } } @media screen and (max-width:1100px) { .cb-ul li { padding-top: 60px; background-size: 40px; } .cb-ul li p { font-size: 20px; } } @media screen and (max-width:640px) { .cb-ul li { padding-top: 40px; background-size: 25px; width: 20%; margin: 0; } .cb-ul li p { font-size: 18px; } .cb-ul li .xian { margin-bottom: 15px; } } @media screen and (max-width:500px) { .cb-ul { width: 100%; } .cb-ul li { padding-top: 35px; background-size: 20px; } .cb-ul li p { font-size: 16px; } } @media screen and (max-width:1500px) { .pro-fontzi { padding: 70px 50px; } .pro-fontzi .zi { width: 100%; } } @media screen and (max-width:1300px) { .pro-img { width: 42%; } .pro-fontzi { width: 60%; } .pro-fontzi .zi { line-height: 40px; } } @media screen and (max-width:1000px) { .pro-img { width: 32%; } .pro-fontzi { width: 71%; } } @media screen and (max-width:750px) { .pro-img { width: 100%; position: relative; } .pro-fontzi { position: relative; width: 100%; } .profire-tu { padding-bottom: 0 } .profile .de { padding-left: 0; } .profire-tu { margin-top: 20px; } } @media screen and (max-width:500px) { .pro-fontzi { padding: 70px 20px; } } @media screen and (max-width:1700px) { .dong-c { margin-top: 460px; } } @media screen and (max-width:1450px) { .dong-c { margin-top: 488px; } .pro-dong{ padding-bottom: 200px; } } @media screen and (max-width:1200px) { .pro-dong{ padding-bottom: 100px; } } @media screen and (max-width:1500px) { .dong-c { width: 1180px; } .qiu1 { top: 10px; left: 202px; position: absolute; } .qiu2 { top: 28px; left: 510px; position: absolute; } .qiu3 { top: 71px; left: 486px; position: absolute; } .qiu4 { top: 59px; left: 526px; position: absolute; } .qiu5 { top: 71px; left: 488px; position: absolute; } .xian1 { top: -194px; right: 950px; } .xian2 { height: 308px; left: 500px; } .xian3 { left: 542px; top: -200px; } .xian4 { /* left: 513px; top: -217px; */ left: 511px; top: -230px; } .xian5 { left: 481px; top: -175px; } .pro-font { width: 210px; } .pf1 { top: -55px; right: 1013px; } .pf4 { top: 115px; right: 520px; } .pf5 { top: 38px; right: -95px; } .pf2 { top: -321px; right: -10px; } .pf3 { top: -131px; right: 213px; } } @media screen and (max-width:1400px) { .pf5 { top: 38px; right: -55px; } } @media screen and (max-width:1300px) { .pf5 { top: 38px; right: -18px; } .pf1 { top: -55px; right: 989px; } } @media screen and (max-width:1250px) { .dong-bg { width: 660px; } .qiu1 { top: 3px; left: 284px; position: absolute; } .xian1 { top: -194px; right: 864px; } .pf1 { top: -55px; right: 934px; } .qiu2 { top: 18px; left: 511px; position: absolute; } .qiu2 { top: 18px; left: 511px; position: absolute; } .qiu4 { top: 41px; left: 526px; position: absolute; } .qiu4 { top: 41px; left: 526px; position: absolute; } .xian2 { height: 308px; left: 496px; } .pf4 { top: 93px; right: 520px; } .xian3 { left: 528px; top: -211px; } .pf3 { top: -131px; right: 230px; } .xian4 { left: 530px; top: -215px; } .pf2 { top: -321px; right: 18px; } .pf5 { top: 38px; right: 1px; } } @media screen and (max-width:1200px) { .qq { display: none!important; } .dong-c>span { display: none!important; } .pro-font { position: relative; display: block; top: 0; left: 0; display: inline-block; } .dong-bg { width: 60%; display: block; margin: 0 auto; } .dong-c { margin-top: 260px; } .pro-font { vertical-align: top; margin-bottom: 20px; width: 30%; box-sizing: border-box; } .dong-c { width: 100%; } } @media screen and (max-width:850px) { .dong-c { margin-top: 80px; } } @media screen and (max-width:550px) { .pro-font { width: 100%; padding: 20px; } .dong-c { width: 90%; margin: 0 auto; } .dong-bg { width: 80%; display: block; margin: 0 auto; } .pro-dong { padding-bottom: 50px; } } @media screen and (max-width:900px) { .ps-one { width: 100%; } .pro-swi .time { font-size: 24px; } } @media screen and (max-width:750px) { .ps-one { width: 100%; } .pro-swi .time { font-size: 24px; } .pone .swiper-slide .font { width: 82%; } .ps-two .ptwo { width: 89%; padding-top: 34px; } .ptwo .yuan { top: -15px; left: 18px } .ptwo .year { font-size: 16px; } .pro-swi .about { float: none; margin-right: 0; } } @media screen and (max-width:550px) { .pro-swi .time { font-size: 20px; margin-bottom: 10px; } } @media screen and (max-width:1000px) { .sea-ti{ font-size: 24px; line-height: 40px; } .sear a .font .ti{ margin-bottom: 20px; } } @media screen and (max-width:750px) { .sear a .font{ width: 100%; } .sea-ti{ font-size: 22px; line-height: 40px; } } @media screen and (max-width:500px) { .sea-ti{ font-size: 20px; line-height: 40px; } .sear a .font .ti{ font-size: 16px; } .sear a .font .de{ font-size: 14px; line-height: 25px; } .sear{margin-top: 100px;} } .m_nav.active_p em i:nth-of-type(1){ -webkit-transform: rotate(45deg) translate(8px, 7px); transform: rotate(45deg) translate(8px, 7px); } .m_nav.active_p em i:nth-of-type(2) { opacity: 0; }.m_nav.active_p em i:nth-of-type(3){ -webkit-transform: rotate(-45deg) translate(6px, -7px); transform: rotate(-45deg) translate(6px, -7px); } @media screen and (max-width:750px) { .m-la p a{ padding: 0 15px; } .la-te{ margin-left: 20px; } .m-la .he-chan{ margin: 10px; } } @media screen and (max-width:1200px) { .cul-c .tit{ padding-left: 30px; } } @media screen and (max-width:1400px) { .bo-ti{ font-size: 20px; margin-bottom: 15px; } } @media screen and (max-width:1000px) { .bo-ti{ font-size: 18px; margin-bottom: 10px; } } .cust-ul{ margin-top: 60px; } .cust-ul li{ width: 32%; margin-right: 2%; border: 1px solid #f39800; box-sizing: border-box; position: relative; margin-top: 20px; float: left; } .cust-ul li:nth-child(3n){ margin-right: 0; } .cust-ul li img{ width: 100%; } .cust-ul li p{ font-size: 18px; background-color: #f39800; opacity: 0.6; padding: 15px; box-sizing: border-box; position: absolute; bottom: 0; left: 0; color: #fff; width: 100%; } @media screen and (max-width:750px) { .cust-ul li{ width: 100%; margin-right: 0; } } .fo-ul li a:hover{ color: #f39800; } .busu{ position: absolute; top: 40%; transform: translateY(-50%); right: 0; width: 20px; height: 20px; background-size: cover; cursor: pointer; color: transparent; } .cover .close{ font-size: 0.8rem; color: #666; position: absolute; top: 0.5rem; right: 0.5rem; cursor: pointer; } .cover{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); z-index: 20000; display: none; } .cobox{ width: 458px; height: 228px; background: #fff; padding: 2.5rem 3.2rem 1.6rem 3.2rem; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute; } .cover .file-tu{ width: 65px; margin-left: 20px; } .cover .su-la{ text-align: center; } .cover .submit{ width: 120px; line-height: 40px; height: 40px; /*margin-top: 75px;*/ } .se3-bg{ position: absolute; top: 0; left: 0; height: 100vh; width: 100%; } .se3-bg img{ width: 100%; height: 100%; } .se3{ width: 100%; height: 100vh; } .m3bg{ display: none; } @media screen and (max-width:750px) { .m3bg{ display: block; } .pc3bg{ display: none; } } .ban .swiper-button-next{ background-image: url('../img/banr.png'); background-size: 32px; } .ban .swiper-button-prev{ background-size: 18px; background-image: url('../img/banl.png'); } .cover .de{ font-size: 14px; color: #999; margin-top: 20px; line-height: 25px; } .shen-t span:first-child{ display: inline-block; width:45%; } } @media screen and (max-width:1400px) { .shen-t span:first-child{ width: 30%; } } @media screen and (max-width:900px) { .shen-t span:first-child{ width: 35%; } .shen-t span{ padding-top: 0px; line-height: 20px; } } @media screen and (max-width:700px) { .shen-t .xian{ margin: 0 10px; } } .shen-t span{ vertical-align: middle; } @media screen and (max-width:500px) { .shen-t span{ padding-top: 0px; line-height: 20px; } /*.shen-t span:last-child{ display: none; }*/ .shen-t span:nth-child(2){ display: none; } .shen-t span:first-child{ width: 45%; } } /*@media screen and (max-width:1100px) { .shen-t span:first-child{ width: 28%; } }*/ @media screen and (max-width:750px) { .cobox{ width: 80%; box-sizing: border-box; padding: 20px; } .cover .submit{ margin-top: 20px; line-height: 30px; height: 30px; font-size: 14px; width: 90px; } .need-c select{ padding-left: 10px; } } @media screen and (max-width:380px) { .ne-four label input { width: 70%; } .need-c select { width: 74%; } .fi-c { width: 74%; } } .banmmm{ display: none; } .link-m{ display: none; } .need-m{ display: none; } @media screen and (max-width:750px) { .cb-p .left{ padding-bottom: 10px; float: none; } .cb-p .left span{ position: relative; line-height: 25px; font-size: 16px; } .san-box{ display: none; } .bg2{ display: none; } .banmmm{ display: block; } .banmmm img{ width: 100%; } .banpc{ display:none; } .link-pc{ display: none; } .link-m{ display: block; } .need-m{ display: block; } .need-pc{ display: none; } } .ui-pnotify{ display: none!important; } /*.in-top video{ margin-top: 20px; }*/ .code{ padding: 8px!important; } .yzm{ text-align: left; width: 78%; display: inline-block; margin-bottom: 50px; } .yzm input{ border: 1px solid #eee; padding-left: 10px; box-sizing: border-box; line-height: 30px; } .yzm .code span{ width: auto!important; } @media screen and (max-width: 1200px){ .yzm{ width: 82%; } } @media screen and (max-width: 750px){ .yzm{ width: 86%; } } @media screen and (max-width: 666px){ .yzm{ width: 84.6%; } } @media screen and (max-width: 570px){ .yzm{ width: 77%; } .yzm input{ width: 100px; } } @media screen and (max-width: 470px){ .yzm{ width: 73%; } .yzm input{ width: 100px; } } .cobox .yzm{ margin-top: 20px; margin-bottom: 20px; } .cobox .yzm input{ margin-left: 20px; width: 120px; padding-left: 10px; line-height: 30px; border: 1px solid #eee; } .cobox .yzm .code{ padding: 9px!important; } .cobox{ height: auto!important; } .su-la{ margin-bottom: 20px; } @media screen and (max-width: 500px){ .cobox .yzm input{ width: 80px; } .cobox .yzm .code{ box-sizing: border-box; } .cobox{ width: 95%; } } .nblist { width: 100%; height: auto; background-color: #fff; right: -100%; position: absolute; top: 60px; display:none; } .nli{ font-size: 16px; color:#333; line-height: 50px; position: relative; } .ewmi{ width:100px; height: auto; background-color: #fff; right: -100%; position: absolute; top: 0; display:none; }