body { text-align: left; padding: 0; margin: 0; font-size: 14px; color: #333; font-family: "microsoft yahei", "helvetica neue", helvetica, tahoma, sans-serif !important; height: auto; background: #fff; overflow-x: hidden; -webkit-font-smoothing: antialiased; } div, p, li { word-break: break-all; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; } pre, code, form, fieldset, legend, input, textarea, p, blockquote, th { padding: 0; margin: 0; } fieldset { border-top-width: 0; border-left-width: 0; border-bottom-width: 0; border-right-width: 0; } a, img, iframe { border: 0; padding: 0; margin: 0; } i { font-style: normal; } address, caption, cite, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; } ul, ol, li { list-style: none; } caption { text-align: left; } th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } q:unknown { content: ''; } button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; } .por { position: relative; } .poa { position: absolute; } input, textarea, select { font-family: inherit; font-size: 100%; } a:link { color: #333; text-decoration: none; } a:visited { color: #333; text-decoration: none; cursor: pointer; } a:hover { color: #1b4cb0; text-decoration: none; } .ease, .ease * { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .noease, .noease * { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } :-moz-placeholder { color: #fff; } ::-moz-placeholder { color: #fff; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #333; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #333; } .fl, .left { float: left; } .fr, .right { float: right; } .tac { text-align: center; } .tar { text-align: right; } /*??����?��?????��*/ .clear { clear: both; font-size: 0; margin: 0; padding: 0; display: block; _height: 0; overflow: hidden; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { *zoom: 1; } .hidden { display: none; } .icon { background-image: ; display: inline-block; vertical-align: middle; } .w1400 { width: 100%; max-width: 1400px; margin: 0 auto; } .w1440 { width: 1440px; max-width: 1440px; margin: 0 auto; } .culture_main_2 { position: relative; margin-top: 335px; } @media (max-width: 1440px) { .w1400 { width: 1200px; max-width: 1200px; } .w1440 { width: 1200px; margin: 0 auto; max-width: 1200px; } } /*banner����ͼƭ����*/ @-webkit-keyframes scale-bg { from { -webkit-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes scale-bg { from { -webkit-transform: scale(1.1); transform: scale(1.1); } to { -webkit-transform: scale(1); transform: scale(1); } } /*--banner��ͼ������ʽ****/ /* slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '?'; text-align: center; /* opacity: .25;*/ color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /*.slick-dots li.slick-active button:before { opacity: .75; color: black; }*/ /*banner */ .index_main {} .index_main .section1 { position: relative; } .index_main .section1 .index_banner .item { background-size: cover; -webkit-background-size: cover; background-position: center; background-repeat: no-repeat; height: 100vh; position: relative; } .index_main .section1 .index_banner .item.slick-current .scalebg { visibility: visible; -webkit-animation: scale-bg 6s linear forwards; animation: scale-bg 6s linear forwards; } .index_main .section1 .index_banner .items { background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; transition: opacity 2500ms ease-in-out; } .index_main .section1 .index_banner .items:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.2); } .index_main .section1 .index_banner .item .inner .block_txt { position: absolute; top: 44%; right: 10px; left: 50%; opacity: 0; width: 1440px; margin-left: -720px; transform: translatey(40px); -webkit-transform: translatey(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease; text-align: left; font-weight: 600; } .index_main .section1 .index_banner .item.active .inner .block_txt { opacity: 1; -webkit-transform: translatey(0); transform: translatey(0); -webkit-transition-delay: 100ms; transition-delay: 100ms; } .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 22px; color: #fff; text-align: left; font-weight: 600; margin-top: 10px; } .index_main .section1 .index_banner .item .inner .block_txt h2 { color: #fff; font-size: 50px; font-weight: 600; text-align: left; } .index_main .section1 .index_banner .item .inner .block_txt h2 span { color: #f5c920; display: inline-block; letter-spacing: 5px; } .index_main .section1 .index_banner .item .inner .block_txt h3 { color: #fff; font-size: 22px; text-align: left; font-weight: 600; margin-top: 10px; } .index_main .section1 .slick_txt { width: 30%; height: 100%; background-color: transparent; transition: all 500ms ease; -webkit-transition: all 500ms ease; background-repeat: no-repeat; position: absolute; top: 0; font-size: 0; outline: none; border: 0; } .index_main .section1 .left { left: 0; } .index_main .section1 .right { right: 0; } .index_main .section1 .slick_txt .slick_arrow { width: 77px; height: 66px; background-repeat: no-repeat; background-position: center; margin-top: -33px; position: absolute; top: 50%; cursor: pointer; transition: all 500ms ease; -webkit-transition: all 500ms ease; } .index_main .section1 .slick_txt .prev { background-image: ; left: 60px; } .index_main .section1 .slick_txt .next { background-image: ; right: 60px; } .index_main .section1 .slick_txt .prev:hover { transform: scale(1.1); left: 55px; } .index_main .section1 .slick_txt .next:hover { transform: scale(1.1); right: 55px; } .index_main .section1 .number { position: absolute; bottom: 8%; left: 0; right: 0; display: table; width: 100%; z-index: 10; } .index_main .section1 .line { border-bottom: 1px solid #ffffff; position: absolute; left: 0; right: 0; width: 100%; bottom: 8%; margin-bottom: 19px; z-index: 9; display: none; } .index_main .section1 .number .inner { margin: 0 auto; position: relative; text-align: center; } .index_main .section1 .number span { font-family: "myriad pro", "microsoft yahei"; font-size: 14px; color: #fff; margin-right: 10px; display: inline-block; overflow: hidden; cursor: pointer; text-align: center; line-height: 31px; border-radius: 16px; background: #000; position: relative; transition: all 500ms ease; -webkit-transition: all 500ms ease; font-size: 0; } .index_main .section1 .number span:last-child { margin-right: 0; } .index_main .section1 .number span:after { content: ""; display: inline-block; width: 3px; height: 3px; position: absolute; left: 50%; bottom: 0; background: #fff; visibility: hidden; transition: all 500ms ease; -webkit-transition: all 500ms ease; } .index_main .section1 .number span { width: 11px; height: 11px; background: #fff; margin-bottom: 0px; } .index_main .section1 .number span.active { width: 40px; height: 10px; margin-bottom: 0; background: #e7434a; } /*.index_main .section1 .number .inner { margin: 0 auto; position: relative; } .index_main .section1 .number span { font-family: "myriad pro", "microsoft yahei"; font-size: 14px; color: #fff; margin-right: 70px; display: inline-block; overflow: hidden; cursor: pointer; text-align: center; line-height: 31px; border-radius: 16px; background: #000; position: relative; transition: all 500ms ease; -webkit-transition: all 500ms ease; } .index_main .section1 .number span:last-child { margin-right: 0; } .index_main .section1 .number span:after { content: ""; display: inline-block; width: 3px; height: 3px; position: absolute; left: 50%; bottom: 0; background: #fff; visibility: hidden; transition: all 500ms ease; -webkit-transition: all 500ms ease; } .index_main .section1 .number span { width: 11px; height: 11px; background: #fff; margin-bottom: 10px; } .index_main .section1 .number span.active { width: 140px; height: 31px; border: 1px solid #fff; margin-bottom: 0; background: #091414; }*/ .index_main .section2 { background: #f5f5f5; } .index_main .section2 h3 { text-align: center; } .index_main .section3 { width: 100%; height: 100%; background: no-repeat; background-size: 100% 100%; } .index_main .section3 h3 { text-align: center; } .index_main .section4 { background: #f5f5f5; } .index_main .section4 h3 { text-align: center; } @media only screen and (max-width: 1600px) { .index_main .section1 .index_banner .item .inner .block_txt { } .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 20px; } .index_main .section1 .index_banner .item .inner .block_txt h2 { font-size: 60px; } .index_main .section1 .index_banner .item .inner .block_txt h3 { font-size: 20px; } } @media only screen and (max-width: 1440px) { .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 24px; font-weight: 600; } .index_main .section1 .index_banner .item .inner .block_txt h2 { font-size: 44px; font-weight: 600; } .index_main .section1 .index_banner .item .inner .block_txt h3 { font-size: 24px; margin-top: 5px; font-weight: 600; } } @media only screen and (max-width: 1366px) { .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 20px; } .index_main .section1 .index_banner .item .inner .block_txt h2 { font-size: 30px; } .index_main .section1 .index_banner .item .inner .block_txt h3 { font-size: 20px; } .index_main .section1 .index_banner .slick-arrow { background-size: auto 30px; } } @media only screen and (max-width: 1300px) {} @media only screen and (max-width: 1199px) { .index_main .section1 .index_banner .item .inner .block_txt h4 { font-size: 20px; } .index_main .section1 .index_banner .item .inner .block_txt h2 { font-size: 18px; } .index_main .section1 .index_banner .item .inner .block_txt h3 { font-size: 20px; } } @media only screen and (max-width: 992px) { .index_main .section1 .index_banner .item { height: 100vh; } .index_main .section1 .index_banner .item .inner .block_txt { left: 0; right: 0; margin: 0 auto; padding: 0 20px; top: 42%; } .index_main .section1 .index_banner .slick-arrow { display: none !important; } .index_main .section1 .index_banner .slick-dots { position: absolute; bottom: 12px; } .index_main .section1 .index_banner .slick-dots li { width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; } .index_main .section1 .index_banner .slick-dots li button { display: none; } .index_main .section1 .index_banner .slick-dots li.slick-active { background: #fff; } .index_main .section1 .number { bottom: 12%; display: none; } .index_main .section1 .number span { margin-right: 22px; } .index_main .section1 .number span:after { bottom: -14px; } } @media only screen and (max-width: 767px) {} @media only screen and (max-width: 340px) {} @media only screen and (max-width: 320px) {} .index { position: relative; overflow: hidden; } .header_main { position: fixed; top: 0; left: 0; width: 100%; height: 78px; background: transparent; transition: all 0.9s ease-out 0s; z-index: 100; } .header_main .header { position: relative; } .header_main .weblogo { padding-top: 24px; float: left; } .header_main .weblogo img { display: block; width: 144px; height: 28px; float: left; margin-right: 14px; } .header_main .nav_main { float: left; margin-left: 50px; position: relative; } .nav_main .nav { position: relative; } .header_main .nav_main .item { padding: 0 13px; float: left; height: 78px; z-index: 12; } .header_main .nav_main .item a { display: block; height: 50px; font-size: 16px; line-height: 50px; color: #fff; padding-top: 15px; } .header_main .nav_main .item:hover .alink, .header_main .nav_main .item.hover .alink {} .header_main .nav_main .item.hover .alink, .header_main .nav_main .item:hover .alink { border-bottom: 3px solid #e7434a; } .header_main .nav_main .item.li2 .sub-box .a6, .header_main .nav_main .item.li2 .sub-box .a5, .header_main .nav_main .item.li2 .sub-box .a7 { display: none; } .header_main .nav_main .item.li3 .sub-box .a3 { display: none; } .header_main .nav_main .item.li3 .sub-box .sub { display: none; } .header_main .nav li .subnav { position: absolute; left: 50%; top: 0; background-color: #fff; width: 120px; margin-left: -60px; display: none; border-radius: 4px; overflow: hidden; text-shadow: ; } .header_main .nav li .subnav .suba { color: #333; line-height: 35px; height: 35px; overflow: hidden; display: block; font-size: 14px; border-bottom: 1px dotted #ddd; margin: 0; text-align: center; } .header_main .nav li .subnav .suba:hover { font-weight: bold; background: #3bb79b; color: #4872de; background: #ffbe8b; background: rgba(21, 21, 21, 0.8); } .header_main .nav .sub-box { width: 100%; position: absolute; left: 13px; text-align: center; top: 75px; background: #fff; padding-bottom: 20px; box-shadow: 1px 3px 3px rgba(0, 0, 0, 0.1); visibility: hidden; opacity: 0; } .header_main .nav_main .item:hover .sub-box { opacity: 1; visibility: visible; transition: all 0.3s ease-in-out; } .header_main .nav .sub-box .it { padding: 20px 20px 20px 50px; float: left; width: 48%; } .header_main .nav .sub-box img { display: block; float: right; width: 40%; margin-top: 20px; margin-right: 20px; } .header_main .nav .sub-box .it .icon { width: 6px; height: 10px; background-position: -96px 0; position: absolute; top: 19px; left: 15px; } .header_main .nav .sub-box .it a { border-bottom: 1px solid #ddd; color: #333 !important; float: left; line-height: 40px !important; height: 40px !important; width: 150px; margin-right: 30px; padding: 0; font-weight: 100; text-align: left; overflow: hidden; vertical-align: top; font-size: 14px; display: block; background: none; } .header_main .nav .sub-box .it .sub { width: 50%; margin-top: 10px; } .header_main .nav .sub-box .it .sub a { border: none; font-size: 12px; padding-right: 35px; width: auto; line-height: 30px !important; height: 30px !important; } .header_main .nav .sub-box .it a:hover { color: #e7434a !important; } .header_main .quick { padding-top: 44px; margin-left: 26px; position: absolute; right: 267px; } .header_main .email { position: absolute; right: 0; top: 25px; } .header_main .email .searcher { float: left; width: 20px; margin-right: 30px; } .header_main .email .search_btn { width: 20px; height: 20px; background: no-repeat center center; float: left; display: block; width: 34px; height: 34px; border-radius: 50%; cursor: pointer; } .header_main .email .search_btn:hover { opacity: 0.8; filter: alpha(opacity=80); } .header_main .email .search_main { position: absolute; z-index: 10; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; width: 0; height: 80px; right: 50px; top: 90px; overflow: hidden; background: rgba(0, 0, 0, 0.2); *background: #000; } .header_main .email .search_box { width: 280px; height: 40px; margin-top: 20px; margin-left: 40px; background: no-repeat bottom center; } .header_main .email .search_box input { background-color: none; border: none; } .header_main .email .search_box .stxt { width: 240px; height: 40px; line-height: 40px; display: block; text-indent: 10px; color: #fff; background-color: transparent; outline: none; } .header_main .email .search_box .sbtn { font-size: 0; width: 34px; height: 34px; display: block; cursor: pointer; border-radius: 100%; margin-top: 5px; outline: none; background: no-repeat center center; } .header_main .quick .cte { position: relative; float: left; margin-right: 14px; cursor: pointer; } .header_main .quick .cte .cvalue { padding-right: 12px; font-family: arial; font-size: 20px; color: #fff; background: no-repeat right center; } .header_main .email .member { color: #fff; font-size: 20px; font-family: arial; font-weight: 400; } .header_main .email .member i { width: 25px; height: 26px; background-position: 0 -121px; margin-top: 7px; } .header_main .email .member:hover { opacity: 0.8; filter: alpha(opacity=80); } .header_main.xc { border-bottom: 1px solid #ddd; transition: all 0.9s ease-out 0s; position: fixed; left: 0; top: 0; background-color: #ffffff; } .header_main.xc .nav_main .item a { color: #333; } .header_main .tel_right { padding-top: 38px; float: right; margin-right: 2vw; } .header_main .tel_right .webtel { padding-left: 32px; font-family: arial; font-size: 26px; color: #fff; background: no-repeat left center; } .header_main.xc .cte .cvalue { color: #666; background: no-repeat right center; } .header_main.xc .email .member { color: #333; } .header_main.xc .email .member i { background-position: -29px -121px; } .header_main.xc .email .search_btn { background: no-repeat center center; } .header_main.xc .tel_right .webtel { color: #e7434a; background: no-repeat left center; } .header_main .lag_sel_box { margin-top: -40px; position: relative; line-height: 78px; } .header_main .lag_box { display: none; position: absolute; top: 150px; left: 50%; margin-left: -40px; transform: translatex(-50%); background-color: #fff; color: #758190; font-size: 14px; line-height: 32px; padding: 10px 20px; } .header_main .lag_box::after { content: ''; position: absolute; top: -5px; left: 30%; width: 10px; height: 10px; background-color: #fff; transform: rotate(45deg); } .header_main .lag_box .item { cursor: pointer; padding-right: 25px; width: 30px; border-bottom: 1px solid #758190; } .header_main .lag_box .item:last-child { border-bottom: none; } .header_main .lag_box .item::hover { color: #004bc6; } .header_box .lag_sel_box .lag_box li.on { color: #004bc6; } .header_main .lag_box.on { top: 100px; display: block; } .modal { display: none; /* ĭ������ */ position: fixed; /* �����������λ */ z-index: 666; /* ���ڶ��� */ left: 0; top: 0; width: 100%; /* ȫ�� */ height: 100%; /* ȫ�� */ overflow: auto; /* �������� */ background-color: rgba(0, 0, 0, 0.4); /* ����ɫ */ } .mouse-ico { position: absolute; width: 180px; height: 44px; left: 50%; margin-left: -90px; bottom: 1%; z-index: 20; /*background: center center no-repeat;*/ } .mouse-ico.xc { display: none; } .mouse-ico p { font-size: 14px; color: #fff; font-family: "arial"; } .mouse-ico span { display: block; margin: 0 auto; width: 21px; height: 33px; background-position: 0 -129px; margin-top: 0px; position: absolute; left: 50%; margin-left: -8px; } .mouse-ico span.mouse { animation: mousemove 3s linear 1s infinite; } .iconv { background: no-repeat; display: inline-block; vertical-align: middle; } @keyframes mousemove { 0% { transform: translatey(-5px); } 25% { transform: translatey(0px); } 50% { transform: translatey(5px); } 75% { transform: translatey(0px); } 100% { transform: translatey(-5px); } } /*ģ̬������*/ .modal-content { display: flex; /*����flexbox����*/ flex-direction: column; /*��ֱ����*/ position: relative; background-color: #fefefe; margin: 15% auto; /*�ඥ��15% ˮƽ����*/ padding: 20px; border: 1px solid #888; width: 612px; animation: topdown 0.4s; /*�զ��嶯������ģ̬�������ϵ��³���*/ } @keyframes topdown { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } /*ģ̬��ͷ��*/ .modal-header { display: block; /*����flexbox����*/ flex-direction: row; /*ˮƽ����*/ align-items: center; /*���ݴ�ֱ����*/ justify-content: space-between; text-align: right; } /*�ر�x ��ʽ*/ .close { float: right; color: #aaa; font-size: 28px; font-weight: bold; transition: all ease 0.36s; display: block; width: 32px; height: 32px; background: no-repeat center center; } .close:hover { color: black; text-decoration: none; cursor: pointer; transform: rotate(360deg); transition: all ease 0.36s; } .modal-body { padding-top: 20px; padding-bottom: 30px; margin-top: 10px; } .modal-body .stxt { float: left; width: 500px; height: 48px; border: #ccc solid 1px; padding-left: 30px; } .modal-body .sbtn { width: 80px; height: 50px; background: no-repeat center center #477de2; border: none; cursor: pointer; } .floor_2_main .slidetxtbox { text-align: left; position: relative; } .floor_2_main .slidetxtbox .hd { position: absolute; width: 1440px; height: 60px; left: 50%; margin-left: -720px; bottom: 89px; z-index: 10; } .floor_2_main .slidetxtbox .tit { position: absolute; width: 1440px; height: 60px; left: 50%; margin-left: -720px; top: 55px; z-index: 10; color: #1b4cb0; } .floor_2_main .slidetxtbox .tit b { font-size: 36px; font-weight: lighter; line-height: 60px; } .floor_2_main .slidetxtbox .tit span { font-size: 20px; color: #333; } .floor_2_main .slidetxtbox .hd ul { width: 90%; float: left; } .floor_2_main .slidetxtbox .hd .btn { width: 8%; background: linear-gradient(to right bottom, #ff5050, #ff0000); height: 60px; line-height: 60px; float: right; text-align: center; color: #fff; font-size: 40px; font-weight: bold; } .floor_2_main .slidetxtbox .hd .btn a { color: #fff; width: 100%; height: 100%; display: block; } .floor_2_main .slidetxtbox .hd .btn:hover { background: linear-gradient(to right bottom, #1b4cb0, #3381e7); transition: ease-in-out 0.2s; } .floor_2_main .slidetxtbox .hd ul li { float: left; line-height: 60px; cursor: pointer; width: 32%; margin-right: 2%; height: 60px; font-size: 20px; background: #fff; color: #333; } .floor_2_main .slidetxtbox .hd ul li i { width: 40px; height: 40px; background-position: -68px -115px; margin-right: 21px; margin-bottom: 4px; margin-left: 22px; transition: ease-in-out 0.2s; } .floor_2_main .slidetxtbox .hd ul li:nth-child(2) i { background-position: -108px -115px; } .floor_2_main .slidetxtbox .hd ul li:nth-child(3) i { background-position: -148px -115px; } .floor_2_main .slidetxtbox .hd ul li:last-child { margin-right: 0; } .floor_2_main .slidetxtbox .hd ul li a { color: #333; } .floor_2_main .slidetxtbox .hd ul li.on { background: linear-gradient(to right bottom, #1b4cb0, #3381e7); color: #fff; } .floor_2_main .slidetxtbox .hd ul li.on i { background-position: -68px -155px; } .floor_2_main .slidetxtbox .hd ul li.on a { display: block; width: 100%; height: 100%; color: #fff; } .floor_2_main .slidetxtbox .hd ul li.on:nth-child(2) i { background-position: -108px -155px; } .floor_2_main .slidetxtbox .hd ul li.on:nth-child(3) i { background-position: -148px -155px; } .floor_2_main .slidetxtbox .bd ul { zoom: 1; width: 100%; overflow: hidden; } .floor_2_main .slidetxtbox .bd li { width: 100%; height: 740px; } .floor_2_main .slidetxtbox .bd li .box { text-align: center; padding-top: 153px; } .floor_2_main .slidetxtbox .bd ul:nth-child(2) li .box { padding-top: 161px; } .floor_3_main { background: #fafafb; padding-bottom: 166px; } .floor_3_main .left { width: 48%; } .floor_3_main .right { width: 48%; } .floor_3_main .tit { line-height: 35px; padding-bottom: 48px; font-size: 32px; color: #1b4cb0; padding-top: 72px; } .floor_3_main .tit span { display: inline-block; background: #1b4cb0; width: 20px; height: 3px; margin-right: 15px; vertical-align: middle; } .floor_3_main .new_top { margin-bottom: 10px; } .floor_3_main .new_top a { display: block; width: 100%; height: 100%; } .floor_3_main .new_top img { float: left; width: 220px; height: 124px; display: block; margin-right: 30px; transition: ease-in-out; } .floor_3_main .new_top h3 { font-size: 18px; padding-bottom: 10px; color: #333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .floor_3_main .new_top p { line-height: 24px; color: #333; height: 48px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .floor_3_main .new_top span { background: #1b4cb0; color: #fff; width: 100px; height: 26px; line-height: 26px; text-align: center; border-radius: 13px; display: inline-block; margin-top: 16px; } .floor_3_main .new_top:hover img { -webkit-filter: brightness(105%); filters: brightness(105%); } .floor_3_main .new_top:hover span { width: 120px; transition: ease-in-out 0.2s; } .floor_3_main .ul li { border-bottom: 1px solid #e1e1e1; line-height: 56px; vertical-align: middle; } .floor_3_main .ul li b { display: inline-block; background: #9f9f9f; width: 12px; height: 3px; float: left; margin-top: 26px; margin-right: 5px; transition: ease-in-out 0.2s; } .floor_3_main .ul li .fl { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .floor_3_main .ul li:hover b { width: 22px; background: #1b4cb0; } .floor_3_main .ul li:hover a .fl { color: #1b4cb0; } .floor_3_main .ul li .fr { font-size: 12px; color: #333; } .floor_4_main { background: url(/uploads/image/ptwpimages/floor_4_bg.jpg) center top no-repeat; width: 100%; height: 688px; display: none; padding-top: 47px; } .floor_4_main p { text-align: center; font-size: 20px; padding-top: 5px; } .floor_4_main .body { position: relative; margin: 0 auto; margin-top: 79px; width: 1440px; height: 500px; } .floor_4_main .hd .arrow a { width: 50px; height: 50px; background-position: -324px -235px; position: absolute; cursor: pointer; } .floor_4_main .hd .prev { left: 809px; top: 421px; } .floor_4_main .hd .arrow a:hover { transform: translatey(5px); transition: ease-in-out .2s; } .floor_4_main .hd .arrow .next { left: 879px; top: 421px; background-position: -376px -235px; } .floor_4_main .hd li { position: absolute; } .floor_4_main .hd li i { width: 30px; height: 38px; background-position: -443px -172px; } .floor_4_main .hd li p { display: none; } .floor_4_main .hd li:nth-child(1) { left: 594px; top: 143px; } .floor_4_main .hd li:nth-child(2) { left: 606px; top: 140px; } .floor_4_main .hd li:nth-child(3) { left: 606px; top: 187px; } .floor_4_main .hd li:nth-child(4) { left: 687px; top: 266px; } .floor_4_main .hd li:nth-child(5) { left: 626px; top: 151px; } .floor_4_main .hd li:nth-child(6) { left: 639px; top: 176px; } .floor_4_main .hd li:nth-child(7) { left: 678px; top: 134px; } .floor_4_main .hd li:nth-child(8) { left: 713px; top: 134px; } .floor_4_main .hd li:nth-child(9) { left: 60px; top: 120px; } .floor_4_main .hd li:nth-child(10) { left: 711px; top: 142px; } .floor_4_main .hd li.on i { background-position: -443px -213px; } .floor_4_main .hd li.on p { display: block; font-size: 14px; } .floor_4_main .bd { position: absolute; left: 50%; margin-left: 89px; } .floor_4_main .bd li img { width: 623px; height: 350px; border: 3px solid #fff; display: block; } .floor_4_main .bd li h3 { background: #e7434a; color: #fff; height: 46px; width: 502px; line-height: 46px; font-size: 24px; text-align: center; font-weight: lighter; position: relative; } .floor_4_main .bd li h3 i { width: 51px; height: 11px; background-position: -324px -215px; top: 17px; right: 33px; position: absolute; } .floor_4_main .bd li a { display: block; width: 100%; height: 100%; color: #fff; } .floor_4_main .bd li:hover h3 { width: 629px; transition: ease-in-out .2s; } .bottom_main { background: #283041; padding: 55px 0 44px; } .bottom_main .bottom_nav { border-bottom: 1px solid #484f5d; padding-bottom: 16px; overflow: hidden; margin-bottom: 50px; } .bottom_main .bottom_nav b { font-size: 18px; color: #fff; margin-right: 37px; } .bottom_main .bottom_nav a { font-size: 16px; color: #787e8c; padding-right: 66px; } .bottom_main .bottom_nav a:hover { color: #fff; transition: ease-in-out 0.2s; } .bottom_main .bottom_copy .box1 { width: 42%; } .bottom_main .bottom_copy .box1 h3 { color: #888c95; font-size: 14px; line-height: 30px; } .bottom_main .bottom_copy .box1 h3 a { color: #cb1a20; } .bottom_main .bottom_copy .box1 p { line-height: 29px; color: #626671; font-size: 14px; padding-top: 29px; } .bottom_main .bottom_copy .box1 p a { color: #626671; } .bottom_main .bottom_copy .box1 p a:hover { color: #fff; } .bottom_main .bottom_copy .box2 { width: 16%; text-align: center; } .bottom_main .bottom_copy .box2 img { width: 110px; height: 110px; padding: 4px; border: 1px solid #535967; } .bottom_main .bottom_copy .box2 p { color: #888c95; line-height: 30px; } .bottom_main .bottom_copy .box3 { width: 42%; } .bottom_main .bottom_copy .box3 .tit { text-align: right; } .bottom_main .bottom_copy .box3 .ul { width: 180px; overflow: hidden; } .bottom_main .bottom_copy .box3 ul { width: 248px; } .bottom_main .bottom_copy .box3 li { width: 124px; float: left; line-height: 35px; } .bottom_main .bottom_copy .box3 li a { color: #888c95; } .bottom_main .bottom_copy .box3 li a:hover { color: #fff; } .bottom_main .bottom_copy .tit { color: #fff; font-size: 20px; line-height: 24px; margin-bottom: 30px; } .bottom_main .bottom_copy .tit span { display: inline-block; background: #fff; width: 20px; height: 3px; vertical-align: middle; } /*rightfix*/ .rightfix { width: 65px; position: fixed; right: 10px; bottom: 10%; z-index: 999; } .rightfix a { width: 65px; height: auto; background: #2352b3; text-align: center; display: block; margin-bottom: 6px; position: relative; padding-top: 8px; border-radius: 5px; padding-bottom: 5px; } .rightfix a h3 { color: #fff; font-weight: 400; font-size: 12px; } .rightfix .ico { width: 32px; height: 32px; display: block; position: relative; overflow: hidden; transition: all ease 300ms; margin: 0 auto 1px; padding: 0; background: no-repeat 0 0; } .rightfix .img { width: 110px; height: auto; position: absolute; left: -10px; top: 0; padding: 6px; background: #e7434a; border: 1px solid #ddd; background: #fff; display: none; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 5px; color: #333; padding-bottom: 10px; } .rightfix .img p { padding-top: 5px; } .rightfix a:hover .img { opacity: 1; filter: alpha(opacity=100); left: -140px; display: block; } .rightfix .img img { width: 110px; height: 110px; } .rightfix a span { width: 310px; text-align: center; height: 62px; line-height: 62px; position: absolute; left: -200px; top: 0; background: #e5322d; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 7px 0 0 7px; } .rightfix a:hover { background-color: #e7434a; overflow: visible; } .rightfix a:hover h3 { color: #fff; } .rightfix a.fix-ewm:hover img { opacity: 1; filter: alpha(opacity=100); left: -140px; } .rightfix a:hover span { opacity: 1; filter: alpha(opacity=100); left: -314px; } .rightfix .fix-tel:hover .ico { background-position: -32px 0; } .rightfix .fix-xcx .ico { background-position: 0 -32px; } .rightfix .fix-xcx:hover .ico { background-position: -32px -32px; } .rightfix .fix-ewm .ico { background-position: 0 -64px; } .rightfix .fix-ewm:hover .ico { background-position: -32px -64px; } .rightfix .mess .ico { background-position: 0 -96px; } .rightfix .mess:hover .ico { background-position: -32px -96px; } .rightfix .fix_top .ico { background-position: 0 -128px; } .rightfix .fix_top:hover .ico, .rightfix .fix_top.hover .ico { background-position: -32px -128px; } .rightfix .fix-form { background-position: 10px -234px; } .rightfix .fix-form span { font-size: 14px; line-height: 23px; width: 180px; } .rightfix .fix-form:hover { background-position: -37px -234px; } /* ͼƭ */ @-webkit-keyframes gradient-rectangle { 0% { -webkit-transform: scaley(0); transform: scaley(0); -webkit-transform-origin: bottom; transform-origin: bottom; background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); /*firefox*/ background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); /* opear */ background: -ms-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); opacity: 1; } 100% { -webkit-transform: scaley(1); transform: scaley(1); -webkit-transform-origin: top; transform-origin: top; background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); background: -webkit-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); background: -moz-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); /*firefox*/ background: -o-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); /* opear */ background: -ms-linear-gradient(to top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.6)); opacity: 0; } } /* underline from center1 */ .hvr-underline-from-center1 { display: inline-block; vertical-align: middle; -webkit-transform: translatez(0); transform: translatez(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-underline-from-center1:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -3px; background: #e7434a; height: 3px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center1:hover:before, .hvr-underline-from-center1.hover:before, .hvr-underline-from-center1:focus:before, .hvr-underline-from-center1:active:before { left: 0; right: 0; } .hvr-underline-from-center1:hover, .hvr-underline-from-center1.hover { *height: 43px; *border-bottom: 3px solid #e7434a; *line-height: 43px; } @-webkit-keyframes scale { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.02); } 100% { -webkit-transform: scale(1); } } @keyframes scale { 0% { transform: scale(1); } 50% { transform: scale(1.02); } 100% { transform: scale(1); } } /*ny common css start*/ .sub_banner { position: relative; width: 100%; padding-top: 37%; z-index: 2; } .sub_banner1 { position: relative; width: 100%; z-index: 2; } .sub_banner1 .img { display: block; width: 100%; } .sub_banner .img { position: absolute; top: 0; left: 0; display: block; width: 100%; } .sub_local { position: absolute; z-index: 10; top: 45%; margin-left: -720px; left: 50%; } .sub_local .sub_left { float: left; } .sub_local .sub_left h3 { font-weight: 400; font-size: 55px; text-align: left; line-height: 60px; font-weight: lighter; color: #fff; } .sub_local .sobtitle { margin-top: 18px; font-size: 20px; line-height: 36px; color: #fff; } .sub_local .sobtitle a { font-size: 24px; line-height: 26px; color: #fff; } .sub_local .sobtitle a:first-child { margin-left: 14px; } .sub_local .sub_right { padding-top: 12px; float: right; width: 36%; } .sub_local .sub_right p { font-size: 16px; text-align: left; line-height: 26px; color: #fff; } /******fei*******/ .product_main { background: #ececec; position: relative; } .product_main .w1440 { top: -134px; z-index: 11; position: absolute; left: 50%; margin-left: -720px; } .product_main li { background: #fff; padding: 54px 60px; margin-bottom: 60px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); } .product_main li a { display: block; width: 100%; height: 100%; cursor: default; } .product_main li .left { width: 550px; height: 293px; overflow: hidden; } .product_main li .left img { display: block; width: 100%; height: 293px; } .product_main li .right { width: calc(100% - 594px); } .product_main li .right h3 { font-size: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 20px; color: #333; line-height: 38px; } .product_main li .right p { font-size: 16px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; line-height: 23px; margin-bottom: 20px; height: 46px; color: #333; } .product_main li .right span { line-height: 24px; font-size: 16px; color: #333; } .product_main li .right dl { margin-top: 21px; margin-left: 78px; } .product_main li .right dl dd { float: left; margin-right: 9px; } .product_main li .right dl dd img { width: 118px; height: 89px; display: block; border: 1px solid #5784be; } .product_main li:hover { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); } .product_main li:hover .left img { transition: ease-in-out 0.2s; transform: scale(1.05); } .product_main li:hover .right h3 { color: #1b4cb0; transition: ease-in-out 0.2s; border-left: 5px solid #1b4cb0; padding-left: 15px; } /******about******/ .sub_banner { position: relative; } .sub_banner .btn { position: absolute; left: 50%; margin-left: -59px; width: 118px; height: 133px; z-index: 11; top: 50%; margin-top: -66px; cursor: pointer; } .sub_flash .cut3video { width: 100%; position: relative; z-index: 10; } .about_tit { background: url(/uploads/image/ptwpimages/about_line2.png) center center no-repeat; font-size: 42px; text-align: center; font-weight: lighter; } .about_main_1 { background: #f6f6f6; padding: 77px 0; } .about_main_1 .left { width: 48%; border-right: 1px solid #d9d9d9; padding-right: 2%; } .about_main_1 .left h1 { font-size: 24px; padding-bottom: 26px; color: #000; } .about_main_1 .left p { line-height: 30px; font-size: 16px; } .about_main_1 .left ul { display: table; width: 100%; } .about_main_1 .left .ul { display: block; margin-bottom: 64px; margin-top: 64px; } .about_main_1 .left .ul ul { display: inline-block; width: 100%; } .about_main_1 .left .ul ul li { width: 33.3%; float: left; } .about_main_1 .left .ul ul li b { font-size: 55px; color: #272a44; font-weight: 400; } .about_main_1 .left .ul ul li span { font-size: 20px; font-weight: bold; padding-left: 5px; } .about_main_1 .left .ul ul li p { font-size: 20px; line-height: 21px; } .about_main_1 .right { width: 48%; padding-top: 56px; } .about_main_1 .right p { line-height: 30px; font-size: 16px; } .about_main_1 .right li { margin-bottom: 64px; margin-top: 102px; } .about_main_1 .right li .fl { width: 73%; } .about_main_1 .right li .fl img { width: 77px; height: 77px; float: left; margin-right: 13px; } .about_main_1 .right li .fl h3 { font-size: 20px; } .about_main_1 .right li .fl h4 { font-size: 45px; font-weight: 400; } .about_main_1 .right li .fr { width: 27%; } .about_main_1 .right li .fr h3 { font-size: 20px; } .about_main_1 .right li .fr h4 { font-size: 45px; font-weight: 400; } .about_main_2 { background: url(/uploads/image/ptwpimages/about_2_bg.jpg) center top no-repeat; width: 100%; height: 627px; padding-top: 70px; } .about_main_2 .about_tit { color: #fff; background: url(/uploads/image/ptwpimages/about_line.png) center center no-repeat; } .about_main_2 .jq22-container { position: relative; width: 1200px; margin: 60px auto 0; overflow: hidden; } .about_main_2 .sociales { text-align: center; } .about_main_2 #timeline { width: 1000px; height: 300px; overflow: hidden; margin: 0 auto; position: relative; } .about_main_2 #dates { width: 1000px; height: 136px; overflow: hidden; color: #fff; margin-top: 37px; } .about_main_2 #dates li { list-style: none; float: left; width: 194px; height: 136px; font-size: 24px; text-align: center; } .about_main_2 #dates a { line-height: 38px; font-family: arial; height: 46px; padding-top: 56px; color: #fff; font-size: 30px; display: block; opacity: 0.5; } .about_main_2 #dates .selected { font-size: 36px; color: #fff; background: url(/uploads/image/ptwpimages/about_2_ico.png) no-repeat 82px top; opacity: 1; } .about_main_2 #issues { width: 1000px; overflow: hidden; } .about_main_2 #issues li { width: 1000px; list-style: none; float: left; } .about_main_2 #issues li .fl { padding-left: 150px; } .about_main_2 #issues li .fl span { display: block; background: #fff; width: 68px; height: 3px; margin-bottom: 30px; } .about_main_2 #issues li .fl h3 { color: #fff; font-size: 65px; font-family: arial; font-weight: bold; } .about_main_2 #issues li .fr { width: 420px; padding-right: 40px; } .about_main_2 #issues li .fr h3 { font-size: 24px; color: #fff; margin-bottom: 12px; font-weight: bold; } .about_main_2 #issues li .fr p { font-size: 20px; color: #fff; line-height: 30px; height: 90px; overflow: hidden; } .about_main_2 #next, .about_main_2 #prev { position: absolute; top: 5px; font-size: 70px; width: 40px; height: 40px; overflow: hidden; background: url(/uploads/image/ptwpimages/icon.png) no-repeat; } .about_main_2 #next { right: 0px; background-position: -250px -120px; } .about_main_2 #prev { left: 0px; background-position: -208px -120px; } .about_main_2 #next.disabled, .about_main_2 #prev.disabled { opacity: 0.2; } .about_main_3 { background: url(/uploads/image/ptwpimages/about_3_bg.jpg) center top no-repeat; width: 100%; height: 556px; padding-top: 86px; text-align: center; } .about_main_3 p { text-align: center; width: 678px; margin: 0 auto; font-size: 20px; padding-top: 23px; padding-bottom: 40px; } .about_main_3 a { display: block; width: 100%; color: #d71924; font-size: 16px; margin-bottom: 38px; } .about_main_3 img:hover { transition: ease-in-out .2s; transform: translatey(-7px); } .about_main_4 { background: url(/uploads/image/ptwpimages/about_4_bg.jpg) center top no-repeat; width: 100%; height: 632px; padding-top: 68px; text-align: center; } .about_main_4 .body { margin-top: 36px; } .about_main_4 li { background: #fff; width: 48%; border-bottom: 5px solid #1b4cb0; float: left; text-align: left; padding: 24px 0 52px; margin-bottom: 30px; height: 140px; } .about_main_4 li img { float: left; margin-left: 35px; margin-right: 22px; margin-bottom: 180px; border: 6px solid #fff; box-shadow: 5px 5px 25px #c9d8ea; width: 100px; height: 100px; border-radius: 100%; } .about_main_4 li h3 { font-size: 30px; margin-bottom: 10px; } .about_main_4 li p { font-size: 13px; line-height: 20px; padding-right: 30px; } .about_main_4 li:nth-child(2n) { float: right; } .about_main_4 li:hover { box-shadow: 5px 5px 5px #c9d8ea; } .about_main_4 li:hover img { transition: ease-in-out .2s; transform: translatey(20px); } .culture_main_1 { background: #ececec; height: 740px; padding-top: 87px; position: relative; } .culture_main_1 .box1 { background: url(/uploads/image/ptwpimages/culture_1_bg.jpg) center bottom no-repeat; height: 460px; margin-top: 43px; } .culture_main_1 .box1 li { float: left; width: 33.333%; color: #fff; position: relative; height: 539px; } .culture_main_1 .box1 li h3 { font-size: 42px; padding-top: 79px; padding-left: 59px; font-weight: 400; transition: ease-in-out .2s; } .culture_main_1 .box1 li .p { padding-left: 59px; font-size: 24px; line-height: 34px; padding-top: 34px; } .culture_main_1 .box1 li:hover h3 { padding-top: 89px; } .culture_main_1 .box1 li:before { content: ""; width: 1px; height: 100%; background: #fff; position: absolute; left: 0; opacity: 0.3; } .culture_main_1 .box1 li:first-child:before { background: none; } .zhineng_main_1 .w1440 .box1 .left .tit p { font-size: 14px; margin-left: 36px; } .culture_main_1 .box2 { text-align: center; color: #fff; height: 412px; position: absolute; left: 50%; margin-left: -720px; bottom: -303px; width: 1440px; z-index: 55; } .culture_main_1 .box2::before { content: ""; position: absolute; width: 100px; height: 412px; top: 0; left: 0px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); -webkit-transform: skewx(-32deg); -ms-transform: skewx(-32deg); -moz-transform: skewx(-32deg); transform: skewx(-32deg); opacity: 0; } .culture_main_1 .box2:hover::before { -webkit-transition: left 1s; -moz-transition: left 1s; -ms-transition: left 1s; transition: left 1s; left: 120%; opacity: 1; } .culture_main_1 .box2 h3 { font-size: 42px; padding-top: 158px; } .culture_main_1 .box2 p { font-size: 24px; } .culture_main_2 .body .left { width: 0%; margin-top: 84px; } .culture_main_2 .body .left li { height: 460px; } .culture_main_2 .body .left li::before { height: 578px; } .culture_main_2 .body .right { width: 100%; } .culture_main_2 .body .right ul { margin-top: 39px; } .culture_main_2 .body li { position: relative; width: 100%; height: 410px; margin-bottom: 5%; overflow: hidden; } .culture_main_2 .body li::before { content: ""; position: absolute; width: 100px; height: 384px; top: 0; left: 0px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); -webkit-transform: skewx(-32deg); -ms-transform: skewx(-32deg); -moz-transform: skewx(-32deg); transform: skewx(-32deg); opacity: 0; } .culture_main_2 .body li:hover::before { -webkit-transition: left 1s; -moz-transition: left 1s; -ms-transition: left 1s; transition: left 1s; left: 150%; opacity: 1; } .culture_main_2 .body li .tit { background: url(/uploads/image/ptwpimages/ctitline_2_bg.png) left bottom repeat-x; position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; text-align: center; } .culture_main_2 .body li .tit img { float: left; margin-left: 20px; margin-top: 42px; margin-right: 8px; width: 70px; display: none; } .culture_main_2 .body li .tit h3 { color: #fff; font-size: 42px; margin-top: 20px; font-weight: 400; padding-left: 2%; display: none; } .culture_main_2 .body li .tit p { font-size: 24px; color: #fff; padding: 1% 2%; } .culture_main_2 .body li:nth-child(1) .tit h3 { color: #fff; font-size: 42px; margin-top: 20px; font-weight: 400; padding-left: 2%; display: none; } .culture_main_2 .body li:nth-child(2) .tit h3 { color: #fff; font-size: 42px; margin-top: 20px; font-weight: 400; padding-left: 2%; } .culture_main_2 .body li:nth-child(2) { width: 100%; float: left; height: 410px; } .culture_main_2 .body li:nth-child(2)::before, .culture_main_2 .body li:nth-child(3)::before { height: 412px; } .culture_main_2 .body li:nth-child(3) { width: 48%; float: right; height: 260px; } .culture_main_2 .body li:hover { transition: ease-in-out .2s; -webkit-filter: brightness(110%); filters: brightness(110%); } .zhineng_main_1 { background: #ececec; position: relative; height: 650px; } .zhineng_main_1 .w1440 { top: -101px; z-index: 11; position: absolute; left: 50%; margin-left: -720px; } .zhineng_main_1 .w1440 .box1 { background: #fff; margin-bottom: 28px; overflow: hidden; } .zhineng_main_1 .w1440 .box1 .left { float: left; width: 49%; position: relative; overflow: hidden; } .zhineng_main_1 .w1440 .box1 .left img { width: 100%; display: block; transition: all 0.3s; } .zhineng_main_1 .w1440 .box1 .left .tit { background: #272a44; color: #fff; height: 80px; } .zhineng_main_1 .w1440 .box1 .left .tit img { width: 40px; float: left; margin-left: 30px; margin-top: 6px; } .zhineng_main_1 .w1440 .box1 .left .tit h3 { font-size: 24px; font-weight: 400; padding-top: 7px; margin-bottom: 4px; } .zhineng_main_1 .w1440 .box2 li .tit p { font-size: 14px; margin-left: 36px; } .zhineng_main_1 .w1440 .box1 .left::before { content: ""; position: absolute; width: 100px; height: 345px; top: 0; left: 0px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewx(-32deg); -ms-transform: skewx(-32deg); -moz-transform: skewx(-32deg); transform: skewx(-32deg); opacity: 0; } .zhineng_main_1 .w1440 .box1 .left:last-child { float: right; } .zhineng_main_1 .w1440 .box1 .left:hover::before { -webkit-transition: left 1s; -moz-transition: left 1s; -ms-transition: left 1s; transition: left 1s; left: 120%; opacity: 1; } /*.zhineng_main_1 .w1440 .box1 .left::before { content: ""; position: absolute; width: 100px; height: 400px; top: 0; left: 0px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewx(-32deg); -ms-transform: skewx(-32deg); -moz-transform: skewx(-32deg); transform: skewx(-32deg); opacity: 0; }*/ .zhineng_main_1 .w1440 .box1 .right { width: 46%; margin-left: 2%; margin-right: 2%; margin-top: 73px; position: relative; } .zhineng_main_1 .w1440 .box1 .right img { float: left; margin-right: 5px; } .zhineng_main_1 .w1440 .box1 .right h3 { font-size: 32px; font-weight: 400; padding-top: 19px; } .zhineng_main_1 .w1440 .box1 .right p { font-size: 16px; line-height: 32px; padding-top: 29px; } .zhineng_main_1 .w1440 .box1:hover .left::before { -webkit-transition: left 1s; -moz-transition: left 1s; -ms-transition: left 1s; transition: left 1s; left: 60%; opacity: 1; } .zhineng_main_1 .w1440 .box2 li { float: left; width: 49%; position: relative; overflow: hidden; } .zhineng_main_1 .w1440 .box2 li img { width: 100%; display: block; } .zhineng_main_1 .w1440 .box2 li .tit { background: #272a44; color: #fff; height: 80px; } .zhineng_main_1 .w1440 .box2 li .tit img { width: 40px; float: left; margin-left: 30px; margin-top: 6px; } .zhineng_main_1 .w1440 .box2 li .tit h3 { font-size: 24px; font-weight: 400; padding-top: 7px; margin-bottom: 4px; } .zhineng_main_1 .w1440 .box2 li .tit p { font-size: 14px; margin-left: 36px; } .zhineng_main_1 .w1440 .box2 li::before { content: ""; position: absolute; width: 100px; height: 345px; top: 0; left: 0px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewx(-32deg); -ms-transform: skewx(-32deg); -moz-transform: skewx(-32deg); transform: skewx(-32deg); opacity: 0; } .zhineng_main_1 .w1440 .box2 li:last-child { float: right; } .zhineng_main_1 .w1440 .box2 li:hover::before { -webkit-transition: left 1s; -moz-transition: left 1s; -ms-transition: left 1s; transition: left 1s; left: 120%; opacity: 1; } .zhineng_main_2 { background: url(/uploads/image/ptwpimages/zhineng_2.jpg) center center no-repeat; width: 100%; height: 700px; text-align: center; } .zhineng_main_2 h3 { font-size: 42px; padding-top: 340px; -webkit-transition: all ease-in-out 5s; -webkit-animation: big 5s infinite linear; } .yingyong_1 { background: #fff; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2); margin: 80px auto; padding: 33px 0; } .yingyong_1 .left { padding-left: 3%; width: 29%; } .yingyong_1 .left h3 { font-size: 42px; padding-top: 116px; margin-bottom: 28px; } .yingyong_1 .left span { display: block; width: 37px; height: 2px; background: #999; margin-bottom: 28px; } .yingyong_1 .left p { font-size: 16px; line-height: 26px; } .yingyong_1 .right { width: 63%; padding-right: 2%; } .yingyong_1 .right li { height: 512px; overflow: hidden; float: left; width: 32%; margin-left: 2%; position: relative; border-radius: 14px; transition: ease-in-out .2s; } .yingyong_1 .right li .on { width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: center; } .yingyong_1 .right li .on i { width: 65px; height: 65px; background-position: -298px -116px; margin-top: 197px; border-radius: 100%; } .yingyong_1 .right li .on h3 { font-size: 20px; color: #fff; margin-top: 50px; opacity: 0; transition: ease-in-out .2s; } .yingyong_1 .right li:first-child { margin-left: 0; } .yingyong_1 .right li:hover .on { background: url(/uploads/image/ptwpimages/yingyong_1_on.png); } .yingyong_1 .right li:hover .on h3 { opacity: 1; margin-top: 30px; } .yingyong_1 .right li:hover .on i { box-shadow: 0px 0px 0px 8px rgba(255, 255, 255, 0.2); } .yingyong_2 { padding-bottom: 83px; } .yingyong_2 .body { padding-top: 50px; text-align: center; } .yingyong_2 .body ul { display: inline-block; } .yingyong_2 .body li { float: left; display: inline-block; margin: 0 82px; } .yingyong_2 .body li h3 { font-size: 24px; padding-top: 16px; } .yingyong_2 .body li:hover { transform: translatey(-8px); transition: ease-in-out .2s; } .yingyong_main_3 { background: #272a44; padding-top: 73px; } .yingyong_main_3 .about_tit { /*background: url(/uploads/image/ptwpimages/about_line3.png) center center no-repeat;*/ color: #fff; } .yingyong_main_3 .body { margin-top: 73px; padding-bottom: 99px; } .yingyong_main_3 .body li { float: left; width: 22%; margin-left: 4%; position: relative; } .yingyong_main_3 .body li img { width: 96%; display: block; z-index: 9; position: relative; } .yingyong_main_3 .body li h3 { position: absolute; width: 100%; left: 0; font-size: 24px; color: #fff; z-index: 10; height: 30px; top: 50%; margin-top: -15px; text-align: center; } .yingyong_main_3 .body li i { width: 39px; height: 24px; background-position: -203px -168px; position: absolute; top: 50%; margin-top: -12px; right: -43px; } .yingyong_main_3 .body li:first-child { margin-left: 0; } .yingyong_main_3 .body li:last-child i { display: none; } .yingyong_main_3 .body li:hover { transition: ease-in-out .2s; transform: translatey(-10px); } .yingyong_main_4 { padding-top: 75px; } .yingyong_main_4 .body { padding-top: 53px; } .yingyong_main_4 li { height: 564px; background: #f4f4f4; position: relative; overflow: hidden; } .yingyong_main_4 li .left { height: 564px; } .yingyong_main_4 li .left h3 { font-size: 36px; padding-top: 138px; } .yingyong_main_4 li .left h3 p { padding-top: 30px; font-size: 16px; line-height: 30px; width: 380px; } .yingyong_main_4 li .left h3 i { width: 17px; height: 29px; background-position: 0 -144px; margin-right: 15px; margin-bottom: 2px; } .yingyong_main_4 li .right { height: 564px; width: 846px; } .yingyong_main_4 li .right img { margin-right: 58px; } .yingyong_main_4 li:nth-child(2n) { background: #fff; } .yingyong_main_4 li:nth-child(2n) .left { float: right; width: 416px; height: 564px; } .yingyong_main_4 li:nth-child(2n) .right { float: left; } .yingyong_main_4 li:nth-child(2n) .right img { margin-left: 30px; margin-right: 0; } .yingyong_main_4 li:hover .right img { transition: ease-in-out .2s; transform: translatex(-10px); } .shuanglun_banner { height: auto; position: relative; } .shuanglun_banner .sub_local { padding-top: 0px; position: absolute; z-index: 10; height: 152px; top: 50%; margin-top: -76px; width: 1440px; margin-left: -720px; left: 50%; } .shuanglun_banner .sub_local .sobtitle { font-size: 20px; margin-top: 20px; } .shuanglun_banner img { display: block; width: 100%; position: relative; z-index: 9; } .shuanglun_main_1 { background: url(/uploads/image/ptwpimages/shuanglun_1.jpg) center top no-repeat; width: 100%; height: 700px; } .shuanglun_main_1 .tit { text-align: center; } .shuanglun_main_1 .tit h3 { padding-top: 65px; font-size: 42px; } .shuanglun_main_1 .tit p { font-size: 20px; padding-top: 10px; } .shuanglun_main_1 .body { margin-top: 60px; } .shuanglun_main_1 .body li { float: left; margin-left: 2%; width: 23%; overflow: hidden; position: relative; } .shuanglun_main_1 .body li img { display: block; width: 100%; } .shuanglun_main_1 .body li::before { content: ""; position: absolute; width: 100px; height: 500px; top: 0; left: 0px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewx(-32deg); -ms-transform: skewx(-32deg); -moz-transform: skewx(-32deg); transform: skewx(-32deg); opacity: 0; } .shuanglun_main_1 .body li:first-child { margin-left: 0; } .shuanglun_main_1 .body li:hover::before { -webkit-transition: left 1s; -moz-transition: left 1s; -ms-transition: left 1s; transition: left 1s; left: 150%; opacity: 1; } .shuanglun_main_2 { height: 700px; } .shuanglun_main_2 .slidetxtbox { text-align: left; position: relative; } .shuanglun_main_2 .slidetxtbox .hd { position: absolute; width: 1440px; left: 50%; margin-left: -720px; top: 84px; z-index: 10; } .shuanglun_main_2 .slidetxtbox .hd ul { width: 540px; float: left; } .shuanglun_main_2 .slidetxtbox .hd ul li { float: left; line-height: 60px; overflow: hidden; cursor: pointer; text-align: center; width: 268px; height: 268px; border: 1px solid #fff; color: #fff; display: block; position: relative; } .shuanglun_main_2 .slidetxtbox .hd ul li .on { position: absolute; left: 0; top: 0px; background: #dc2828; opacity: 0; text-align: left; width: 100%; height: 100%; } .shuanglun_main_2 .slidetxtbox .hd ul li .on i { width: 95px; height: 95px; background-position: 0px -203px; margin-top: 22px; margin-left: 64px; } .shuanglun_main_2 .slidetxtbox .hd ul li .on h3 { padding-left: 44px; transition: ease-in-out .2s; } .shuanglun_main_2 .slidetxtbox .hd ul li .on p { line-height: 18px; padding-left: 44px; padding-right: 30px; } .shuanglun_main_2 .slidetxtbox .hd ul li i { width: 95px; height: 95px; background-position: 0px -203px; margin-top: 69px; } .shuanglun_main_2 .slidetxtbox .hd ul li h3 { font-size: 32px; } .shuanglun_main_2 .slidetxtbox .hd ul li:nth-child(1) { border-right: none; width: 269px; } .shuanglun_main_2 .slidetxtbox .hd ul li:nth-child(2) i { background-position: -95px -203px; } .shuanglun_main_2 .slidetxtbox .hd ul li:nth-child(3) i { background-position: -190px -203px; } .shuanglun_main_2 .slidetxtbox .hd ul li:last-child { float: right; border-top: none; z-index: 11; } .shuanglun_main_2 .slidetxtbox .hd ul li a { color: #333; } .shuanglun_main_2 .slidetxtbox .hd ul li.on { border: 1px solid #dc2828; } .shuanglun_main_2 .slidetxtbox .hd ul li.on .on { opacity: 1; } .shuanglun_main_2 .slidetxtbox .hd ul li.on .on i { transition: ease-in-out .2s; margin-left: 44px; } .shuanglun_main_2 .slidetxtbox .hd ul li.on:nth-child(1) { width: 268px; } .shuanglun_main_2 .slidetxtbox .hd ul li.on a { display: block; width: 100%; height: 100%; color: #fff; } .shuanglun_main_2 .slidetxtbox .bd ul { zoom: 1; width: 100%; overflow: hidden; } .shuanglun_main_2 .slidetxtbox .bd li { width: 100%; height: 700px; } .shuanglun_main_2 .slidetxtbox .bd li .box { padding-left: 685px; color: #fff; } .shuanglun_main_2 .slidetxtbox .bd li .box h3 { font-size: 42px; padding-top: 268px; font-weight: 400; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5); } .shuanglun_main_2 .slidetxtbox .bd li .box p { font-size: 24px; width: 465px; padding-top: 25px; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.5); } .quanqiu_main_1 { height: 760px; } .quanqiu_main_1 .slidetxtbox { text-align: left; position: relative; height: 100%; } .quanqiu_main_1 .slidetxtbox .hd { position: absolute; height: 60px; left: 0; bottom: 72px; width: 100%; z-index: 10; } .quanqiu_main_1 .slidetxtbox .hd ul { width: 100%; float: left; } .quanqiu_main_1 .slidetxtbox .hd ul li { float: left; line-height: 68px; cursor: pointer; width: 32%; margin-right: 2%; height: 68px; font-size: 20px; background: #7e7e7e; color: #fff; } .quanqiu_main_1 .slidetxtbox .hd ul li i { width: 40px; height: 40px; background-position: -371px -119px; margin-right: 21px; margin-bottom: 4px; margin-left: 22px; transition: ease-in-out 0.2s; } .quanqiu_main_1 .slidetxtbox .hd ul li:nth-child(2) i { background-position: -411px -119px; } .quanqiu_main_1 .slidetxtbox .hd ul li:nth-child(3) i { background-position: -451px -119px; } .quanqiu_main_1 .slidetxtbox .hd ul li:last-child { margin-right: 0; } .quanqiu_main_1 .slidetxtbox .hd ul li a { color: #fff; } .quanqiu_main_1 .slidetxtbox .hd ul li.on { background: linear-gradient(to right bottom, #2256ea, #3881f8); color: #fff; } .quanqiu_main_1 .slidetxtbox .hd ul li.on a { display: block; width: 100%; height: 100%; color: #fff; } .quanqiu_main_1 .slidetxtbox .bd ul { zoom: 1; width: 100%; } .quanqiu_main_1 .slidetxtbox .bd li { width: 100%; height: 700px; } .quanqiu_main_1 .slidetxtbox .bd li .box { padding-left: 37px; } .quanqiu_main_1 .slidetxtbox .bd li .box .tit { border-bottom: 1px solid #e7e7e7; width: 538px; font-size: 42px; padding-top: 60px; padding-bottom: 27px; } /* new0313 */ .quanqiu_main_1 .slidetxtbox .bd li .boc p { font-size: 15px; line-height: 26px; } .quanqiu_main_1 .slidetxtbox .bd li .boc p span { z-index: 9; position: relative; font-weight: bold; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd15 p span { top: -11px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd16 p span { left: -17px; top: -13px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd21 p span { top: -52px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd26 p span { top: -54px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd27 p span { top: -6px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd28 p span { left: -47px; top: -27px; } .quanqiu_main_1 .slidetxtbox .bd li .box .pc { font-size: 24px; line-height: 36px; } .quanqiu_main_1 .slidetxtbox .bd li .boc { width: 1200px; height: 556px; margin: 0 auto; position: relative; } .quanqiu_main_1 .slidetxtbox .bd li .boc dl { height: 556px; width: 100%; } .quanqiu_main_1 .slidetxtbox .bd li .boc dd { width: 210px; font-size: 16px; height: 60px; line-height: 44px; text-align: center; transition: ease-in-out .2s; } .quanqiu_main_1 .slidetxtbox .bd li .boc.bom1 dd i { width: 21px; margin: 0 auto; height: 29px; display: block; background: url(/uploads/image/ptwpimages/zx_05.png) center center no-repeat; } .quanqiu_main_1 .slidetxtbox .bd li .boc.bom dd i { width: 21px; margin: 0 auto; height: 29px; display: block; background: url(/uploads/image/ptwpimages/zx_04.png) center center no-repeat; } .quanqiu_main_1 .slidetxtbox .bd li .boc dd i { width: 21px; margin: 0 auto; height: 29px; display: block; background: url(/uploads/image/ptwpimages/zx_03.png) center center no-repeat; position: relative; z-index: 6; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd1 { position: absolute; left: 127px; top: 132px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd2 { position: absolute; left: 100px; top: 200px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd3 { position: absolute; left: 484px; top: 147px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd4 { position: absolute; left: 538px; top: 80px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd5 { position: absolute; left: 745px; top: 81px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd6 { position: absolute; left: 498px; top: 301px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd7 { position: absolute; left: 546px; top: 347px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd8 { position: absolute; left: 790px; top: 208px } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd9 { position: absolute; left: 858px; top: 187px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd10 { position: absolute; left: 905px; top: 170px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd11 { position: absolute; left: 887px; top: 330px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd12 { position: absolute; left: 915px; top: 405px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd13 { position: absolute; left: 428px; top: 228px; } /* new0312 */ .quanqiu_main_1 .slidetxtbox .bd li .boc .dd14 { position: absolute; left: 780px; top: 298px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd15 { position: absolute; left: 820px; top: 182px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd16 { position: absolute; left: 801px; top: 212px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd17 { position: absolute; left: 836px; top: 218px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd18 { position: absolute; left: 811px; top: 235px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd19 { position: absolute; left: 824px; top: 342px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd20 { position: absolute; left: 459px; top: 146px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd21 { position: absolute; left: 778px; top: 210px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd22 { position: absolute; left: 805px; top: 215px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd23 { position: absolute; left: 736px; top: 214px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd24 { position: absolute; left: 756px; top: 224px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd25 { position: absolute; left: 873px; top: 341px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd26 { position: absolute; left: 884px; top: 326px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd27 { position: absolute; left: 913px; top: 332px; } .quanqiu_main_1 .slidetxtbox .bd li .boc .dd28 { position: absolute; left: 850px; top: 338px; } /* new_end */ .quanqiu_main_1 .slidetxtbox .bd li .bon .dd1 i, .quanqiu_main_1 .slidetxtbox .bd li .bon .dd4 i, .quanqiu_main_1 .slidetxtbox .bd li .bon .dd5 i, .quanqiu_main_1 .slidetxtbox .bd li .bon .dd6 i, .quanqiu_main_1 .slidetxtbox .bd li .bon .dd7 i, .quanqiu_main_1 .slidetxtbox .bd li .bon .dd11 i, .quanqiu_main_1 .slidetxtbox .bd li .bon .dd12 i { display: none; } .quanqiu_main_1 .slidetxtbox .bd li .bom .dd2 i, .quanqiu_main_1 .slidetxtbox .bd li .bom .dd3 i, .quanqiu_main_1 .slidetxtbox .bd li .bom .dd8 i, .quanqiu_main_1 .slidetxtbox .bd li .bom .dd10 i { display: none; } .quanqiu_main_1 .slidetxtbox .bd li .bon .dd1 span, .quanqiu_main_1 .slidetxtbox .bd li .bon .dd4 span, .quanqiu_main_1 .slidetxtbox .bd li .bon .dd5 span, .quanqiu_main_1 .slidetxtbox .bd li .bon .dd6 span, .quanqiu_main_1 .slidetxtbox .bd li .bon .dd7 span, .quanqiu_main_1 .slidetxtbox .bd li .bon .dd11 span, .quanqiu_main_1 .slidetxtbox .bd li .bon .dd12 span { display: none; margin-top: 29px; } .quanqiu_main_1 .slidetxtbox .bd li .bom .dd2 span, .quanqiu_main_1 .slidetxtbox .bd li .bom .dd3 span, .quanqiu_main_1 .slidetxtbox .bd li .bom .dd8 span, .quanqiu_main_1 .slidetxtbox .bd li .bom .dd10 span { display: none; margin-top: 29px; } .quanqiu_main_1 .slidetxtbox .bd li .bom .dd2, .quanqiu_main_1 .slidetxtbox .bd li .bom .dd3, .quanqiu_main_1 .slidetxtbox .bd li .bom .dd8, .quanqiu_main_1 .slidetxtbox .bd li .bom .dd10 { display: none; } .quanqiu_main_1 .slidetxtbox .bd li .box .ss { width: 605px; } .quanqiu_main_1 .slidetxtbox .bd li .box .ss b { font-size: 60px; margin-right: 10px; font-weight: 400; } .quanqiu_main_1 .slidetxtbox .bd li .box .ss span { font-size: 36px; } .quanqiu_main_1 .slidetxtbox .bd li .box .ss h4 { font-size: 18px; font-weight: 400; margin-bottom: 49px; } .quanqiu_main_1 .slidetxtbox .bd li .box .ss .left { width: 335px; } .quanqiu_main_1 .slidetxtbox .bd li .box .ss .right { width: 270px; } .quanqiu_main_2 { background: url(/uploads/image/ptwpimages/quanqiu_bg2.jpg) center top no-repeat; height: 540px; padding-top: 93px; } .quanqiu_main_2 .about_tit { color: #fff; background: url(/uploads/image/ptwpimages/about_line.png) center center no-repeat; } .quanqiu_main_2 .body { background: url(/uploads/image/ptwpimages/quanqiu_bg2_1.jpg); width: 1200px; height: 300px; margin: 33px auto 0; overflow: hidden; } .quanqiu_main_2 .body li { float: left; margin-left: 1px; overflow: hidden; margin-top: 1px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; } .quanqiu_main_2 .body li img { width: 298px; height: 97px; display: block; transition: ease-in-out .2s; } .quanqiu_main_2 .body li:nth-child(6) { margin-left: 599px; border-left: 1px solid #ddd; border-right: none; } .quanqiu_main_2 .body li:nth-child(7), .quanqiu_main_2 .body li:nth-child(8), .quanqiu_main_2 .body li:nth-child(9), .quanqiu_main_2 .body li:nth-child(10) { border-bottom: none; } .quanqiu_main_2 .body li:nth-child(8), .quanqiu_main_2 .body li:nth-child(9) { border-top: 1px solid #ddd; margin-top: -1px; } .quanqiu_main_2 .body li:hover img { transform: scale(1.1); } .shili_1 { position: relative; height: 601px; z-index: 10; } .shili_1 .left { width: 32%; position: absolute; left: 0; background: #414773; height: 652px; bottom: 97px; } .shili_1 .left h3 { font-size: 28px; color: #fff; padding: 18px 40px 20px; } .shili_1 .left p { font-size: 16px; color: #fff; padding: 0 40px; line-height: 24px; } .shili_1 .left img { width: 100%; position: absolute; left: 0; bottom: 0; } .shili_1 .right { width: 66%; margin-top: 71px; position: relative; overflow: hidden; height: 433px; } .shili_1 .right .tit { color: #fff; font-size: 28px; line-height: 37px; text-align: center; width: 78px; padding-top: 109px; float: left; background: #414773; height: 324px; } .shili_1 .right span { position: absolute; display: block; left: 61px; line-height: 433px; height: 433px; z-index: 10; top: 0; color: #fff; font-size: 20px; } .shili_1 .right ul { float: right; width: calc(100% - 78px); } .shili_1 .right li { float: left; width: 33.333%; position: relative; } .shili_1 .right li img { width: 100%; } .shili_1 .right li .on { position: absolute; left: 0; top: 30px; width: 100%; background: url(/uploads/image/ptwpimages/shili_on.png) left bottom repeat-x; height: 100%; opacity: 0; transition: ease-in-out .2s; } .shili_1 .right li .txt { position: absolute; left: 0; bottom: 0; width: 100%; background: url(/uploads/image/ptwpimages/ctitline_2_bg.png) left bottom repeat-x; height: 137px; } .shili_1 .right li .txt h3 { font-size: 24px; color: #fff; padding: 0 25px; padding-bottom: 20px; padding-top: 80px; } .shili_1 .right li .on h3 { font-size: 24px; color: #fff; padding: 0 25px; padding-bottom: 20px; padding-top: 203px; } .shili_1 .right li .on p { color: #fff; font-size: 16px; line-height: 24px; padding: 0 25px; } .shili_1 .right li:hover .on { top: 0; opacity: 1; } .shili_1 .right li:hover .txt { opacity: 0; } .shili_main_2 { background: url(/uploads/image/ptwpimages/shili_bg2.jpg) center top no-repeat; width: 100%; height: 652px; padding-top: 48px; } .shili_main_2 .about_tit { color: #fff; background: url(/uploads/image/ptwpimages/about_line4.png) center center no-repeat; } .shili_main_2 .body { width: 1081px; margin: 37px auto 0; } .shili_main_2 .body .left { width: 553px; } .shili_main_2 .body .right { width: 507px; } .shili_main_2 .body li { float: left; width: 100%; position: relative; margin-bottom: 23px; overflow: hidden; } .shili_main_2 .body li img { width: 100%; } .shili_main_2 .body li .on { position: absolute; left: 0; top: 30px; width: 100%; background: url(/uploads/image/ptwpimages/shili_on.png) left bottom repeat-x; height: 100%; transition: ease-in-out .2s; opacity: 0; } .shili_main_2 .body li .on h3 { font-size: 24px; color: #fff; padding: 0 25px; padding-bottom: 20px; padding-top: 150px; transition: ease .3s; } .shili_main_2 .body li .txt { position: absolute; left: 0; bottom: 0; width: 100%; background: url(/uploads/image/ptwpimages/ctitline_2_bg.png) left bottom repeat-x; height: 200px; transition: ease-in-out .2s; } .shili_main_2 .body li .txt h3 { font-size: 24px; color: #fff; padding: 0 25px; padding-bottom: 20px; padding-top: 150px; transition: ease .3s; } .shili_main_2 .body .left li .on h3 { padding-top: 120px; } .shili_main_2 .body li .on p { color: #fff; font-size: 16px; line-height: 24px; padding: 0 25px; } .shili_main_2 .body li:hover .on { top: 0; opacity: 1; } .shili_main_2 .body li:hover .txt { opacity: 0; } .shili_main_2 .body .right li .on h3 { padding-top: 382px; transition: ease .4s; } .shili_3 { padding-top: 108px; } .shili_3 li { margin-bottom: 100px; height: 435px; color: #fff; overflow: hidden; position: relative; } .shili_3 li::before { content: ""; position: absolute; width: 100px; height: 435px; top: 0; left: 0px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); -webkit-transform: skewx(-32deg); -ms-transform: skewx(-32deg); -moz-transform: skewx(-32deg); transform: skewx(-32deg); opacity: 0; } .shili_3 li:hover::before { -webkit-transition: left 1s; -moz-transition: left 1s; -ms-transition: left 1s; transition: left 1s; left: 120%; opacity: 1; } .shili_3 li a h3 { font-size: 42px; padding-bottom: 20px; padding-left: 84px; padding-top: 134px; color: #fff; } .shili_3 li a { display: block; width: 100%; height: 100%; } .shili_3 li a p { font-size: 16px; line-height: 30px; padding-left: 84px; width: 530px; color: #fff; } .shili_3 li:last-child h3 { padding-left: 930px; } .shili_3 li:last-child p { padding-left: 930px; width: 440px; } .ny_wrapper { background: #f5f5f5; } .menuer { position: absolute; bottom: -30px; width: 100%; height: 65px; } .menuer .common_nav { position: relative; top: 0; height: 65px; box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); background: #fff; } .menuer .common_nav .mitem { float: left; width: 14%; height: 65px; text-align: left; border-right: 1px solid #ddd; } .menuer .common_nav .mitem .mt { display: block; height: 62px; font-size: 20px; line-height: 62px; text-align: center; font-weight: lighter; color: #333; } .menuer .common_nav .mitem.hover .mt { color: #2352b3; border-bottom: 3px solid #e7434a; } .menuer .common_nav .mitem:hover .mt { color: #2352b3; } .menuer .common_nav .nav_sub { display: none; } .din { width: 100%; } .din ul { width: 100%; display: inline-block; margin-top: 60px; background-color: #fff; } .din li { float: left; width: 14%; height: 40px; text-align: left; border-right: 1px solid #ddd; } .din li a { display: block; height: 40px; font-size: 16px; line-height: 40px; text-align: center; color: #333; } .din li.on a { font-weight: bold; color: #fff; background-color: #2352b3; } .din li:hover a { font-weight: bold; color: #fff; background-color: #2352b3; } /* relink */ .relink { margin-top: 28px; height: 120px; box-sizing: border-box; background: #878f9f; } .relink .prevlink, .relink .nextlink { position: relative; float: left; width: 50%; height: 120px; } .relink .prevlink .txt { padding: 40px 50px; margin-left: 50px; height: 120px; box-sizing: border-box; background: no-repeat left center; transition: all ease 0.36s; } .relink .prevlink .txt .tit { font-size: 20px; line-height: 20px; color: #fff; } .relink .prevlink .txt .sub { margin-top: 9px; font-size: 14px; line-height: 14px; color: #fff; } .relink .prevlink .img { position: absolute; right: 0; top: 20px; width: 135px; opacity: 0; transition: all ease 0.36s; } .relink .prevlink img { display: block; width: 135px; object-fit: contain; } .relink .nextlink .txt { padding: 40px 50px; margin-right: 50px; height: 120px; box-sizing: border-box; background: no-repeat right center; transition: all ease 0.36s; } .relink .nextlink .txt .tit { font-size: 20px; line-height: 20px; color: #fff; text-align: right; } .relink .nextlink .txt .sub { margin-top: 9px; font-size: 14px; line-height: 14px; color: #fff; text-align: right; } .relink .nextlink .img { position: absolute; left: 0; top: 20px; width: 135px; opacity: 0; } .relink .nextlink img { display: block; width: 135px; object-fit: contain; } .relink .prevlink:hover { background: #2352b3; } .relink .prevlink:hover .img { right: 20px; transition: all ease 0.36s; opacity: 1; } .relink .prevlink:hover .txt { padding-left: 44px; transition: all ease 0.36s; } .relink .nextlink:hover { background: #2352b3; } .relink .nextlink:hover .img { left: 20px; transition: all ease 0.36s; opacity: 1; } .relink .nextlink:hover .txt { padding-right: 44px; transition: all ease 0.36s; } /* ��ʒ����pronav */ .menuer_prod { position: absolute; bottom: -90px; width: 100%; height: 120px; } .menuer_prod .pro_nav { position: relative; height: 120px; box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); background: #fff; } .menuer_prod .pro_nav .mitem { position: relative; /* padding-left:50px; */ box-sizing: border-box; float: left; width: 25%; height: 120px; } .menuer_prod .pro_nav .mitem .mt { position: relative; padding-left: 80px; height: 120px; width: calc(20%); /* margin-left: 50px; */ font-size: 24px; text-align: center; line-height: 120px; color: #333; background: no-repeat 50px center; } .menuer_prod .pro_nav .mitem:before { position: absolute; left: 0; top: 0; content: ' '; display: block; width: 1px; height: 120px; background: #ddd; } .menuer_prod .pro_nav .mitem:first-child:before { display: none; } .menuer_prod .pro_nav .mitem.hover .mt { font-weight: bold; color: #2352b3; border-bottom: 3px solid #e7434a; background: no-repeat 50px center; } .menuer_prod .pro_nav .mitem:hover .mt { font-weight: bold; color: #2352b3; background: no-repeat 50px center; } /* product_center */ .ny_wrapper { padding-bottom: 100px; } .product_wrapper { padding-bottom: 230px; } .product_center { padding-top: 107px; } .product_center .prolist li { margin-right: 2.85%; margin-bottom: 40px; float: left; width: 31.4%; height: 450px; box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); background: #fff; transition: all ease 0.36s; } .product_center .prolist li:nth-child(3n) { margin-right: 0; } .product_center .prolist li .img { display: block; width: 100%; overflow: hidden; position: relative; padding-top: 75%; } .product_center .prolist li img { display: block; width: 100%; height: 100%; transition: ease-in-out 0.2s; position: absolute; left: 0; top: 0; } .product_center .prolist li .txtbox { padding: 40px 40px 0px; height: 60px; transition: all ease 0.36s; transform: translatey(0); z-index: 2; } .product_center .prolist li .t_top { padding-bottom: 30px; } .product_center .prolist li .t_top .tit { font-size: 26px; line-height: 30px; color: #333; background: no-repeat center right; } .product_center .prolist li .t_top .desc { margin-top: 30px; height: 48px; font-size: 14px; line-height: 24px; color: #999; } .product_center .prolist li .t_bottom { padding-top: 30px; } .product_center .prolist li .t_bottom .ite { font-size: 14px; line-height: 30px; color: #999; } .product_center .prolist li .t_bottom .it2 { margin-left: 20px; color: #666; } .product_center .prolist li:hover { transform: translatey(-3px); box-shadow: 8px 0 16px rgba(0, 0, 0, 0.1); transition: all ease 0.36s; } .product_center .prolist li:hover .t_top .tit { color: #1b1f79; background: no-repeat center right; } .product_center .prolist li:hover img { filter: brightness(105%); -webkit-filter: brightness(105%); } /* ��ʒ����-���� */ .product_detail_wrapper { padding-bottom: 160px; } .product_detail { padding-top: 160px; } .pro_top { height: 525px; box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); background: #fff; } /*****showproduct****/ .showproduct { float: left; position: relative; width: 50%; } .showproduct .showimg { float: left; position: relative; padding-bottom: 0; overflow: hidden; } .showproduct .photo { position: relative; height: 525px; } .showproduct .photo .jqzoom { width: 700px; height: 525px; position: relative; padding: 0; } .showproduct .photo .zoomdiv { z-index: 999; position: absolute; top: 0; left: 0; background: #ffffff; border: 1px solid #ddd; display: none; text-align: center; overflow: hidden; } .showproduct .photo .jqzoompup { z-index: 999; visibility: hidden; position: absolute; top: 0; left: 0; border: 1px solid #eee; background: #fff; opacity: 0.6; -moz-opacity: 0.6; -khtml-opacity: 0.6; filter: alpha(opacity=50); } .showproduct .photo .img { width: 100%; height: 100%; display: block; } .showproduct .photo .bigimg { width: 100%; height: 100%; display: block; position: relative; overflow: hidden; } .showproduct .photo .bigimg .list { width: 1000%; position: relative; } .showproduct .photo .bigimg .list li { position: relative; display: block; width: 700px; height: 525px; float: left; } .showproduct .photo .bigimg .list img { position: relative; width: 100%; height: 100%; display: block; transition: all ease 300ms; } .showproduct .photo .bigimg .list li:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; z-index: 1; } .showproduct .photo .bigimg .list li:hover:before { animation: gradient-rectangle 1s 1; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96); nimation-timing-function: cubic-bezier(0, 0, 0.18, 0.96); } .showproduct .photo .photoimg { width: 426px; height: 60px; position: absolute; left: 114%; top: 52%; z-index: 12; } .showproduct .photo .photoimg .list { width: 354px; overflow: hidden; position: relative; margin: 0 auto; } .showproduct .photo .photoimg .listcon { width: 300%; position: relative; } .showproduct .photo .photoimg .listcon li { width: 80px; height: 60px; cursor: pointer; display: block; float: left; margin-right: 12px; } .showproduct .photo .photoimg .listcon li img { width: 80px; height: 60px; display: block; } .showproduct .photo .photoimg .listcon li:hover img, .showproduct .photo .photoimg .listcon li.on img { border: 2px solid #2352b3; width: 76px; height: 56px; } .showproduct .photo .photoimg .prev, .showproduct .photo .photoimg .next { width: 26px; height: 60px; z-index: 10; position: absolute; top: 0; cursor: pointer; background: #ddd no-repeat 0 center; border-radius: 3px; } .showproduct .photo .photoimg .prev:hover, .showproduct .photo .photoimg .next:hover { background-color: #ccc; } .showproduct .photo .photoimg .prev { left: 0; background-position: 8px center; } .showproduct .photo .photoimg .next { right: 0; background-position: -64px center; } /* .showproduct .photo .bigimg .list li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);} */ .pro_top .imgtxtcon { padding-left: 7%; padding-right: 7%; position: relative; float: left; width: 50%; height: 525px; box-sizing: border-box; } .pro_top .imgtxtcon .tit { padding-top: 80px; font-size: 34px; line-height: 30px; color: #1b1f79; } .pro_top .imgtxtcon .desc { margin-top: 48px; font-size: 16px; line-height: 24px; color: #666; } .pro_top .imgtxtcon .wx { position: absolute; bottom: 14%; left: 14%; display: block; width: 200px; height: 45px; font-size: 16px; line-height: 45px; text-indent: 60px; color: #fff; background: no-repeat 140px center #e7434a; transition: all ease 0.36s; z-index: 14; } .pro_top .imgtxtcon .wx:hover { text-indent: 64px; color: #fff; background-color: #005cb3; box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17); transition: all ease 0.36s; } .pro_cont { padding: 5%; margin-top: 50px; background: #fff; box-sizing: border-box; box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); } .pro_cont .pro_left { float: left; width: 33%; } .pro_cont .pro_left .pro_t { padding-top: 100px; border-top: 1px solid #ccc; } .pro_cont .pro_t .pro_tit { font-size: 34px; line-height: 34px; color: #333; } .pro_cont .pro_t .pro_b { padding-top: 80px; } .pro_cont .pro_t .pro_b .ite { font-size: 16px; line-height: 30px; color: #999; border-bottom: 1px dashed #ddd; min-height: 50px; padding: 15px 0; box-sizing: border-box; } .pro_cont .pro_t .pro_b .it2 { margin-left: 24px; color: #666; } .pro_cont .pro_right { float: right; width: 50%; } .pro_cont .pro_right .pro_context { line-height: 36px; } .pro_cont .pro_context img { max-width: 100%; } .pro_cont .relink .prevlink .img { width: 100px; height: 75px; } .pro_cont .relink .prevlink img { width: 100px; height: 75px; } .pro_cont .relink .nextlink .img { width: 100px; height: 75px; } .pro_cont .relink .nextlink img { width: 100px; height: 75px; } /* �ƽ���ʒ */ .pro_recom { padding-top: 80px; } .pro_recom .pros_tit .tit { margin-left: 10px; float: left; display: block; width: 170px; font-size: 40px; line-height: 44px; color: #333; background: no-repeat 30px bottom; } .pro_recom .pros_tit .morepros { float: right; font-size: 20px; line-height: 44px; color: #999; } .pro_recom .pros_tit .morepros:hover { color: #2352b3; } .pro_recom .prolist { margin-top: 40px; } .pro_recom .prolist .list { width: 103%; } .pro_recom .prolist li { position: relative; margin-right: 40px; float: left; width: calc(-6.666666666666664%); height: 510px; background: #fff; box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); transition: all ease 0.36s; } .pro_recom .prolist li a { display: block; } .pro_recom .prolist li .img { position: relative; display: block; width: auto; height: 330px; overflow: hidden; } .pro_recom .prolist li .txt { position: relative; height: 180px; padding: 40px 50px 50px 40px; box-sizing: border-box; } .pro_recom .prolist li .img::before { content: ""; position: absolute; width: 100px; height: 800px; top: 0; left: -250px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewx(-32deg); -ms-transform: skewx(-32deg); -moz-transform: skewx(-32deg); transform: skewx(-32deg); opacity: 0; } .pro_recom .prolist li .txt .tit { font-size: 26px; line-height: 26px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .pro_recom .prolist li .txt .desc { margin-top: 20px; font-size: 14px; line-height: 24px; color: #999; } .pro_recom .prolist li .plus { position: absolute; bottom: 0; right: 0; display: block; width: 50px; height: 50px; font-size: 34px; line-height: 50px; text-align: center; color: #fff; background: #676a72; } .pro_recom .prolist li:hover .plus { background: #e7434a; } .pro_recom .prolist li:hover { transform: translatey(-3px); box-shadow: 8px 0 16px rgba(0, 0, 0, 0.1); transition: all ease 0.36s; } .pro_recom .prolist li:hover .img::before { -webkit-transition: left 2s; -moz-transition: left 2s; -ms-transition: left 2s; transition: left 2s; left: 150%; opacity: 1; } .pro_recom .prolist li:hover .tit { color: #2352b3; } .pro_recom .prolist .list li.item4 { display: none; } /* �ͻ����� */ .case_wrapper { padding-top: 80px; } .case_wrapper .caselist li { position: relative; float: left; width: 30.66667%; margin-bottom: 50px; margin-right: 4%; transition: all ease 0.36s; } .case_wrapper .caselist li:nth-child(3n) { margin-right: 0; } .case_wrapper .caselist.xiaotu li { width: 22%; margin-right: 4%; } .case_wrapper .caselist.xiaotu li:nth-child(3n) { margin-right: 4%; } .case_wrapper .caselist.xiaotu li:nth-child(4n) { margin-right: 0; } .case_wrapper .caselist li .img { position: relative; display: block; width: 100%; padding-top: 56.25%; overflow: hidden; z-index: 10; } .case_wrapper .caselist li .img.img2 { padding-top: 32.55%; } .case_wrapper .caselist li img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .case_wrapper .caselist li .txtx { position: absolute; bottom: 0px; left: 0; background: left bottom repeat-x; width: 100%; height: 242px; z-index: 12; z-index: 10; transition: ease-in-out .2s; } .case_wrapper .caselist li .txtx p { font-size: 16px; text-align: center; color: #fff; padding-top: 10px; padding-left: 80px; padding-right: 80px; } .case_wrapper .caselist li .txtx p:last-child { padding-bottom: 30px; } .case_wrapper .caselist li .txtx .tit { font-size: 24px; line-height: 30px; text-align: center; color: #fff; padding-top: 170px; } .case_wrapper .caselist li .txtx { display: block; } .case_wrapper .caselist li:hover .txtx { height: 308px; background: left bottom repeat-x; } .case_wrapper .caselist li .txt { display: table; width: 100%; height: 50px; z-index: 2; background: no-repeat center center; } .case_wrapper .caselist li .txt .tit { position: relative; display: table-cell; vertical-align: middle; font-size: 16px; text-indent: 15px; color: #fff; z-index: 12; } .case_wrapper .caselist li .txt .tit span { font-size: 14px; padding-left: 10px; } .case_wrapper .caselist li .txt p { position: relative; display: table; font-family: arial; float: right; font-size: 30px; width: 75px; height: 100%; background: #2352b3; z-index: 12; } .case_wrapper .caselist li .txt p span { display: table-cell; vertical-align: middle; text-align: center; font-size: 30px; color: #fff; } .case_wrapper .caselist li .txt:before, .case_wrapper .caselist li .txt:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #e7434a; z-index: 2; transition: 0.8s; display: none; } .case_wrapper .caselist li .txt:before { transition: 0.8s; background: #e7434a; z-index: -1; } .case_wrapper .caselist li:hover { transform: translatey(-3px); box-shadow: 8px 0 16px rgba(0, 0, 0, 0.1); transition: all ease 0.36s; } .case_wrapper .caselist li:hover .txt:after, .case_wrapper .caselist li:hover .txt:before { width: 100%; } .case_wrapper .caselist li:hover p { background: #e7434a; } .case_wrapper .caselist li:hover .txtx p { background: none; } .case_wrapper .caselist li:hover img { filter: brightness(105%); -webkit-filter: brightness(105%); } /* �������� */ .honor_wrapper { padding-top: 20px; } .honor_wrapper .honorlist { margin-top: 60px; } .honor_wrapper .honorlist .list { width: 106%; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; } .honor_wrapper .honorlist li { margin: 0 35px 50px; display: block; width: 300px; height: 245px; background: no-repeat center center; transition: all ease 0.36s; } .honor_wrapper .honorlist li a { display: block; height: 245px; } .honor_wrapper .honorlist li .txt { padding-top: 60px; } .honor_wrapper .honorlist li .h_tit { font-size: 16px; line-height: 16px; text-align: center; color: #999; background: no-repeat center center; } .honor_wrapper .honorlist li .tit { padding-top: 36px; width: 160px; margin: 0 auto; font-weight: normal; font-size: 26px; line-height: 36px; text-align: center; color: #1b1f79; } .honor_wrapper .honorlist li:hover { transform: translatey(-3px); background: no-repeat center center; transition: all ease 0.36s; } .honor_wrapper .honorlist li:hover .tit { font-weight: bold; } /* ���ŷ�̬ */ .news_wrapper .pager { margin-top: 70px; } .news_center { padding-top: 107px; } .news_center .newslist li { position: relative; transition: all ease 0.36s; } .news_center .newslist li .newscont { padding: 50px 0; position: relative; display: block; border-bottom: 1px solid #cccccc; } .news_center .newslist li .img { position: relative; float: left; display: block; width: 32.143%; height: 252px; overflow: hidden; } .news_center .newslist li img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; transition: all ease 0.36s; } .news_center .newslist li .txtbox { float: right; width: 60%; } .news_center .newslist li .txt { position: relative; } .news_center .newslist li .txt .tit { position: relative; padding-top: 20px; font-size: 34px; line-height: 36px; color: #333; } .news_center .newslist li .txt .tit:before { content: ''; position: absolute; left: -13%; top: 39px; width: 0; height: 1px; background: #e7434a; z-index: 2; transition: 0.8s; } .news_center .newslist li .txt .time { padding-top: 24px; font-family: arial; font-size: 24px; color: #999; } .news_center .newslist li .txt .desc { padding-top: 34px; font-size: 16px; line-height: 26px; color: #a0a3aa; } .news_center .newslist li .detail { opacity: 0; } .news_center .newslist li:hover img { transform: scale(1.05); transition: all ease 0.36s; } .news_center .newslist li:hover { box-shadow: 8px 0 16px rgba(99, 97, 97, 0.1); transform: translatey(-5px); background: #fff; transition: all ease 0.36s; } .news_center .newslist li:hover a { border-bottom: none; } .news_center .newslist li:hover .txt .tit:before { width: 90px; transition: all ease 0.36s; } .news_center .newslist li:hover .txt .tit { color: #477de2; } /*.news_center .newslist li:first-child { height: 516px; margin-bottom: 30px; } .news_center .newslist li:first-child .img { float: left; width: 65.57%; height: 516px; margin-right: 3.4%; } .news_center .newslist li:first-child img { display: block; width: 100%; height: 100%; } .news_center .newslist li:first-child .txtbox { float: left; width: 26%; } .news_center .newslist li:first-child .txt .tit { padding-top: 80px; line-height: 45px; color: #171834; } .news_center .newslist li:first-child .txt .tit:before { top: 61%; left: -13.5%; } .news_center .newslist li:first-child .txt .desc { width: 92%; line-height: 26px; color: #999; } .news_center .newslist li:first-child .detail { opacity: 1; margin-top: 60px; } .news_center .newslist li:first-child:hover .txt .tit:before { width: 40px; } .news_center .newslist li:first-child:hover .txt .tit { color: #477de2; }*/ .news_center .newslist li .detail { position: relative; margin-top: 30px; display: block; width: 150px; height: 36px; font-size: 16px; line-height: 36px; text-indent: 44px; color: #fff; background: no-repeat 86px center #2352b3; transition: all ease 0.36s; } .news_center .newslist li .detail span { position: relative; z-index: 12; } .news_center .newslist li .detail:before, .news_center .newslist li .detail:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 36px; background: 86px center no-repeat #e7434a; z-index: 2; transition: 0.5s; } .news_center .newslist li .detail:before { transition: 0.3s; background: 86px center no-repeat #e7434a; z-index: -1; } .news_center .newslist li:hover .detail { text-indent: 44px; transition: all ease 0.36s; } .news_center .newslist li:hover .detail:before, .news_center .newslist li:hover .detail:after { width: 150px; } .news_center .newslist li:hover .detail span { color: #fff; transition: all ease 0.36s; } /*.news_center .newslist li:first-child .newscont { padding: 0; background: #fff; border-bottom: 0; } .news_center .newslist li:first-child:hover { background: none; box-shadow: none; }*/ .news_center .newslist li:hover .detail { opacity: 1; } /* ���ŷ�̬-���� */ .news_detail { padding: 6.4% 7% 7%; background: #fff; box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); } .news_detail .title { padding-bottom: 50px; border-bottom: 1px solid #999; } .news_detail .title h1 { font-weight: normal; font-family: "˼դ���� cn"; font-size: 50px; line-height: 60px; text-align: left; color: #333; } .news_detail .title .marks { margin-top: 30px; } .news_detail .title .marks span { font-size: 16px; color: #333; } .news_detail .title .marks span em { margin-right: 14px; color: #999; } .news_detail .title .marks span.t1 { margin-right: 14px; } .news_detail .title .marks span.t2 { margin-right: 54px; } .news_detail .title .marks span.t3 { font-family: arial; } .news_detail .title .marks span.t3 em { font-family: "microsoft yahei"; } .news_detail .context { padding-top: 80px; line-height: 30px; } .news_detail .context img { max-width: 100%; } /* ��ѷ�ƽ� */ .news_recom { padding-top: 76px; } .news_recom .news_tit .tit { margin-left: 10px; float: left; display: block; width: 170px; font-size: 40px; line-height: 44px; color: #333; background: no-repeat 30px bottom; } .news_recom .news_tit .morenews { float: right; font-size: 20px; line-height: 44px; color: #999; } .news_recom .news_tit .morenews:hover { color: #2352b3; } .news_recom .newslist1 { margin-top: 36px; } .news_recom .newslist1 .list { width: 103%; } .news_recom .newslist1 li { position: relative; margin-right: 3.5%; float: left; width: calc(-16.666666666666664%); height: 516px; background: #fff; } .news_recom .newslist1 li.nt3 { margin-right: 0; } .news_recom .newslist1 li .img { display: block; width: auto; height: 242px; overflow: hidden; } .news_recom .newslist1 li img { display: block; width: auto; height: 242px; object-fit: contain; } .news_recom .newslist1 li .txtbox { padding: 40px 30px 30px 40px; box-sizing: border-box; } .news_recom .newslist1 li .txtbox .time { font-family: arial; font-size: 18px; line-height: 16px; color: #999; transition: all ease 0.36s; } .news_recom .newslist1 li .txt { padding-top: 40px; transition: all ease 0.36s; } .news_recom .newslist1 li .txt .tit { font-weight: bold; font-size: 22px; line-height: 22px; color: #151527; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all ease 0.36s; } .news_recom .newslist1 li .txt .desc { margin-top: 18px; height: 48px; font-size: 14px; line-height: 24px; color: #999; transition: all ease 0.36s; overflow: hidden; } .news_recom .newslist1 li .detail { position: relative; margin-top: 20px; display: block; width: 120px; height: 36px; font-size: 16px; line-height: 36px; text-indent: 0; color: #151527; background: no-repeat 42px center #fff; transition: all ease 0.36s; } .news_recom .newslist1 li .detail span { position: relative; z-index: 12; } .news_recom .newslist1 li .detail:before, .news_recom .newslist1 li .detail:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 36px; background: 68px center no-repeat #e7434a; z-index: 2; transition: 0.8s; } .news_recom .newslist1 li .detail:before { transition: 0.3s; background: 68px center no-repeat #e7434a; z-index: -1; } .news_recom .newslist1 li:hover .detail { text-indent: 26px; transition: all ease 0.36s; } .news_recom .newslist1 li:hover .detail:before, .news_recom .newslist1 li:hover .detail:after { width: 120px; } .news_recom .newslist1 li:hover .detail span { color: #fff; transition: all ease 0.36s; } .news_recom .newslist1 li:hover .txtbox .time { transform: translatey(10px); transition: all ease 0.36s; } .news_recom .newslist1 li:hover .txtbox .txt { transform: translatey(-10px); transition: all ease 0.36s; } .news_recom .newslist1 li:hover img { filter: brightness(105%); -webkit-filter: brightness(105%); } /* ������� */ .solution_wrapper .solution_center { padding-top: 100px; } .solution_center li { position: relative; margin-top: 30px; height: 440px; background: #fff; transition: all ease 0.36s; box-sizing: border-box; } .solution_center li:first-child { margin-top: 0; } .solution_center li a { padding: 3.5%; display: block; height: 340px; } .solution_center li .img { float: right; position: relative; width: 600px; height: 338px; overflow: hidden; } .solution_center li .img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; transition: all ease 0.36s; } .solution_center li .txt_box { float: left; width: 46%; margin-right: 0; } .solution_center li .txt_box .sico { margin-top: 30px; margin-right: 0; float: left; position: relative; display: block; width: 170px; height: 170px; } .solution_center li .txt_box .sico img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; } .solution_center li .txt { padding-top: 86px; float: left; width: 71.3%; } .solution_center li .txt .tit { width: 230px; font-size: 40px; line-height: 40px; color: #171d3a; background: no-repeat right center; } .solution_center li .txt .desc { margin-top: 40px; font-size: 14px; color: #999; line-height: 26px; } .solution_center li:hover { box-shadow: 8px 0 16px rgba(99, 97, 97, 0.1); transform: translatey(-5px); transition: all ease 0.36s; } .solution_center li:hover .img img { -webkit-filter: brightness(105%); filter: brightness(105%); transform: scale(1.05); transition: all ease 0.36s; } .solution_center li:hover .tit { color: #1b1f79; } .solution_center li .online { padding: 0; position: absolute; bottom: 50px; left: 220px; display: block; width: 140px; height: 40px; font-size: 14px; line-height: 40px; text-indent: 24px; color: #fff; background: 95px center no-repeat #477de2; z-index: 16; transition: all ease 0.36s; } .solution_center li .online:hover { text-indent: 28px; color: #fff; background: 98px center no-repeat #e7434a; box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17); transition: all ease 0.36s; } /* �������-���� */ .sold_1_main { padding-top: 150px; height: 480px; background: #f5f5f5; } .sold1_detail { margin-left: -12px; height: 580px; background: left bottom no-repeat; position: relative; } .sold1_detail .sold_tit .tit { margin-left: 12px; float: left; display: block; width: 170px; font-size: 40px; line-height: 44px; color: #333; background: no-repeat 30px bottom; } .sold1_detail .left { float: left; width: 40%; } .sold_cont { padding: 160px 14% 0; box-sizing: border-box; } .sold_cont .desc { font-size: 14px; line-height: 30px; color: #666; } .sold1_detail .right { float: right; width: 60%; } .sold_img { position: relative; display: block; width: 100%; height: 480px; } .sold_img .dimg { display: block; width: 100%; height: 100%; object-fit: contain; } .sold_img .dimg:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; z-index: 1; } .sold_img .dimg img { display: block; width: 100%; height: 100%; object-fit: contain; } .sold_img .wx { position: absolute; bottom: 0; left: 0; display: block; width: 250px; height: 100px; font-size: 20px; line-height: 100px; text-indent: 60px; color: #fff; background: 160px center no-repeat #e7434a; transition: all ease 0.36s; z-index: 12; } .sold_img .wx:hover { text-indent: 50px; width: 280px; background: 180px center no-repeat #2352b3; transition: all ease 0.36s; } .sold_img .dimg:hover:before { animation: gradient-rectangle 1s 1; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96); nimation-timing-function: cubic-bezier(0, 0, 0.18, 0.96); } .sold_2_main { height: 850px; background: #fff; } .sold_2_main .sold2_tit { padding-top: 200px; } .sold_2_main .sold2_tit .tit { display: block; width: 170px; margin: 0 auto; font-size: 40px; line-height: 44px; color: #333; background: no-repeat 30px bottom; } .advant { text-align: center; padding: 0 7%; margin-top: 100px; } .advant .list { display: flex; justify-content: space-between; } .advant .list li { margin-left: 50px; width: calc(50%); height: 850px; transition: all ease 0.36s; } .advant .list li:first-child { margin-left: 0; } .advant .list li .img { position: relative; display: block; width: 220px; height: 220px; margin: 0 auto; } .advant .list li .bg { position: absolute; top: 0; left: 0; display: block; width: 220px; height: 220px; margin: 0 auto; background: no-repeat center center; -webkit-animation: rotate 10s linear 0s infinite; animation: rotate 10s linear 0s infinite; } .advant .list li img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: block; max-width: 100%; } .advant .list li .txt { padding-top: 50px; } .advant .list li .txt .tit { font-size: 33px; line-height: 32px; color: #333; } .advant .list li .txt .desc { padding-top: 40px; font-size: 18px; line-height: 30px; text-align: center; color: #333; } .advant .list li:hover { transform: translatey(-3px); transition: all ease 0.36s; } .advant .list li:hover .txt .tit { color: #2352b3; } .sold_3_main { height: 830px; background: #f5f5f5; } .sold_3_main .sold_3 { padding-top: 100px; } .sold_3_main .sold2_tit .tit { margin-left: 12px; float: left; display: block; width: 170px; font-size: 40px; line-height: 44px; color: #333; background: no-repeat 30px bottom; } .product_portfolio { margin-top: 60px; position: absolute; } .product_portfolio .list { width: 103%; } .product_portfolio .list li { position: relative; margin-right: 40px; float: left; width: calc(-6.666666666666664%); height: 510px; background: #fff; box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); transition: all ease 0.36s; } .product_portfolio .list li a { display: block; } .product_portfolio .list li .img { position: relative; display: block; width: auto; height: 330px; overflow: hidden; } .product_portfolio .list li .img img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; max-width: 100%; width: 100%; } .product_portfolio .list li .txt { position: relative; height: 180px; padding: 40px 50px 50px 40px; box-sizing: border-box; } .product_portfolio .list li .img::before { content: ""; position: absolute; width: 100px; height: 800px; top: 0; left: -250px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewx(-32deg); -ms-transform: skewx(-32deg); -moz-transform: skewx(-32deg); transform: skewx(-32deg); opacity: 0; } .product_portfolio .list li .txt .tit { font-size: 26px; line-height: 26px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .product_portfolio .list li .txt .desc { margin-top: 20px; font-size: 14px; height: 48px; line-height: 24px; color: #999; overflow: hidden; } .product_portfolio .list li .plus { position: absolute; bottom: 0; right: 0; display: block; width: 50px; height: 50px; font-size: 34px; line-height: 50px; text-align: center; color: #fff; background: #676a72; } .product_portfolio .list li:hover .plus { background: #e7434a; } .product_portfolio .list li:hover { transform: translatey(-3px); box-shadow: 8px 0 16px rgba(0, 0, 0, 0.1); transition: all ease 0.36s; } .product_portfolio .list li:hover .img::before { -webkit-transition: left 2s; -moz-transition: left 2s; -ms-transition: left 2s; transition: left 2s; left: 150%; opacity: 1; } .product_portfolio .list li:hover .tit { color: #2352b3; } .product_portfolio .hd { position: absolute; top: -110px; right: 0; display: block; width: 204px; height: 52px; } .product_portfolio .hd .prev, .product_portfolio .hd .next { float: left; display: block; width: 102px; height: 52px; cursor: pointer; } .product_portfolio .hd .prev { background-position: -160px -60px; transition: all ease 0.36s; } .product_portfolio .hd .next { background-position: -270px -60px; transition: all ease 0.36s; } .product_portfolio .hd .prev:hover { background-position: -50px -60px; transition: all ease 0.36s; } .product_portfolio .hd .next:hover { background-position: -380px -60px; transition: all ease 0.36s; } .sold_4_main { height: 730px; background: #fff; } .sold_4_main .sold_tit { padding-top: 100px; } .sold_4_main .sold_tit .tit { float: left; display: block; width: 170px; font-size: 40px; line-height: 44px; color: #333; background: no-repeat 30px bottom; } .sold_4_main .sold_tit .morecase { float: right; font-size: 24px; line-height: 50px; color: #333; } .sold_4_main .caselist { margin-top: 60px; } .sold_4_main .caselist li { position: relative; float: left; width: 48%; margin-bottom: 50px; margin-right: 4%; height: 380px; transition: all ease 0.36s; } .sold_4_main .caselist li:nth-child(2n) { margin-right: 0; } .sold_4_main .caselist li .img { position: relative; display: block; width: 100%; padding-top: 56.25%; overflow: hidden; } .sold_4_main .caselist li img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .sold_4_main .caselist li .txt { position: absolute; bottom: 0; left: 0; display: table; width: 100%; height: 20%; z-index: 2; background: no-repeat center center; } .sold_4_main .caselist li .txt .tit { position: relative; display: table-cell; vertical-align: middle; font-size: 24px; text-indent: 50px; color: #fff; z-index: 12; } .sold_4_main .caselist li .txt p { position: relative; display: table; font-family: arial; float: right; font-size: 30px; width: 75px; height: 100%; background: #2352b3; z-index: 12; } .sold_4_main .caselist li .txt p span { display: table-cell; vertical-align: middle; text-align: center; font-size: 30px; color: #fff; } .sold_4_main .caselist li .txt:before, .sold_4_main .caselist li .txt:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #e7434a; z-index: 2; transition: 0.8s; } .sold_4_main .caselist li .txt:before { transition: 0.8s; background: #e7434a; z-index: -1; } .sold_4_main .caselist li:hover { transform: translatey(-3px); box-shadow: 8px 0 16px rgba(0, 0, 0, 0.1); transition: all ease 0.36s; } .sold_4_main .caselist li:hover .txt:after, .sold_4_main .caselist li:hover .txt:before { width: 100%; } .sold_4_main .caselist li:hover p { background: #e7434a; } .sold_4_main .caselist li:hover img { filter: brightness(105%); -webkit-filter: brightness(105%); } .sold_5_main { height: 550px; background: #f5f5f5; } .sold_5_main .sold2_tit { padding-top: 100px; } .sold_5_main .sold2_tit .tit { display: block; width: 170px; margin: 0 auto; font-size: 40px; line-height: 44px; color: #333; background: no-repeat 30px bottom; } .sold_5_main .sold2_tit .subtit1 { padding-top: 40px; font-size: 20px; text-align: center; line-height: 24px; color: #333; } .sold_5_main .sold2_tit .subtit2 { padding-top: 20px; font-weight: bold; font-size: 34px; text-align: center; line-height: 46px; color: #333; } .sold_5_main .online_reserve { text-align: center; padding: 0 14%; margin-top: 40px; } .sold_5_main .online_reserve .form_input { display: block; width: 900px; } .sold_5_main .online_reserve .item { float: left; width: 720px; height: 60px; } .sold_5_main .online_reserve .item .txt { width: 718px; height: 58px; font-size: 16px; color: #333; border: 1px solid #ddd; border-right: none; text-indent: 30px; } .sold_5_main .online_reserve .bot { float: left; width: 180px; height: 60px; } .sold_5_main .online_reserve .bot .btn { width: 178px; height: 60px; font-size: 20px; line-height: 60px; text-align: center; border: none; border: 1px solid #587fe0; outline: none; color: #fff; background: #587fe0; cursor: pointer; } .sold_5_main .online_reserve .bot .btn:hover { opacity: 0.8; } .sold_6_main { height: 550px; background: #f5f5f5; } .sold_6_main .sold_tit { padding-top: 0; } .sold_6_main .sold_tit .tit { float: left; display: block; width: 170px; font-size: 40px; line-height: 44px; color: #333; background: no-repeat 30px bottom; } .sold_6_main .product_portfolio .list li { height: 430px; } .sold_6_main .product_portfolio .list li .img { height: 250px; } /* ��ͷ�� */ .bid_wrapper { padding-bottom: 150px; } .bid_wrapper .pager { margin-top: 50px; } .bid_center { padding-top: 107px; } .bid_center .bidlist { padding: 7%; background: #fff; } .bid_center .bidlist .b_top { padding-bottom: 30px; border-bottom: 2px solid #666; } .bid_center .bidlist .b_top h3 { float: left; font-size: 26px; line-height: 26px; color: #333; } .bid_center .bidlist .b_top p { margin-left: 180px; font-size: 26px; line-height: 26px; color: #333; } .bid_center .bidlist li { display: block; height: 80px; line-height: 80px; border-bottom: 1px solid #ccc; transition: all ease 0.36s; } .bid_center .bidlist li a { display: block; height: 80px; } .bid_center .bidlist li h3 { float: left; font-size: 20px; color: #333; line-height: 80px; } .bid_center .bidlist li p { margin-left: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 80px; color: #999; } .bid_center .bidlist li:hover { transform: translatey(-3px); transition: all ease 0.36s; } .bid_center .bidlist li:hover h3 { font-weight: bold; color: #2352b3; } /* ��ϵ���� */ .contact_wrapper { padding-bottom: 280px; background: no-repeat top center #f5f5f5; } .contact_center { padding-top: 400px; } .contactpage { background: #ffffff; } .contactpage .contact_1 .cinfo { float: left; width: 50%; background: top center no-repeat; background-size: 100%; } .contactpage .contact_1 .cinfo.c2 { float: left; width: 50%; background: top center no-repeat; background-size: 100%; } .contactpage .contact_1 .cinfo .c_top { padding-top: 70px; padding-left: 100px; } .contactpage .contact_1 .c_top .c_tit { font-size: 40px; line-height: 40px; color: #fff; } .contactpage .contact_1 .c_top .line { margin-top: 32px; display: block; width: 50px; height: 2px; background: rgba(255, 255, 255, 0.3); } .c_bottom { padding-left: 100px; padding-top: 180px; } .c_bottom .ct1 { margin-right: 30px; font-size: 20px; color: #666; } .c_bottom .ct1 i { margin-right: 40px; } .c_bottom .ct2 { font-family: arial; font-size: 20px; color: #333; } .c_bottom .c_it1 .ct2 { font-family: "΢���ź�"; } .c_bottom .c_it2 .ct2 { font-size: 30px; color: #e7434a; } .c_bottom .c_it { margin-bottom: 20px; } .c_bottom .c_it2 { margin-top: 20px; margin-bottom: 60px; } .contact_2 { padding: 70px 7% 130px; } .contact_2 .ctit .tit { display: block; width: 170px; margin: 0 auto; font-size: 40px; line-height: 44px; font-weight: lighter; color: #333; background: no-repeat 30px bottom; } .contact_2 .formdata { margin-top: 60px; } .contact_2 .formdata .item { position: relative; float: left; width: 48%; height: 58px; line-height: 58px; border: 1px solid #d6d6d6; } .contact_2 .formdata .item.mr { margin-right: 3.5%; } .contact_2 .formdata .item label { float: left; display: block; margin-top: 18px; width: 17%; height: 22px; line-height: 22px; text-align: center; border-right: 1px solid #ddd; } .contact_2 .formdata .item .txt { float: left; width: 76%; height: 58px; line-height: 58px; border: none; outline: none; text-indent: 20px; } .contact_2 .formdata .item .red { position: absolute; top: 0; right: 20px; color: #df1f1f; font-weight: 100; font-size: 22px; } .contact_2 .formdata .tarea { margin-top: 40px; } .contact_2 .formdata .tarea textarea { border: 1px solid #d6d6d6; width: calc(100% - 23px); height: 174px; resize: none; padding: 10px; *margin-top: 15px; overflow: hidden; outline: none; text-indent: 24px; } .contact_2 .formdata .btn { border: none; background: #e7434a; width: 400px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; display: block; margin: 40px auto 0; cursor: pointer; transition: ease-in-out 0.2s; margin-bottom: 60px; outline: none; } .contact_2 .formdata .btn:hover { text-indent: 6px; color: #fff; background-color: #2352b3; transition: all ease 0.36s; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17); } .servicepage { padding-top: 0; } .servicepage .item_top { margin-bottom: 30px; } /* �������� */ .about_wrapper .about_tit1 .tit { margin-left: 12px; float: left; display: block; width: 170px; font-size: 40px; line-height: 44px; color: #333; background: no-repeat 30px bottom; } .about_wrapper .about_tit2 { padding-top: 100px; } .about_wrapper .about_tit2 .tit { display: block; width: 170px; margin: 0 auto; font-size: 40px; line-height: 44px; color: #333; background: no-repeat 30px bottom; } .about_wrapper { padding-top: 0; padding-bottom: 0; } .about_1_main { padding-top: 130px; height: 920px; background: no-repeat center center; } .about_1.about_tit1 { padding-top: 130px; } .about_1 { position: relative; } .about_1 .left { float: left; width: 42%; } .about_1 .left .acont { margin-top: 60px; } .about_1 .left .acont .ap1 { font-size: 24px; line-height: 40px; color: #333; } .about_1 .left .acont .ap2 { padding-right: 7%; margin-top: 100px; font-size: 16px; line-height: 30px; color: #666; } .about_1 .left .acont .ap2 span { display: block; margin-bottom: 50px; } .about_1 .left .amore { margin-top: 70px; position: relative; display: block; width: 200px; height: 45px; font-size: 16px; line-height: 45px; text-indent: 50px; color: #fff; background: 130px center no-repeat #e7434a; } .about_1 .left .amore span { position: relative; z-index: 12; } .about_1 .left .amore:before, .about_1 .left .amore:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: 130px center no-repeat #3762dd; z-index: 2; transition: 0.8s; } .about_1 .left .amore:before { transition: 0.8s; background: 130px center no-repeat #3762dd; z-index: -1; } .about_1 .left .amore:hover:after, .about_1 .left .amore:hover:before { width: 100%; } .about_1 .right { position: absolute; left: 50%; right: auto; top: 100px; margin-right: -8px; margin-left: 0; display: block; width: 969px; height: 691px; z-index: 9; } .about_1 .right:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; z-index: 1; } .about_1 .right:hover:before { animation: gradient-rectangle 1s 1; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96); nimation-timing-function: cubic-bezier(0, 0, 0.18, 0.96); } .about_1 .right img { display: block; width: 969px; height: 691px; } .about_2_main { position: relative; height: 950px; background: no-repeat center center; box-sizing: border-box; } .about_2_main .about_tit2 .tit { color: #fff; } .about_2_main .develop_box { padding: 0 14%; height: 760px; background: no-repeat center center; box-sizing: border-box; } .develop { margin-top: 50px; } .develop .bd li { position: relative; float: left; width: 12.5%; } .develop .bd li .timeline .t_tit { font-family: arial; font-size: 40px; line-height: 40px; color: #fff; } .develop .bd li .txt { z-index: 14; } .develop .bd li .t_box { padding: 60px 60px 0 50px; box-sizing: border-box; opacity: 0; position: absolute; left: 50%; top: 100px; margin-left: -150px; display: block; width: 300px; height: 462px; background: no-repeat center 0; background-size: 300px 462px; transition: all ease 0.36s; z-index: 12; } .develop .bd li .t_box .time { padding-bottom: 50px; font-family: arial; font-size: 80px; line-height: 60px; color: #2352b3; background: no-repeat bottom left; } .develop .bd li .t_box .desc { margin-top: 50px; font-size: 16px; line-height: 30px; color: #666; text-align: justify; } .develop .bd li:hover { cursor: pointer; } .develop .bd li:hover .t_box { opacity: 1; top: 50px; transition: all ease 0.36s; } .develop .bd li.sw1 .txt { padding-top: 270px; text-indent: -60px; } .develop .bd li.sw2 .txt { padding-top: 273px; text-indent: -40px; } .develop .bd li.sw3 .txt { padding-top: 193px; text-indent: -6px; } .develop .bd li.sw4 .txt { padding-top: 84px; text-indent: 24px; } .develop .bd li.sw5 .txt { padding-top: 24px; text-indent: 54px; } .develop .bd li.sw6 .txt { padding-top: 40px; text-indent: 74px; } .develop .bd li.sw7 .txt { padding-top: 144px; text-indent: 4px; width: 114px; margin-left: 94px; } .develop .bd li.sw8 .txt { padding-top: 264px; text-indent: 4px; width: 114px; margin-left: 120px; } .develop .bd li.sw5:hover .t_box { top: 0; } .develop .bd li.sw6:hover .t_box { top: 0; } .develop .hd { position: absolute; bottom: 0; left: 50%; margin-left: -100px; width: 201px; height: 100px; background: no-repeat center center; } .develop .hd .prev, .develop .hd .next { float: left; display: block; width: 100px; height: 100px; cursor: pointer; } .develop .hd .line { margin-top: 50px; float: left; display: block; width: 1px; height: 22px; background: no-repeat center cneter; } .develop .hd .prev { background: no-repeat 48px 50px; } .develop .hd .next { background: no-repeat 40px 49px; } .develop .hd .prev:hover { background: no-repeat center center; } .develop .hd .next:hover { background: no-repeat center center; } /* .about_2_main .swiper-container2{width: 100%; height: 100%;} .about_2_main .swiper-slide{text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;} */ .about_3_main { padding-bottom: 100px; } .about_3 .honorlist { margin-top: 60px; } .about_3 .list { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; } .about_3 li { margin: 0 32px 50px; display: block; width: 300px; height: 245px; background: no-repeat center center; transition: all ease 0.36s; } .about_3 li a { display: block; height: 245px; } .about_3 li .txt { padding-top: 60px; } .about_3 li .h_tit { font-size: 16px; line-height: 16px; text-align: center; color: #999; background: no-repeat center center; } .about_3 li .tit { padding-top: 36px; width: 160px; margin: 0 auto; font-weight: normal; font-size: 26px; line-height: 36px; text-align: center; color: #1b1f79; } .about_3 li.hr1 { margin-left: 0; } .about_3 li.hr4 { margin-right: 0; } .about_3 li.hr5 { margin-left: 0; } .about_3 li.hr7 { margin-right: 0; } .about_3 li:hover { transform: translatey(-3px); background: no-repeat center center; transition: all ease 0.36s; } .about_3 li:hover .tit { font-weight: bold; } .about_3_main .hmore { margin: 0 auto; position: relative; display: block; width: 200px; height: 45px; font-size: 16px; line-height: 45px; text-indent: 50px; color: #fff; background: 130px center no-repeat #1b1f79; transition: all ease 0.36s; } .about_3_main .hmore:hover { text-indent: 54px; color: #fff; background: 136px center no-repeat #e7434a; box-shadow: 0 6px 12px rgba(71, 114, 222, 0.17); transition: all ease 0.36s; } .about_4_main { height: 800px; background: no-repeat top center; box-sizing: border-box; } .about_4_main .tech { position: relative; margin-top: 60px; } .about_4_main .tech .bd { position: relative; } .about_4_main .tech .bd li { float: left; width: 100%; height: 600px; } .about_4_main .tech .bd li a { display: block; } .about_4_main .tech .bd li .img { position: relative; width: 100%; height: 600px; } .about_4_main .tech .bd li .img:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; z-index: 1; } .about_4_main .tech .bd li img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .about_4_main .tech .bd li .txt { padding: 100px; box-sizing: border-box; position: absolute; top: 0; right: 0; width: 500px; height: 600px; background: no-repeat center center; transition: all ease 0.36s; } .about_4_main .tech .bd li .txt .tit { font-size: 26px; line-height: 44px; color: #fff; transition: all ease 0.36s; } .about_4_main .tech .bd li .txt .desc { margin-top: 60px; font-size: 16px; line-height: 36px; color: #fff; transition: all ease 0.36s; } .about_4_main .tech .bd li:hover .img:before { animation: gradient-rectangle 1s 1; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96); nimation-timing-function: cubic-bezier(0, 0, 0.18, 0.96); } .about_4_main .tech .bd li:hover .txt .tit { color: #e7434a; transform: translatey(-10px); font-size: 26px; transition: all ease 0.36s; } .about_4_main .tech .bd li:hover .txt .desc { transform: translatey(-10px); transition: all ease 0.36s; } .about_4_main .tech .hd { position: absolute; bottom: 40px; right: 340px; width: 60px; height: 20px; background: no-repeat center center; z-index: 12; } .about_4_main .tech .hd .prev { margin-right: 40px; float: left; display: block; width: 10px; height: 18px; background: no-repeat center center; cursor: pointer; } .about_4_main .tech .hd .next { float: left; display: block; width: 10px; height: 18px; background: no-repeat center center; cursor: pointer; } .about_4_main .tech .hd .prev:hover { opacity: 0.5; } .about_4_main .tech .hd .next:hover { opacity: 0.5; } .about_5_main { position: relative; padding-top: 86px; padding-bottom: 80px; } .about_5_main .about_5 { position: relative; } .about_5_main .about_5 .equip { margin-top: 50px; height: 380px; } #index-banner { width: 100%; position: relative; font-family: microsoft yahei; } @media all and (-ms-high-contrast: none) { .line-one { background: #2352b3; opacity: 0.3; } .line-two { background: #fff; opacity: 0.4; } .cloud { background: none; } } @keyframes marquee { 0% { transform: translatex(0); } 100% { transform: translatex(1448px); } } .hoverall { width: 100%; position: absolute; left: 0; top: 0; height: 395px; z-index: 40; } #index-banner .swiper-container { opacity: 1; width: 100%; position: absolute; left: 0; top: 21px; z-index: 20; } #index-banner .swiper-button-prev, #index-banner .swiper-button-next { opacity: 1; outline: none; background-size: 6px auto; width: 80px; height: 64px; background-color: #2352b3; transition: background-color 0.2s; } #index-banner .swiper-button-prev { background: no-repeat center center #2352b3; } #index-banner .swiper-button-next { background: no-repeat center center #2352b3; } #index-banner .swiper-button-prev:hover, #index-banner .swiper-button-next:hover { background-color: #1152f4; } #index-banner .swiper-button-prev { left: calc(50% - 450px); } #index-banner .swiper-button-next { right: calc(50% - 450px); } #index-banner .swiper-pagination { opacity: 0; top: 0; bottom: unset; right: 0; width: 940px; margin: 0 auto; text-align: right; } #index-banner .swiper-pagination-bullet { width: 35px; height: 3px; opacity: 1; background: none; border-radius: 0; margin: 0 1px; vertical-align: top; border-top: 4px solid #2352b3; outline: none; } #index-banner .swiper-pagination-bullet-active { height: 0; border-top: 7px solid #ff7900; padding-bottom: 0; } #index-banner .swiper-slide { position: relative; width: auto; overflow: hidden; } #index-banner .swiper-slide img { opacity: 0.8; transition: all 0.3s; display: block; } #index-banner .swiper-slide-active img, #index-banner .swiper-slide-duplicate-active img { opacity: 1; } #index-banner .animating .swiper-slide .img::before { content: ""; position: absolute; width: 100px; height: 800px; top: 0; left: -250px; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%); -webkit-transform: skewx(-32deg); -ms-transform: skewx(-32deg); -moz-transform: skewx(-32deg); transform: skewx(-32deg); opacity: 0; } #index-banner .animating .swiper-slide img { opacity: 1; } #index-banner .animating .swiper-slide:hover .txt .tit { color: #f5f5f5; } #index-banner .animating .swiper-slide:hover .img::before { -webkit-transition: left 2s; -moz-transition: left 2s; -ms-transition: left 2s; transition: left 2s; left: 150%; opacity: 1; } .hoverbtn { width: 958px; height: 353px; position: absolute; z-index: 30; top: 21px; /* cursor: pointer; */ } .hoverprev { left: calc(-1429%); } .hovernext { left: calc(571%); } #index-banner .swiper-slide .txt { position: absolute; bottom: 0px; left: 0; background: left bottom repeat-x; width: 100%; height: 242px; z-index: 12; z-index: 10; transition: ease-in-out .2s; } #index-banner .swiper-slide .txt p { font-size: 16px; text-align: center; color: #fff; padding-top: 10px; padding-left: 80px; padding-right: 80px; } #index-banner .swiper-slide .txt p:last-child { padding-bottom: 30px; } #index-banner .swiper-slide .txt .tit { font-size: 24px; line-height: 30px; text-align: center; color: #fff; padding-top: 170px; } #index-banner .swiper-slide.swiper-slide-active .txt { display: block; } #index-banner .swiper-slide:hover .txt { height: 308px; background: left bottom repeat-x; } .about_5_main .more { background: #1b4cb0; width: 302px; height: 46px; line-height: 46px; margin: 50px auto 0; text-align: center; font-size: 18px; } .about_5_main .more i { width: 21px; height: 8px; background-position: -260px -168px; margin-left: 17px; } .about_5_main .more a { color: #fff; } .about_5_main .more:hover i { transition: ease-in-out .2s; transform: translatex(10px); } .about_6_main { position: relative; height: 1100px; background: #fff; } .about_6 .sales_network { position: relative; display: block; width: 1393px; height: 751px; margin: 90px auto 0; background: no-repeat center 0; } .about_6 .net_txt { display: block; width: 320px; height: 320px; margin: 0 auto; padding-top: 160px; } .about_6 .net_txt .txt { display: block; width: 320px; height: 320px; background: no-repeat center center; } .about_6 .list { position: absolute; top: 0; left: 0; width: 1393px; height: 751px; } .about_6 .point { position: absolute; display: block; width: 46px; height: 59px; } .about_6 .point:nth-child(3) { display: block; width: 62px; height: 80px; } .about_6 .point .point_ico { display: block; width: 46px; height: 59px; background: no-repeat center center; } .about_6 .point.p3 .point_ico { display: block; width: 46px; height: 59px; background: no-repeat center center; } .about_6 .point.p1 { top: 24.2%; left: 11.6%; } .about_6 .point.p2 { top: 10.5%; left: 51.5%; } .about_6 .point.p2 .point_ico { width: 34px; height: 44px; background: no-repeat center center; } .about_6 .point.p3 { top: 17%; right: 18.5%; } .about_6 .point.p4 { bottom: 26%; left: 29%; } .about_6 .point.p4 .point_ico { width: 34px; height: 44px; background: no-repeat center center; } .about_6 .point.p5 { bottom: 20.5%; left: 51.8%; } .about_6 .point.p6 { bottom: 32%; right: 11.8%; } .about_6 .point.hover .point_ico { width: 62px; height: 80px; background: no-repeat center center; animation: animatemap 0.8s infinite; -webkit-animation: animatemap 0.8s infinite; } /* ��ҳ��ϣ */ .single_wrapper { padding-top: 107px; } .single_center { min-height: 520px; background: #fff; border-radius: 3px; box-shadow: 1px 0 2px rgba(0, 0, 0, 0.1); } .single_center .about_con { padding: 7%; line-height: 35px; font-size: 16px; } .single_center .about_con img { max-width: 100%; } .single_center .about_con p { line-height: 2; } /* ������դ */ .jobs_wrapper .jobs_center { padding-top: 107px; } .jobs_center .jobs { padding: 7%; background: #fff; } .titlist { padding-bottom: 30px; border-bottom: 1px solid #666; } .titlist .j_tit1 { float: left; font-size: 26px; color: #333; width: 42%; margin-left: 3.5%; } .titlist .j_tit2 { float: left; font-size: 26px; color: #333; width: 22%; } .titlist .j_tit3 { float: left; font-size: 26px; color: #333; width: 22%; } .postlist .item .top { height: 100px; line-height: 100px; background: no-repeat right center #fff; } .postlist .item:nth-child(2n) .top { background: no-repeat right center #f0f2f6; } .postlist .item .top .jt1 { float: left; width: 42%; margin-left: 3.5%; } .postlist .item .top .jt2 { float: left; width: 22%; height: 100px; font-size: 20px; color: #333; line-height: 100px; } .postlist .item .top .jt3 { float: left; width: 22%; height: 100px; font-family: arial; font-size: 20px; color: #666; line-height: 100px; } .postlist .item .top .jt1 h3 { padding-left: 40px; font-size: 20px; color: #333; background: no-repeat left center; } .postlist .item .bottom { border: 1px solid #d3d7dd; border-top: none; } .postlist .item .bottom .bid_box { position: relative; min-height: 450px; padding: 50px; } .postlist .item .bottom .bid_box .bit { float: left; width: 34%; } .postlist .item .bottom .bid_box .bit2 { float: right; width: 36%; } .postlist .item .bottom .bid_box .bit3 { width: 100%; margin-top: 80px; } .postlist .item .bottom .bid_box .bit h3 { font-size: 20px; line-height: 20px; color: #333; } .postlist .item .bottom .bid_box .bit p { margin-top: 30px; font-size: 14px; line-height: 30px; color: #666; } .postlist .item .bottom .bid_box .bit p span { display: block; } .postlist .item .bottom .apply { position: absolute; bottom: 50px; right: 50px; display: block; width: 200px; height: 45px; font-size: 16px; line-height: 45px; text-indent: 50px; color: #fff; background: 130px center no-repeat #e7434a; } .postlist .item .bottom .apply span { position: relative; z-index: 12; } .postlist .item .bottom .apply:before, .postlist .item .bottom .apply:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: 130px center no-repeat #3762dd; z-index: 2; transition: 0.8s; } .postlist .item .bottom .apply:before { transition: 0.8s; background: 130px center no-repeat #3762dd; z-index: -1; } .postlist .item .bottom .apply:hover:after, .postlist .item .bottom .apply:hover:before { width: 100%; } .postlist .item:hover .top { cursor: pointer; } .postlist .item.hover .top { background: no-repeat right center #2352b3; } .postlist .item.hover .top .jt1 h3 { background: no-repeat left center; color: #fff; } .postlist .item.hover .top .jt2 { color: #fff; } .postlist .item.hover .top .jt3 { color: #fff; } .jobs_wrapper .pager { margin-top: 50px; } /* �û���¼ע�� */ .bg_main { box-sizing: border-box; background: #f5f5f5; padding-top: 120px; padding-bottom: 120px; min-height: 500px; background-size: 100% auto; } .detail1 { background: #fff; padding: 59px; border: 1px solid #ddd; border-radius: 10px; width: 1280px; min-height: auto; } .detail1 .context { line-height: 30px; padding: 25px 0; } .loginpage { margin-top: 20px; } .loginpage { background: #fff; min-height: 300px; box-sizing: border-box; } .loginpage p { text-align: center; padding-bottom: 50px; } .loginpage .tit { font-size: 24px; text-align: center; margin-bottom: 50px; } .loginpage .tit small { margin-left: 10px; } .loginpage .item { float: left; width: 400px; *float: inherit; position: relative; margin-bottom: 3%; } .loginpage .item .msg-box { top: 0; left: 20px; } .loginpage .item label { font-weight: normal; line-height: 35px; font-size: 14px; display: block; float: left; text-align: right; width: 20%; } .loginpage .item input { width: 75%; float: right; text-indent: 1em; background: none; outline: none; border-radius: 3px; border: 1px solid #ddd; height: 3em; line-height: 3em; } .loginpage .item #phonever { width: 140px; margin-right: 20px; } .loginpage .item #get_code { width: 140px; height: auto; text-indent: initial; background: #f2f2f2; } .loginpage .input_check_box input { width: 15px; height: 15px; cursor: pointer; vertical-align: middle; margin-right: 5px; float: left; margin-left: 100px; margin-top: 4px; } .loginpage .input_check_box span { color: #3388ff; cursor: pointer; } .loginpage .item .wt { width: 75%; float: right; border-radius: 3px; background: none; outline: none; border: 1px solid #ddd; *margin-top: 1px; height: 3em; line-height: 3em; } .loginpage .item .wt select { border: none; background: none; margin-left: 5px; outline: none; width: 96%; } .loginpage .item .btn { text-align: center; background: #e7434a; border-color: #e7434a; color: #fff; padding: 0; border-radius: 3px; outline: none; height: 3.2em; cursor: pointer; border: none; text-indent: 0; } .loginpage .item .btn:hover { opacity: 0.8; } .loginpage .item .red { color: red; } .loginpage p { width: 100%; padding-top: 6px; } .indexpage .tit { text-align: center; margin-bottom: 50px; } .indexpage .tit small { margin-left: 10px; } .indexpage .p { width: 100%; padding-top: 6px; } .indexpage .ul { text-align: center; } .indexpage .ul li { display: inline-block; width: 16%; margin: 0 auto 30px; } .indexpage .ul li a { color: #1e7bdc; background: none; padding: 0 20px; height: 41px; font-size: 18px; border: 2px solid #477de2; line-height: 41px; border-radius: 22px; display: block; text-align: center; } .indexpage .ul li a:hover { color: #fff; background: #e7434a; border: 2px solid #e7434a; } .loginpage .loginform { background: no-repeat top right; width: 500px; margin: 0 auto; padding-right: 400px; } .registerpage .loginform { background: no-repeat top right; } .loginpage .reg_bg { background: no-repeat top right; } .list_list .body li { line-height: 35px; margin-bottom: 2px; } .list_list .body li b { color: #ff6b6b; padding-right: 5px; font-weight: 100; } .list_list .body li i { width: 7px; height: 9px; background-position: -365px -26px; float: left; margin-top: 13px; margin-right: 10px; } .list_list .body li .fl { border-left: 0 solid #ff6b6b; } .list_list .body li .fr { border-right: 0 solid #b0b0b0; color: #999; } .list_list .body li .fr b { font-size: 12px; border: 1px solid #ff6b6b; margin-left: 35px; } .list_list .body li a { display: block; width: 100%; height: 35px; line-height: 35px; vertical-align: middle; overflow: hidden; cursor: pointer; } .loginpage .tit { font-size: 24px; text-transform: uppercase; } .user_con .detail { min-height: auto; } .user_con .detail .ul li { width: 50%; margin: 0 auto 30px; } .user_con .detail .ul li a { color: #1e7bdc; background: none; padding: 0 20px; height: 41px; font-size: 18px; border: 2px solid #1e7bdc; line-height: 41px; border-radius: 22px; display: block; text-align: center; } .user_con .detail .ul li a:hover { color: #43190a; background: #fdc824; border: 2px solid #fdc824; } .change_password { padding-top: 135px; min-height: 400px; } .change_password .change { text-align: center; font-size: 18px; } .change_password .change a { font-size: 18px !important; color: #fff !important; display: block; width: 180px; height: 40px; margin: 0 auto; border-radius: 5px; line-height: 40px; margin-top: 40px; background: #477de2; border: 1px solid #ddd; transition: all ease 0.36s; } .change_password .change a:hover { text-indent: 6px; color: #fff !important; background: #e7434a; transition: all ease 0.36s; } .validation-summary-errors { margin-bottom: 40px; } .reset_password { padding-top: 135px; min-height: 400px; } .reset_password .password { text-align: center; font-size: 18px; } .reset_password .password a { font-size: 26px !important; color: #477de2 !important; } .reset_password .password a:hover { color: #e7434a !important; } .validation-summary-errors { margin-bottom: 40px; } /* ����ְλ */ .ydewmbg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: repeat left top; display: none; z-index: 998; } .ydewmbg .ydewm { position: relative; height: 820px; top: 50%; margin-top: -410px; display: none; } .ydewmbg a { position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; display: block; background: no-repeat center center; transition: all ease-in-out 0.36s; } .ydewmbg a:hover { transform: rotate(360deg); transition: all ease-in-out 0.36s; } .mess_pop1 { padding: 80px 7%; box-sizing: border-box; width: 100%; height: 820px; position: absolute; top: 50%; margin-top: -410px; background: #fff; box-shadow: 8px 0 20px rgba(0, 0, 0, 0.2); animation: topdown1 0.4s; } .mess_pop1 .job_tit .tit { display: block; width: 170px; margin: 0 auto; font-size: 40px; line-height: 44px; color: #333; background: no-repeat 30px bottom; } .mess_pop1 .message { margin-top: 60px; } .mess_pop1 .message .item_top { margin-bottom: 20px; } .mess_pop1 .message .item { position: relative; float: left; width: 31.95%; height: 48px; line-height: 48px; border: 1px solid #d6d6d6; } .mess_pop1 .message .item.mr { margin-right: 1.8%; } .mess_pop1 .message .item label { float: left; display: block; margin-top: 15px; width: 26.4%; height: 18px; font-size: 16px; line-height: 18px; text-align: center; border-right: 1px solid #ddd; color: #666; } .mess_pop1 .message .item .txt { float: left; width: 73%; height: 48px; line-height: 48px; border: none; outline: none; text-indent: 20px; } .mess_pop1 .message .item font { position: absolute; top: 0; right: 20px; color: #df1f1f; font-weight: 100; font-size: 22px; } .mess_pop1 .message .tarea { margin-top: 40px; } .mess_pop1 .message .tarea label { margin-bottom: 22px; font-size: 16px; color: #666; } .mess_pop1 .message .tarea textarea { margin-top: 22px; border: 1px solid #ccc; width: 100%; height: 268px; resize: none; padding-top: 26px; *margin-top: 15px; overflow: hidden; outline: none; text-indent: 20px; } .mess_pop1 .message .btn { border: none; background: #e7434a; width: 400px; height: 50px; line-height: 50px; color: #fff; font-size: 18px; display: block; margin: 40px auto 0; cursor: pointer; transition: ease-in-out 0.2s; margin-bottom: 60px; outline: none; } .mess_pop1 .message .btn:hover { text-indent: 6px; color: #fff; background-color: #2352b3; transition: all ease 0.36s; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17); } @keyframes topdown1 { from { top: 32%; opacity: 0; } to { top: 50%; opacity: 1; } } /*searcher pager*/ /*news start*/ .searcher_center { padding-top: 77px; } .searchpage .item { width: 100%; height: 168px; margin-bottom: 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; background: #fff; } .searchpage .item a { width: 100%; display: block; } .searchpage .item .text { width: 868px; display: block; } .searchpage .item .img { width: 300px; height: 168px; display: block; margin-right: 30px; overflow: hidden; } .searchpage .item img { width: 300px; height: 168px; display: block; transition: ease-in-out 0.4s; } .searchpage .item h3 { font-size: 20px; padding: 35px 0 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; } .searchpage .item .txt { color: #999999; line-height: 24px; height: 48px; padding-right: 130px; overflow: hidden; } .searchpage .item .time { width: 150px; padding-top: 45px; font-family: arial; font-size: 20px; color: #999; } .searchpage .item .time .day { font-size: 40px; line-height: 45px; display: block; } .searchpage .item:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } .searchpage .item:hover .img img { transform: scale(1.1); } .searchpage .item:hover h3 { font-weight: bold; color: #ff6f00; text-indent: 5px; } .searchpage .item:hover .time .day span { background: #ff6f00; } .searchpage .item:hover .time .day strong { background: #ff0000; color: #fff; } .searchpage .item .text { width: 1368px; } /* map_ul */ .map_ul { list-style: outside none none; display: block; width: 100%; padding-bottom: 50px; } .map_ul li { display: block; width: 100%; padding: 0; margin-bottom: 25px; } .map_ul li a { width: 100%; height: 35px; line-height: 35px; font-weight: bold; display: block; background: #f6f6f6; text-indent: 15px; } .map_ul .list-inline { display: block; width: 86%; } .map_ul .list-inline li { height: 32px; display: inline-block; *display: inline; margin: 15px 5px 15px 0; zoom: 1; line-height: 32px; border-bottom: 0; text-align: center; width: auto; padding: 0; } .map_ul .list-inline li a { text-indent: 0; font-weight: normal; display: block; line-height: 32px; height: 32px; display: inline-block; padding: 0 10px; width: auto; border: 1px solid #ccc; text-align: center; } .map_ul .list-inline li a:hover { background: #e7434a; color: #fff; border: 1px solid #e7434a; } /*pager*/ .pager { padding: 0; margin-top: 24px; text-align: center; } .pager:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .pager { *zoom: 1; } .pager p { height: 26px; line-height: 26px; float: left; display: none; } .pager ul { overflow: hidden; margin: 0 auto; text-align: center; } .pager ul li { padding: 0 !important; height: auto !important; border: none !important; display: inline-block; *display: inline; zoom: 1; } .pager ul a { padding: 0; height: 52px; line-height: 52px; text-decoration: none; float: left; color: #666; } .pager ul li { margin-left: 8px; width: 52px; height: 52px; } .pager ul li a { display: block; width: 52px; height: 52px; font-family: arial; font-size: 20px; text-align: center; background: no-repeat center center; color: #666; } .pager ul li a.current { color: #2352b3; } .pager ul li:hover a { color: #2352b3; line-height: 52px; display: block; width: 52px; height: 52px; } .pager ul li:nth-child(2) { margin-right: 8px; font-size: 0; width: 102px; height: 52px; background: no-repeat center center; } .pager ul li:nth-child(2) a { background: none; width: 100%; } .pager ul li:nth-last-child(2) { margin-left: 16px; width: 102px; height: 52px; font-size: 0; background: no-repeat center center; cursor: pointer; } .pager ul li:nth-last-child(2) a { background: none; } .pager ul li:nth-child(2):hover { background: no-repeat center center; } .pager ul li:nth-last-child(2):hover { background: no-repeat center center; } .pager ul li:first-child { font-size: 0; display: none; } .pager ul li:last-child { font-size: 0; display: none; } .pager ul li:nth-child(2) a { font-size: 0; } .pager ul li:nth-last-child(2) a { font-size: 0; } /*ny common css end*/ /* ��ӧ1200��ļ */ @media (max-width: 1366px) { .detail1 { width: 1080px; } .product_center .prolist li { width: 31.4%; margin-right: 30px; } .product_center .prolist li .txtbox { padding: 60px 20px 40px; } .product_center .prolist li .t_top { padding-bottom: 40px; } .product_center .prolist li .t_top .desc { margin-top: 30px; } .product_center .prolist li .t_bottom { padding-top: 30px; } .solution_center li .txt_box .sico { width: 120px; } .pro_top .imgtxtcon { padding-left: 10%; } .pro_top .imgtxtcon .wx { left: 21%; } .showproduct .photo .photoimg { left: 103%; } .product_portfolio .list li .img { height: 280px; } .searchpage .item .text { width: 1168px; } } .showvedio2 { width: 806px; height: 452px; position: fixed; left: 50%; top: 50%; margin: -184px 0 0 -403px; z-index: 9999; background: #000; display: none; } .showvedio2_shili { height: 361px; } .showvedio2 .playcon { height: 640px; } .showvedio2 .close { width: 40px; height: 40px; position: absolute; right: -16px; top: -16px; cursor: pointer; background: url(/uploads/image/ptwpimages/close.png) no-repeat center center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; z-index: 10; } .showvedio2 .close:hover { transform: rotate(180deg); } .showvedio2 video { width: 100%; display: block; } .dialog-layout { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; background: #000; opacity: .5; } .no_subbanner { width: 100%; height: 79px; } .she_tou { width: 100%; position: relative; } .she_tou ul { display: inline-block; width: 100%; } .she_tou ul li { display: inline-block; width: 100%; position: relative; margin-bottom: 60px; } .she_tou ul li .img { display: block; width: 64%; } .she_tou ul li .s_p { width: 32.6%; padding: 3.6%; background-color: #18347c; position: absolute; right: 0; top: 16%; padding-bottom: 6%; } .she_tou ul li .s_p h3 { color: #fff; font-size: 32px; line-height: 32px; } .she_tou ul li .s_p p { color: #fff; font-size: 16px; line-height: 24px; padding-top: 3.6%; text-align: justify; } .she_tou ul li.li2 .img1 { float: right; } .she_tou ul li.li2 .s_p { right: auto; left: 0; background-color: #a02925; padding-bottom: 10%; } .she_zj { padding-top: 0px; padding-bottom: 60px; } .she_zj h3 { font-size: 16px; line-height: 24px; color: #333; text-align: center; padding-top: 16px; } .she_zj ul { display: inline-block; width: 105%; padding-top: 40px; } .she_zj ul li { width: 31%; background-color: #fff; margin-right: 2%; float: left; } .she_zj ul li img { display: block; width: 100%; } .she_zj ul li p { display: block; line-height: 66px; font-size: 24px; text-align: center; } .shehuize .caselist { padding-top: 50px; } .shehuize .about_tit { background: url(/uploads/image/ptwpimages/about_line5.png) center center no-repeat; } /*��ӧ1440 �� 1680��ļ*/ @media (min-width: 1440px) and (max-width: 1680px) { .about_2_main .develop_box { padding: 0 6%; } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes animatemap { 0% { transform: translatey(-10px); } 20% { border-radius: 2px; } 50% { transform: translatey(-5px); border-bottom-right-radius: 25px; } 80% { border-radius: 2px; } 100% { transform: translatey(-10px); } } @-webkit-keyframes big { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } /* ��ӧ1200��ļ */ @media (max-width: 1440px) { .header_main .email .member { display: none; } .header_main .nav_main { margin-right: 68px; } .header_main .nav_main .item { padding: 0 10px; } .header_main .nav .sub-box { left: 10px; } .header_main .nav li:nth-child(9) .sub-box { left: auto; right: 10px; } .index_main .section1 .index_banner .item .inner .block_txt { width: 1000px; margin-left: -500px; } .floor_2_main .slidetxtbox .hd { width: 1200px; margin-left: -600px; } .floor_2_main .slidetxtbox .tit { width: 1200px; margin-left: -600px; } .about_main_1 .right li .fl h4 { font-size: 40px; } .about_main_1 .right li .fl h3 { font-size: 16px; } .about_main_1 .right li .fr h4 { font-size: 40px; } .about_main_1 .right li { margin-bottom: 74px; } .about_main_4 .body { margin-top: 55px; } .about_main_4 li p { font-size: 14px; } .about_main_4 li { height: 208px; } .culture_main_1 .box2 { width: 1200px; margin-left: -600px; } .zhineng_main_1 .w1440 { width: 1200px; margin-left: -600px; } .zhineng_main_1 .w1440 .box1 .right h3 { font-size: 26px; } .zhineng_main_1 .w1440 .box1 .left::before { height: 331px; } .zhineng_main_1 .w1440 .box2 li::before { height: 289px; } .zhineng_main_1 { height: 810px; } .yingyong_2 .body li { margin: 0 62px; } .yingyong_main_3 .body li i { right: -39px; } .shuanglun_main_2 .slidetxtbox .hd { width: 1200px; margin-left: -600px; } .shuanglun_banner .sub_local { width: 1200px; margin-left: -600px; } .quanqiu_main_1 .slidetxtbox .bd li .box { padding-left: 0; } .quanqiu_main_1 .slidetxtbox .bd li .box p { font-size: 14px; font-weight: 400; } .shili_3 li:last-child h3 { padding-left: 650px; } .shili_3 li:last-child p { padding-left: 650px; } .shili_1 .left { width: 19%; } .shili_1 .right { width: 79%; } .shili_1 .left h3 { font-size: 24px; } .floor_4_main .bd { margin-left: 45px; } .floor_4_main .bd li img { width: 500px; height: 309px; } .floor_4_main .bd li:hover h3 { width: 506px; } .floor_4_main .hd .arrow .next { left: 857px; } .floor_4_main .hd .prev { left: 765px; } .product_main .w1440 { margin-left: -600px; } .ydewmbg .ydewm { height: 550px; margin-top: -275px; } .mess_pop1 { height: 550px; margin-top: -275px; } .mess_pop1 .message { margin-top: 20px; padding: 20px 0; } .mess_pop1 .message .item { box-sizing: border-box; } .mess_pop1 .message .item .txt { height: 45px; } .mess_pop1 .message .tarea textarea { height: 80px; width: calc(100% - 4px); } .mess_pop1 .message .tarea { margin-top: 10px; } .mess_pop1 .message .btn { margin-top: 15px; } .sub_local { margin-left: -600px; } .header_main .quick { right: 74px; } .floor_4_main .hd li:nth-child(1) { left: 578px; top: 114px; } .floor_4_main .hd li:nth-child(2) { left: 574px; top: 150px; } .floor_4_main .hd li:nth-child(3) { left: 579px; top: 178px; } .floor_4_main .hd li:nth-child(4) { left: 648px; top: 265px; } .floor_4_main .hd li:nth-child(5) { left: 600px; top: 140px; } .floor_4_main .hd li:nth-child(6) { left: 620px; top: 173px; } .floor_4_main .hd li:nth-child(7) { left: 644px; top: 134px; } .floor_4_main .hd li:nth-child(8) { left: 666px; top: 136px; } .floor_4_main .hd li:nth-child(9) { left: 26px; top: 134px; } .about_main_4 { height: 790px; } } .ke_tit h3 { font-size: 40px; } .ke_tit p { font-size: 30px; color: #b8c0d4; font-family: arial; } .ke_1 { background: url(/uploads/image/ptwpimages/ke_line.png) right 38px no-repeat; padding-top: 100px; } .ke_1 .ke_tit h3 { font-size: 48px; } .ke_1 .left img { margin-top: 139px; } .ke_1 .right { width: calc(100% - 400px); font-size: 16px; line-height: 34px; } .ke_1 .right p { text-indent: 2em; } .ke_1_bg { background: url(/uploads/image/ptwpimages/ke_line.png) right 0 no-repeat; width: 100%; height: 27px; margin-bottom: 53px; } .ke_2_main { background: #f9f8f9 url(/uploads/image/ptwpimages/ke_2_bg.jpg) center top no-repeat; width: 100%; height: 964px; } .ke_2_main .w1400 { position: relative; } .ke_2_main .w1400 img { position: absolute; right: 0; top: 100px; } .ke_2_main .ke_tit { padding-top: 100px; } .ke_3_main { background: #f5f5f5 url(/uploads/image/ptwpimages/ke_3_bg.jpg) center top no-repeat; width: 100%; padding-bottom: 150px; } .ke_3_main .ke_tit { padding-top: 180px; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .ke_3_main .ke_tit p { color: #fff; } .ke_3_main .tit2 { color: #fff; padding-top: 270px; padding-bottom: 26px; } .ke_3_main .tit2 h3 { font-size: 30px; } .ke_3_main .tit2 p { font-size: 16px; } .ke_3_main .body { background: #fff; height: 134px; } .ke_3_main .body img { display: block; height: 134px; } .ke_3_main .body .right { width: 677px; } .ke_3_main .body .right ul { padding-top: 16px; } .ke_3_main .body .right li { float: left; font-size: 18px; background: url(/uploads/image/ptwpimages/ke_3_ico.jpg) left center no-repeat; padding-left: 33px; width: 50%; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 40px; line-height: 35px; } .ke_3_main .tit3 { color: #000; padding-top: 45px; } .ke_4_main { background: url(/uploads/image/ptwpimages/ke_4_bg.jpg) center top no-repeat; width: 100%; height: 800px; } .ke_4_main .ke_tit { padding-top: 140px; color: #fff; } .ke_4_main .ke_tit p { color: #fff; } .ke_4_main .body .bd { margin-top: 40px; } .ke_4_main .body .bd li { float: left; width: 320px; background: url(/uploads/image/ptwpimages/ke_4_li.png) no-repeat; background-size: auto 100%; margin-right: 40px; height: 360px; border-radius: 5px; } .ke_4_main .body .bd li h3 { font-size: 22px; padding-top: 106px; font-weight: bold; padding-bottom: 10px; padding-left: 40px; } .ke_4_main .body .bd li p { font-size: 16px; color: #666; padding-left: 40px; } .ke_4_main .body .bd li span { margin-top: 142px; display: block; padding-left: 40px; font-size: 16px; } .ke_4_main .body .bd li a { display: block; width: 100%; height: 100%; } .ke_4_main .body .bd li:hover { background: url(/uploads/image/ptwpimages/ke_4_on.png) no-repeat; } .ke_4_main .body .bd li:hover span { color: #fff; } .ke_4_main .body .hd { text-align: center; margin: 28px auto 0; } .ke_4_main .body .hd ul { display: inline-block; } .ke_4_main .body .hd li { width: 11px; height: 11px; background: #fff; border-radius: 5px; float: left; text-indent: -500px; overflow: hidden; margin: 0 8px; } .ke_4_main .body .hd li.on { width: 36px; } .ke_5_main { background: url(/uploads/image/ptwpimages/ke_5_bg.jpg) center top no-repeat; width: 100%; background-size: cover; padding-bottom: 150px; } .ke_5_main .ke_tit { padding-top: 98px; color: #fff; } .ke_5_main .ke_tit p { color: #fff; padding-bottom: 53px; } .ke_5_main li { background: repeat; float: left; width: 453px; margin-left: 2%; width: 32%; border-radius: 7px; overflow: hidden; } .ke_5_main li .txt { background: 389px 210px no-repeat; padding: 37px 42px; } .ke_5_main li .txt h3 { font-size: 20px; line-height: 28px; height: 56px; margin-bottom: 22px; } .ke_5_main li .txt p { font-size: 16px; line-height: 24px; height: 96px; color: #666; } .ke_5_main li .img { position: relative; display: block; width: 100%; padding-top: 56.29%; overflow: hidden; z-index: 10; } .ke_5_main li .img span { display: block; background: url(/uploads/image/ptwpimages/black50.png) repeat; position: absolute; left: 0; top: 0; z-index: 11; width: 133px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-size: 16px; border-radius: 0 5px 25px 5px; } .ke_5_main li .img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .ke_5_main li:first-child { margin-left: 0; } .ke_5_main li:hover { transition: ease-in-out .2s; transform: translatey(-10px); } @media (max-width: 1660px) { .ke_4_main .body .bd li { margin-right: 20px; width: 285px; } .ke_3_main .body .right { width: 530px; } }