@charset "UTF-8"; /*��ҳ��� */ html { width: 100%; height: 100%; overflow-x: hidden; background-color: #fff; color: #333; font-size: 12px; -webkit-tap-highlight-color: transparent; } body { color: #666; zoom: 1; -webkit-text-size-adjust: none; line-height: 1.42857143;} /*ȫ��padding��margin */ body, ul, ol, dl, dd, figure, form, fieldset, legend, input, textarea, button, blockquote, th, td, pre, xmp { margin: 0; padding: 0; } /*1���и����� */ /*ȡ��б�� */ address, cite, dfn, em, i, optgroup, var { font-style: normal; } /*������� */ table { border-collapse: collapse; border-spacing: 0; text-align: center; } caption, th { text-align: inherit; } ul, ol, menu { list-style: none; } fieldset, img { border: 0; } /*���ڿ�ײ������� */ img, object, input, textarea, button, select { vertical-align: middle; } img {max-width: 100%} article, aside, footer, header, section, nav, figure, figcaption, hgroup, details, menu { display: block; } audio, canvas, video { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; } blockquote:before, blockquote:after, q:before, q:after { content: " "; } textarea { overflow: auto; resize: vertical; } input, textarea, button, select, a { outline: 0 none; border: none; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } mark { background-color: transparent; } a, ins, s, u, del { text-decoration: none; } /*�DZ���� */ sup, sub { vertical-align: baseline; } /*ˮƽ����� */ hr { height: 0.02rem; margin: 0.1rem 0; border: medium none; border-top: 0.02rem solid #cacaca; } /*��������� */ a { color: #333; display: block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /*����*/ @font-face { font-family: LRockwell; src: url(../fonts/FZLTHJW.ttf) format('truetype'); } @font-face { font-family: FRockwell; src: url(../fonts/FZZZHONGJW.TTF) format('truetype'); } @font-face { font-family: GillSans; src: url(../fonts/GillSans.ttc) format('truetype'); } body, input, textarea,select { font-family:LRockwell,FRockwell,GillSans,"΢���ź�",Arial, "Helvetica Neue", Helvetica, sans-serif; } /*�����ı�ʡ�Ժ� */ /*�����ı�ʡ�Ժ� */ /*placeholder ��ʽ���� */ /*������� */ /*���� */ /*ͼƬ�ȱ��� */ /*��ɫ�ɰ潥�� */ body { color: #666; font-size: 14px; letter-spacing: 0.5px;} /*ҳ��������ʾ����class���̶� */ .contain { margin: 0 auto; max-width: 1200px; height: 100%; box-sizing: border-box; } .contain:after { content: ""; clear: both; display: block; } @media screen and (max-width: 1280px) { .contain { width: 100%;padding: 0 2%; } } .left { float: left; } .right { float: right; } /*��ҳ */ .pager .p_page { display: block; text-align: center; } .pager .p_page a { display: inline-block; line-height: 33px; height: 35px; box-sizing: border-box; border: 1px solid #edecec; font-size: 12px; color: #666; } .pager .p_page a.a_first, .pager .p_page a.a_end { width: 65px; margin: 0 5px; } .pager .p_page a.a_prev, .pager .p_page a.a_next { font-family: simsun; width: 35px; margin: 0 5px; } .pager .p_page .num a { width: 35px; } .pager .p_page .num a.a_cur { color: #fff; border-color: #154082; background: #154082; } #header .contain .top { padding: 9px 0; } #header .contain .top:after { content: ""; clear: both; display: block; } #header .contain .top .logo { display: block; float: left; width: 144px; height: 57px; } #header .contain .top .logo .pic { width: 100%; padding-bottom: 39.58%; position: relative; } #header .contain .top .logo .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #header .contain .top .right { margin-top: 8px; } #header .contain .top .right a { float: right; margin-left: 15px; } #header .contain .top .right .log{background: url('../images/mall_06.png');width:25px;height:25px;} #header .contain .top .right a img { height: 25px; width: auto; } #header .contain .top .moble { display: none; float: right; position: relative; background: #154082; width: 45px; height: 30px; border-radius: 5px; } #header .contain .top .moble span { float: none; display: inline-block; background: #fff; width: 30px; height: 4px; border-radius: 2px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s; } #header .contain .top .moble span.mtop { top: 8px; } #header .contain .top .moble span.mbottom { top: 22px; } #header .contain .top .moble.mon span.mleft { transform: translate(-50%, -50%) rotate(45deg); } #header .contain .top .moble.mon span.mright { transform: translate(-50%, -50%) rotate(-45deg); } #header .contain .top .moble.mon span.mtop, #header .contain .top .moble.mon span.mbottom { display: none; } #header .contain .bottom { line-height: 50px; font-size: 16px; } #header .contain .bottom .wapmall { display: none; } #header .contain .bottom .left:after { content: ""; clear: both; display: block; } #header .contain .bottom .left a { display: inline-block; float: left; margin-right: 30px; color: #333; } #header .contain .bottom .left a.on { color: #fec936; } #header .contain .bottom .left a:last-of-type { margin-right: 0; } #header .contain .bottom .left a .pic { display: inline-block; margin-right: 5px; width: 31px; height: 34px; vertical-align: middle; background: url("../images/icon2_03.png") no-repeat center center/cover; } #header .contain .bottom .right { float: right; } #header .contain .bottom .right:after { content: ""; clear: both; display: block; } #header .contain .bottom .right .contract, #header .contain .bottom .right .search { float: right; margin-left: 18px; } #header .contain .bottom .right .contract.on{color: #fec936;} #header .contain .bottom .right .contract { color: #333; } #header .contain .bottom .right .search { transition: all 0.3s; margin-top: 10px; width: 230px; height: 30px; border: 1px solid #e5e5e5; padding: 0 10px; box-sizing: border-box; } #header .contain .bottom .right .search:after { content: ""; clear: both; display: block; } #header .contain .bottom .right .search input { font-size: 12px; vertical-align: top; float: left; height: 28px; width: 170px; } #header .contain .bottom .right .search .btn { display: inline-block; float: right; vertical-align: middle; width: 18px; height: 18px; background: url("../images/icon1_26.png") no-repeat center center/cover; margin-top: 5px; } @media screen and (max-width: 768px) { #header .contain .bottom .left a { margin-right: 25px; } #header .contain .bottom .right { position: relative; } #header .contain .bottom .right .search { background: #fff; position: absolute; right: 84px; width: auto; border-color: transparent; } #header .contain .bottom .right .search input { display: none; position: absolute; top: 0; right: 47px; } } @media screen and (max-width: 640px) { #header .contain { position: relative; z-index: 99; } #header .contain .top .right { display: none; } #header .contain .top .moble { display: block; margin-top: 14px; } #header .contain .bottom { display: none; position: absolute; top: 75px; left: 0; width: 100%; background: #fff; } #header .contain .bottom .wapmall { border-top: 2px solid #154082; line-height: 60px; display: block; text-align: center; } #header .contain .bottom .wapmall a { display: inline-block; margin: 0 5px; } #header .contain .bottom .wapmall .log{background: url('../images/mall_06.png');width:25px;height:25px;vertical-align: middle;} #header .contain .bottom .left, #header .contain .bottom .right { text-align: center; float: none; } #header .contain .bottom .left a {box-sizing: border-box; float: none; width: 100%; border-top: 1px solid #e5e5e5;display: block; } #header .contain .bottom .right { border-top: 1px solid #e5e5e5; padding-bottom: 20px;} #header .contain .bottom .right a{ border-bottom: 1px solid #e5e5e5; width: 100%;display: block;margin-left: 0 !important;} #header .contain .bottom .right .contract, #header .contain .bottom .right .search { float: none; display: block; } #header .contain .bottom .right .search { margin: 0 auto;display: block;background: #fff; position: static; width: 230px; border-color: #e5e5e5; vertical-align: top;margin-top: 20px; } #header .contain .bottom .right .search input { display: inline-block; position: static; } } #footer { background: #efefef; } #footer .ad{ background: url('../upload/ad_02.jpg') no-repeat center center / cover;} #footer .ad .contain { height: 200px; } #footer .ad .contain:after { content: ""; clear: both; display: block; } #footer .ad .contain .btn { float: right; line-height: 44px; font-size: 17px; color: #fff; border: 2px solid #ffff; border-radius: 2px; padding: 0 28px; margin-top: 80px; } #footer .foot { font-size: 12px; color: #999; } #footer .foot .contain .top { padding-top: 40px; } #footer .foot .contain .top:after { content: ""; clear: both; display: block; } #footer .foot .contain .top .right { float: right; } #footer .foot .contain .top .right .ewm:after { content: ""; clear: both; display: block; } #footer .foot .contain .top .right .ewm li { float: right; margin-left: 17px; width: 101px; } #footer .foot .contain .top .right .ewm li:last-of-type { margin-left: 0; } #footer .foot .contain .top .right .ewm li .pic { padding-bottom: 100%; position: relative; } #footer .foot .contain .top .right .ewm li .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #footer .foot .contain .top .right .ewm li .txt { text-align: center; margin: 15px 0 35px; } #footer .foot .contain .top .right .select:after { content: ""; clear: both; display: block; } #footer .foot .contain .top .right .select select { float: right; width: 220px; height: 35px; background: #d6d6d6; padding: 0 20px; box-sizing: border-box; color: #999; } #footer .foot .contain .top .right .select select option { height: 35px; display: inline-block; } #footer .foot .contain .top .left { margin-top: 20px; } #footer .foot .contain .top .left:after { content: ""; clear: both; display: block; } #footer .foot .contain .top .left li { float: left; width: 145px; } #footer .foot .contain .top .left li div { margin-bottom: 30px; font-size: 15px; color: #333; } #footer .foot .contain .top .left li a { display: block; margin-bottom: 13px; color: #999; font-size: 12px;} #footer .foot .contain .bottom { line-height: 80px; } #footer .foot .contain .bottom a { display: inline; font-size: 12px; color: #999; } @media screen and (max-width: 1200px) { #footer .ad .contain { height: 0; width: 100%; padding-bottom: 10.42%; position: relative; } #footer .ad .contain .btn { float: none; position: absolute; top: 50%; transform: translate(0, -50%); right: 4%; margin-top: 0px; } } @media screen and (max-width: 1024px) { #footer .foot .contain .top .left li { width: 125px; } } @media screen and (max-width: 768px) { #footer .foot .contain .top .right { margin-bottom: 20px; width: 100%; } #footer .foot .contain .top .right .ewm, #footer .foot .contain .top .right .select { margin: 0 auto; width: 220px; } #footer .foot .contain .top .left { width: 100%; box-sizing: border-box; } #footer .foot .contain .top .left li { width: 16.66%; text-align: center; } #footer .foot .contain .bottom { text-align: center; } } @media screen and (max-width: 640px) { #footer .ad .contain { padding-bottom: 15.67%; } #footer .ad .contain .btn { line-height: 30px; font-size: 12px; border: 1px solid #ffff; padding: 0 5px; } #footer .foot .contain .top .left li { width: 33.33%; } #footer .foot .contain .bottom { line-height: 20px; margin: 30px 0; } } /*��ҳbanner */ #banner .swiper-wrapper .swiper-slide { display: block; /*height: 735px;*/;height:auto } #banner .swiper-wrapper .swiper-slide img { display: block; width: 100%; } @media screen and (max-width: 1200px) { #banner{width: 100% !important;} /* #banner .swiper-wrapper .swiper-slide { display: block; width: 100%; height: 0; padding-bottom: 38.28%;position:relative; } #banner .swiper-wrapper .swiper-slide img{ width: 100%; height: 100%; position:absolute;} */ } .banner .swiper-button-prev,.banner .swiper-button-next {position:absolute; top:50%; z-index: 6; text-indent: 99999px; overflow: hidden; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms; background: #fff;} .banner .swiper-button-prev {left:-50px;background:url(../images/h_ico_prev.png) no-repeat 0 0;} .banner .swiper-button-next {right:-50px;background:url(../images/h_ico_next.png) no-repeat 0 0;} .banner:hover .swiper-button-prev {left:120px;} .banner:hover .swiper-button-next {right:120px;} /*��ҳbanner */ #subanner { background-repeat: no-repeat; background-position: center center; background-size: cover; height: 400px; } @media screen and (max-width: 1200px) { #subanner { display: block; width: 100%; height: 0; padding-bottom: 20.83%; } } /*�������� */ #menu { background: #154082; text-align: center; } #menu a { color: white; display: inline-block; line-height: 58px; height: 58px; border-bottom: 2px solid transparent; margin: 0 15px;font-size: 16px;} #menu a.on { border-color: #fec936; } @media screen and (max-width: 640px) { #menu .contain { padding: 0; } #menu .contain a { line-height: 48px; height: 48px; margin: 0 3px; } } /*��ҳ���� */ #slogen { background: #c9e3f5; padding: 50px 0; } #slogen .contain:after { content: ""; clear: both; display: block; } #slogen .contain .left { width: 30%; } #slogen .contain .left .col { font-size: 40px; color: #fec936; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; } #slogen .contain .left .menu { font-size: 26px; color: #154082; } #slogen .contain .right { width: 70%; box-sizing: border-box; border-left: 1px solid #b2cfe6; line-height: 24px; padding: 10px 25px; color: #666; font-size: 16px;} @media screen and (max-width: 768px) { #slogen .contain .left .col { font-size: 25px; } } @media screen and (max-width: 640px) { #slogen { padding: 20px 0; } #slogen .contain .left { width: 100%; margin-bottom: 20px; } #slogen .contain .right { width: 100%; border-left: none; padding: 0; } } #index .slogen { background: #043b94; } #index .slogen .contain{max-width: 1400px;} #index .slogen .contain .left { width: 38%; position: relative; } #index .slogen .contain .left .bg { position: absolute; right: 0; top: 0; height: 100%; width: 840px; background: url("../images/icon1_03.png") repeat; z-index: 1; } #index .slogen .contain .left .txt { height: 220px; box-sizing: border-box; padding: 20px 0; } #index .slogen .contain .left .txt p { font-size: 40px; line-height:40px; font-weight: bold; color: #fff;margin:20px 0; } #index .slogen .contain .left .txt span { line-height: 1; font-size: 20px; font-weight: normal; color: #fec936; } #index .slogen .contain .right { width:62%; } #index .slogen .contain .right:after { content: ""; clear: both; display: block; } #index .slogen .contain .right li { width: 20%; float: left; height: 220px; box-sizing: border-box; padding: 30px 8px; color: #fff; transition:all .3s;} #index .slogen .contain .right li:hover { padding-top:20px; } #index .slogen .contain .right li .pic { width: 42px; height: 41px; } #index .slogen .contain .right li .title { font-size: 16px; margin: 15px 0; font-weight: bold; } #index .slogen .contain .right li span { font-size: 12px; line-height: 20px; } #index .slogen .contain .right li:nth-of-type(1) .pic { background: url("../images/icon1.png") no-repeat center center/90% auto; } #index .slogen .contain .right li:nth-of-type(2) .pic { background: url("../images/icon2.png") no-repeat center center/90% auto; } #index .slogen .contain .right li:nth-of-type(3) .pic { background: url("../images/icon3.png") no-repeat center center/90% auto; } #index .slogen .contain .right li:nth-of-type(2n+1) { background: #043380; } #index .page1, #index .page2, #index .page3, #index .page4 { height: 1078px; text-align: right; } #index .page4{background: no-repeat center center;background-size: cover;} #index .page1 .contain, #index .page2 .contain, #index .page3 .contain, #index .page4 .contain { padding: 12%; position: relative; } #index .page1 .contain .title, #index .page2 .contain .title, #index .page3 .contain .title, #index .page4 .contain .title { font-size: 70px; font-weight: bold; color: #fff; text-shadow: -5px 5px 5px rgba(0, 0, 0, 0.2); } #index .page1 .contain .cn, #index .page2 .contain .cn, #index .page3 .contain .cn, #index .page4 .contain .cn { color: #154082; font-size: 30px; padding: 15px; font-weight: bold; margin-top: 15px; background: url("../images/icon_07.png") no-repeat right top;padding-bottom: 6px; } #index .page1 .contain .detail, #index .page2 .contain .detail, #index .page3 .contain .detail, #index .page4 .contain .detail { font-size: 18px; line-height: 30px; color: #154082; padding-right: 15px; } #index .page1 .contain .btn, #index .page2 .contain .btn, #index .page3 .contain .btn, #index .page4 .contain .btn { display: inline-block; margin-top: 35px; line-height: 56px; width: 140px; font-size: 13px; font-weight: bold; text-align: center; color: #fff; background: #b40d5e; border-radius: 3px; position: relative; } #index .page1 .contain .btn:after, #index .page2 .contain .btn:after, #index .page3 .contain .btn:after, #index .page4 .contain .btn:after { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.2)); } #index .page1 .contain .other, #index .page2 .contain .other, #index .page3 .contain .other, #index .page4 .contain .other { text-align: center; position: absolute; bottom: 70px; left: 0; right: 0; width: 100%; font-size: 20px; color: #154082; } #index .page1 .contain .other span, #index .page2 .contain .other span, #index .page3 .contain .other span, #index .page4 .contain .other span { margin-top: 15px; display: block; margin: 0 auto 15px; width: 30px; height: 3px; background: #154082; } #index .page2 { text-align: left; } #index .page2 .contain .title { text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); } #index .page2 .contain .cn { background: url("../images/icon_03.png") no-repeat left top; } #index .page2 .contain .detail { padding-left: 15px; } #index .page2 .contain .btn { background: #154082; } #index .page3 .contain .btn { background: #368d9a; } #index .page4 .contain { position: relative; } #index .page4 .contain .click { position: absolute;top: 0; left:0; cursor: pointer;width: 100%;height: 100%; } #index .page4 .contain .video { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; } #index .page4 .contain .video .content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; background: #000; } #index .page4 .contain .video .content video { width: 100%; height: 100%; } #index .page4 .contain .video .content .close { z-index: 5; width: 40px; height: 40px; color: #154082; border: 2px solid #154082; border-radius: 50%; text-align: center; line-height: 40px; font-size: 36px; background: #fff; position: absolute; top: -20px; right: -20px; font-weight: bold; cursor: pointer; } #index .page5 { height: 890px; box-sizing: border-box; padding-top: 145px; background: url('../upload/index_5.jpg') no-repeat center center / cover;} #index .page5 .contain:after { content: ""; clear: both; display: block; } #index .page5 .contain .col { float: left; font-size: 40px; width: 150px; } #index .page5 .contain .news { float: left; width: 770px; } #index .page5 .contain .news .item { margin-bottom: 45px; } #index .page5 .contain .news .item:after { content: ""; clear: both; display: block; } #index .page5 .contain .news .item .left { height: 40px; color: #999; border-right: 1px solid #d8d8d8; font-size: 20px; line-height: 32px; padding-right: 15px; } #index .page5 .contain .news .item .arti { float: left; width: 630px; padding-left: 15px; } #index .page5 .contain .news .item .arti .title { height: 40px; font-size: 20px; line-height: 32px; margin-bottom: 20px; } #index .page5 .contain .news .item .arti .content { font-size: 12px; line-height: 24px; color: #666; } @media screen and (max-width: 1200px) { #index .slogen { background: #043b94; } #index .slogen .contain .left .txt p {font-size: 30px} #index .slogen .contain .right { } #index .page4{ height: 900px;} /* #index .page4 .contain .video .content .close{right: 0;} */ } @media screen and (max-width: 768px) { #index .slogen { background: #043b94; } #index .slogen .contain .left .txt { height: 220px; box-sizing: border-box; padding: 40px 0; } #index .slogen .contain .left .txt p { font-size: 20px; line-height: 30px; } #index .slogen .contain .left .txt span { font-size: 18px; } #index .slogen .contain .right li { width: 33.33%; padding: 8% 2%; } #index .page5 .contain .col { margin-bottom: 30px; width: 100%; } #index .page5 .contain .news { width: 100%; } #index .page5 .contain .col { margin-bottom: 30px; width: 100%; } #index .page5 .contain .news { width: 100%; } #index .page5 .contain .news .item .left { width: 10%; } #index .page5 .contain .news .item .arti { width: 80%; } #index .page5 .contain .news .item .arti .title { height: 40px; font-size: 20px; line-height: 32px; margin-bottom: 20px; } #index .page5 .contain .news .item .arti .content { font-size: 12px; line-height: 24px; color: #666; } #index .page4{ height: 500px;} } @media screen and (max-width: 640px) { #index .slogen { background: #043b94; } #index .slogen .contain .left { width: 100%; } #index .slogen .contain .left .txt { height: auto; box-sizing: border-box; padding: 20px 0; } #index .slogen .contain .left .txt p { font-size:14px; line-height: 20px; } #index .slogen .contain .left .txt span { font-size: 18px; } #index .slogen .contain .right { width: 100%; } #index .slogen .contain .right li { width: 33.33%; padding: 8% 2%; } #index .page1 .contain .title, #index .page2 .contain .title, #index .page3 .contain .title, #index .page4 .contain .title { font-size: 50px; } #index .page4 .contain .video .content { width: 100%; } #index .page4 .contain .video .content .close { display: none;} #index .page5 { height: auto; box-sizing: border-box; padding-top: 50px; padding-bottom: 50px; } #index .page5 .contain .col { margin-bottom: 30px; width: 100%; } #index .page5 .contain .news { width: 100%; } #index .page5 .contain .news .item { border-top: 1px solid #e5e5e5; padding-top: 30px; } #index .page5 .contain .news .item .left { width: 100%; border-right: none; } #index .page5 .contain .news .item .arti { float: left; width: 100%; padding-left: 0px; } #index .page5 .contain .news .item .arti .title { height: 40px; font-size: 20px; line-height: 32px; margin-bottom: 20px; } #index .page5 .contain .news .item .arti .content { font-size: 12px; line-height: 24px; color: #666; } #index .page4{ height: 400px;} } @media screen and (max-width: 400px) { #index .page1 .contain .title, #index .page2 .contain .title, #index .page3 .contain .title, #index .page4 .contain .title { font-size: 40px; } } /*��ҳ����� */ #side { position: fixed; bottom: 150px; right: 10px; z-index: 999; } #side .hide{display: none;} #side a { position: relative; width: 60px; height: 60px; border-radius: 7px; text-align: center; margin-bottom: 2px; display: block; } #side a.tomall { background: #b40d5e url("../images/side_03.png") no-repeat center 25%/auto 40%; } #side a.towx { background: #e5ac00 url("../images/side_07.png") no-repeat center 25%/auto 40%; } #side a.towb { background: #368d9a url("../images/side_11.png") no-repeat center 25%/auto 40%; } #side a.totop { background: #154082 url("../images/side_15.png") no-repeat center 25%/auto 40%; } #side a .txt { left: 0; width: 100%; position: absolute; bottom: 16%; color: #fff; font-size: 12px; } #side a .ewm { display: none; position: absolute; right: 120%; top: 50%; transform: translate(0, -50%); width: 150%; height: 150%; background: #fff; } #side a .ewm img { border-radius: 5px; width: 100%; height: 100%; } #side a .ewm span { display: inline-block; position: absolute; right: 0; top: 50%; width: 0; height: 0; border: 5px solid transparent; border-color: #fff #fff transparent transparent; transform: rotate(45deg) translate(0, -50%); } #development .uppage { background: url("../images/bg.jpg") no-repeat center top/cover; } #development .uppage .contain { padding-top: 90px; padding-bottom: 90px; } #development .uppage .contain:after { content: ""; clear: both; display: block; } #development .uppage .contain .item { display: block; float: left; width: 49%; height: 0; padding-bottom: 34.22%; position: relative; } #development .uppage .contain .item:nth-of-type(2n) { margin-left: 2%; } #development .uppage .contain .item:hover .txt { background: rgba(0, 0, 0, 0.5); } #development .uppage .contain .item .txt { transition: all 0.3s; position: absolute; width: 100%; height: 100%; padding-top: 165px; box-sizing: border-box; color: #fff; text-align: center; } #development .uppage .contain .item .txt .title { font-size: 34px; margin-bottom: 10px; } #development .uppage .contain .item .txt .subtitle { font-size: 18px; margin-bottom: 35px; } #development .uppage .contain .item .txt span { display: inline-block; background: #fec936; width: 45px; height: 3px; } #development .downpage { background-color: rgba(228, 239, 249, 0.5); background-image: url("../images/bg.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; } #development .downpage .contain { padding: 105px 0 95px; text-align: center; } #development .downpage .contain .title { font-size: 34px; color: #154082; margin-bottom: 12px; } #development .downpage .contain .subtitle { font-size: 16px; color: #666; margin-bottom: 50px; } #development .downpage .contain .pic { width: 525px; margin-bottom: 50px; } #development .downpage .contain .txt { line-height: 24px; font-size: 12px; color: #666; width: 70%; margin: 0 auto; } @media screen and (max-width: 1024px) { #development .uppage .contain .item .txt { padding-top: 133px; } #development .uppage .contain .item .txt .subtitle { line-height: 1.2; } } @media screen and (max-width: 768px) { #development .uppage .contain .item .txt { padding-top: 66px; padding-left: 2%; padding-right: 2%; } } @media screen and (max-width: 640px) { #development .uppage .contain .item .txt { padding-top: 23px; } #development .uppage .contain .item .txt .title { font-size: 18px; margin-bottom: 10px; } #development .uppage .contain .item .txt .subtitle { font-size: 12px; margin-bottom: 15px; } #development .downpage .contain .pic { width: 80%; margin-bottom: 50px; } } #duty { background-color: rgba(228, 239, 249, 0.5); background-image: url("../images/bg.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; } #duty .contain { padding-top: 110px; padding-bottom: 110px; } #duty .contain:after { content: ""; clear: both; display: block; } #duty .contain a { display: block; } #duty .contain .item { background: #fff; padding: 20px; box-sizing: border-box; float: left; width: 30%; margin-left: 5%; position: relative; transition: all 0.3s; top: 0;height: 0;padding-bottom: 44%; } #duty .contain .item:hover { top: -5px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } #duty .contain .item:nth-of-type(3n+1) { margin-left: 0; } #duty .contain .item .pic { width: 100%; margin-bottom: 32px; padding-bottom: 62.62%; position: relative; } #duty .contain .item .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #duty .contain .item .title { font-size: 24px; color: #154082; margin-bottom: 20px; } #duty .contain .item .artical { line-height: 26px; color: #666; margin-bottom: 30px; } /* #duty .contain .item .btn { color: #fec936; font-size: 12px; text-decoration: underline; margin-bottom: 70px; } */ #duty .contain .item .btn { color: #fec936; font-size: 12px; text-decoration: underline; } @media screen and (min-width: 768px) { #duty .contain .item .title {max-height:70px;overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: wrap; display: -webkit-box; } } @media screen and (max-width: 768px) { #duty .contain .item { width: 32%; margin-left: 2%; } #duty .contain{ padding-top:20px; padding-bottom:20px; } #duty .contain .item .artical { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; white-space: wrap; display: -webkit-box; } } @media screen and (max-width: 640px) { #duty .contain .item { width: 100%; margin-left: 0%; margin-bottom: 20px; } #duty .contain .item{height: auto; padding-bottom:20px;} } /* #duty .contain .item .btn { margin-bottom: 20px; } */ #introduce { background-color: rgba(228, 239, 249, 0.5); background-image: url("../images/bg.jpg"); background-repeat: no-repeat; background-position: center bottom; background-size: cover; } #introduce .contain { padding-top: 90px; padding-bottom: 90px; } #introduce .contain .pic { width: 100%; padding-bottom: 42.67%; position: relative; margin-bottom: 60px; } #introduce .contain .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #introduce .contain .txt { width: 90%; line-height: 25px; font-size: 12px; color: #666; margin: 0 auto; text-indent: 2em; } #introduce .contain .pics { margin: 60px 0; } #introduce .contain .pics:after { content: ""; clear: both; display: block; } #introduce .contain .pics .item { float: left; width: 32%; margin-left: 2%; padding-bottom: 23.98%; position: relative; } #introduce .contain .pics .item img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #introduce .contain .pics .item:nth-of-type(3n+1) { margin-left: 0; } #other { background-image: url("../images/bg.jpg"); background-repeat: no-repeat; background-position: center top; background-size: cover; } #other .contain { padding-top: 110px; padding-bottom: 80px; } #other .contain .title { text-align: center; color: #154082; font-size: 35px; margin-bottom: 50px; } #other .contain .title span { width: 45px; height: 3px; display: block; background: #fec936; margin: 10px auto 0; } #other .contain .wrap { margin-bottom: 60px; } #other .contain .wrap:after { content: ""; clear: both; display: block; } #other .contain .wrap .item { display: inline-block;vertical-align: top; position: relative; width: 26%; margin: 0 1% 60px; margin-left: 8%; background-image: linear-gradient(to bottom, #e5f0f7 55%, #fff 55%); text-align: center; padding: 50px 30px; box-sizing: border-box; } #other .contain .wrap .item:nth-of-type(3n+1) { margin-left: 1%; } #other .contain .wrap .item:hover .name { color: #154082; } #other .contain .wrap .item:hover .sold { color: #154082; } #other .contain .wrap .item:hover .pic div { transform: scale(1.2); } #other .contain .wrap .item .sideleft, #other .contain .wrap .item .sideright { position: absolute; bottom: 0; left: -35px; width: 35px; height: 40px; background: url("../images/icon_31.png") no-repeat center center/cover; } #other .contain .wrap .item .sideright { right: -35px; left: auto; background-image: url("../images/icon_34.png"); } #other .contain .wrap .item .name { font-size: 18px; margin-bottom: 10px; } #other .contain .wrap .item .subtitle { font-size: 14px; color: #999; margin-bottom: 15px; } #other .contain .wrap .item span { display: inline-block; width: 40px; height: 2px; background: #fec936; margin-bottom: 35px; } #other .contain .wrap .item .pic { width: 85%; margin: 0 auto 20px; padding-bottom: 51.1%; position: relative; } #other .contain .wrap .item .pic div { transition: all 0.3s; position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: contain; } #other .contain .wrap .item .weight { font-size: 13px; color: #a7b4c8; margin-bottom: 10px; } #other .contain .wrap .item .sold { font-size: 24px; } @media screen and (max-width: 768px) { #other .contain .wrap .item { float: left; position: relative; width: 40%; margin: 0 5% 60px; padding: 50px 30px; box-sizing: border-box; } #other .contain .wrap .item:nth-of-type(3n+1) { margin-left: 5%; } } @media screen and (max-width: 640px) { #other .contain .wrap .item { float: left; position: relative; width: 80%; margin: 0 10% 60px; padding: 50px 30px; box-sizing: border-box; } #other .contain .wrap .item:nth-of-type(3n+1) { margin-left: 10%; } } #pefc .uppage { background: url("../images/bg.jpg") no-repeat center bottom/cover; } #pefc .uppage .contain { padding-top: 100px; padding-bottom: 100px; } #pefc .uppage .contain .title { font-size: 34px; color: #154082; margin-bottom: 12px; } #pefc .uppage .contain .txt { font-size: 12px; color: #666; line-height: 24px; } #pefc .uppage .contain .txt a { display: inline; color: #fec936; text-decoration: underline; } #pefc .uppage .contain .identify { margin: 40px 0; } #pefc .uppage .contain .identify:after { content: ""; clear: both; display: block; } #pefc .uppage .contain .identify .item { float: left; width: 49%; } #pefc .uppage .contain .identify .item:after { content: ""; clear: both; display: block; } #pefc .uppage .contain .identify .item:nth-of-type(2n) { margin-left: 2%; } #pefc .uppage .contain .identify .item .pic { float: left; width: 20%; height: 0; padding-bottom: 20%; background-color: #154082; border-radius: 50%; background-repeat: no-repeat; background-position: center center; background-size: 60% auto; } #pefc .uppage .contain .identify .item .right { width: 75%; padding-top: 10px; } #pefc .uppage .contain .identify .item .right .en { color: #fec936; font-size: 37px; margin-bottom: 6px; font-weight: bold; } #pefc .uppage .contain .identify .item .right .cn { margin-bottom: 20px; font-size: 23px; color: #154082; } #pefc .uppage .contain .identify .item .right .detail { font-size: 12px; color: #666; } #pefc .uppage .contain .award { margin-top: 65px; } #pefc .uppage .contain .award .item { float: left; width: 49%; border-radius: 35px; overflow: hidden; padding-bottom: 31.46%; position: relative; } #pefc .uppage .contain .award .item img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #pefc .uppage .contain .award .item:nth-of-type(2n) { margin-left: 2%; } #pefc .middlepage { background: url("../images/index_02.jpg") no-repeat center bottom/cover; } #pefc .middlepage .contain { padding-top: 100px; padding-bottom: 100px; } #pefc .middlepage .contain .title { font-size: 34px; color: #fff; margin-bottom: 12px; text-align: center; } #pefc .middlepage .contain .subtitle { color: #fff; font-size: 13px; margin-bottom: 27px; text-align: center; } #pefc .middlepage .contain span { width: 45px; height: 3px; background: #fec936; display: block; margin: 0 auto; margin-bottom: 100px; } #pefc .middlepage .contain .identify:after { content: ""; clear: both; display: block; } #pefc .middlepage .contain .identify .item { float: left; width: 40%; margin: 0 5% 0; } #pefc .middlepage .contain .identify .item .top { width: 100%; margin-bottom: 30px; } #pefc .middlepage .contain .identify .item .top:after { content: ""; clear: both; display: block; } #pefc .middlepage .contain .identify .item .top .pic { float: left; width: 12.5%; height: 0; padding-bottom: 12.5%; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; } #pefc .middlepage .contain .identify .item .top .left { margin-left: 15px; width: 70%; padding-top: 5px; } #pefc .middlepage .contain .identify .item .top .left .en { color: #fec936; font-size: 12px; text-transform: uppercase; } #pefc .middlepage .contain .identify .item .top .left .cn { margin-bottom: 5px; font-size: 29px; color: #fff; } #pefc .middlepage .contain .identify .item .bottom { font-size: 12px; line-height: 24px; color: #bac4dc; } #pefc .downpage { background: url("../images/bg.jpg") no-repeat center bottom/cover; } #pefc .downpage .contain { padding-top: 100px; padding-bottom: 100px; } #pefc .downpage .contain .title { font-size: 34px; color: #154082; margin-bottom: 12px; text-align: center; } #pefc .downpage .contain span { width: 45px; height: 3px; background: #fec936; display: block; margin: 0 auto; margin-bottom: 65px; } #pefc .downpage .contain .indentify:after { content: ""; clear: both; display: block; } #pefc .downpage .contain .indentify .item { width: 50%; background: #fff; float: left; } #pefc .downpage .contain .indentify .item:after { content: ""; clear: both; display: block; } #pefc .downpage .contain .indentify .item:nth-of-type(4n+3) .pic, #pefc .downpage .contain .indentify .item:nth-of-type(4n) .pic { float: right; } #pefc .downpage .contain .indentify .item:nth-of-type(4n+3) .right, #pefc .downpage .contain .indentify .item:nth-of-type(4n) .right { float: left; } #pefc .downpage .contain .indentify .item .pic { float: left; width: 50%; padding-bottom: 37%; position: relative; } #pefc .downpage .contain .indentify .item .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #pefc .downpage .contain .indentify .item .right { width: 50%; padding: 50px 26px 0; box-sizing: border-box; } #pefc .downpage .contain .indentify .item .right .name { font-size: 22px; margin-bottom: 10px; color: #154082; } #pefc .downpage .contain .indentify .item .right i { width: 33px; height: 2px; background: #fec936; display: block; margin-bottom: 20px; } #pefc .downpage .contain .indentify .item .right .detail { font-size: 12px; line-height: 24px; color: #666; } @media screen and (max-width: 768px) { #pefc .downpage .contain .indentify .item { width: 100%; } #pefc .downpage .contain .indentify .item:nth-of-type(2n) .pic { float: right; } #pefc .downpage .contain .indentify .item:nth-of-type(2n) .right { float: left; } #pefc .downpage .contain .indentify .item:nth-of-type(4n+3) .pic { float: left; } #pefc .downpage .contain .indentify .item:nth-of-type(4n+3) .right { float: right; } } @media screen and (max-width: 640px) { #pefc .uppage .contain .identify .item { width: 100%; margin-bottom: 40px; } #pefc .uppage .contain .identify .item:nth-of-type(2n) { margin-left: 0%; } #pefc .uppage .contain .identify .item .right { padding-top: 0px; } #pefc .uppage .contain .award { margin-top: 65px; } #pefc .uppage .contain .award .item { width: 100%; margin-bottom: 20px; padding-bottom: 64.21%; position: relative; } #pefc .uppage .contain .award .item img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #pefc .uppage .contain .award .item:nth-of-type(2n) { margin-left: 0%; } #pefc .middlepage .contain span { margin-bottom: 40px; } #pefc .middlepage .contain .identify:after { content: ""; clear: both; display: block; } #pefc .middlepage .contain .identify .item { float: left; width: 80%; margin: 0 10% 20px; } #pefc .middlepage .contain .identify .item .top { width: 100%; margin-bottom: 10px; } #pefc .middlepage .contain .identify .item .top:after { content: ""; clear: both; display: block; } #pefc .downpage .contain .indentify:after { content: ""; clear: both; display: block; } #pefc .downpage .contain .indentify .item { width: 100%; margin-bottom: 20px; } #pefc .downpage .contain .indentify .item .pic { float: left; width: 100%; padding-bottom: 74.83%; position: relative; } #pefc .downpage .contain .indentify .item .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #pefc .downpage .contain .indentify .item .right { width: 100%; padding: 50px 35px 50px; } } #pics { background: url("../images/bg.jpg") no-repeat center bottom/cover; } #pics .contain { padding-top: 90px; padding-bottom: 90px; } #pics .contain .wrap:after { content: ""; clear: both; display: block; } #pics .contain .wrap .item { float: left; background: #fff; padding: 25px 0 40px; width: 22%; margin-left: 4%; text-align: center; margin-bottom: 45px; transition: all 0.3s; } #pics .contain .wrap .item:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } #pics .contain .wrap .item:hover .title { color: #154082; } #pics .contain .wrap .item:nth-of-type(4n+1) { margin-left: 0; } #pics .contain .wrap .item .pic { width: 40%; padding-bottom: 40%; border-radius: 50%; background: #f2f5fa; margin: 0 auto 25px; position: relative; } #pics .contain .wrap .item .pic div { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 40% auto; } #pics .contain .wrap .item .title { font-size: 14px; margin-bottom: 10px; } #pics .contain .wrap .item .time { font-size: 14px; color: #666; } @media screen and (max-width: 768px) { #pics .contain .wrap .item { float: left; background: #fff; padding: 25px 0 40px; width: 30%; margin-left: 5%; } #pics .contain .wrap .item:nth-of-type(4n+1) { margin-left: 5%; } #pics .contain .wrap .item:nth-of-type(3n+1) { margin-left: 0; } } @media screen and (max-width: 640px) { #pics .contain .wrap .item { float: left; background: #fff; padding: 25px 0 40px; width: 44%; margin-left: 3%; margin-right: 3%; } #pics .contain .wrap .item:nth-of-type(4n+1) { margin-left: 3%; } #pics .contain .wrap .item:nth-of-type(3n+1) { margin-left: 3%; } } #story { background: url("../images/bg.jpg") no-repeat center bottom/cover; } #story .contain { padding-top: 100px; } #story .contain .title { line-height: 65px; font-size: 44px; color: #154082; font-weight: bold; margin-bottom: 60px; text-align: center; } #story .contain .title img { width: 56px; height: 62px; margin: 0 15px 0; } #story .contain .wrap { background: url("../images/icon2_13.png") no-repeat center top/20px auto; padding-top: 50px; padding-bottom: 150px; } #story .contain .wrap:after { content: ""; clear: both; display: block; } #story .contain .wrap .item { float: left; width: 50%; text-align: right; padding-right: 45px; box-sizing: border-box; height: 310px; } #story .contain .wrap .item:nth-of-type(2n) { position: relative; top: 150px; text-align: left; padding-left: 45px; padding-right: 0px; } #story .contain .wrap .item:nth-of-type(2n) .direction { left: -55px; background: url("../images/icon2_57.png") no-repeat left top/auto 100%; } #story .contain .wrap .item:nth-of-type(2n) .detail .pic { float: left; } #story .contain .wrap .item:nth-of-type(2n) .detail .txt { float: right; } #story .contain .wrap .item .time { font-size: 26px; color: #154082; font-weight: bold; margin-bottom: 7px; } #story .contain .wrap .item .event { font-size: 16px; color: #154082; margin-bottom: 12px; } #story .contain .wrap .item .event span { color: #fec936; } #story .contain .wrap .item .direction { position: relative; height: 30px; right: -54px; background: url("../images/icon2_56.png") no-repeat right top/auto 100%; } #story .contain .wrap .item .detail:after { content: ""; clear: both; display: block; } #story .contain .wrap .item .detail .pic { float: right; width: 33%; padding-bottom: 21.12%; position: relative; } #story .contain .wrap .item .detail .pic img {width: 100%;} #story .contain .wrap .item .detail .txt { float: left; width: 60%; font-size: 12px; line-height: 24px; color: #666; } #story .contain .wrap .item .detail .txt li { list-style: disc; color: #154082; margin-bottom: 15px; } #story .contain .wrap .item .detail .txt li span { color: #666; } #story .contain .wrap .item .detail .txt .big { color: #154082; font-size: 16px; } @media screen and (max-width: 768px){ #story .contain .wrap .item{height:350px;} } @media screen and (max-width: 640px) { #story .contain .title { font-size: 35px; } #story .contain .title img { width: 50px; height: 55px; margin: 0 5px 0; } #story .contain .wrap { background: url("../images/icon2_13.png") no-repeat center top/auto 100%; } #story .contain .wrap .item { float: left; width: 50%; text-align: right; padding-right: 15px; box-sizing: border-box; height: 460px; } #story .contain .wrap .item:nth-of-type(2n) { top: 200px; padding-left: 15px; } #story .contain .wrap .item:nth-of-type(2n) .direction { left: -25px; } #story .contain .wrap .item .event { font-size: 12px; } #story .contain .wrap .item .direction { right: -25px; } #story .contain .wrap .item .detail:after { content: ""; clear: both; display: block; } #story .contain .wrap .item .detail .pic { float: right; width: 100%; padding-bottom: 66.32%; position: relative; } #story .contain .wrap .item .detail .pic img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #story .contain .wrap .item .detail .txt { float: left; width: 100%; font-size: 12px; line-height: 24px; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 6; white-space: wrap; display: -webkit-box; } } /*# sourceMappingURL=whir_css.css.map */ .auto{width: 100%; max-width: 1200px; margin: 0 auto;} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .clear{ clear:both; overflow:hidden; height:0px;} pre{font-family:"Microsoft YaHei",����,"Microsoft JhengHei",����ϸ��,STHeiti,MingLiu; white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;} .contact table{ text-align:left} .Singlepage{ font-size: 122%; padding: 0 2% 2%;} .Singlepage img{ max-width:100%;height:auto;} .flybg{background: url(../images/brandstory_fly.png) no-repeat 95% 125%;} .bg_line{background: url(../images/brand_videobg.jpg) repeat left top;} .bg_white{background:#fff;} .bg_yellow{background: url(../images/bg_yellow.jpg) repeat left top;} .bg_blue{background: url(../images/bg_blue.jpg) repeat left top;} .bg_blue_light{background: url(../images/bg_blue_light.jpg) repeat left top;} .bg_nature{ background:url(../images/bg_natrue.jpg) no-repeat center top; /*height:520px;*/} .bg_yellowpic{background:url(../images/introbg.jpg) repeat left top; } .sample_title{ padding:3% 0; text-align:center;} .sample_title .h3{color: #043b94; font-size: 22px;} @media (min-width:1000px){ .sample_title .h3{color: #043b94; font-size: 36px;} } .sample_title img{ max-height:69px;} @media (min-width:300px) and (max-width:480px){ .sample_title img{max-width:100%;} .Singlepage{ font-size: 100%;} } .brand_video{padding-bottom:5%; } .left_video{ float:left; width: 718px; margin-left: 72px;padding: 10px; border:1px solid #dbdbdb; background-color: #fff; box-shadow: 0 2px 5px #666;} .right_video_list{ float: right; width: 297px; margin-right: 89px;} .right_video_list li{ padding-bottom: 5%; cursor: pointer;} .right_video_list li .pic{ padding: 10px; border:1px solid #dbdbdb; background-color: #fff; box-shadow: 0 2px 5px #666;} .right_video_list li .pic img{ width: 100%; } .right_video_list li .pic .m{position:relative;} .right_video_list li p{ text-align: center;} .right_video_list li:hover p{ color: #212d77;} .right_video_list li span{ position: absolute;width: 100%; } .right_video_list li span.open{ top: 0; height: 100%; background-image: url(../images/icon_video_on.png); background-repeat: no-repeat; background-position: center center; background-size: 48px 48px; background-color: rgba(0,0,0,.5);} .right_video_list li:hover span.open{background-image: url(../images/icon_video.png);background-color:rgba(0,0,0,0);} .right_video_list li span.icon{background-image: url(../images/icon_book.png); background-repeat: no-repeat; background-position: 55% center; height: 37px; top: -37px;} .right_video_list li:hover span.icon{background-image: url(../images/icon_book_on.png);} #phone_right_video_list{display: none;} @media (min-width:1001px) and (max-width:1200px){ .left_video{ margin-left:5%} .right_video_list{ margin-right: 5%;} } @media (min-width:300px) and (max-width:1000px){ .left_video, .right_video_list{display: none;} #phone_right_video_list{ display:block; float: none;width: 100%; margin-right: 0; padding-top: 5%;} #phone_right_video_list li{ padding-left:2%; padding-right: 2%; cursor: default;} } /**��Ʒ�б�**/ .list_product{ padding: 0 5% 10%;} .list_product li{ padding: 0 1% 2% 1%;float: left; width: 25%; } .list_product li div{ height: 347px;background-color: #fff; border: 1px solid #dfdfdf; padding: 3px;} .list_product li:hover div{ border-color: #fabe00; border-width: 4px; padding: 0;} .list_product li img{ width: 100%;} .list_product li h4{font-size: 16px; margin: 0; font-weight: normal; padding-top: 3%; color: #21295e; padding-bottom: 2%;} .list_product li h4 span{ font-size: 14px;display: block; color:#555; } .list_product li h4,.list_product li pre{ padding-left: 3%; padding-right: 3%;} .list_product li h4 i{ display: block; width: 15%; height: 2px; background-color: #fabe00; margin-top:5px; } @media (min-width:300px) and (max-width:1000px){ .list_product li{ width: 50%; margin-bottom: 2%;} } @media (min-width:376px) and (max-width:480px){ .list_product li div{ height: 300px;} } @media (min-width:300px) and (max-width:375px){ .list_product li{ width: 100%;} .list_product li div{ height: auto;} } .product_intro{ padding-bottom:3%;} .product_intro .img{ float: left; width: 40%; padding-right:5%;} .product_intro .img img{ width: 100%; max-width: 480px;} .product_intro .intro{ width: 60%; padding-left: 5%; float: right; padding-top: 5%;} .product_intro .intro .title{ color: #212d77; font-size: 300%; margin: 0; text-shadow:1px 1px 0 #fff,2px 2px 0 #212d77;} @media (min-width:300px) and (max-width:1000px){ .product_intro .intro .title{ font-size: 200%;} } @media (min-width:300px) and (max-width:480px){ .product_intro .img{ padding: 0 3%;width: 100%;} .product_intro .intro{ padding-right: 5%; width: 100%;} } .features{ padding-bottom: 3%;} .features .tips{color: #212d77; text-align:center;padding: 0 10%;} @media (min-width:300px) and (max-width:640px){ .features .tips{ font-size: 12px;padding: 0 5%;} } .features .sample_title{ padding-bottom: 10px;} .features_icon{ padding: 0 5%; text-align: center; } .features_icon dl{ display: inline-block; float: left; padding: 0 5%;} .features_icon .three_a_line dl{ width: 33.3333%;} .features_icon .three_a_line{clear: both; overflow: hidden;} .features_icon .two_a_line{ padding: 0 10%;clear: both; overflow: hidden;} .features_icon .two_a_line dl{ width: 50%;padding: 0 14%;} .features_icon dl img{ width: 100%; max-width: 150px;} .features_icon dl span{ display: block; font-size: 18px; color: #333;} #other_product dl span{ font-size:18px; color:#212d77;} #other_product dl p{ color:#212d77; margin:0; padding-top:10px;} @media (min-width:640px) and (max-width:1000px){ .features_icon dl span{ font-size: 100%;} .features_icon .two_a_line dl{padding: 0 10%;} } /***�����л�***/ @media (min-width:300px) and (max-width:640px){ .features_icon{ display: none;} .phone_features_icon{ position:relative;display:none; margin: 0 10%;} /*#features_icon{height:200px;}*/ #features_icon .slidesjs-container,#features_icon .slidesjs-control{ height: 168px;} #features_other_icon{height:260px;} #features_other_icon .slidesjs-container,#features_other_icon .slidesjs-control{ height: 240px;} .phone_features_icon .slidesjs-pagination{ display: block; text-align: center;} .phone_features_icon .slidesjs-pagination span{ margin: 0 2px;} .phone_features_icon .slidesjs-pagination span a{ display: inline-block; overflow: hidden; line-height: 100px; width: 10px; height: 10px; border-radius: 50%; background-color:rgba(255, 255, 255, 0.3);} .phone_features_icon .slidesjs-pagination span a.active{ background-color:rgba(149, 124, 54, 0.8); } .phone_features_icon .main_image {width:100%; overflow:hidden; margin:0 auto; position:relative; height:100%; z-index:0;} .phone_features_icon .main_image dl{ text-align: center; padding: 0 10%;} .phone_features_icon .main_image dl span{ display: block;} #features_other_icon .main_image dl p{ color:#212d77; margin:0; padding-top:10px;} #features_other_icon .main_image dl span{ font-size:18px; color:#212d77;} .phone_features_icon .main_image img{width:100%;max-width: 150px;} .phone_features_iconn .main_image{ height:auto !important;} .phone_features_icon .slidesjs-previous,.phone_features_icon .slidesjs-next{ color: #957c36; position: absolute; top: 38%; height: 50px; line-height: 50px; z-index: 100; font-size: 200%; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3); } .phone_features_icon .slidesjs-previous{left: 2%;} .phone_features_icon .slidesjs-next{right: 2%;} .phone_features_icon .slidesjs-navigation a{ text-decoration: none !important;} } /*******/ .print_use{ padding-bottom: 3%;} .print_use .tips{color: #212d77; text-align:center; padding: 0 10%;} @media (min-width:300px) and (max-width:640px){ .print_use .tips{ font-size: 12px;padding: 0 5%;} } .print_use .sample_title{ padding-bottom: 10px;} .print_use .list_icon{ padding-top: 3%;} .print_use .list_icon li{ float: left; width: 18.5%; position: relative; text-align: center; margin: 0 3.25% 2%; cursor: pointer;} .print_use .list_icon li img{/*border: 8px solid #febe10; border-radius: 50%;*/ width: 100%;} .print_use .list_icon li .txt{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;border-radius: 50%;border-color: transparent; background-color: rgba(0,0,0,0.8); -webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);opacity: 0;transition:all 0.4s ease-in-out; padding-top: 40%; color: #febe10; font-size: 20px; font-weight: bold;} .print_use .list_icon li:hover .txt{ -webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);opacity: 1;border: 8px solid #febe10; } @media (min-width:640px) and (max-width:1000px){ .print_use .list_icon li img{ border-width: 4px;} .print_use .list_icon li .txt{font-size: 16px;} .print_use .list_icon li:hover .txt{ border-width: 4px;} } @media (max-width:640px){ .slidesjs-navigation{display: none;} .Container .contact td{display: block;width: 100%;padding-left: 0 !important;margin-bottom: 20px;} } /***ӡˢʹ�������л�***/ @media (min-width:300px) and (max-width:640px){ .print_use .list_icon{ display: none;} #print_use{ position:relative;display:none; margin: 0 10%;} #print_use .slidesjs-container,#print_use .slidesjs-control{ height: 200px;} #print_use .slidesjs-pagination{ display: block; text-align: center;} #print_use .slidesjs-pagination span{ margin: 0 2px;} #print_use .slidesjs-pagination span a{ display: inline-block; overflow: hidden; line-height: 100px; width: 10px; height: 10px; border-radius: 50%; background-color:rgba(0, 0, 0,0.3);} #print_use .slidesjs-pagination span a.active{ background-color:rgba(33, 45, 119,1); } #print_use .main_image {width:100%; overflow:hidden; margin:0 auto; position:relative; height:100%; z-index:0;} #print_use .main_image dl{ text-align: center; padding: 0 10%;} #print_use .main_image dl span{ display: block; color: #212d77; padding-top: 5px;} #print_use .main_image img{width:100%;max-width: 150px; border-radius: 50%;} #print_use .main_image{ height:auto !important;} #print_use .slidesjs-previous,#print_use .slidesjs-next{ color: #212d77; position: absolute; top: 38%; height: 50px; line-height: 50px; z-index: 100; font-size: 200%; text-shadow:1px 1px 0 rgba(82, 101, 214, 0.3); } #print_use .slidesjs-previous{left: 2%;} #print_use .slidesjs-next{right: 2%;} #print_use .slidesjs-navigation a{ text-decoration: none !important;} } /***�淶***/ .specifi_area{ color: #444; overflow:hidden;} .specifi_area .auto{ max-width: 1000px;} @media (min-width:300px) and (max-width:1000px){ .specifi_area .auto{ max-width: 640px;} } .specifi_area .tips{color: #212d77; text-align:center;padding: 0 10%; margin-bottom: 5%;} .specifi_area .tips img{ max-height:69px;} @media (min-width:300px) and (max-width:640px){ .specifi_area .tips{ font-size: 12px;padding: 0 5%;} .specifi_area .tips img{ max-width:100%;} } .specifi_area .sample_title{ padding-bottom: 10px;} .specifi_area .box{ clear: both; overflow: hidden; padding-bottom: 3%;} .specifi_area .box dl{ float: left; width: 24%; margin: 0;} .specifi_area .box dl .pic{ width: 100%; max-width: 233px;} .specifi_area .box dl .icon{ width: 100%; max-width: 150px;} .specifi_area .box dl p{ font-weight: bold;} .specifi_area .box dt{ float: right; width: 74%;} .specifi_area .box h4{ font-size: 14px; color: #21295e; line-height:1.6; padding-bottom: 15px; border-bottom: 1px solid #b4b7bf; margin-bottom: 10px; margin: 0 0 10px 0;} .box .three_rows{ width: 33.33333%; float: left; padding-top: 5%;} .box .three_rows img{ max-width:100%; } .specifi_area .box dl h1{ margin: 0; color: #000; font-size: 300%;} @media (min-width:300px) and (max-width:1000px){ .specifi_area .box{ padding: 0 2%;} .specifi_area .auto{ max-width: 640px;} .box .three_rows{ padding-right: 10%;} } @media (min-width:300px) and (max-width:480px){ .specifi_area .box dl, .box .three_rows, .specifi_area .box dt{ width: 100%; float: none;} .specifi_area .box{ margin-bottom:5%;} .specifi_area .box h4{ font-size:16px;} } .product_table{ padding-bottom: 5%;} .product_table table{ width: 100%;} .product_table tr:first-child td{ border-bottom: 0; font-weight: bold; color: #212d77; width:15%;} .product_table td{ padding: 10px 15px; vertical-align: middle; line-height: 20px; border-bottom: 1px solid #b9b9b9; width: auto;} .product_table tr td:first-child{ border-bottom: 0; padding-left: 0;font-weight: bold; color: #212d77;} .product_table td span{ display: none;} @media (min-width:300px) and (max-width:480px){ .product_table{ padding-left:3%; padding-right:3%; } .product_table tr:first-child{ display:none;} .product_table td span{ display:block; font-size:14px; color:#666; font-weight:normal;} .product_table td{ display:table; width:100%; line-height:25px; border-bottom:0; color:#333; font-size:16px; font-weight:bold;} .product_table tr td:first-child{border-bottom: 1px solid #b9b9b9; line-height:35px;} } .download_block {background: url(../images/blue-bg.jpg) repeat;position: relative; height:212px; text-align:center; color:#fff;} .download_block::before {background: url(../images/left-bg-desktop.png) no-repeat 0 bottom; background-size:auto 212px; content: "";height: 212px;left: 0;position: absolute;top: 0;width: 405px;} @media (min-width:300px) and (max-width:1000px){ .download_block::before {background: url(../images/left-bg-tablet.png) no-repeat 0 bottom; width: 180px;} } @media (min-width:300px) and (max-width:640px){ .download_block::after {background: url(../images/left-bg-mobile.png) no-repeat 0 bottom;width: 150px;} } .download_block::after {background: url(../images/right-bg-desktop.png) no-repeat right bottom;content: "";background-size:auto 212px;height: 212px;position: absolute;right: 0;top: 0;width: 405px;} @media (min-width:641px) and (max-width:1000px){ .download_block::after {background: url(../images/right-bg-tablet.png) no-repeat right bottom;width: 180px;} } @media (min-width:300px) and (max-width:640px){ .download_block::after {background: url(../images/right-bg-mobile.png) no-repeat right bottom;width: 150px;} } .download_block h2{ margin:0; font-size:32px; padding-top:23px; padding-bottom:10px;} .download_block .buy_btn{ background:url(../images/btn_buy.png) no-repeat center center; width:133px; height:42px; position:absolute; bottom:0; left:50%; margin-left:-66px; z-index:10;} .download_block .buy_btn a{ display:block; line-height:42px; font-weight:bold; font-size:14px; padding-left:15%; color:#fff;} .download_block .download_btn{ text-align:center; font-weight:bold; font-size:18px;} .download_block .download_btn a{ display:inline-block; width:25%; border:4px solid #fff; line-height:3; color:#fff;} @media (min-width:641px) and (max-width:1000px){ .download_block .download_btn a{ width:40%; border-width:2px; line-height:2;} } @media (min-width:300px) and (max-width:640px){ .download_block h2 { font-size:18px;} .download_block .buy_btn{ background-size: auto 30px; height:30px; } .download_block .buy_btn a{ line-height:30px;font-size:12px;} .download_block .download_btn{ font-size:14px;} .download_block .download_btn a{ width:50%; border-width:2px; line-height:2;} .download_block { height:140px;} .download_block::after, .download_block::before{background-size:auto 140px;height: 140px;} } .make_Element{ text-align:center; padding-bottom:4%; max-height:520px;} .make_Element .title{ font-size:30px; color:#212d77; padding-top:2%;} .make_Element .tips{ font-size:16px; color:#212d77; line-height:2; padding:0 32%;} .make_Element .list{ padding-top:2%;} .make_Element li{ float:left; width:20%; padding:0 1%;} .make_Element li img{ width:100%; max-width:215px;} @media (min-width:300px) and (max-width:1000px){ .make_Element .title { font-size:18px;} .make_Element .tips { font-size:12px;padding:0 20%;} } /***����ɷ�***/ @media (min-width:300px) and (max-width:1000px){ .bg_nature{ background-image:url(../images/bg_natrue_38.jpg);background-size:auto 323px;} .make_Element .list{ display: none;} #make_Element{ position:relative;display:none;height:324px; margin: 0 10%;} #make_Element .slidesjs-container,#make_Element .slidesjs-control{ height: 292px;} #make_Element .slidesjs-pagination{ display: block; text-align: center;} #make_Element .slidesjs-pagination span{ margin: 0 2px;} #make_Element .slidesjs-pagination span a{ display: inline-block; overflow: hidden; line-height: 100px; width: 12px; height: 12px; border-radius: 50%; background-color:rgba(0, 0, 0, 0.2);} #make_Element .slidesjs-pagination span a.active{ background-color:#000; } #make_Element .main_image {width:100%; overflow:hidden; margin:0 auto; position:relative; height:100%; z-index:0;} #make_Element .main_image dl{ text-align: center; padding:0 15%; margin:0;} #make_Element .main_image dl img{ max-width:100%;} #make_Element .main_image dl h1{ margin:0; font-size:3.5em; color:#000;} #make_Element .main_image dl h1 i{ font-style:normal; font-size:14px;} #make_Element .main_image dl span{ display: block;} #make_Element .main_image{ height:auto !important;} #make_Element .slidesjs-previous,#make_Element .slidesjs-next{ color: #666; position: absolute; top: 38%; height: 50px; line-height: 50px; z-index: 100; font-size: 200%; text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3); } #make_Element .slidesjs-previous{left: 2%;} #make_Element .slidesjs-next{right: 2%;} #make_Element .slidesjs-navigation a{ text-decoration: none !important;} } @media (min-width:300px) and (max-width:480px) { #make_Element .main_image dl{ padding:10% 15%;} } .it_list { padding-top:2%;} .it_list li{ width:33.3333%; float:left; padding:0 3%;} .it_list li .pic{ padding:3%; border:1px solid #ccc; box-shadow:0 2px 3px #ccc;} .it_list li .pic img{ width:100%;} .it_list li .tit{ border-bottom:1px solid #bebfc0; line-height:1.8; text-align:center; color:#555; font-size:16px; margin-top:2%;} .it_list li .tit span{ display:block;} .it_list li p{ font-size:14px;} @media (min-width:300px) and (max-width:640px) { .it_list li { width:100%;padding:0 5%;} } .main_EP{ color:#000;} .main_EP b, .main_EP strong{ font-weight: 700; color: #2a31b9;} .main_EP .it_list li .pic{ background-color:#fff;box-shadow:0 2px 3px rgba(0,0,0,0.39); border-color:#fff;} .it_list li .tit{ border-bottom-color:rgba(0,0,0,0.2);color:#000;} .news_list{ padding:0 5%; min-height:200px;} .news_list li{ float:left; padding:0 3%; width:33.3333%; margin-bottom:5%;} .news_list li div{ padding:3%; box-shadow:0 3px 5px rgba(0,0,0,0.39); background-color:#fff;} .news_list li div img{ width:100%;} .news_list li h3{ margin:0; font-size:16px; padding-top:2%;} .news_list li h3 a{display:block;overflow: hidden; text-overflow:ellipsis; height:45px; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .news_list li p{ line-height:30px; height:30px; overflow:hidden; margin:0 0 3% 0;} .news_list li:hover h3 a,.news_list li:hover p{ color:#212d77;} .news_list li:hover div{box-shadow:0 3px 5px rgba(33,45,119,0.8);} @media (min-width:481px) and (max-width:1000px){ .news_list li{ width:50%;} } @media (min-width:300px) and (max-width:480px) { .news_list li div img{max-width:272px; margin:0 auto; display:list-item;} .news_list li{ width:100%;} .news_list{ padding:5%;} } .info_family_school{ position:relative;} .info_family_school img{ width:100%;} .info_porint{ position:absolute; width:32px; height:32px; border-radius: 50%; border:3px solid #fff; background-color: #febe10; cursor:pointer;} .info_porint .detail_hide{ display:none; position: absolute;background-color:rgba(254,190,16,0.8); color: #000;border:3px solid #fff; width:200px;} .info_porint .detail_hide h1{ margin:0; font-size:18px; padding:10% 2% 4% 10%} .info_porint .detail_hide p{ margin:0; padding:0 2% 8% 10%;} .info_porint:hover .detail_hide{ display:block;} .info_porint .detail_hide:before,.info_porint .detail_hide:after{ position:absolute;content:""} .info_porint .detail_hide:before{border: 11px transparent solid;} .info_porint .detail_hide:after{border: 15px transparent solid;} .info_girl{ left:29%; bottom:24%;} .info_mum{ left:30%; top:34%;} .info_dad{ left:61%; top:43%;} .info_boy{ bottom:42%; right:26%;} .info_girl .detail_hide{ left:-10px; bottom:50px;} .info_mum .detail_hide{ left:50px; top:-10px; } .info_dad .detail_hide{ left:-10px; top:50px; } .info_boy .detail_hide{ left:50px; top:-10px; } .info_girl .detail_hide:before { bottom: -22px;left: 8px;border-top-color: rgba(247, 188, 29, 0.9);z-index: 1; } .info_girl .detail_hide:after {bottom: -31px;left: 4px;border-top: 15px solid white;} .info_mum .detail_hide:before { left: -22px;top: 9px;border-right-color: rgba(247, 188, 29, 0.9);z-index: 1; } .info_mum .detail_hide:after {left: -32px;top: 5px;border-right: 15px solid white;} .info_dad .detail_hide:before { top: -22px;left: 8px;border-bottom-color: rgba(247, 188, 29, 0.9);z-index: 1; } .info_dad .detail_hide:after {top: -32px;left: 4px;border-bottom: 15px solid white;} .info_boy .detail_hide:before { left: -22px;top: 9px;border-right-color: rgba(247, 188, 29, 0.9);z-index: 1; } .info_boy .detail_hide:after {left: -32px;top: 5px;border-right: 15px solid white;} /**��ҵ��ֽ**/ .info_printing{ left:13%; bottom:39%;} .info_filing{ left:55%; top:46%;} .info_discussion{ right:26%; top:18%;} .info_FlipCharts{ top:25%; right:13%;} .info_printing .detail_hide{ left:-10px; bottom:50px;} .info_filing .detail_hide{ left:50px; top:-10px; } .info_discussion .detail_hide{ right:50px; top:-10px; } .info_FlipCharts .detail_hide{ right:-10px; top:50px; } .info_printing .detail_hide:before { bottom: -22px;left: 8px;border-top-color: rgba(247, 188, 29, 0.9);z-index: 1; } .info_printing .detail_hide:after {bottom: -31px;left: 4px;border-top: 15px solid white;} .info_filing .detail_hide:before { left: -22px;top: 9px;border-right-color: rgba(247, 188, 29, 0.9);z-index: 1; } .info_filing .detail_hide:after {left: -32px;top: 5px;border-right: 15px solid white;} .info_discussion .detail_hide:before { right: -22px;top: 8px;border-left-color: rgba(247, 188, 29, 0.9);z-index: 1; } .info_discussion .detail_hide:after {right: -32px;top: 4px;border-left: 15px solid white;} .info_FlipCharts .detail_hide:before { top: -22px;right: 9px;border-bottom-color: rgba(247, 188, 29, 0.9);z-index: 1; } .info_FlipCharts .detail_hide:after {top: -32px;right: 5px;border-bottom: 15px solid white;} @media (min-width:300px) and (max-width:1000px) { .info_porint{position:relative; width:100%; height:auto; border-radius:0; border:0; padding:3% 0;} .info_printing, .info_filing, .info_discussion, .info_FlipCharts, .info_girl, .info_mum, .info_dad, .info_boy{left:0; top:0; bottom:0; right:0;} .info_printing .detail_hide, .info_filing .detail_hide, .info_discussion .detail_hide, .info_FlipCharts .detail_hide, .info_girl .detail_hide, .info_mum .detail_hide, .info_dad .detail_hide, .info_boy .detail_hide{ left:0; top:0; bottom:0; right:0;} .info_porint .detail_hide{ display:block; position:relative;background-color:rgba(254,190,16,1); color: #000;border:0;width:100%; text-align:center;} .info_porint .detail_hide:before,.info_porint .detail_hide:after{ display:none;} .info_porint .detail_hide h1{ padding:0;} .info_porint .detail_hide p{ padding:0; ;} } /* .news_info{ max-width:800px; margin:0 auto; width:100%;} */ .news_info .title{text-shadow:1px 1px 0 #fff,2px 2px 0 #ccc; text-align:center; color:#21295e;} .news_info .intro{color:#21295e; text-align:center; border-bottom:1px solid #bfcbda; margin:0 0 2% 0; padding:2% 0;} .news_info .back_list{ text-align:center; font-size:18px;text-shadow:1px 1px 0 #fff,2px 2px 0 #ccc; font-weight:bold; padding:3% 0 5% 0;} .news_info .back_list a{ color:#21295e;} .news_info .boxTxt {} @media (min-width:300px) and (max-width:1000px) { .news_info{ padding:0 2%;} } .honor_tips{ text-align:center; margin-top:-2%;} .honor_box{ padding-bottom:5%;} .honor_box .box{ padding-left:15px; padding-right:15px; min-height:1px;float:left; width:50%; position:relative; padding-top:3%;} .honor_box .box .pic{ float:left; width:50%; margin-bottom:20px; padding-left:15px; padding-right:15px;position:relative; display:table;} .honor_box .box .pic div{ background-color:#fff; text-align:center; box-shadow:0 0 5px #ccc; height:170px; padding:15px; width:100%; display:table-cell; vertical-align:middle;} .honor_box .box .pic div img{ max-width:100%;} .honor_box .box .txt{ float:left; width:50%;color:#212d77;padding-top:8%;} .honor_box .box .bigTitle{padding-top:5%;} .honor_box .box .txt h5{ font-size:14px; margin:0; } .honor_box .box .bigTitle h5{ font-size:16px;} .honor_box .box .txt p{ margin:0;} @media (min-width:300px) and (max-width:640px) { .honor_box .box{ width:100%;} } .hide_bigHonor{ position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); z-index:200; width:100%;} .hide_bigHonor .con{ margin:5%; background-color:#fff; border-radius:5px; padding:2%;} .hide_bigHonor .con .pic img{ width:100%;} .hide_bigHonor .con p{ text-align:center; margin:0; padding:2% 0;} .hide_bigHonor .close{color:#212d77; text-align:right; padding-bottom:2%;text-shadow:1px 1px 0 #fff,2px 2px 0 #ccc;} .hide_bigHonor .close span{ font-size:16px; cursor:pointer;} @media (min-width:1001px) { .hide_bigHonor .con{ margin:10% 20% 0 20%;} } .Consumer_from{ margin:0 auto; max-width:640px; width:100%; font-size:16px; padding-bottom:5%;} .Consumer_from .txt{ margin-bottom:39px; border-bottom:1px solid #e8e9e9; position:relative; padding:3%; line-height:2;} .Consumer_from .txt:before{position:absolute;content:""; height:39px; width:100%; bottom:-39px; left:0;background: url(../images/ying.jpg) no-repeat center 0;} .Consumer_from .con{ line-height:3;} .Consumer_from textarea{ width:100%; height:164px; border:1px solid #bdbdbd; background:none;} .Consumer_from .click a{ color:#212d77;} .Consumer_from .click{ padding:2% 0 3% 0;} .Consumer_from dl{ margin:0; padding-bottom:10px;} .Consumer_from dl.f-name{ padding-bottom:15px;} .Consumer_from dl.fl{ float:left; width:50%;} .pr20{ padding-right:20px;} .Consumer_from dt{ padding-bottom:10px;} .Consumer_from dd{ margin-left:0;} .Consumer_from dd .text{ width:100%; height:38px; line-height:38px; border:1px solid #bdbdbd; background:none;} .Consumer_from dd select{ width:100%; height:38px;} .Consumer_from .upload{ padding-bottom:10px;} .Consumer_from .agree{ line-height:2.3; padding-bottom:15px;} .Consumer_from .agree u{ font-weight:bold;} .Consumer_from dd .textcode{ width:120px; margin-top:10px;} .Consumer_from .btn_submit{ text-align:center; padding-top:20px;} .Consumer_from .btn_submit .btn{ width:143px; height:50px; cursor:pointer; background:#1e2762; border:none; color:#fff;} .Consumer_from .btn_box{ text-align:center; padding-top:20px;} .Consumer_from .btn_box .btn{ width:143px; height:50px; cursor:pointer; background:#1e2762; border:none; color:#fff;} @media (min-width:300px) and (max-width:640px) { .Consumer_from{ padding-left:3%; padding-right:3%;} .Consumer_from .txt:before{ background-size:100% auto;} } .downloads{ min-height:200px;} .downloads li{ float:left; width:25%; padding:0 3% 3% 3%;} .downloads li div{ padding:3%; background-color:#fff; box-shadow:0 0 5px #ccc;} .downloads li div img{ width:100%;} .downloads li div h3{ margin:0; padding:10px 0;} .downloads li div h3 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} @media (min-width:300px) and (max-width:1000px) { .downloads{ padding:3% 0;} .downloads li{ width:50%; padding-bottom:5%;} } /**��������**/ .Map{ text-align:center;} .Map-mobile{ display:none;} @media (min-width:300px) and (max-width:870px){ .Map{ display:none;} .Map-mobile{ display:block;} } .provin_select{ position:relative; text-align:center; z-index:1;margin:2% 0;} .provin_select img{ max-width:591px;width:100%;} .provin_select .select{ position:absolute; left:0px; top:50%; height:40px; margin-top:-20px; padding:0 12%; width:100%;} .provin_select .select em{ color:#fff; position:absolute; left:12%; top:2px; line-height:40px; text-align:center; width:150px; font-style:normal; font-size:24px; font-weight:bold;} .provin_select .select_list{ background:#fff; border:2px solid #21295e;border-left:150px solid #21295e; line-height:40px; text-align:left;} .provin_select .select_list a{ padding-left:10px;display:block; background:url(../images/a_select.jpg) no-repeat right center;} .provin_select .select_hide{ display:none; text-align:left;border:2px solid #21295e; position:absolute; left:0px; top:42px; width:76%; background:#fff; /*margin:0 12%;*/ left:12%; padding:2% 0 2% 1%; z-index:10; max-height:200px; overflow:auto;} .provin_select .select_hide dl{ margin:0;} .provin_select .select_hide dd{ float:left;width:30%; margin-left:0;} .provin_select .select_hide dd a{ line-height:40px; padding-left:10px; display:block; } .provin_select .select_hide dd a:hover{ background:#f2f2f2;} @media (min-width:300px) and (max-width:480px){ .provin_select .select em{width:80px; font-size:110%;} .provin_select .select_list{border-left:80px solid #21295e; } } .map_result{ padding:0 2%; } .map_result .tr_top td{ color:#343434; font-weight:bold; font-size:14px; height:38px; padding-top:0; padding-bottom:0; } .map_result table{border:1px solid #e0e0e0; border-collapse:collapse;} .map_result td{ background-color:#fff;border:1px solid #e0e0e0; border-collapse:collapse; padding-top:10px; padding-bottom:10px; text-align:center;} .map_result .w1,.map_result .w3{ width:23%;} .templet_links_001{ min-height:200px; padding-bottom:5%;} .templet_links_001 li{ text-align:center; width:200px; float:left; height:150px; overflow:hidden; padding-top:15px;} .templet_links_001 .pic{ margin:0 auto;} .templet_links_001 .pic img{ width:180px; height:90px;border:solid 1px #ccc; padding:2px; } .templet_links_001 h5{ margin:0; padding-top:10px;} .templet_links_001 h5 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px;padding:0 13%;} @media (min-width:300px) and (max-width:1000px) { .templet_links_001 li{ background:url(../images/a_lang.png) no-repeat 0.5em center; padding-left:1.5em; height:30px; border-bottom:1px dotted #ccc; float:none; width:100%; padding-top:0; text-align:left;} .templet_links_001 li h5{ margin:0; padding:0;line-height:30px; } .templet_links_001 li h5 a{padding:0;} .templet_links_001 .pic{ display:none;} } .ul_sitemap li{ padding-bottom:10px;} .survey ul{ list-style:none;} .survey li{ list-style:none;} .search_area{ padding-bottom:20px;} .search_area p{ color:#333; padding-bottom:10px; margin:0; font-size:16px;} .search_area div{ background-color:#fff; padding:2% 3%; box-shadow:0 0 5px #999; } .search_area div .text{ width:50%; height:38px; height:38px; margin-bottom:10px; border:solid 1px #a9a9a9;} .search_area div .btn{ width:143px; height:50px; cursor:pointer; background:#1e2762; border:none; color:#fff;} .search_list{ padding-bottom:5%;} .search_list li{ line-height:2.8; font-weight:bold;} .search_list li a{ color:#21295e;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .search_list li a span{ color:#333;} @media (min-width:300px) and (max-width:1000px){ .search_area,.search_list{ padding-left:3%; padding-right:3%;} .search_area div .text{ width:100%;} .search_area div .btn{ height:38px;} } .Login_Reg{padding:0 5% 5%;} .Login_Reg .log{ float:left;width:50%; padding-left:10%;} .Login_Reg .log h1{ font-size:22px; height:60px; line-height:60px; color:#fabe01; padding-left:18px; font-weight:normal;} .Login_Reg .log td{ padding-bottom:24px; line-height:24px; font-size:12px;} .Login_Reg .log td .fw{ text-decoration:underline;color:#679144; margin-left:10px;} .Login_Reg .log td.f_name{ text-align:right; padding-right:10px; width:83px;font-size:14px;} .Login_Reg .log td .text{ width:70%; height:35px; line-height:35px; border:1px solid #d7d7d7; padding:0 5px; background:none;} .Login_Reg .log td i{ color:#679144; font-style:normal;} .Login_Reg .log td .btn,.Login_Reg .reg td .btn{ background:#21295e; width:95px; height:35px; cursor:pointer; border:none; color:#fff; font-weight:bold;} .Login_Reg .log td .btn{ display:inline-block; text-align:center; line-height:35px;} .Login_Reg .log .code img{ height:26px;} .MemberCenter{ width:100%; max-width:640px; margin:0 auto; padding:0 5%;} .MemberCenter table{ width:100%;} .MemberCenter td{ padding-bottom:24px; line-height:24px; font-size:12px;} .MemberCenter td.f_name{ text-align:right; padding-right:10px; width:150px;font-size:14px;} .MemberCenter td .text{ width:90%; height:35px; line-height:35px; border:1px solid #d7d7d7; padding:0 5px; background:none;} .MemberCenter td .btn{ background:#21295e; width:95px; height:35px; display:inline-block; text-align:center; line-height:35px;cursor:pointer; border:none; color:#fff; font-weight:bold;} .MemberCenter td .btn_submit{ background:#fabe01;} .MemberCenter td select{ width:90%;height:35px; line-height:35px; border:1px solid #d7d7d7;} .MemberCenter tr.area td select{ width:30%;} .MemberCenter td .form_err{color:#fabe01; margin-right:5px;} .forgetPwd{ padding:5%; width:100%; max-width:640px; margin:0 auto;} .forgetPwd td{ padding-bottom:24px; line-height:24px; font-size:12px;} .forgetPwd td .fw{ text-decoration:underline;color:#679144; margin-left:10px;} .forgetPwd td.f_name{ text-align:right; padding-right:10px; width:83px;font-size:14px;} .forgetPwd td .text{ width:90%; height:35px; line-height:35px; border:1px solid #d7d7d7; padding:0 5px; background:none;} .forgetPwd td .btn{ background:#21295e; width:95px; height:35px; cursor:pointer; border:none; color:#fff; font-weight:bold; display:inline-block; text-align:center; line-height:35px;} .Login_Reg .reg{ float:right; width:50%; } .Login_Reg .reg h1{ font-weight:normal;font-size:22px;color:#fabe01; height:63px; line-height:63px;} .Login_Reg .reg h1 span{ font-size:12px; color:#979797;} .Login_Reg .reg h1 span i{ font-style:normal;color:#fabe01;} .Login_Reg .reg td{ padding-bottom:17px; color:#9d9d9d; font-size:12px;} .Login_Reg .reg td.f_name{ text-align:right; color:#636363; width:123px; padding-right:20px;font-size:14px;} .Login_Reg .reg .from_err{color:#fabe01; margin-right:5px;} .Login_Reg .reg td .text{ width:70%; height:35px; line-height:35px; border:1px solid #d7d7d7; padding:0 5px; background:none; margin-right:5px;} .Login_Reg .reg td .btn1{ background:#fabe01; margin-left:20px;} .Login_Reg .reg .from_tips{ display:none; background-color:#f6f6f6; padding:10px; } .Login_Reg .reg .from_tips div{overflow:auto; max-height:50px;} @media (min-width:300px) and (max-width:1000px){ .Login_Reg .reg,.Login_Reg .log{ float:none; width:100%;} .Login_Reg .log{ padding-left:0;} .Login_Reg .reg td .text, .Login_Reg .log td .text{ width:100%;} .Login_Reg .reg td .btn{ width:40%;} .Login_Reg .reg h1{ text-align:center;} .MemberCenter td{ padding-bottom:2%;} .MemberCenter td.f_name{padding-right:5px; width:110px;font-size:12px;} .MemberCenter td .btn{width:40%;} } .mem_intro{ padding:2%;} .mem_intro img{ max-width:100%;} .HDprint_info .two_a_line{ float:left; width:50%; padding:2% 3%;color:#000;} .HDprint_info .two_a_line div{ padding:0 15px;} .HDprint_info .two_a_line img{ width:100%; background-color:#fff; box-shadow:0 1px 6px 0 rgba(0, 0, 0, 0.4); padding:7px;} .HDprint_info .two_a_line td{width:50%;} .HDprint_info .two_a_line h3,.HDprint_info .two_a_line p{ margin:0; padding-left:15px;} .HDprint_info .two_a_line h3{ padding-top:15px; padding-bottom:10px; } @media (min-width:300px) and (max-width:640px){ .HDprint_info .two_a_line{ width:100%;} } .ShowFalse{ display:none !important;} .HDP_info_l{ float:left; width:50%; text-align:center;padding:10% 5% 0;} .HDP_info_l img{ max-width:100%;} .HDP_info_r{ float:left; width:50%; padding:20px 5%;} .HDP_info_r .pic{ padding: 10px; border:1px solid #dbdbdb; background-color: #fff; box-shadow: 0 2px 5px #666;} .HDP_info_r .pic img{ width: 100%; } .HDP_info_r .pic .m{position:relative;} .HDP_info_r span{ position: absolute;width: 100%; } .HDP_info_r span.icon{background-image: url(../images/icon_book.png); background-repeat: no-repeat; background-position: 55% center; height: 37px; top: -37px;} .HDP_info_r .pic:hover span.icon{background-image: url(../images/icon_book_on.png);} @media (min-width:300px) and (max-width:1000px){ .HDP_info_l, .HDP_info_r{ float:none; width:100%; } .HDP_info_l{ padding-top:2%;} } #survey_fixed{ position:fixed; bottom:1%; z-index:100; right:1%; background-color:#fff; border:5px solid #21295e; border-radius:5px;} #survey_fixed .close{width:30px; height:30px; line-height:30px; text-align:center; position:absolute; right:-5px; top:-5px; font-size:14px;background-color:#21295e;border-radius:50%;cursor:pointer; } #survey_fixed .close::before{color:#fff;font-family: 'Glyphicons Halflings';content: "\e014";width:30px;position:absolute; left:0; top:0; cursor:pointer; } #survey_fixed .survey{ padding:10px;} #survey_fixed .survey ul{ margin:0; padding:0 0 5px 0;} #survey_fixed .survey .btn_box{ text-align:center;} #survey_fixed .survey .btn_box .btn{background:#21295e; width:95px; height:35px; border:none; color:#fff; font-weight:bold; display:inline-block; text-align:center; line-height:35px;} .HomeList{} .HomeList ul li{} .HomeList ul li a{display: block;} .HomeList ul li a img{width: 100%;} .HomeList ul li .wap{} .HomeList ul li .pc{ display: none; } @media screen and (min-width:1000px ){ .HomeList ul li .pc{ display: block; } .HomeList ul li .wap{display: none; } } .hdprint_JS .h3{margin: 0; padding: 0;} .hdprint_JS{background: url('../images/imgbg.jpg') no-repeat top center; background-size: cover; padding: 30px 0 20px;} .hdprint_JS .hdprint_JSH3{ text-align: center; color: #888; position: relative; padding-bottom: 10px; } .hdprint_JS .hdprint_JSH3 .h3{ font-size: 22px; font-weight: normal; color: #043b94;padding-bottom:8px;} .hdprint_JS .hdprint_JSH3 .icon{display: inline-block; width: 30px; height: 2px; background: #fec936; position: absolute; left: 50%; margin-left: -15px; bottom: 0;} .hdprint_JS .hdprint_JsTd .img{padding-top: 20px; text-align: center;} .hdprint_JS .video{position: relative; margin: 20px auto 0; max-width: 1080px;} .hdprint_JS .video .videoimgb img{ width: 100%; } .hdprint_JS .btn{position: absolute;left: 0;top: 0;width: 100%;height: 100%; cursor: pointer;} .hdprint_JS .btn .btnt{display: table; width: 100%;height: 100%;} .hdprint_JS .btn .btntc{display: table-cell; width: 100%;height: 100%; vertical-align: middle; text-align: center; color: #fff;} .hdprint_JS .btn .btntc .txt{padding-top: 5px;} .hdprint_JS .videoB{position: absolute; left: 0;top: 0;width: 100%;height: 100%;display: none;} .hdprint_JS .videoB video{width: 100%;height: 100%; object-fit: cover;} .hdprint_JsTxt{padding-top: 20px;color: #666; max-width: 1080px; margin: 0 auto;} .hdprint_JsTxt .h3{font-size: 22px; text-align: center; } .hdprint_JsTxt .txtBox{padding-top: 10px;} .hdprint_JsDy{padding-top: 20px;} .hdprint_JsDy .List{padding-top: 20px;} .hdprint_JsDy .List li{margin-bottom: 15px;} .hdprint_JsDy .List .libox{background: #fff; padding: 10px;} .hdprint_JsDy .List .libox .img img{ width: 100%;} .hdprint_JsDy .List .libox .txtBox{padding-top: 15px;} .hdprint_JsDy .List .libox .txtBox .h3{font-size: 18px; color: #043b94; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .hdprint_JsDy .List .libox .txtBox .txt{ margin-top: 10px;} @media screen and (min-width:768px ){ .hdprint_JS .hdprint_JSH3 .h3{font-size: 36px;} .hdprint_JsTxt .h3{font-size: 24px; } .hdprint_JS{padding: 60px 0 40px;} .hdprint_JS .video{margin-top: 30px;} .hdprint_JsTxt{padding-top: 30px;} .hdprint_JsDy{padding-top: 30px;} .hdprint_JsDy .List{padding-top: 30px;} .hdprint_JsDy .List .libox .txtBox .h3{font-size: 22px;} .hdprint_JsDy .List li{float: left; width: 49%;margin-right: 2%; margin-bottom: 2%;} .hdprint_JsDy .List li:nth-child(2n){margin-right: 0;} .hdprint_JsDy .List .libox .txtBox .txt{ overflow: hidden; height: 60px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; } .hdprint_JS .hdprint_JsTd .img{padding-top: 30px;} } @media screen and (min-width:1000px ){ .hdprint_JS{padding: 110px 0 90px;} .hdprint_JS .video{margin-top: 60px;} .hdprint_JsTxt{padding-top: 60px;} .hdprint_JsDy{padding-top: 60px;} .hdprint_JsTxt .txtBox{padding-top: 20px;} .hdprint_JsDy .List{padding-top: 60px;} .hdprint_JS .hdprint_JsTd .img{padding-top: 60px;} .hdprint_JsDy .List .libox .txtBox .h3{font-size: 24px;} .hdprint_JsDy .List .libox{padding: 20px 20px 30px;} .hdprint_JsDy .List .libox .txtBox .txt{ max-width: 93%; overflow: hidden; height: 44px; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; } .hdprint_JsDy .List .libox .txtBox .h3{font-size: 24px;} .hdprint_JsDy .List .libox .txtBox{padding-top: 30px;} } .entry {}