Warning: file_put_contents(/www/wwwroot/www.1000114.com/index/temp_block/www.todeng.com/plufaglhahtml.php): failed to open stream: No space left on device in /www/wwwroot/www.1000114.com/index.php on line 131
羞辱仙子尤物 最新章节羞辱仙子尤物 最新章节,泰国黄大片泰国黄大片 /* Minification failed. Returning unminified contents. : run-time error CSS1036: Expected expression, found '' */ body { font-size: 16px; color: #333; font-family: "微软雅黑"; max-width: 1920px; } head{ display: block; } @media screen and (max-width: 991px) { body { font-family: "华文细黑"; font-size: 14px; } } h1, h2, h3, h4, h5, h6, p, input, select, textarea, label, dl, dt, dd { margin: 0; padding: 0; font-family: "微软雅黑"; outline: none; font-weight: normal; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; font-size: 1em; line-height: inherit; resize: none; } h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, p:focus, input:focus, select:focus, textarea:focus, label:focus, dl:focus, dt:focus, dd:focus, h1:active, h2:active, h3:active, h4:active, h5:active, h6:active, p:active, input:active, select:active, textarea:active, label:active, dl:active, dt:active, dd:active { outline: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } @media screen and (max-width: 991px) { h1, h2, h3, h4, h5, h6, p, input, select, textarea, label, dl, dt, dd { font-family: "华文细黑"; } } input[type='radio'], input[type='checkbox'], textarea { appearance: none; -webkit-appearance: none; -moz-appearance: none; outline: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } input[type='radio']:focus, input[type='checkbox']:focus, textarea:focus, input[type='radio']:active, input[type='checkbox']:active, textarea:active { outline: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } button { appearance: none; -webkit-appearance: none; padding: 0; margin: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; outline: none; border: none; background: transparent; } a { color: #58a8ba; } a:hover { color: #58a8ba; } a:hover, a:focus { text-decoration: none; } ul, li { list-style: none; padding: 0; margin: 0; } img { vertical-align: middle; } th, td { font-weight: normal; padding: 5px; } .wrapper { width: 100%; min-height: 568px; position: relative; overflow: hidden; } .wrapper.openPop { height: 100%; min-height: 100%; position: fixed; } .container { width: 100%; margin: 0 auto; padding: 0; position: relative; } .row { width: auto; margin: 0 auto; overflow: hidden; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-right: 0; padding-left: 0; } .global-inner { width: 92%; max-width: 1504px; margin: 0 auto; position: relative; display: block; z-index: 5; } .global-inner:before, .global-inner:after { content: ''; display: table; clear: both; } .table-cell { display: table-cell; vertical-align: middle; } .en { font-family: Arial; font-style: normal; } .fl { float: left; } .fr { float: right; } .swiper-pagination-bullet { opacity: 1; } /**** btn ***/ .btn { min-width: 7.5em; height: 2.625em; padding: 0; margin: 0 6px; font-size: 1em; line-height: 2.5em; } .btn.btn-default, .btn .btn-gray { border-color: #b3b3b3; background: #b3b3b3; color: #fff; } .btn.btn-sure, .btn.btn-blue { border-color: #0089d9; background: #0089d9; color: #fff; } .btn:hover { opacity: 0.9; filter: alpha(opacity=90); } /*** 滚动条 ****/ .mCSB_inside > .mCSB_container { margin: 0; } .mCSB_scrollTools { width: 3px; } .mCSB_scrollTools .mCSB_draggerRail { background: transparent; } .mCSB_dragger_bar { background: #d7d7d7; } /*颜色*/ .color1{ background-color: rgba(22,160,106,0.9); } .color1on{ background: #16a06a; } .color2{ background-color: rgba(0,87,182,0.9); } .color2on{ background: #0057b6; } .color3{ background-color: rgba(2,144,227,0.9); } .color3on{ background: #0290e3; } .color4{ background-color: rgba(0,178,133,0.9); } .color4on{ background: #00b285; } .color5{ background-color: rgba(0,163,217,0.9); } .color5on{ background: #00a3d9; } .color6{ background-color: rgba(254,191,0,0.9); } .color6on{ background: #febf00; } .color7{ background-color: rgba(89,120,237,0.9); } .color7on{ background: #5978ed; } .ption-a100{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .adjust{ opacity: 0; filter:alpha(opacity=0); width: 100%; z-index: -5; } .adjust img{ width: 100%; } .ption-r100{ position: relative; z-index: 10; } .w1370{ width: 92%; max-width: 1370px; margin: 0 auto; } .w1200{ width: 92%; max-width: 1200px; margin: 0 auto; } .w1000{ width: 92%; max-width: 1000px; margin: 0 auto; } /***** header ******/ .head-place{ height: 82px; } .header { width: 100%; position: fixed; background: #fff; z-index: 500; padding: 10px 0; box-shadow: 0 0 7px rgba(0,0,0,0.16); } .head-bd { width: 94.79%; position: relative; display: table; margin: 0 auto; } .head-bd .head-logo img{ width: 170px; margin-top: 5px; } .header .head-tool-box { display: table-cell; vertical-align: middle; position: relative; -webkit-transition: -webkit-transform 0.5s, opacity 3s; transition: transform .5s, opacity 3s; opacity: 1; transform-origin: right center; } .header .pc-nav-list { text-align: right; white-space: nowrap; font-size: 16px; line-height: 62px; color: #333333; padding: 0 11em 0 1.25em; } .header .pc-nav-list .nav-list{ line-height: 62px; height: 62px; } .header .pc-nav-list .nav-item { display: inline-block; vertical-align: middle; margin: 0 1.5%; position: relative; } .header .pc-nav-list .nav-item .item-link { color: #333333; } .header .pc-nav-list .nav-item a em { font-style: normal; } .header .pc-nav-list .nav-item span { position: absolute; left: 0; top: 0; color: #005385; width: 0; transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; overflow: hidden; } .header .pc-nav-list .nav-item:hover span { width:100%; } .header .pc-nav-list .current span { width:100%; } .header .pc-nav-list .nav-item .nav-item2-box{ position: absolute; top: 100%; left: 50%; /*transform: translateX(-50%);*/ z-index: 50; padding-top: 4px; width: 9.5em; margin-left: -4.75em; } .header .pc-nav-list .nav-item .nav-item2-box .nav-item2-con{ position: relative; padding: 10px 0.5em 10px; box-shadow: 0 1px 15px rgba(0,0,0,0.1); background: #fff; display: none; } .nav-item2-con:before{ content: ""; position: absolute; width: 14px; height: 9px; background: url("../../Img/images/nav-buleic.png") no-repeat; left: 50%; margin-left: -7px; top: -9px; } .nav-item2-box .nav-item2{ height: auto; line-height: 0; text-align: center; width: 8.5em; } .nav-item2-box .item-link2{ color: #4c4c4c; line-height: 1.425em; padding: 0.6em 0; display: block; white-space: normal; word-break: keep-all; word-wrap: break-word; } .nav-item2-box .item-link2:hover{ color: #005385; } @keyframes fadeInUp-s{ 0%{ opacity:0; /*transform: translateX(-50%) translateY(60px);*/ transform: translateY(60px); } to{ opacity:1; transform: translateY(0); } } .nav-hov{ /*transform: translateZ(500px);*/ animation: fadeInUp-s .45s cubic-bezier(.4,0,.3,1) 0s normal none 1 running; } .header .head-browser { position: absolute; /*right: 4.875em;*/ right: 5.4%; top: 50%; margin-top: -9px; padding-left: 26px; background: url(../../Img/images/hkic-browser.png) no-repeat left center; background-size: 18px; } .header .head-browser .CN { color: #333333; font-size: 16px; line-height: 18px; display: block; position: relative; overflow: hidden; } .header .head-browser .CN em { font-style: normal; } .header .head-browser .CN span { position: absolute; left: 0; top: 0; color: #005385; width: 0; transition: width 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0s; overflow: hidden; } .header .head-browser .CN:hover span { width:100%; } .header .head-browser .broswer-item{ position: absolute; top: 100%; left: 50%; /*transform: translateX(-50%);*/ margin-left: -2.8em; z-index: 50; padding-top: 20px; display: none; } .header .head-browser .broswer-item .broswer-item-con{ position: relative; padding: 10px 0.5em 10px; width: 5.6em; box-shadow: 0 1px 15px rgba(0,0,0,0.1); background: #fff; display: none; } .broswer-item-con:before{ content: ""; position: absolute; width: 14px; height: 9px; background: url("../../Img/images/nav-buleic.png") no-repeat; left: 50%; margin-left: -7px; top: -9px; } .broswer-item .broswer-item2{ height: auto; line-height: 0; text-align: center; } .broswer-item .broswer-item2 a{ white-space: nowrap; color: #4c4c4c; line-height: 2.625em; } .broswer-item .broswer-item2 a:hover{ color: #005385; } .nav-hovon{ transform: translateZ(500px); animation: fadeInUp-s .25s cubic-bezier(.4,0,.3,1) 0s normal none 1 running; } .header .head-sch { position: absolute; right: 0; top: 50%; margin-top: -13.5px; } .header .head-sch a { display: block; overflow: hidden; position: relative; } .header .head-sch a .open2{ display: none; } .header .head-sch a:hover .open1{ display: none; } .header .head-sch a:hover .open2{ display: block; } .header .head-sch-box { position: absolute; top: 0; right: 0; left: auto; margin-top: 10px; z-index: -1; -webkit-transition: -webkit-transform 0.5s; transition: transform .3s, top .3s; transform-origin: right center; transform: scale3d(0, 0, 0); padding-right: 3.75em; background: #fff; } .ie9 .header .head-sch-box{ right: -100%; } .header .head-sch-box .frm-ctrl { width: 42.5em; color: #999999; font-size: 16px; line-height: 46px; height: 46px; border: 1px solid #999999; border-radius: 3px; overflow: hidden; padding: 0 2.875em 0 8px; box-sizing: border-box; background: #fff; } .header .head-sch-box .frm-ctrl:focus{ color: #333333; border: 1px solid #0078c6; box-shadow: 0 2px 8px rgba(0,0,0,0.1); } .header .head-sch-box .btn-sch { position: absolute; top: 50%; margin-top: -13.5px; width: 26px; height: 27px; background: url("../../Img/images/hkic-btn-sch.png") no-repeat center; right: 20px; } .header .head-sch-box .btn-sch-close { position: absolute; top: 50%; margin-top: -12.5px; width: 25px; height: 25px; right: 0; } .header .head-sch-box .btn-sch-close .close2 { display: none; } .header .head-sch-box .btn-sch-close:hover .close1 { display: none; } .header .head-sch-box .btn-sch-close:hover .close2 { display: block; } .header.open .head-tool-box { opacity: 0; transform: scale3d(0, 0, 0); } .header.open .head-sch-box { display: block; z-index: 100; transform: scale3d(1, 1, 1); } .ie9 .header.open .head-tool-box { display: none; } .ie9 .header.open .head-sch-box { right: 0; } /*phnav*/ .ph-hd-tool{ position: absolute; right: 0; height: 100%; line-height: 42px; } .ph-hd-tool .ph-search img{ max-width: 26px; line-height: 34px; } .ph-hd-tool .ph-search{ padding-right: 12px; margin-right: 12px; border-right: 1px solid #f0f0f0; cursor: pointer; line-height: 34px; } .ph-head-btn { width: 1.625em; height: 3em; display: inline-block; vertical-align: middle; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: contain; text-align: center; float: left; padding: 5px 0; } .head-nav-open { width: 1.625em; height: 1.625em; display: block; overflow: hidden; line-height: 1.625em; position: relative; cursor: pointer; } .head-nav-open .inner { width: 100%; display: inline-block; vertical-align: middle; } .head-nav-close { width: 100%; height: 100%; display: none; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 50; cursor: pointer; } .icon-hamburger { overflow: hidden; text-align: center; } .icon-hamburger .line { width: 100%; height: 3px; display: block; background: #4d4d4d; transition: all 0.3s; -webkit-transition: all 0.3s; } .icon-hamburger .line:nth-child(2) { margin: 5px 0; } .icon-hamburger.active .line:nth-child(1) { -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); } .icon-hamburger.active .line:nth-child(2) { opacity: 0; } .icon-hamburger.active .line:nth-child(3) { -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); } .ph-nav{ position: fixed; width: 100%; height: 100%; background: #ffffff; padding-top: 54px; z-index: 300; display: none; } .ph-nav .ph-nav-CE{ position: absolute; z-index: 50; width: 100%; bottom: 0; padding: 1.429em 0; box-shadow: 0 0 4px rgba(0,40,37,0.2); background: #fff; } .ph-nav .ph-nav-CE .language{ font-size: 0; text-align: center; } .ph-nav .ph-nav-CE .language a{ display: inline-block; font-size: 18px; line-height: 20px; padding: 0 1.333em; color: #333333; } .ph-nav .ph-nav-CE .language .on{ color: #005697; } .ph-nav .ph-nav-CE .language .cn{ border-right: 1px solid #939393; color: #005697; } .ph-nav .ph-inner{ max-height: 100%; overflow: hidden; } .ph-nav .mCSB_scrollTools{ width: 0; } .ph-nav .ph-item{ position: relative; overflow: hidden; } .ph-nav .ph-item .ph-link1{ font-size: 1.286em; line-height: 3.333; border-bottom: 1px solid #f1f1f2; position: relative; z-index: 10; } .ph-nav .ph-item .ph-link1 a{ color: #333333; } .ph-nav .ph-item.active .ph-link1{ background: #f1f9fe; } .ph-nav .ph-item.active .ph-link1 a{ color: #005697; } .ph-nav .ph-item .ph-link2 .id2{ display: none; } .ph-nav .ph-item.active .ph-link2 .id1{ display: none; } .ph-nav .ph-item.active .ph-link2 .id2{ display: block; } .ph-nav .ph-item2-con{ position: static; } .ph-nav .ph-icon{ position: absolute; right: 4%; top: 0; font-size: 1.286em; line-height: 3.333; width: 20px; text-align: right; cursor: pointer; z-index: 10; } .ph-nav .ph-icon img{ width: 10px; } .ph-nav .ph-icon .phn-ic1{ display: none; } .ph-nav .on.active .ph-icon .phn-ic0{ display: none; } .ph-nav .on.active .ph-icon .phn-ic1{ display: inline-block; } .ph-nav .ph-item2-con .ph-item2{ background: #0078c6; padding: 6px 0 2.375em; overflow: hidden; display: none; } .ph-nav .ph-item2 .ph-link2{ border-top: 1px solid #0078c6; border-bottom: 1px solid #0078c6; } @media screen and (min-width: 992px){ .ph-nav .ph-item2 .ph-link2:hover{ border-top: 1px solid #0072bb; border-bottom: 1px solid #0072bb; background: #006db2; } } .ph-nav .ph-item2 .ph-link2 a{ color: #ffffff; font-size: 1.143em; line-height: 2.5em; display: block; padding: 0 4%; margin: 0 auto; } .ph-nav .on.active .ph-link1{ box-shadow: 0 0 7px rgba(4,30,47,0.48); z-index: 5; } /*swiper*/ .swiper-container { width: 100%; height: 100%; } .swiper-container .swiper-slide { /* Center slide text vertically */ 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; } /***** main-box *****/ .main-box { width: 100%; display: block; position: relative; } /****** footer *****/ .footer{ background: #dedede; padding: 3.75em 0 0; position: relative; z-index: 50; } .footer a:hover{ color: #005686; } .foot-nav{ overflow: hidden; } .foot-nav .foot-list{ margin-bottom: 1.375em; } .foot-nav .tit{ margin-bottom: 4px; } .foot-nav .tit a{ color: #005686; line-height: 2em; font-weight: bold; } .foot-nav dl{ overflow: hidden; position: relative; } .foot-nav dd{ margin-top: 10px; padding-right: 25px; max-width: 80%; } .foot-nav dd a{ color: #333333; line-height: 1.625em; display: inline-block; position: relative; max-width: 100%; } .foot-nav dd a span{ display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .foot-nav dd a:before{ content: ""; position: absolute; top: 50%; margin-top: -5px; right: -12px; width: 12px; height: 10px; background: url("../../Img/images/hkic-footarr.png") no-repeat right center; transition: all 0.3s; } .foot-nav dd a:hover:before{ right: -22px; } .foot-nav dd a:hover{ color: #333333; } .foot-nav .big6 dd{ width: 50%; } .foot-nav .big6 dd:nth-child(n+6){ position: absolute; right: 0; } .foot-link{ border-top: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; margin-top: 10px; padding: 1.5em 0 1.25em; } .foot-link .left .school a{ color: #333333; line-height: 2.25em; } .foot-link .left .school a:hover{ border-bottom: 1px solid #333; } .foot-link .left .mail{ margin-left: 1.25em; } .foot-link .left .mail a{ color: #333333; line-height: 2.25em; } .foot-link .left .mail a:hover{ border-bottom: 1px solid #333; } .foot-link .left .blogroll{ margin-left: 1.5em; position: relative; display: inline-block } .foot-link .left .blogroll-tit{ color: #333333; font-size: 14px; line-height: 2.571em; padding: 0 3.625em 0 10px; border-radius: 3px; background: #cccccc url("../../Img/images/foot-link-arr.png") no-repeat right 18px center; cursor: pointer; text-align: left; } .foot-link .left .blogroll-tit.active{ background: #cccccc url("../../Img/images/foot-link-arron.png") no-repeat right 18px center; } .foot-link .left .blogroll-con{ position: absolute; width: 100%; bottom: 100%; display: none; background: #bbb; padding: 0.5em 0; } .foot-link .left .blogroll-con a{ display: block; padding: 0 10px; color: #333333; font-size: 14px; line-height: 1.714; } .foot-link .left .blogroll-con a:hover{ color: #005686; } .foot-link .right{ text-align: right; font-size: 0; } .foot-link .right .code-list{ display: inline-block; position: relative; padding: 8px 0 0; margin-left: 30px; } .foot-link .right .code{ position: absolute; width: 200px; box-sizing: border-box; text-align: center; padding: 5px 5px 7px; color: #333333; font-size: 12px; line-height: 22px; bottom: 100%; left: 50%; margin-left: -100px; background: #fff; border-radius: 5px; display: none; } @media screen and (max-width: 1440px){ .foot-link .right .code-list:first-child .code{ left: 0; margin-left: 0; } .foot-link .right .code-list:last-child .code{ left: auto; right: 0; margin-left: 0; } } .foot-link .right .txt{ position: absolute; top: 100%; width: 100%; text-align: center; font-size: 14px; color: #005686; line-height: 26px; display: none; } /*.foot-link .right .code-list:hover .code, .foot-link .right .code-list:hover .txt{*/ /*display: block;*/ /*}*/ .foot-link .right .code-list{ width: 34px; } .foot-link .right .code-list img{ width: 100%; } .foot-bt{ padding: 1.125em 0; } .foot-bt .left{ font-size: 14px; line-height: 24px; color: #666666; } .foot-bt .left span{ font-family: Arial; } .foot-bt .left a{ color: #666666; display: inline-block; } .foot-bt .left a img{ margin-right: 5px; float: left; width: 20px; } .foot-bt .left a:hover{ color: #005686; } .foot-bt .foot-support{ color: #666666; font-size: 14px; line-height: 24px; height: 24px; overflow: hidden; position: relative; } .foot-bt .foot-support .foot-jszc-wrap{ height: 24px; } .foot-bt .foot-support a{ color: #666666; display: block; white-space: nowrap; } .foot-bt .foot-support a:hover{ color: #005686; } .topbar{ position: fixed; right: 2.6%; bottom: 7.7%; z-index: 200; display: none; overflow: hidden; width: 42px; line-height: 0; } .topbar img{ width: 100%; } .topbar span{ display:block; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .topbar span:first-child{ position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; -webkit-transform:translateY(25%); transform:translateY(25%); } .topbar:hover span:first-child{ -webkit-transform:translateY(0); transform:translateY(0) } .topbar:hover span{ -webkit-transform:translateY(-100%); transform:translateY(-100%) } .topbar span{ background: #005499; } .topbar span:first-child{ background: #0078c6; } @media screen and (max-width: 1500px){ .topbar{ right: 5px; } } .ph-search-box.active{ display: block; transform: scale3d(1, 1, 1); } .ph-search-box{ position: fixed; top: 0; right: 0; width: 100%; z-index: 10000; background: #fff; -webkit-transition: -webkit-transform 0.5s; transition: transform .3s, top .3s; transform-origin: right center; transform: scale3d(0, 0, 0); } .ie9 .ph-search-box{ right: -100%; } .ie9 .ph-search-box.active{ display: block; transform: scale3d(1, 1, 1); right: 0; } .ph-search-box .search-box{ display: flex; justify-content: center; align-items: center; margin-top: 1px; border-bottom: 1px solid #d4d4d4; padding-bottom: 8px; padding-top: 8px; padding-left: 30px; box-shadow: 0px 0 10px #b3b3b3; } .ph-search-box .search-input { width: 100%; position: relative; display: inline-block; padding-right: 50px !important; } .ph-search-box .search-box input { width: 100%; height: 48px; border: 1px solid #d4d4d4; line-height: 48px; border-radius: 5px; padding-left: 20px; outline: none; font-size: 16px; } .moblie-search-btn { position: absolute; top: 14px; right: 65px; background: url("../../Img/images/ph-search.png"); width: 20px; height: 20px; background-size: 100% 100%; } .moblie-search-close { position: absolute; top: 23px; right: 15px; } .hwic_cross{ background: url("../../Img/images/hkic-btn-sch-close.png") no-repeat; background-size: 100% 100%; width: 20px; height: 20px; display: block; } /***** 表单 ****/ .global-form-box { overflow: hidden; } .global-form-box.layout-horizontal { margin-top: 0; } .global-form-box.layout-horizontal .control-label { min-width: 5.7em; float: left; padding: 0.9em 0.5em 0.9em 0; margin: 0; } @media screen and (max-width: 767px) { .global-form-box.layout-horizontal .control-label { width: 100%; text-align: left; float: none; padding: 0; margin-bottom: 5px; } .global-form-box.layout-horizontal .form-group-cell { width: 100%; display: block; padding: 1px 0; } } .form-group { display: block; overflow: hidden; position: relative; margin-bottom: 1em; font-size: 0.875em; } @media screen and (max-width: 767px) { .form-group { margin-bottom: 1em; font-size: 1em; } } .form-group .help-block { width: 100%; display: block; overflow: hidden; font-size: 1em; line-height: 1.428em; margin-top: 6px; } .form-group.has-error .help-block { color: #eb1729; } .form-group.has-error .form-control { border-color: #eb1729; } .form-group.has-error .form-control:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .form-group.has-error .control-label { color: #333; } .form-group.has-success .form-control { border-color: #ccc; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .form-group.has-success .control-label { color: #333; } .form-group-cell { width: 10000px; display: table-cell; vertical-align: top; position: relative; } .control-label { display: block; white-space: nowrap; font-size: 1em; line-height: 1.2em; color: #333; margin: 0 0 5px; } .control-label .must { width: 1em; display: inline-block; vertical-align: middle; color: #eb1729; margin: 0; font-style: normal; text-align: center; } .control-label .mc { width: 1em; display: inline-block; vertical-align: middle; } .control-label .sp-2 { width: 2em; display: inline-block; } .control-label .sp-1 { width: 0.5em; display: inline-block; } .form-control { width: 100%; height: 3em; display: block; vertical-align: middle; overflow: hidden; border: solid 1px #ccc; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; outline: none; padding: 0.4em 0.625em; font-size: 1em; line-height: 2em; color: #333; } .form-control:hover, .form-control:focus { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; outline: none; } .form-control:focus { border-color: #ccc; } .form-control:disabled { background-color: #eee; } @media screen and (max-width: 767px) { .form-control { height: 2.5em; padding-top: 0.25em; padding-bottom: 0.25em; } } textarea.form-control { height: auto; min-height: 8.125em; } .frm-vcode-box { width: 100%; overflow: hidden; position: relative; } .frm-vcode-box .form-control { width: 50%; max-width: 17.14em; float: left; margin: 0 0.625em 0 0; } .vcode-image-box { max-width: 40%; float: left; line-height: 3em; } .vcode-image-box .vcode-image { width: 5.625em; height: 2em; display: inline-block; vertical-align: middle; overflow: hidden; border: solid 1px #e6e6e6; background: #fff; cursor: pointer; } .vcode-image-box .vcode-image img { width: 100%; max-width: 100%; height: 100%; display: block; } @media screen and (max-width: 767px) { .vcode-image-box { line-height: 2.5em; } } .frm-tool-box { margin-top: 1.875em; } /**** video-box ****/ .video-box { width: 100%; max-width: 100%; height: 100%; display: block; position: relative; margin: 0 auto; } .video-box .bg { width: 100%; max-width: 100%; display: block; margin: 0 auto; } .video-box .video-js { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; } .video-box .vjs-big-play-button { width: 2em; height: 2em; line-height: 2em; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; margin: -1em 0 0 -1em; border: none; background: no-repeat center center; background-size: contain; } .video-box .vjs-big-play-button:before { content: ''; display: none; } .video-box .vjs-poster { background-size: cover; } @media screen and (max-width: 1280px){ .header .pc-nav-list .nav-item{ margin: 0 1%; } } @media screen and (max-width: 1199px){ .head-bd .head-logo img{ max-width: 110px; width: auto; margin-top: 0; } .head-place { height: 54px; } } @media screen and (max-width: 991px){ .header{ /*padding: 13px 0;*/ padding: 10px 0; } .head-bd .head-logo img{ /*max-width: 130px;*/ max-width: 110px; } .ph-hd-tool .ph-search img{ max-width: 22px; } .head-nav-open{ width: 18px; height: 18px; line-height: 18px; } .head-place{ height: 54px; } .ph-nav{ padding-top: 54px; } .footer{ padding: 3.125em 0 0; } .foot-link{ margin-top: 0; padding: 0 0 18px 0; border-top: none; } .foot-link .w1200{ width: 70.55%; } .foot-link .right{ float: none; text-align: center; margin: 0 -22px; /*overflow: hidden;*/ *zoom:1 } .foot-link .right:before,.foot-link .right:after{ display:table; content:"" } .foot-link .right:after{ clear:both } .foot-link .right .code{ margin-bottom: 5px; } .foot-link .left{ float: none; text-align: center; } .foot-link .right{ display: flex; justify-content: space-between; } .foot-link .right .code-list{ margin: 0 22px; display: block; float: left; } .foot-link .right .txt{ position: relative; display: block; color: #4c4c4c; top: 0; } .foot-link .left .blogroll{ display: block; margin-left: 0; margin: 1.625em 0 1.875em; } .foot-link .left .school{ float: none; display: inline-block; } .foot-link .left .mail{ float: none; display: inline-block; } .foot-link .left .school a, .foot-link .left .mail a{ line-height: 24px; } .foot-bt{ padding: 1.375em 0 1.625em; } .foot-bt .w1200{ width: 70.55%; } .foot-bt .left{ float: none; line-height: 22px; text-align: center; } .foot-bt .right{ float: none; text-align: center; margin-top: 10px; } .foot-bt .right a{ color: #666666; font-size: 14px; line-height: 24px; } .foot-bt .foot-support{ display: inline-block; } } @media screen and (max-width: 450px) { html, body { font-size: 13.33333vw; } .header{ padding: 0.24rem 0; } .head-place{ height: 1.2rem; } .head-bd .head-logo img{ max-width: 100%; width: 2.35rem; } .ph-hd-tool{ line-height: 0; } .ph-hd-tool .ph-search{ margin-right: 0.25rem; padding: 0.13rem 0.23rem 0.12rem 0; line-height: 0; } .ph-hd-tool .ph-search img{ max-width: none; width: 0.46rem; height: 0.47rem; } .ph-head-btn{ width: 0.45rem; height: 0.72rem; overflow: auto; padding: 0.15rem 0 0; } .head-nav-close{ overflow: initial; } .icon-hamburger{ overflow: initial; } .head-nav-open{ width: 0.45rem; height: auto; line-height: 0.33rem; overflow: initial; } .icon-hamburger .line{ height: 3px; } .head-nav-open .inner{ display: block; overflow: initial; } .icon-hamburger .line:nth-child(2){ margin: 0.09rem 0; } .icon-hamburger.active .line:nth-child(3){ -webkit-transform: translateY(-6px) rotate(-45deg); transform: translateY(-6px) rotate(-45deg); } .ph-nav{ padding: 1.2rem 0 1.1rem; } .ph-nav .ph-item .ph-link1{ font-size: 0.34rem; line-height: 1.08rem; } .ph-nav .ph-item2-con .ph-item2{ padding: 0.08rem 0 0.58rem; } .ph-nav .ph-item2 .ph-link2 a{ font-size: 0.3rem; line-height: 0.82rem; } .ph-nav .ph-icon{ font-size: 0; line-height: 1.08rem; } .ph-nav .ph-nav-CE{ padding: 0.4rem 0; } .ph-nav .ph-nav-CE .language a{ font-size: 0.32rem; line-height: 0.32rem; padding: 0 0.43rem; } .ph-search-box .search-box{ padding: 8px 0 8px 0.3rem; } .ph-search-box .search-box input{ display: block; } .footer{ padding: 0.9rem 0 0; } .foot-link .right{ margin: 0 -0.42rem; } .foot-link .right .code-list{ padding: 0; margin: 0 0.42rem; width: 0.7rem; } .foot-link .right .txt{ font-size: 0.26rem; line-height: 0.64rem; } .foot-link .left .blogroll{ margin: 0.4rem 0 0.6rem; } .foot-link .left .blogroll-tit{ font-size: 0.26rem; line-height: 0.82rem; padding: 0 0.38rem 0 0.23rem; background: #cccccc url(../../Img/images/foot-link-arr1.png) no-repeat right 0.2rem center; background-size: 0.18rem 0.12rem; } .foot-link .left .blogroll-tit.active { background: #cccccc url(../../Img/images/foot-link-arr1on.png) no-repeat right 0.2rem center; background-size: 0.18rem 0.12rem; } .foot-link .left .blogroll-con{ padding: 0.3rem 0; } .foot-link .left .blogroll-con a{ font-size: 0.26rem; line-height: 0.36rem; padding: 0 0.2rem; margin: 0.15rem; } .foot-link .left .school{ float: left; display: block; width: 50%; text-align: right; padding-right: 0.29rem; } .foot-link .left .mail{ float: left; display: block; width: 50%; text-align: left; } .foot-link .left .school a, .foot-link .left .mail a{ font-size: 0.26rem; line-height: 0.36rem; display: block; } .foot-link .left .school a:hover, .foot-link .left .mail a:hover{ border: none; color: #005686; } .foot-link .left .mail{ padding-left: 0.29rem; height: 0.36rem; margin: 0; } .foot-link{ padding: 0 0 0.37rem 0; } .foot-bt{ padding: 0.42rem 0 0.55rem; } .foot-bt .left{ font-size: 0.26rem; line-height: 0.42rem; } .foot-bt .left a{ display: block; } .foot-bt .left a img{ float: none; } .foot-bt .right{ margin-top: 0.22rem; } .foot-bt .right a{ font-size: 0.26rem; line-height: 0.36rem; } .head-bd .head-logo{ line-height: 0; } } .pc-banner-box, .ph-banner-box { position: relative; overflow: hidden; } .pc-banner-box .prev{ display: none; position: absolute; z-index: 100; left: 20px; top: 50%; margin-top: -32px; cursor: pointer; width: 32px; height: 64px; background: url("../../Img/images/prev_01.png") no-repeat; background-size: 100%; } .pc-banner-box .next{ display: none; position: absolute; z-index: 100; right: 20px; top: 50%; margin-top: -32px; cursor: pointer; width: 32px; height: 64px; background: url("../../Img/images/next_01.png") no-repeat; background-size: 100%; } @media screen and (min-width: 992px){ .pc-banner-box .prev:hover{ background: url("../../Img/images/prev_01on.png") no-repeat; background-size: 100%; } .pc-banner-box .next:hover{ background: url("../../Img/images/next_01on.png") no-repeat; background-size: 100%; } } .pc-ban-bd, .ph-ban-bd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } .pc-ban-bd ul, .pc-ban-bd li, .ph-ban-bd ul, .ph-ban-bd li { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; } .pc-ban-bd .swiper-slide, .ph-ban-bd .swiper-slide{ overflow: hidden; } .pc-ban-bd .ban-bg, .ph-ban-bd .swiper-slide .ban-bg { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; background: no-repeat center center; background-size: cover; transform:scale(1.2); } .pc-ban-bd .swiper-slide.on .ban-bg, .ph-ban-bd .swiper-slide.swiper-slide-active .ban-bg { animation: bannerImg ease-in-out 3s forwards; } .pc-ban-bd .swiper-slide .li-video, .ph-ban-bd .swiper-slide .li-video{ position: relative; width: 100%; height: 100%; } .pc-ban-bd .swiper-slide .li-video .video-js, .ph-ban-bd .swiper-slide .li-video .video-js{ width: 100%; height: 100%; } @keyframes bannerImg { 0%{transform:scale(1.2);} 100%{transform:scale(1);} } .pc-ban-hd { position: absolute; z-index: 10; bottom: 30px; right: 14.32%; display: none; } .pc-ban-hd a { display: inline-block; width: 11px; height: 11px; box-sizing: content-box; background: #fff; border-radius: 100%; border: 1px solid #0054a6; margin-left: 18px; cursor: pointer; } .pc-ban-hd a.on { background: #0054a6; } .ph-ban-hd { position: absolute; z-index: 10; bottom: 21px; left: 0; width: 100%; text-align: center; } .ph-ban-hd .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; box-sizing: content-box; background: #fff; border-radius: 100%; border: 1px solid #0054a6; margin: 0 5px; cursor: pointer; } .ph-ban-hd .swiper-pagination-bullet-active { background: #0054a6; } .pc-ban-bd .ban-txt{ position: absolute; top: 30%; left: 0; width: 100%; transform: translateY(-50%); z-index: 100; } .ph-ban-bd .ban-txt{ position: absolute; top: 15%; left: 0; width: 100%; z-index: 100; } .ph-ban-bd .ban-txt .w1370{ width: 100%; } .pc-ban-bd .ban-txt img, .ph-ban-bd .ban-txt img{ max-width: 100%; } @media screen and (min-width: 992px){ .pc-ban-bd li.on .ban-txt, .ph-ban-bd li.on .ban-txt { animation: bannerH2 ease-in-out 1s forwards; } } @keyframes bannerH2{ 0%{opacity:0; transform:translateY(50%);} 100%{opacity:1;transform:translateY(0);} } @media screen and (max-width: 1024px) and (min-width: 768px){ .pc-ban-bd .ban-txt{ width: 100%; top: 0; height: 100%; transform: none; } .pc-ban-bd .ban-txt .w1370{ position: absolute; top: 30%; left: 8%; width: 100%; height: 20.88%; z-index: 100; } .pc-ban-bd .ban-txt img{ height: 100%; } } /*标题*/ .index-title .tit{ font-weight: bold; font-size: 1.25em; line-height: 1.5; } .index-title .det{ line-height: 1.625em; margin-top: 5px; position: relative; padding: 0 0 0 22px; } .index-title .det:before{ content: ""; position: absolute; top: 12px; left: 0; width: 12px; height: 2px; } .more-btn{ display: inline-block; overflow: hidden; position: relative; font-size: 14px; line-height: 42px; width: 160px; text-align: center; height: 42px; z-index: 10; } .more-btn span{ display:block; border-radius: 3px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s,-webkit-transform .3s; } .more-btn span img{ margin-left: 4px; margin-top: -3px; width: 13px; } .more-btn span:first-child{ position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; -webkit-transform:translateX(-25%); transform:translateX(-25%); } @media screen and (min-width: 992px){ .more-btn:hover span:first-child{ -webkit-transform:translateX(0); transform:translateX(0) } .more-btn:hover span{ -webkit-transform:translateX(100%); transform:translateX(100%) } } /*news*/ .main-box{ background: #f6f6f7; padding-bottom: 3.75em; } .news-box { position: relative; z-index: 20; } .news-box .index-title { position: absolute; bottom: 100%; width: 100%; left:0; background: #005499; } .news-box .index-title .index-con{ width: 82.18%; margin: 0 auto; padding: 3.4375em 0 4px; } .news-box .index-title{ color: #ffffff; } .news-box .det:before{ background: #fff; } .news-box .row{ background: #ffffff; } /*图文展示*/ .news-box .graphic{ background: #005499; position: relative; } @media screen and (min-width: 992px){ .news-box .graphic{ animation: bannerH2 ease-in-out 1s forwards; } } .news-box .graphic .news-con{ width: 82.18%; margin: 0 auto; padding: 2em 0 2.625em; } .news-box .graphic a{ display: block; } .news-box .graphic .tit{ color: #ffffff; font-size: 1.125em; line-height: 1.556; position: relative; } .news-box .graphic .tit:before{ content: ""; position: absolute; width: 0; height: 1px; left: 0; bottom: 0; background: #fff; transition: ease .65s; opacity: 0.8; } @media screen and (min-width: 992px){ .news-box .graphic a:hover .tit:before{ width: 100%; } } .news-box .graphic .det{ color: #ffffff; font-size: 14px; line-height: 24px; color: #ffffff; opacity: 0.7; filter: alpha(opacity=70); margin-top: 20px; max-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news-box .graphic .img-box{ overflow: hidden; position: relative; } .news-box .graphic .img-box .pic{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: cover; } .news-box .graphic .img-box img{ width: 100%; transition: all 0.5s ease-in-out; } .news-box .news-list{ padding-top: 12px; overflow: hidden; } @media screen and (min-width: 992px){ .news-box .graphic .img-box:hover img, .news-box .graphic .img-box:hover .pic{ transform: scale(1.1,1.1); } .news-box .news-list{ animation: bannerH2 ease-in-out 1s forwards; } } .news-box .news-list ul{ width: 83.78%; margin: 0 7.3%; } .news-box .news-list ul li{ overflow: hidden; display: table; position: relative; padding: 2.1875em 0; border-bottom: 1px solid #ededed; width: 100%; } .news-box .news-list ul li:before{ content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; display: block; background: #005686; transform: scaleX(0); transform-origin: left center; transition: ease .65s; } @media screen and (min-width: 992px){ .news-box .news-list ul li:hover:before{ transform: scaleX(1); } } .news-box .news-list ul li a{ display: table; width: 100%; position: relative; overflow: hidden; } .news-box .news-list .news-time{ float: left; width: 100%; } .news-box .news-list .news-time span{ display: block; font-size: 1.75em; line-height: 3.071em; border-right: 1px solid #ededed; color: #808080; white-space: nowrap; position: relative; padding-right: 0.857em; font-family: Arial; min-width: 3.4em; } .news-box .news-list .news-time span:before{ content: ""; position: absolute; width: 1px; height: 100%; bottom: 0; right: 0; display: block; background: #005686; transform: scaleY(0); transform-origin: bottom center; transition: ease .65s; } @media screen and (min-width: 992px){ .news-box .news-list li:hover span:before{ transform: scaleY(1); } } .news-box .news-list .table-cell{ width: 100%; padding: 0 0 3px 1.5em; } .news-box .news-list .tit{ font-size: 1.25em; line-height: 1.5; color: #333333; max-height: 1.5em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .news-box .news-list .det{ color: #808080; font-size: 14px; line-height: 22px; max-height: 48px; margin-top: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media screen and (min-width: 992px){ .news-box .news-list li:hover .tit{ color: #005686; } } .news-box .news-list .news-btn{ margin-left: 11.4%; margin-top: 2em; } .news-box .news-list .news-btn a{ color: #ffffff; } .news-box .news-list .news-btn span{ background: #005499; } .news-box .news-list .news-btn span:first-child{ background: #0078c6; } /*科研*/ .scientific-box{ margin: 3.125em auto 0; background: none; overflow: hidden; } .scientific-box .global-inner{ background: #f2f2f2; padding: 4.375em 0; } .scientific-box ul{ margin: 0 -2.8125em; } .scientific-box li{ overflow: hidden; display: table; vertical-align: top; padding: 0 2.8125em; } .scientific-box .img-box{ float: left; width: 71px; } .scientific-box .img-box img{ width: 100%; } .scientific-box .stf-con{ padding-left: 6.25em; } .scientific-box .stf-con .tit{ color: #005686; font-weight: bold; font-size: 1.25em; line-height: 1.3; } .scientific-box .stf-con .tit a{ color: #005686; } .scientific-box .stf-con .det{ color: #4c4c4c; line-height: 1.625em; margin-top: 15px; max-height: 4.875em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .scientific-box .stf-con .det a{ color: #4c4c4c; } .scientific-box .stf-con .more{ display: inline-block; color: #0078c6; line-height: 1.625em; margin-top: 2.125em; } .scientific-box .stf-con .more span{ transition: all 0.3s; display: inline-block; } @media screen and (min-width: 992px){ .scientific-box .stf-con .more:hover span{ margin-left: 10px; } } /*产品中心*/ .product-box{ position: relative; margin: 2.8125em 0 3.375em; } .product-box .index-title .tit{ color: #333333; } .product-box .index-title .det{ color: #666666; } .product-box .index-title .det:before{ background: #666666; } .product-box .prod-bd{ position: relative; margin-top: 1.375em; } .product-box .prod-bd .prod-prev{ position: absolute; left: 0; top: 50%; width: 1.5625em; height: 2.1875em; background: url("../../Img/images/index-pdt-prev.png") no-repeat center; background-size: cover; margin-top: -3.344em; cursor: pointer; } .product-box .prod-bd .prod-next{ position: absolute; right: 0; top: 50%; width: 1.5625em; height: 2.1875em; background: url("../../Img/images/index-pdt-next.png") no-repeat center; background-size: cover; margin-top: -3.344em; cursor: pointer; } @media screen and (min-width: 992px){ .product-box .prod-bd .prod-prev:hover{ background: url("../../Img/images/index-pdt-prevon.png") no-repeat center; background-size: cover; } .product-box .prod-bd .prod-next:hover{ background: url("../../Img/images/index-pdt-nexton.png") no-repeat center; background-size: cover; } } .product-box .prod-bd .swiper-container{ padding-bottom: 2.25em; } .product-box .prod-bd .swiper-pagination{ position: absolute; bottom: 0; font-size: 0; } .product-box .prod-bd .swiper-pagination-clickable .swiper-pagination-bullet{ width: 12px; height: 12px; background: #b5c0ca; opacity: 1; border-radius: 100%; margin: 0 4px; } .product-box .prod-bd .swiper-pagination-clickable .swiper-pagination-bullet-active{ background: #005385; } .prod-bd .swiper-slide a{ position: relative; overflow: hidden; display: block; } .prod-bd .img-box{ overflow: hidden; } .prod-bd .img-con{ background-position: center; background-repeat: no-repeat; background-size: cover; transition: ease .65s; } .prod-bd .img-doc{ position: absolute; /*background: rgba(22,160,106,0.9);*/ bottom: 0; width: 100%; left: 0; } /*.prod-bd .swiper-slide:nth-child(2n) .img-doc{*/ /*background: rgba(0,87,182,0.9);*/ /*}*/ /*.prod-bd .swiper-slide:nth-child(3n) .img-doc{*/ /*background: rgba(2,144,227,0.9);*/ /*}*/ .prod-bd .img-doc .doc{ padding: 0 2.125em 0 1.25em; position: relative; z-index: 10; } .prod-bd .img-doc .doc .docbg{ position: absolute; opacity: 0.9; width: 100%; height: 100%; top: 0; left: 0; z-index: -5; background: #16a06a; } .prod-bd .img-doc .doc span{ font-size: 1.125em; color: #ffffff; font-weight: bold; line-height: 2.667; } .prod-bd .img-doc .doc .add{ position: absolute; font-size: 16px; right: 1.25em; top: 0; line-height: 3; opacity: 0; transition: ease .65s; color: #fff; } @media screen and (min-width: 992px){ .prod-bd a:hover .img-doc .doc .add{ opacity: 1; } .prod-bd a:hover .img-con{ transform: scale(1.1,1.1); } } /*关于我们*/ .about-box .global-inner{ position: relative; overflow: hidden; } .about-box .about-video{ position: absolute; top: 0; left: 0; width: 50%; height: 100%; z-index: 10; } .about-box .about-video .ption-r100{ width: 100%; height: 100%; overflow: hidden; } .about-box .about-video .img-box{ z-index: 5; overflow: hidden; } .about-box .about-video .img-box .ption-r100{ width: 100%; height: 100%; transition: all 0.5s ease-in-out; background-position: center; background-repeat: no-repeat; background-size: cover; } .about-box .about-video .img-box img{ width: 100%; height: 100%; transition: all 0.5s ease-in-out; } @media screen and (min-width: 992px){ .about-box .about-video:hover .img-box img{ transform: scale(1.1,1.1); } .about-box .about-video:hover .img-box .ption-r100{ transform: scale(1.1,1.1); } } .about-box .about-video .video-btn{ position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; z-index: 10; cursor: pointer; } .about-box .about-txt{ /*position: absolute;*/ /*top: 0;*/ /*left: 50%;*/ float: right; width: 50%; height: 100%; z-index: 10; background: #005499 url(../../Img/images/index-about-dq.png) no-repeat center; background-size: cover; } .about-box .about-txt .txt-con{ padding: 4.0625em 8.5% 3.75em 11.3%; } .about-box .about-txt .txt-con .tit{ color: #ffffff; font-size: 1.25em; line-height: 1.5; font-weight: bold; } .about-box .about-txt .txt-con .line{ width: 12px; height: 2px; background: #fff; margin: 15px 0 20px; } .about-box .about-txt .txt-con .det{ color: #ffffff; font-size: 2em; line-height: 1.375; } .about-box .about-txt .txt-con .txt{ color: #ffffff; line-height: 1.625; margin-top: 1.5625em; opacity: 0.7; filter: alpha(opacity=70); } .about-box .about-txt .txt-con .about-btn{ margin-top: 3.125em; } .about-box .about-txt .txt-con .about-btn .more-btn{ color: #005a8c; } .about-box .about-txt .txt-con .more-btn span{ background: #fff; } .about-box .about-txt .txt-con .more-btn span:first-child{ background: #0078c6; color: #fff; } .video-pop{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); background: url(../../Img/images/pop-bg1.png) repeat center center\9; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); z-index: 400; display: none; } .video-pop .pop-cent{ width: 850px; height: 460px; margin: 0 auto; position: absolute; left: 50%; top: 50%; margin-left: -425px; margin-top: -230px; } .video-pop .video-js{ width: 100%; display: none\9; position: relative; overflow: hidden; } .video-pop .video-top-info{ position: static; } .video-pop .video-top-info i{ background: url(../../Img/images/phone-nav-icon12.png) no-repeat; width: 2.187em; height: 2.187em; position: absolute; top: 0px; right: -3.75em; background-size: cover; cursor: pointer; display: block; } .video-pop .vjs-big-play-button{ border: none; width: 60px; height: 60px; background: url("../../Img/images/index-video-btn.png") no-repeat; top: 50%; left: 50%; margin: -30px 0 0 -30px; } .video-pop .vjs-big-play-button span.vjs-icon-placeholder:before{ content: ""; } @media screen and (max-width: 1440px){ .news-box .news-list ul li{ padding: 1.5em 0; } .news-box .news-list .det{ -webkit-line-clamp: 1; } } @media screen and (max-width: 1200px){ .news-box .news-list ul li{ padding: 1em 0; } } @media screen and (max-width: 991px){ .video-pop .pop-cent{ width: 100%; height: 25em; left: 0; margin-left: 0; margin-top: -12.5em; } .video-pop .video-top-info i{ width: 2em; height: 2em; top: -10%; right: 1.25em; } .ph-ban-hd a{ box-sizing: border-box; } .index-title .tit{ font-size: 1.25em; line-height: 1.5; } .index-title .det{ font-size: 1em; line-height: 1.625; margin: 3px 0 0; } .more-btn span img{ width: 13px; margin-left: 8px; margin-top: -2px; } .main-box{ padding-bottom: 0; } /*news*/ .news-box{ background: #fff; padding-bottom: 2em; } .news-box .global-inner{ width: 100%; } .news-box .index-title{ position: relative; width: 100%; } .news-box .index-title .index-con{ width: 92%; padding: 2.571em 0 0; } .news-box .row{ padding-bottom: 2.429em; } .news-box .graphic .news-con{ width: 92%; padding: 1.429em 0; } .news-box .graphic .tit{ font-size: 1.429em; line-height: 1.5; } .news-box .graphic .det{ margin-top: 5px; max-height: none; -webkit-line-clamp: 10; line-height: 22px; } .index-title .det:before{ top: 9px; } .news-box .news-list{ padding-top: 10px; } .news-box .news-list ul{ width: 92%; margin: 0 auto; } .news-box .news-list ul li{ padding: 12px 0; } .news-box .news-list .news-time span{ font-size: 1.75em; line-height: 2.143; padding-right: 12px; } .news-box .news-list .table-cell{ padding-left: 12px; } .news-box .news-list .tit{ -webkit-line-clamp: 2; font-size: 1.25em; line-height: 1.4; color: #333333; max-height: 3em; } .news-box .news-list .det{ display: none; } .news-box .news-list .news-btn{ width: 92%; margin: 1.571em auto 0; } .news-box .news-list .news-btn a{ display: block; width: 100%; border-radius: 3px; font-size: 15px; line-height: 46px; height: 46px; } .scientific-box{ margin: 0; } .scientific-box .global-inner{ width: 100%; padding: 10px 0 3.714em; } .scientific-box li{ display: block; } .scientific-box .img-box{ float: none; width: 80%; margin: 0 auto; text-align: center; padding: 2.857em 0 1em; } .scientific-box .img-box object{ max-width: 58px; } .scientific-box .img-box img{ max-width: 58px; } .scientific-box .stf-con{ padding: 0; width: 80%; margin: 0 auto; } .scientific-box .stf-con .tit{ font-size: 1.25em; line-height: 1.5; } .scientific-box .stf-con .det{ font-size: 1.125em; line-height: 1.556; max-height: 4.668em; margin-top: 5px; } .scientific-box .stf-con .more{ font-size: 1em; margin-top: 0.875em; } .product-box{ padding: 2.857em 0 0; margin: 0; } .product-box .prod-bd{ margin-bottom: 3.214em; } .product-box .global-inner{ width: 100%; } .product-box .prod-bd .swiper-container{ padding-bottom: 2.857em; } .about-box .global-inner{ width: 100%; } .about-box .adjust{ display: none; } .about-box .about-video{ position: relative; width: 100%; } .about-box .about-video .ption-a100{ position: relative; } .about-box .about-txt{ position: relative; width: 100%; left: 0; padding-bottom: 3.75em; } .about-box .about-txt .txt-con{ width: 92%; padding: 2.643em 0 0; margin: 0 auto; } .about-box .about-txt .txt-con .tit{ font-size: 1.25em; line-height: 1.5; } .about-box .about-txt .txt-con .det{ font-size: 1.75em; line-height: 1.357; } .about-box .about-txt .txt-con .line{ width: 13px; margin: 5px 0 20px; } .about-box .about-txt .txt-con .txt{ font-size: 1.125em; line-height: 1.556; margin-top: 1.556em; } .about-box .about-txt .txt-con .about-btn{ font-size: 0; } .about-box .about-txt .txt-con .about-btn .more-btn{ font-size: 15px; line-height: 46px; height: 46px; margin-top: 2.143em;; } } @media screen and (max-width: 450px) { .ph-ban-bd .swiper-container .swiper-slide{ display: block; } .ph-ban-bd .swiper-container .swiper-slide img{ width: 100%; } .ph-ban-hd .swiper-pagination-bullet{ width: 0.24rem; height: 0.24rem; margin: 0 0.09rem; } .news-box .index-title .index-con{ padding: 0.7rem 0 0; } .index-title .tit{ font-size: 0.38rem; line-height: 0.48rem; } .index-title .det{ font-size: 0.28rem; line-height: 0.38rem; margin-top: 0.1rem; position: relative; padding: 0 0 0 0.40rem; } .index-title .det:before{ top: 0.15rem; width: 0.24rem; } .news-box{ padding-bottom: 0.62rem; } .news-box .graphic .index-title .tit{ font-size: 0.38rem; line-height: 0.48rem; } .news-box .graphic .index-title .det{ font-size: 0.28rem; line-height: 0.38rem; margin-top: 0.1rem; opacity: 1; } .news-box .graphic .news-con{ padding: 0.48rem 0 0.44rem; } .news-box .graphic .news-con .tit{ font-size: 0.36rem; line-height: 0.46rem; } .news-box .graphic .news-con .det{ font-size: 0.26rem; line-height: 0.42rem; margin-top: 0.25rem; } .news-box .news-list{ padding-top: 0.16rem; } .news-box .news-list ul li{ padding: 0.24rem 0; } .news-box .news-list .news-time span{ font-size: 0.5rem; line-height: 1.12rem; } .news-box .news-list .tit{ font-size: 0.36rem; line-height: 0.5rem; } .news-box .news-list .news-btn{ margin: 0.4rem auto 0; } .news-box .news-list .news-btn a{ font-size: 0.28rem; line-height: 0.84rem; height: 0.84rem; } .more-btn span:first-child{ height: auto; } .more-btn span img{ width: 0.24rem; margin-left: 0.14rem; margin-top: 0; } .scientific-box .global-inner{ padding: 0.21rem 0 1.05rem; } .scientific-box .img-box{ padding: 0.79rem 0 0; height: 2.24rem; } .scientific-box .img-box object{ width: 1.06rem; height: 1.06rem; max-width: none; padding: 0; } .scientific-box .stf-con .tit{ font-size: 0.38rem; line-height: 0.48rem; } .scientific-box .stf-con .det{ font-size: 0.32rem; line-height: 0.5rem; max-height: 1.5rem; margin-top: 0.18rem; } .scientific-box .stf-con .more{ font-size: 0.28rem; line-height: 0.38rem; display: block; width: 1.6rem; } .product-box{ padding: 0.75rem 0 0; } .product-box .prod-bd{ margin: 0.3rem 0 0.8rem; } .product-box .prod-bd .swiper-container{ padding-bottom: 0.6rem; } .prod-bd .img-doc .doc{ padding: 0 0.38rem; } .prod-bd .img-doc .doc span{ font-size: 0.32rem; line-height: 0.86rem; display: block; } .prod-bd .img-doc .doc .add{ position: absolute; font-size: 0.32rem; line-height: 0.86rem; right: 0.38rem; } .product-box .prod-bd .swiper-pagination{ display: flex; justify-content: center; } .product-box .prod-bd .swiper-pagination-clickable .swiper-pagination-bullet{ display: block; width: 0.2rem; height: 0.2rem; margin: 0 0.1rem; } .about-box .about-video .video-btn{ text-align: center; } .about-box .about-video .video-btn img{ width: 0.85rem; } .animated{ animation-fill-mode:none; } .about-box .about-txt .txt-con{ padding: 0.75rem 0 0; } .about-box .about-txt .txt-con .tit{ font-size: 0.38rem; line-height: 0.48rem; } .about-box .about-txt .txt-con .line{ width: 0.24rem; height: 0.03rem; margin: 0.19rem 0 0.4rem; } .about-box .about-txt .txt-con .det{ font-size: 0.52rem; line-height: 0.752rem; } .about-box .about-txt .txt-con .txt{ font-size: 0.32rem; line-height: 0.5rem; margin-top: 0.5rem; } .about-box .about-txt{ padding-bottom: 1.08rem; background: #005499 url(../../Img/images/index-about-dq.png) no-repeat top center; background-size: 100% auto; } .about-box .about-txt .txt-con .about-btn{ margin-top: 0.59rem; } .about-box .about-txt .txt-con .about-btn .more-btn{ font-size: 0.28rem; line-height: 0.84rem; height: 0.84rem; margin: 0; } .video-pop .pop-cent{ height: 50%; margin-top: 0; transform: translateY(-50%); } .video-pop .video-top-info i{ width: 0.48rem; height: 0.48rem; right: 0.3rem; } }