/* ====================================================================== * Website http://www.sonoscape.com.cn * Documents: all.css * Author: www.vokodesign.com * Creation Date: 2018-1-25 ====================================================================== */ /*** * _ooOoo_ * o8888888o * 88" . "88 * (| -_- |) * O\ = /O * ____/`---'\____ * . ' \\| |// `. * / \\||| : |||// \ * / _||||| -:- |||||- \ * | | \\\ - /// | | * | \_| ''\---/'' | | * \ .-\__ `-` ___/-. / * ___`. .' /--.--\ `. . __ * ."" '< `.___\_<|>_/___.' >'"". * | | : `- \`.;`\ _ /`;.`/ - ` : | | * \ \ `-. \_ __\ /__ _/ .-` / / * ======`-.____`-.___\_____/___.-`____.-'====== * `=---=' * * ............................................. * 浣涚淇濅綉 姘告棤BUG */ /* css reset */ * { margin:0; padding:0;} *, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} p { line-height:1.8;} img { max-width:100%; border:none; overflow:hidden;} li{ list-style-type: none;} a { color:#1e1e1e; text-decoration:none; transition:all 0.3s ease-out 0s; -webkit-tap-highlight-color:transparent;} a:link { color:#1e1e1e;} a:visited { color:#1e1e1e;} a:hover { text-decoration:none;} a:active { color:#1e1e1e;} .fl { float:left;} .fr { float:right;} .clearf { zoom:1;} .clearf:after { content:''; display:block; clear:both; height:0; overflow:hidden; visibility:hidden;} /*鍘绘帀鎵嬫満鎸変笅鏃堕粯璁ょ殑鐏拌壊*/ button,input,textarea { border:none; outline:none; box-shadow:none!important; -webkit-appearance:none;/* 鍘婚櫎绉诲姩绔笂鎺т欢鍐呴槾褰� */ resize:none;/* 绂佹textarea鎷栨嫿鏀惧ぇ */ -webkit-tap-highlight-color:rgba(0,0,0,0);/* 鍙栨秷input鐬棿鍑虹幇鐏拌壊鑳屾櫙 */} /*淇敼琛ㄥ崟鍏冪礌placeholder榛樿缃伆鏂囧瓧棰滆壊*/ .form-control::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder {color:#8d8d8d;} h1, h2, h3, h4, h5, h6, .about_timeline .community-carousel .swiper-slide .author-wrap .role { line-height:1.2125em; text-rendering:optimizelegibility; /*font-family:MyriadPro-Bold,sans-serif;*/ font-weight:600;} html.no-scroll {overflow-y:hidden;} body {-webkit-font-smoothing:antialiased; color:#333333; font-style:normal; background:#ffffff;} html {overflow:scroll; overflow-x:hidden; /*font-family:MyriadPro-Regular,Arial,Verdana,sans-serif;*/ font-family:"Helvetica Neue",Helvetica,"PingFang SC","Microsoft Yahei","WenQuanYi Micro Hei",Arial,Verdana,sans-serif;} /***** 瀛椾綋鍥炬爣 *****/ @font-face {font-family: 'iconfont'; src: url('images/fonts/font_559608_ollxa9c1dz/iconfont.eot'); src: url('images/fonts/font_559608_ollxa9c1dz/iconfont.eot?#iefix') format('embedded-opentype'), url('images/fonts/font_559608_ollxa9c1dz/iconfont.woff') format('woff'), url('images/fonts/font_559608_ollxa9c1dz/iconfont.ttf') format('truetype'), url('images/fonts/font_559608_ollxa9c1dz/iconfont.svg#iconfont') format('svg'); } .iconfont{ font-family:"iconfont"; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /***** 鐗规畩鑻辨枃瀛椾綋 *****/ @font-face { font-family: "MyriadPro-Black"; src: url("images/fonts/MyriadPro-Black/MyriadPro-Black.woff2") format("woff2"), url("images/fonts/MyriadPro-Black/MyriadPro-Black.woff") format("woff"), url("images/fonts/MyriadPro-Black/MyriadPro-Black.ttf") format("truetype"), url("images/fonts/MyriadPro-Black/MyriadPro-Black.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-Black/MyriadPro-Black.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "MyriadPro-Bold"; src: url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.woff2") format("woff2"), url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.woff") format("woff"), url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.ttf") format("truetype"), url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-Bold/MyriadPro-Bold.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "MyriadPro-BoldCond"; src: url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.woff2") format("woff2"), url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.woff") format("woff"), url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.ttf") format("truetype"), url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-BoldCond/MyriadPro-BoldCond.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "MyriadPro-Cond"; src: url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.woff2") format("woff2"), url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.woff") format("woff"), url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.ttf") format("truetype"), url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-Cond/MyriadPro-Cond.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "MyriadPro-Light"; src: url("images/fonts/MyriadPro-Light/MyriadPro-Light.woff2") format("woff2"), url("images/fonts/MyriadPro-Light/MyriadPro-Light.woff") format("woff"), url("images/fonts/MyriadPro-Light/MyriadPro-Light.ttf") format("truetype"), url("images/fonts/MyriadPro-Light/MyriadPro-Light.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-Light/MyriadPro-Light.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "MyriadPro-Regular"; src: url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.woff2") format("woff2"), url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.woff") format("woff"), url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.ttf") format("truetype"), url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-Regular/MyriadPro-Regular.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "MyriadPro-Semibold"; src: url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff2") format("woff2"), url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.woff") format("woff"), url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.ttf") format("truetype"), url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.eot") format("embedded-opentype"), url("images/fonts/MyriadPro-Semibold/MyriadPro-Semibold.svg") format("svg"); font-weight: normal; font-style: normal; } /****************************************/ /************** 鍏叡 **************/ /***************************************/ /*鍒嗘爮*/ .row {margin:0 auto; padding:0 20px; max-width:1240px; width:100%;} .row2 {max-width:100%; padding:0 5px;} .row_pr0 {padding-right:0;} .page-spiel {margin-bottom:40px; text-align:center;} /*鐧借壊鏂囧瓧*/ .text-white{ color:#fff;} .pad-top{ padding-top:60px; } /*妯″潡鏍囬(榛樿)*/ .page-title{ margin-top:200px; text-align:center;} .page-title .line { display:none; width:1px; height:60px; margin:0 0 10px 33px; position:relative; background:#333333;} .page-title .line em { visibility:hidden; position:absolute; bottom:0; left:-2px; display:block; width:5px; height:5px; transform:rotate(45deg); background:#333333;} .page-title h3{ font-size:72px; color:#ffffff; line-height:1.2;} .page-title h4 {font-size:36px; color:#ffffff; line-height:1;} .page-title p{ margin-top:30px; font-size:22px; color:#ffffff; width:65%; line-height:1.4;} /*妯″潡鏍囬(EN)*/ .page-title-en {} .page-title-en p{} /*妯″潡鏍囬-鍗曚釜鏍囬涓斿眳涓�*/ .page-title-simple {} .page-title-simple h3{text-align:center; margin:0;} /*鎸夐挳锛氱櫧鑹查�忔槑*/ a.btn-trans { display:inline-block; padding:10px 40px; position:relative; font-size:16px; color:#ffffff; border:1px solid #ffffff; overflow:hidden; transition:none;-moz-transition:none;/* Firefox 4 */ -webkit-transition:none;/* Safari 鍜� Chrome */ -o-transition:none;/* Opera */} a.btn-trans span {position:relative; z-index:1; padding-left:2px; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */} a.btn-trans span em {font-style:normal; padding-left:5px;} a.btn-trans::before {display:block; content:""; position:absolute; top:0; right:0; bottom:0; left:0; transform:translate3d(0px, 100%, 0px); background:#ffffff; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */ } a.btn-trans:hover {color:#111111;} a.btn-trans:hover::before {transform:translateZ(0px);} /*鎸夐挳锛氭繁鑹查�忔槑 缁ф壙鑷細btn-trans*/ a.btn-trans-black { color:#111111; border:1px solid #333333;} a.btn-trans-black span {} a.btn-trans-black::before {background:#333333;} a.btn-trans-black:hover {color:#ffffff;} a.btn-trans-black:hover::before {} /*鎸夐挳锛氬搧鐗岃壊銆佸～鍏呫�佹湁杈规 缁ф壙鑷細btn-trans*/ a.btn-trans-brand { color:#ffffff; border:1px solid #009FAB; background:#009FAB;} a.btn-trans-brand span {} a.btn-trans-brand::before {background:#ffffff;} a.btn-trans-brand:hover {color:#009FAB;} a.btn-trans-brand:hover::before {} /*鎸夐挳锛氬搧鐗岃壊銆佸～鍏呫�佹棤杈规 缁ф壙鑷細btn-trans*/ a.btn-trans-brand-noborder { color:#ffffff; border:none; background:#009FAB;} a.btn-trans-brand-noborder span {} a.btn-trans-brand-noborder::before {background:#ffffff;} a.btn-trans-brand-noborder:hover {color:#009FAB;} a.btn-trans-brand-noborder:hover::before {} /*瑙嗛鎾斁*/ .play { display:inline-block; width:60px; height:60px; line-height:60px; font-size:22px; text-align:center; text-indent:5px; color:#ffffff; border:1px solid rgba(255,255,255,1); border-radius:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} /*鎼滅储妗�*/ .search {} .search form {} .search input {} .search .text { float:left; padding:16px; width:300px; font-size:14px; background:#f2f2f2;} .search .btn {float:right; padding:16px; width:60px; text-indent:-999999px; background:#f2f2f2 url("images/search.svg") no-repeat scroll center center / 30% auto;} /*** 鍏冪礌 ***/ .btn{ background-color:#222; color:#fff; padding:8px 28px; display:inline-block; font-size:16px; cursor:pointer;} .page-spiel{ text-align:center; margin-bottom:66px;} .page-spiel p{ margin-bottom:0px; font-size:20px;} i { position:relative; top:4px;/*position銆乼op涓鸿В鍐冲浘鏍囧亸楂�*/ display:inline-block; color:rgba(255,255,255,0); font-size:24px; text-indent:-20px; line-height:1; transition:all 0.3s ease-out 0s;} /* 鍒嗘爮 */ .inner_section {margin:auto;} .large-6 {position:relative; width:50%;} .small-12 {position:relative; width:100%;} .column , .columns { position:relative; padding-left:20px; padding-right:20px; float:left; width:100%;} .pad-normal{ padding:40px 0;} .pad-large{ padding-top:100px; padding-bottom:100px;} .mag-normal {margin:40px auto;} .left {float:left!important;} .row:before, .row:after {content:" "; display:table;} .row:after {clear:both;} .large-centered { float:none; margin:auto;} .whalf { width:50%;} /* 鎸夐挳 */ .btn-area { margin-top:40px; text-align:center;} a.btn { display:inline-block; position:relative; font-size:16px; padding:15px 50px; text-align:center; color:rgba(255,255,255,1); border:1px solid rgba(0,0,0,1); background:rgba(0,0,0,1); text-transform:uppercase;} a.btn_border {border:1px solid rgba(0, 0, 0, 1); background:none;} a.btn_no_border {border:none; border-bottom:1px solid rgba(0, 0, 0, 1); color:#ffffff; border-color:#ffffff; background:none;} a.btn_view_more {color:#1e1e1e; border-color:#ffffff;} a.btn-black { color:rgba(0,0,0,1); background:rgba(255,255,255,1);} /* 涓嬫媺妗� */ select { cursor:pointer; width:100%; font-size:16px; border-radius:0; outline:none!important; padding:14px; /*Chrome鍜孎irefox閲岄潰鐨勮竟妗嗘槸涓嶄竴鏍风殑锛屾墍浠ュ鍐欎簡涓�涓�*/ border: 1px solid rgba(0, 0, 0, 0.1); /*寰堝叧閿細灏嗛粯璁ょ殑select閫夋嫨妗嗘牱寮忔竻闄�*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url("images/select_arrow_icon.svg") no-repeat right center; background-size:30px auto; } /*娓呴櫎ie鐨勯粯璁ら�夋嫨妗嗘牱寮忔竻闄わ紝闅愯棌涓嬫媺绠ご*/ select::-ms-expand { display:none; } select option {} /* 鐗规畩瀛椾綋 */ .nf_1 {font-family:MyriadPro-Black;} .nf_2 {font-family:MyriadPro-Bold;} .nf_3 {font-family:MyriadPro-BoldCond;} .nf_4 {font-family:MyriadPro-Cond;} .nf_5 {font-family:MyriadPro-Light;} .nf_6 {font-family:MyriadPro-Regular;} .nf_7 {font-family:MyriadPro-Semibold;} /* 鎸夐挳:鏌ョ湅鏇村 */ a.more {display:inline-block; width:140px; height:50px; line-height:50px; font-style:14px; text-align:center; border:1px solid rgba(0,0,0,0.1); background:#ffffff;} a.more i { position:relative; top:3px;/*position銆乼op涓鸿В鍐冲浘鏍囧亸楂�*/ display:inline-block; color:rgba(255,255,255,0); font-size:20px; text-indent:-20px; line-height:1; /* Better Font Rendering =========== */-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transition:all 0.3s ease-out 0s;} a.more i::before {content:"\e900";} a.more:hover { color:#ffffff; border-color:#009FAB; background:#009FAB;} a.more:hover i {text-indent:2px; color:rgba(255,255,255,1);} /**/ a.more_transparent {border:1px solid rgba(255,255,255,0.2); color:#ffffff; background:none;} a.more_transparent:hover { text-indent:10px; border:1px solid rgba(0,0,0,1); background:rgba(0,0,0,1);} a.more_transparent:hover i {text-indent:0px;} /* 琛ㄥ崟 */ #details-error { display:none; background:#F79900; color:#ffffff; margin-bottom:24px; padding:16px; font-size:14px;} #form-sent {display:none; background:#4EBD4F; color:#ffffff; margin-bottom:24px; padding:16px; font-size:14px;} .form .c3 {width:100%; overflow:hidden;} .form .c3 .ic { float:left; width:50%;} .form .c3 h2 {font-size:14px; margin-bottom:20px;} .form label { float:left; margin:0 20px 20px 0;} .form label input[type="radio"] { display:block; float:left; margin:0; padding:0; width:20px; height:20px;} .form label input[type="radio"]:checked {background:#2d80e0;} .form label span { display:block; float:left; height:20px; line-height:20px;} .form .kindly-reminder {font-size:12px; color:#8d8d8d;} .form label.agreement {display:none;} .form label.agreement span {position:relative; width:20px; height:20px; margin-right:5px;} .form label.agreement i {border:1px solid #e0e0e0;} .form label.agreement input {} /*寮�濮嬶細妯悜澶氫釜select*/ .form .c3 .ic_select {} .form .c3 .ic_select .icc {width:50%; float:left; position:relative;} .form .c3 .ic_select .icc:first-child select {border-right:none;} .form .c3 .ic_select .icc:last-child select {border-left-color:rgba(0,0,0,0.1);} .form .c3 .ic_select .icc i { display:block; width:9px; height:9px; position:absolute; right:20px; top:20px; background:url("images/select_arrow_icon.svg") repeat scroll 0 0; background-size:9px auto; background-repeat:no-repeat; background-position:center right;} /*缁撴潫锛氭í鍚戝涓猻elect*/ .form .c3 .ic_100 {width:100%;} .form .c3 .ic .icc {margin:0 24px 0 0;} .form .c3 .ic:last-child .icc {margin-right:0;} .form input { margin-bottom:20px; width:100%; padding:16px; border-radius:0; font-size:16px; border:1px solid #e0e0e0; background:#ffffff; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;} .form select {margin-bottom:20px; border-radius:0;} .form textarea { float:left; margin-bottom:20px; width:100%; height:160px; border-radius:0; padding:16px; font-size:14px; border:1px solid rgba(0,0,0,0.2); background:none; transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;} .form .btn { display:inline-block; width:100%; color:#ffffff; border-radius:0; border:1px solid rgba(0,0,0,0); background:#009FAB; transition:all 0.3s ease-out 0s;} .form .btn-light { color:#333333; border:1px solid #f2f2f2; background:#f2f2f2;} .form .btn:hover {opacity:0.9;} .form input:focus , .form textarea:focus { color:#333333; border-color:#009FAB; transition:all 0.3s ease-out 0s;} /* Swiper2.0 sc-box */ .sc-box {position:relative;} .sc-box .arrow-left {background:red; position:absolute; left:10px; top:50%; margin-top:-15px; width:17px; height:30px; z-index:2;} .sc-box .arrow-right {background:red; position:absolute; right:10px; top:50%; margin-top:-15px; width:17px; height:30px; z-index:2;} /* Swiper2.0 pagination */ .pagination {position:absolute; z-index:20; bottom:10px; width:100%; text-align:center;} .swiper-pagination-switch {display:inline-block; width:8px; height:8px; border-radius:8px; background:#555; margin:0 5px; opacity:0.2; border:1px solid #fff; cursor:pointer;} .swiper-active-switch {opacity:0.5;} /* 杩斿洖椤堕儴 */ a.rTop {display:none; width:40px; height:40px; line-height:40px; font-size:28px; color:#ffffff; text-align:center; border-radius:1px; position:fixed; z-index:1; right:20px; bottom:20px; background:rgba(0,0,0,0.5);} a.rTop:hover {background:rgba(0,0,0,1);} /* 鍒嗛〉 */ #pages { margin:60px 0; text-align:center;} #pages a , #pages span {display:inline-block; padding:12px 18px; margin:0 5px; border:1px solid rgba(0,0,0,0.05);} #pages span {background:#009FAB; color:#ffffff;} #pages a:hover {border:1px solid rgba(0,0,0,0.2);} /***** 褰撳墠椤甸潰 *****/ #about .navigation .menu > ul > li:nth-child(1) > a {opacity:1!important;} #about .navigation .menu > ul > li:nth-child(1) > a:hover {opacity:1!important;} #news .navigation .menu > ul > li:nth-child(2) > a {color:#009FAB!important;} #news .navigation .menu > ul > li:nth-child(2) > a:hover {opacity:1!important;} #product .navigation .menu > ul > li:nth-child(3) > a {color:#009FAB!important;} #product .navigation .menu > ul > li:nth-child(3) > a:hover {opacity:1!important;} #product-detail .navigation .menu > ul > li:nth-child(3) > a {color:#009FAB!important;} #product-detail .navigation .menu > ul > li:nth-child(3) > a:hover {opacity:1!important;} #career .navigation .menu > ul > li:nth-child(4) > a {color:#009FAB!important;} #career .navigation .menu > ul > li:nth-child(4) > a:hover {opacity:1!important;} #support .navigation .menu > ul > li:nth-child(5) > a {color:#009FAB!important;} #support .navigation .menu > ul > li:nth-child(5) > a:hover {opacity:1!important;} #investor .navigation .menu > ul > li:nth-child(6) > a {color:#009FAB!important;} #investor .navigation .menu > ul > li:nth-child(6) > a:hover {opacity:1!important;} /****************************************/ /************** 棣栭〉 **************/ /****************************************/ /* 瀵艰埅 */ .navigation{ position:fixed; left:0; top:0; z-index:20; width:100%; background:#ffffff; transition:all 0.2s ease-out 0s;} .navigation .row {} .navigation .inner_navigation {position:relative;} .navigation .logo{ float:left; display:block; width:200px; height:30px; margin-top:30px; background:url('images/logo.svg'); background-repeat:no-repeat; background-size:100% auto; background-position:center right; transition:margin 0.3s ease-out 0s;/* LOGO beta灏哄鏈夊彉鍖栵紝闃叉鎶栧姩 */} .navigation .beta { width:210px; background-image:url('images/logo_beta.svg');} .navigation .logo img {display:block; width:100%;} .menu{ list-style:none; text-align:right; float:right;} .menu li{ float:left; margin-right:0px; position:relative;} .menu li a{ position:relative; padding:0 25px; font-size:18px; text-align:center; height:90px; line-height:90px; text-transform:uppercase; font-style:normal; text-rendering:optimizeLegibility; display:block; } .menu li a:hover {opacity:0.5;} .menu li:nth-child(4) a::after{display:none;} .menu li i{ display:block; position:absolute; left:0; top:50%; margin-top:-7px; width:1px; height:14px; background:#000000; opacity:0.1; filter:Alpha(opacity=10);/*IE8*/} .menu li i.arrow {/*display:inline-block;*/ display:none; position:relative; top:1px; margin-right:-16px; margin-left:3px; width:auto; height:auto; text-indent:0; opacity:1; color:rgba(0,0,0,0.3); font-size:18px; line-height:1; background:none; transition:all 0.3s ease-out 0s;} .menu li.language {margin-left:40px;} .menu li.language a { float:left; padding:0 15px; font-size:14px; opacity:0.5;} .menu li.language a.on { opacity:1;} /* 榛樿浜岀骇鑿滃崟锛氱櫧鑹� */ .menu li .nav_submenu { visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:90px; width:100%; background:#ffffff; box-shadow:0 0 50px rgba(0, 0, 0, 0.2); -webkit-transition:all 0.3s; transition:all 0.3s; -moz-transition:all 0.3s;} .menu li .nav_submenu li {float:none; width:auto; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .menu li .nav_submenu li a { opacity:0.8; padding:0; height:50px; line-height:50px; font-size:17px; border-bottom:1px solid rgba(0,0,0,0.05);} .menu li .nav_submenu li:last-child a {border:none;} .menu li a.smooth-scroll {cursor:default;} .menu li .nav_submenu li:hover a { opacity:1;} .menu li .nav_submenu:after {position:absolute; top:-20px; left:50%; width:0; height:0; margin-left:-10px; content:''; border:solid transparent; border-width:10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 1);} /* 榛樿锛氶椤甸�忔槑瀵艰埅 */ .sel-home .navigation{background:none;} .sel-home .navigation .row {} .sel-home .navigation .inner_navigation {} .sel-home .navigation .logo {background-image:url('images/logo_white.svg');} .sel-home .navigation .beta {background-image:url('images/logo_white_beta.svg');} .sel-home .navigation .logo:hover {opacity:1;} .sel-home .navigation .logo img {} .sel-home .menu li {} .sel-home .menu li a {color:#ffffff; opacity:0.8;} .sel-home .menu li a:hover {opacity:1;} .sel-home .menu li i {background:#ffffff; opacity:0.2;} .sel-home .menu li .arrow { opacity:1; color:rgba(255,255,255,0.5); background:none;} /* 瀵艰埅鍒囨崲鏍峰紡:鍏ㄥ眬; */ .sticky-nav {box-shadow:0 10px 20px rgba(0, 0, 0, 0.05); border:none; background:#FFFFFF; } .sticky-nav .logo {margin-top:20px;} .sticky-nav li a {height:70px; line-height:70px; color:rgba(0,0,0,1);} .sticky-nav li:last-child a {border:none;} .sticky-nav li a i {background:#000000; opacity:0.1;} .sticky-nav li a i.arrow { opacity:1; color:rgba(0,0,0,0.3); background:none;} .sticky-nav .menu li .nav_submenu { top:69px; background:#ffffff; box-shadow:0 0 50px rgba(0,0,0,0.2);} .sticky-nav .menu li .nav_submenu:after {position:absolute; top:-20px; left:50%; width:0; height:0; margin-left:-10px; content:''; border:solid transparent; border-width:10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 1);} .sticky-nav .menu li .nav_submenu li a {height:50px; line-height:50px; border-bottom:1px solid rgba(0,0,0,0.05);} .sticky-nav .menu li .nav_submenu li a:hover {/*color:#009FAB!important;*/} /* 棣栭〉銆佽蛋杩涘紑绔嬮�忔槑浜岀骇鑿滃崟-normal */ .sel-home .menu li .nav_submenu , .sel-about .menu li .nav_submenu {visibility:hidden; opacity:0; position:absolute; z-index:9; left:0; top:80px; width:100%; background:url("images/nav-ul-arrow.svg") no-repeat center top; box-shadow:none; -webkit-transition:all 0.3s; transition:all 0.3s; -moz-transition:all 0.3s;} .sel-home .menu li .nav_submenu li , .sel-about.menu li .nav_submenu li {float:none; width:auto; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .sel-home .menu li .nav_submenu li a , .sel-about .menu li .nav_submenu li a { opacity:0.8; padding:0; height:50px; line-height:50px; border-bottom:1px solid rgba(255,255,255,0.1);} .sel-home .menu li .nav_submenu li:last-child a , .sel-about .menu li .nav_submenu li:last-child a {border:none;} .sel-home .menu li a.smooth-scroll , .sel-about .menu li a.smooth-scroll {cursor:default;} .sel-home .menu li .nav_submenu li:hover , .sel-about .menu li .nav_submenu li:hover {} .sel-home .menu li .nav_submenu li:hover a , .sel-about .menu li .nav_submenu li:hover a { opacity:1;} .sel-home .menu li .nav_submenu:after , .sel-about .menu li .nav_submenu:after {position:absolute; top:-20px; left:50%; width:0; height:0; margin-left:-10px; content:''; border:solid transparent; border-width:10px; border-color:rgba(255, 255, 255, 0); border-bottom-color:rgba(255, 255, 255, 0.2);} /* 棣栭〉銆佽蛋杩涘紑绔嬮�忔槑浜岀骇鑿滃崟-sticky */ #home .sticky-nav .menu li .nav_submenu {top:69px; background:#FFFFFF; box-shadow:0 0 50px rgba(0, 0, 0, 0.2);} #home .sticky-nav .menu li .nav_submenu:after {border-bottom-color:rgba(255, 255, 255, 1);} #about .sticky-nav .menu li .nav_submenu {top:69px; background:#FFFFFF; box-shadow:0 0 50px rgba(0, 0, 0, 0.2);} #about .sticky-nav .menu li .nav_submenu:after {border-bottom-color:rgba(255, 255, 255, 1);} /* 鍏ㄥ睆Banner */ #home .swiper-container {} #home .swiper-slide { cursor:move; cursor:grab; background-color:#009FAB; background-attachment:scroll; background-position:center center; background-size:cover; overflow:hidden; } #home .cell-1 { background:#1e1e1e url("images/banner-1.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .cell-2 { background:#1e1e1e url("images/banner-2.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .cell-3 { background:#1e1e1e url("images/banner-3.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .cell-4 { background:#1e1e1e url("images/banner-4.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .cell-5 { background:#1e1e1e url("images/banner-5.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .cell-6 { background:#1e1e1e url("images/banner-6.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .cell-7 { background:#1e1e1e url("images/banner-7.jpg"); background-attachment:scroll; background-position:center center; background-size:cover;} #home .swiper-wrapper {} #home .swiper-slide .text { position:absolute; z-index:2; left:50%; top:50%; width:60%; margin-left:-32%; text-align:center; color:#ffffff; opacity:0;} #home .swiper-slide .text h1 { margin-bottom:10px; font-size:72px;} #home .swiper-slide .text p {margin:0; font-size:32px; line-height:1;} #home .swiper-slide .ma {display:none;} #home .swiper-slide .btn-area {} #home .swiper-slide .btn-area a { background:url("images/transition_btn_bg.png"); background-repeat:repeat-x; opacity:0.6; transition:all 0.3s ease-out 0s;} #home .swiper-slide .btn-area a:hover { color:#ffffff; opacity:1;} #home .swiper-slide .btn-area a:hover::before {display:none;} #home .swiper-slide .mask {width:100%; height:100%; position:absolute; z-index:1; left:0; top:0; background:#000000; opacity:0;} /* 褰撳墠骞荤伅鐗囪缃姩鐢� */ #home .swiper-slide-active .text { opacity:1; margin-left:-30%;/*榛樿鏂囧瓧鍖哄煙鍋忕Щ閲忥紝瀹炵幇鏂囧瓧鍔ㄧ敾鏁堟灉*/ -webkit-transition-delay:1s;transition-delay:1s;-webkit-transition-duration:1s; transition-duration:1s;/* Safari 5.1 - 6.0 */} /**/ .swiper-button-next, .swiper-button-prev {width:50px; height:80px; margin-top:-40px;} .swiper-button-next:hover, .swiper-button-prev:hover {background-color:rgba(0,0,0,0.5); transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease 0s;/* Opera */} .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:20px; background-image:url("images/prev.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center;} .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:20px; background-image:url("images/next.svg"); background-size:12px auto; background-repeat:no-repeat; background-position:center;} /**/ .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:20px;} .swiper-pagination-bullet {background:#ffffff; opacity:0.2;} .swiper-pagination-bullet-active {opacity:1;} /* video */ .video {} .video svg {position:absolute; left:50%; bottom:40px; z-index:999996; width:40px; height:40px;} .video svg path {fill:#ffffff;} .video .mask {width:100%; position:absolute; left:0; top:0; z-index:7; background:rgba(0,0,0,0.2);} .video video { width:auto; height:auto; min-width:100%; min-height:100%; position:absolute; z-index:1; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);} .video .text {position:absolute; left:0; z-index:98; color:#ffffff; width:100%;} .video .text h1 { margin:2% auto 0; font-size:5em; letter-spacing:4px; padding-left:4px;/*琛etter-spacing璐熷��*/ font-weight:normal; line-height:1.2; width:70%;} .video .text p {font-size:3em; letter-spacing:8px; text-align:center;} /* 棣栭〉锛氫骇鍝佺被鍨� */ .fill { height:250px; background:#ffffff;} .p-type { margin:-250px auto 0;} .p-type ul {} .p-type ul li {float:left; width:33.333333%; border-right:1px solid #f2f2f2;} .p-type ul li:nth-child(3) {border:none;} .p-type ul li a { display:block; padding:80px 0 60px; background:#ffffff;} .p-type ul li a .a-inner {transition: all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; /* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s; /* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s; /* Opera */} .p-type ul li a img {display:block; margin:auto; width:50%;} .p-type ul li a h4 {text-align:center; padding:40px 0; font-size:22px;} /**/ .p-type ul li a:hover .a-inner { z-index:2; -webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} /* 棣栭〉锛氫骇鍝佺壒鎬� */ .spec {margin-bottom:100px; padding:100px 0 40px; background:#ffffff url("images/spec-bg.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .spec .spec-bg {display:none; height:100px; background:#000;} .spec .spec-box {} .spec .spec-box h2 {margin-bottom:100px; position:relative; color:#ffffff; text-align:center; font-size:44px;} .spec .spec-box h2 em {display:inline-block; margin:0 10px; vertical-align:middle; font-style:normal; width:44px; height:44px; position:relative;} .spec .spec-box h2 em::before , .spec .spec-box h2 em::after {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; content:""; width:50%; height:1px; background:#ffffff;} .spec .spec-box h2 em::before {transform:rotate(45deg);} .spec .spec-box h2 em::after {transform:rotate(-45deg);} .spec .spec-box ul {} .spec .spec-box ul li {float:left; width:25%; overflow:hidden;} .spec .spec-box ul li a {display:block; position:relative; margin-right:20px; height:400px; position:relative; display:block; padding:80px 40px; text-align:center;} .spec .spec-box ul li a::before {opacity:0; position:absolute; left:0; top:0; content:""; width:100%; height:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} /*1*/ .spec .spec-box ul li:nth-child(1) a { text-align:left; background:url("images/spec-box-bg-1.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .spec .spec-box ul li:nth-child(1) a::before {background:url("images/spec-box-bg-1-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} /*2*/ .spec .spec-box ul li:nth-child(2) a { text-align:center; background:url("images/spec-box-bg-2.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .spec .spec-box ul li:nth-child(2) a .text {left:0; top:50px; width:100%;} .spec .spec-box ul li:nth-child(2) a::before {background:url("images/spec-box-bg-2-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} /*3*/ .spec .spec-box ul li:nth-child(3) a { text-align:left; background:url("images/spec-box-bg-3.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .spec .spec-box ul li:nth-child(3) a::before {background:url("images/spec-box-bg-3-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} /*4*/ .spec .spec-box ul li:nth-child(4) a {background:url("images/spec-box-bg-4.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .spec .spec-box ul li:nth-child(4) a .text {left:0; top:50px; width:100%;} .spec .spec-box ul li:nth-child(4) a img {width:100%; margin:80px auto 0;} .spec .spec-box ul li:nth-child(4) a::before {background:url("images/spec-box-bg-4-hover.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .spec .spec-box ul li a .text {position:absolute; left:40px; bottom:40px;} .spec .spec-box ul li a img { opacity:0; margin-bottom:5px; font-size:64px; color:#ffffff; line-height:0.8; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;} .spec .spec-box ul li a h3 { opacity:0; margin-bottom:8px; font-size:64px; color:#ffffff; line-height:1; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;} .spec .spec-box ul li a h6 { opacity:0; margin-bottom:20px; font-size:36px; color:#ffffff; line-height:0.8; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;} .spec .spec-box ul li a p { color:#ffffff; line-height:1.5; opacity:0; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s; } /*hover*/ .spec .spec-box ul li a:hover::before {opacity:1;} .spec .spec-box ul li a:hover span { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} .spec .spec-box ul li a:hover i { margin:10px auto; opacity:0; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} .spec .spec-box ul li a:hover h3 { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} .spec .spec-box ul li a:hover h6 { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} .spec .spec-box ul li a:hover p { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} .spec .spec-box ul li a:hover img { opacity:1; -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} /* 鍝佺墝鏁呬簨澧� */ .p-story {} .p-story h1 {font-size:44px; text-align:center; margin-bottom:60px;} .p-story ul {} .p-story ul li { float:left; width:50%;} .p-story ul li a {display:block; height:100%; position:relative; background:#f8f8f8; overflow:hidden;} .p-story ul li a .imgbox {float:left; width:50%; text-align:center; position:relative; overflow:hidden;} .p-story ul li a .img { width:100%; text-align:center; position:relative; transition:all 0.3s ease-out 0s;} .p-story ul li a .img .play-p-story {position:absolute; left:50%; top:50%; margin-top:-30px; margin-left:-30px;} .p-story ul li a .imgbox::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%;} .p-story ul li:nth-child(1) a .imgbox::after , .p-story ul li:nth-child(2) a .imgbox::after { content:""; position:absolute; right:-10px; top:34px; margin-bottom:-10px; width:0; height:0; border-right:20px solid #f8f8f8; border-top:20px solid transparent; border-bottom:20px solid transparent; transition:all 0.3s ease-out 0s;} .p-story ul li:nth-child(3) a .imgbox::after , .p-story ul li:nth-child(4) a .imgbox::after { content:""; position:absolute; left:-10px; top:34px; margin-bottom:-10px; width:0; height:0; border-left:20px solid #f8f8f8; border-top:20px solid transparent; border-bottom:20px solid transparent; transition:all 0.3s ease-out 0s;} .p-story ul li a .text { float:right; width:50%; padding:40px 40px 0; text-align:left;} .p-story ul li a .text h2 {font-size:22px; margin-bottom:10px; transition:all 0.3s ease-out 0s; } .p-story ul li a .text p {font-size:16px; height:120px; overflow:hidden; opacity:0.7; filter:Alpha(opacity=70);/*IE8*/ transition:all 0.3s ease-out 0s;} .p-story ul li a img {display:block; width:100%;} /* .p-story ul li:nth-child(1) a .img {background:url("../images/p-story-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .p-story ul li:nth-child(2) a .img {background:url("../images/p-story-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .p-story ul li:nth-child(3) a .img {background:url("../images/p-story-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .p-story ul li:nth-child(4) a .img {background:url("../images/p-story-4.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} */ .p-story ul li:nth-child(3) a .imgbox {float:right;} .p-story ul li:nth-child(3) a .text {float:left;} .p-story ul li:nth-child(4) a .imgbox {float:right;} .p-story ul li:nth-child(4) a .text {float:left;} /**/ .p-story ul li a:hover { z-index:1; background:#009FAB;} .p-story ul li a:hover .img {transform:scale(1.1,1.1);} .p-story ul li a:hover .img::before {opacity:0;} .p-story ul li:nth-child(1) a:hover .imgbox::after , .p-story ul li:nth-child(2) a:hover .imgbox::after { border-right-color:#009FAB;} .p-story ul li:nth-child(3) a:hover .imgbox::after , .p-story ul li:nth-child(4) a:hover .imgbox::after { border-left-color:#009FAB;} .p-story ul li a:hover .text {color:#ffffff;} .p-story ul li a:hover .text p {} .p-story ul li a:hover .play {background:#ffffff; color:#333333;} /* 瑙嗛 */ .player { display:none; position:fixed; border-radius:2px; z-index:999999; left:0; top:50%; width:100%; height:100%; background:#000000; overflow:hidden;} .player .inner_player { width:100%; height:100%; overflow:hidden;} .player .close { color:#ffffff; font-size:28px; position:absolute; z-index:999999; right:0; top:0; display:block; width:80px; height:80px; line-height:80px; text-align:center; cursor:pointer; } .player .close:hover {opacity:0.5; filter:Alpha(opacity=50);/*IE8*/} .player video {width:100%; height:100%;} .player_bg { display:none; position:fixed; left:0; top:0; z-index:999997; background:#000000; opacity:0.8; filter:Alpha(opacity=80);/*IE8*/ width:100%; height:100%;} .player iframe {width:100%; height:100%;} /* 鐗堟潈 */ .copyright { background:#ffffff;} .copyright .inner-copyright {padding:100px 0 30px;} /**/ .copyright .fl {width:25%;} .copyright .fl p { font-size:14px; opacity:0.7; filter:Alpha(opacity=70);/*IE8*/} .copyright .fl .fl {width:65%;} .copyright .fl .fr {width:20%;} .copyright .fl .fr h4 {font-size:14px; margin-bottom:20px;} .copyright .fl .fr ul {} .copyright .fl .fr ul li {margin:0 0 10px 0;} .copyright .fl .fr ul li a {font-size:14px; opacity:0.7; filter:Alpha(opacity=70);/*IE8*/} .copyright .fl .fr ul li a:hover {opacity:0.4; filter:Alpha(opacity=40);/*IE8*/} /**/ .copyright .fr {width:50%;} .copyright .fr .fl {width:45%;} .copyright .fr .fl .cate {} .copyright .fr .fl .cate h4 {} .copyright .fr .fl ul {margin-top:-4px; overflow:hidden;} .copyright .fr .fl ul li {float:left; width:75%; padding-right:50px; text-align:center;} .copyright .fr .fl ul li p { margin-top:3px; line-height:1; opacity:0.5; filter:Alpha(opacity=50);/*IE8*/} .copyright .fr .fl ul li a {} .copyright .fr .fl ul li a:hover {opacity:0.5; filter:Alpha(opacity=50);/*IE8*/} .copyright .fr .fr {width:55%;} .copyright .fr .fr h4 { font-size:12px; font-weight:normal; opacity:0.7; filter:Alpha(opacity=70);/*IE8*/} .copyright .fr .fr p {margin:4px 0 0 0; line-height:1; overflow-wrap:break-word;} .copyright .fr .fr p.phone-number {margin-bottom:20px; font-size:16px; font-weight:600;} .copyright .fr .fr p.email {} .copyright .fr .fr p a {font-size:16px; font-weight:600;} .copyright .fr .fr p a:hover {text-decoration:underline;} .copyright .fr .fr ul {margin-top:18px;} .copyright .fr .fr ul li { width:30%; text-align:center;} .copyright .fr .fr ul li img {display:block; width:100%; overflow:hidden;} .copyright .fr .fr ul li p { margin-top:4px; font-size:12px; opacity:0.3; text-align:center;} .copyright .beian {margin-top:30px; padding:30px 0 0; border-top:1px solid #f5f5f5;} .copyright .beian p { font-size:12px; opacity:0.5; filter:Alpha(opacity=50);/*IE8*/} .copyright .beian p span {opacity:0.4;filter:Alpha(opacity=40);/*IE8*/} .copyright .beian a { padding:0 2px 0 2px; text-decoration:underline;} .copyright .beian em { font-style:normal; opacity:0.2;} .copyright .beian a:hover {opacity:0.5;} /*home sticky-nav*/ #home .sticky-nav {background:#FFFFFF;} #home .sticky-nav .logo {background-image:url('images/logo.svg');} #home .sticky-nav .beta {background-image:url('images/logo_beta.svg');} #home .sticky-nav .menu li a {color:#1e1e1e;} /**/ /****************************************/ /************** 鍐呴〉 **************/ /****************************************/ /* 鍐呴〉鍏叡锛氭爮鐩産anner */ .temp_banner { margin-top:90px; width:100%; height:500px; position:relative;} .temp_banner:before { position:absolute; left:0; top:0; content:""; width:100%; height:500px; background:rgba(0, 0, 0, 0.1);} .temp_banner .inner_section { position:relative;} /* 渚ф爮 */ .temp_main .sidebar {width:20%;} .temp_main .sidebar ul {} .temp_main .sidebar ul li {} .temp_main .sidebar ul li a {display:block; padding-left:40px; height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #f2f2f2;} .temp_main .sidebar ul li.current a { color:#ffffff; color:#009FAB;} /* 閿氱偣缁� */ .anchor-list { width:100%; text-align:center; background:#ffffff;} .anchor-list .row {} .anchor-list .swiper-slide {width:auto!important;} .anchor-list .al { font-size:0;/*瑙ｅ喅a鏍囩鎹㈣鍚庝骇鐢熺┖鐧介棶棰�*/} .anchor-list a {display:inline-block; margin:20px 20px 20px 0; padding:0 30px; width:160px; height:44px; line-height:44px; font-size:16px; background:#f8f8f8; overflow:hidden;} .anchor-list a:hover { color:#ffffff; background:#009FAB;} .anchor-list a.on {color:#ffffff; background:#009FAB;} a.anchor {display:block; height:0; position:relative; top:-70px;/*璐熷�硷細瀵艰埅楂樺害*/ overflow:hidden;} /* 鏁鏈熷緟 */ .page-blank {padding:200px 20px 200px; text-align:center;} .page-blank .picon { margin:0 auto 20px; display:block; width:100px; height:100px; background:url("images/picon.svg") no-repeat scroll top center / 100% auto; opacity:0.2;} .page-blank h6 { font-size:22px; font-weight:normal;} .page-blank p { font-size:18px; opacity:0.5;} /***** 璧拌繘寮�绔� *****/ #about {} #about .navigation {background:none;} #about .navigation .logo {background-image:url('images/logo_white.svg');} #about .navigation .beta {background-image:url('images/logo_white_beta.svg');} #about .navigation .logo:hover {opacity:1;} #about .menu li a {color:#ffffff; opacity:0.8;} #about .menu li a:hover {opacity:1;} #about .menu li i {background:#ffffff; opacity:0.1; filter:Alpha(opacity=10);/*IE8*/} #about .menu li i.arrow { opacity:1; color:rgba(255,255,255,0.5); background:none;} #about .menu li .nav_submenu li a {} /*about sticky-nav*/ #about .sticky-nav {background:#FFFFFF;} #about .sticky-nav .logo {background-image:url('images/logo.svg');} #about .sticky-nav .beta {background-image:url('images/logo_beta.svg');} #about .sticky-nav .menu li a {color:#1e1e1e;} /**/ #about .temp_main { padding:0;} .about-group {} #anchor-list-about{ display:none; position:fixed; left:0; top:0; z-index:9; background:#f8f8f8;} #anchor-list-about.target-fix {display:block;} /**/ .about-group .ag-1 { padding:100px 0 0; text-align:center;margin:0; height:700px; background-color:#009FAB; background-image:url("../images/ag-1.jpg"); background-repeat:no-repeat; background-position:center center; background-size:cover;} .about-group .ag-1 .text {margin-top:200px;} .about-group .ag-1 .text h1 {font-size:72px; color:#ffffff; text-shadow: 0 5px 20px #8d8d8d;} .about-group .ag-1 .text p {font-size:44px; color:#ffffff; text-shadow: 0 5px 20px #8d8d8d;} /**/ .about-group .ag-2 { padding:150px 0 200px; text-align:center;} .about-group .ag-2 .text {} .about-group .ag-2 .text p { margin:0 auto 100px; font-size:32px; width:50%;} .about-group .ag-2 .text p span {font-size:32px; color:#de8911; padding:0 5px; font-family:MyriadPro-BoldCond;} .about-group .ag-2 .img {} .about-group .ag-2 .img h2 {font-size:72px;} .about-group .ag-2 .img ul {margin-top:50px;} .about-group .ag-2 .img ul li {float:left; width:33.333333%;} .about-group .ag-2 .img ul li .inner {} .about-group .ag-2 .img ul li .inner img {display:block; width:150px; height:auto; margin:auto;} .about-group .ag-2 .img ul li .inner h3 { margin-top:30px; font-size:32px;} /**/ .about-group .ag-3 {padding:100px 0 50px; text-align:center; background:#f1f1f1;} .about-group .ag-3 h1 { font-size:72px;} .about-group .ag-3 .img {} .about-group .ag-3 .img .lr { margin:40px auto 0; overflow:hidden;} .about-group .ag-3 .img .lr h2 { font-size:44px; color:#00b1ad;} .about-group .ag-3 .img .lr .line { margin:20px auto 0; width:80%; height:1px; background:#000000;} .about-group .ag-3 .img .lr p { font-size:22px; color:#8d8d8d; line-height:1.4;} .about-group .ag-3 .img .lr h3 { font-size:120px;} .about-group .ag-3 .img .lr .l { float:left; width:50%;} .about-group .ag-3 .img .lr .l h2 {margin-bottom:20px;} .about-group .ag-3 .img .lr .r { float:right; width:50%;} .about-group .ag-3 .img .lr .r .cbox {overflow:hidden;} .about-group .ag-3 .img .lr .r .c {float:left; width:50%;} .about-group .ag-3 .img .citys {} /**/ .about-group .ag-4 {padding:150px 0; text-align:center;} .about-group .ag-4 .shead {} .about-group .ag-4 .shead h2 {font-size:72px;} .about-group .ag-4 .shead p {width:55%; font-size:28px; margin:40px auto 50px;} .about-group .ag-4 h2 {font-size:120px;} .about-group .ag-4 h3 {font-size:44px; color:#00b1ad;} .about-group .ag-4 .line { margin:40px auto; height:40px; width:62%; position:relative; border-bottom:1px solid #333333;} .about-group .ag-4 .line .vline {width:1px; height:40px; position:absolute; left:50%; bottom:0; background:#333333;} .about-group .ag-4 .text { margin:auto; width:75%; overflow:hidden;} .about-group .ag-4 .text h2 {font-size:72px; color:#333333; line-height:1.2;} .about-group .ag-4 .text h2 span {font-size:24px; color:#4d4d4d; padding:0 10px;} .about-group .ag-4 .text p {font-size:24px;} .about-group .ag-4 .l {float:left; width:50%;} .about-group .ag-4 .r {float:left; width:50%;} .about-group .ag-4 .desc {width:60%; margin:40px auto 0; font-size:28px;} /**/ .about-group .ag-5 { padding:150px 0; text-align:center; color:#ffffff; background:url("../images/ag-4.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .about-group .ag-5 h2 { font-size:72px;} .about-group .ag-5 h3 { font-size:44px; margin-bottom:100px;} .about-group .ag-5 p {font-size:28px; width:60%; margin:auto;} /**/ .about-group .ag-6 {padding:150px 0; text-align:center;} .about-group .ag-6 .title {margin-bottom:40px;} .about-group .ag-6 .title p {font-size:28px;} .about-group .ag-6 .title h2 { margin:10px 0 20px; font-size:72px; color:#00b1ad;} .about-group .ag-6 .title h3 {font-size:44px; font-weight:normal;} .about-group .ag-6 ul {margin:auto; width:80%; overflow:hidden;} .about-group .ag-6 ul li {float:left; width:50%; position:relative;} /* if_icon */ .about-group .ag-6 ul li:nth-child(1) .icon , .about-group .ag-6 ul li:nth-child(7) .icon { position:absolute; right:20px; bottom:20px; width:36px; height:36px; background:url("../images/if.jpg"); background-size:100% auto; background-repeat:no-repeat; background-position:right bottom;} /* reddot_icon */ .about-group .ag-6 ul li:nth-child(9) .icon { position:absolute; right:20px; bottom:20px; width:36px; height:36px; background:url("../images/reddot.jpg"); background-size:100% auto; background-repeat:no-repeat; background-position:right bottom;} .about-group .ag-6 ul li .inner { margin:10px; padding:40px; border:1px solid #ccc;} .about-group .ag-6 ul li p {font-size:18px;} .about-group .ag-6 ul li h2 {font-size:24px;} /* style2 */ .about-group .ag-6 ul.s2 {border-top:1px solid #000000; border-right:1px solid #000000;} .about-group .ag-6 ul.s2 li {padding:0;} .about-group .ag-6 ul.s2 li .inner {padding:40px; border:none; border-bottom:1px solid #000000; border-left:1px solid #000000;} /**/ .about-group .ag-7 {padding:100px 0; background:#f8f8f8;} .about-group .ag-7 h1 {font-size:44px; text-align:center;} /* 鍙戝睍鍘嗙▼ */ .about_timeline {padding:100px 0 50px;} .about_timeline .community-carousel {width:100%; position:relative;} .about_timeline .community-carousel::before {content:""; width:100%; height:2px; position:absolute; left:0; top:137px; background:#00B0AD;} .about_timeline .community-carousel .swiper-slide {width:25%;} .about_timeline .community-carousel .swiper-slide .slide-holder {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; /*-webkit-transform:scale(0.7); -ms-transform:scale(0.7); transform:scale(0.7); */} .about_timeline .community-carousel .swiper-slide .slide-holder:hover {color:#00B0AD;} .about_timeline .community-carousel .swiper-slide-prev {} /**/ .about_timeline .community-carousel .swiper-slide .author-wrap { position:relative; padding:0 0 0 40px;} .about_timeline .community-carousel .swiper-slide .author-wrap::before {content:""; position:absolute; left:40px; bottom:-27px; border-radius:100%; width:20px; height:20px; background:#00B0AD;} .about_timeline .community-carousel .swiper-slide .author-wrap .name {display:block; height:40px; font-size:28px; font-weight:bold; } .about_timeline .community-carousel .swiper-slide .author-wrap .role {display:block; height:80px; font-size:64px; font-weight:bold;} .about_timeline .community-carousel .swiper-slide p { width:80%; font-size:18px; padding:40px 0 0 40px;} /**/ .about_timeline .community-carousel .swiper-slide-active {} .about_timeline .community-carousel .swiper-slide-active .slide-holder {color:#00B0AD; /* -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); */} .about_timeline .community-carousel .swiper-slide-active .slide-holder .role {} /**/ .about_timeline .community-carousel .swiper-slide-next .slide-holder {-webkit-transform-origin:50% 50% 0; -ms-transform-origin:50% 50% 0; transform-origin:50% 50% 0;} .about_timeline .community-carousel .swiper-slide-prev .slide-holder {-webkit-transform-origin:50% 50% 0; -ms-transform-origin:50% 50% 0; transform-origin:50% 50% 0;} /**/ .about_timeline .community-carousel .swiper-slide-active .slide-holder , .about_timeline .community-carousel .swiper-slide-next .slide-holder , .about_timeline .community-carousel .swiper-slide-prev .slide-holder {/*opacity:0.8;*/} /**/ .about_timeline .community-carousel .swiper-pagination {width:100%; text-align:center;} .about_timeline .community-carousel .swiper-pagination span { opacity:1; margin:0 7px; background:#424882;} .about_timeline .community-carousel .swiper-pagination .swiper-pagination-bullet-active {background: #FFFFFF;} /**/ .about_timeline .community-carousel .swiper-btn-next, .about_timeline .community-carousel .swiper-btn-prev {position:absolute; width:18px; height:32px; z-index:10; opacity:0.8; cursor:pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /**/ .about_timeline .community-carousel .swiper-btn-next:hover, .about_timeline .community-carousel .swiper-btn-prev:hover {opacity:1; -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);} /**/ .about_timeline .community-carousel .swiper-btn-prev {left:0; top:50%; margin-top:-16px; /*background:url(../images/comm-slide-prev.png) no-repeat;*/} .about_timeline .community-carousel .swiper-btn-next {right:0; top:50%; margin-top:-16px; /*background:url(../images/comm-slide-next.png) no-repeat;*/} .about_timeline .community-carousel .swiper-slide-active .slide-holder {/*-webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9);*/} /**/ .gallery {margin-top:40px;} .gallery img { margin:0 50px; width:600px; height:auto;} /***** 鏂伴椈涓績 *****/ #news .temp_banner {background:url("images/temp-banner-6.jpg") no-repeat scroll center top / cover;} #news .temp_main {padding-top:80px;} .news_list { width:80%; border-right:1px solid #f2f2f2;} .news_list ul {padding-right:40px;} .news_list ul li {margin:0 0 40px 0;} .news_list ul li a {display:block; overflow:hidden;} .news_list ul li a .fl {width:40%; overflow:hidden;} .news_list ul li a .fl img { display:block; transition:all 0.3s ease-out 0s;} .news_list ul li a .fr {width:60%; padding:0; overflow:hidden;} .news_list ul li a .fr .text {margin-left:30px;} .news_list ul li a .fr h2 {font-size:22px; margin-bottom:10px;} .news_list ul li a .fr span { display:none; font-size:14px; color:#cccccc;} .news_list ul li a .fr .move_line { width:100%; height:1px; position:relative; margin:12px 0 12px;} .news_list ul li a .fr .move_line .ml_d { position:absolute; left:0; top:0; width:100%; height:1px; background:#000000; opacity:0.05;}/*榛樿绾挎潯*/ .news_list ul li a .fr .move_line .ml_c { position:absolute; left:0; top:0; width:0; height:1px; background:#000000; opacity:0.3; transition:all 0.3s ease-out 0s;}/*绉诲姩绾挎潯*/ .news_list ul li a .fr p { margin-top:20px; height:80px; font-size:16px; color:#4d4d4d;} /*璇︽儏*/ .sel-news-detail {} .sel-news-detail .navigation {border-bottom:1px solid #f2f2f2;} .news-detail { margin:auto; padding:100px 0 100px; width:80%; font-size:18px; line-height:2;} .news-detail .title {margin-bottom:60px;} .news-detail .title h1 {text-align:center; font-size:36px;} .news-detail .title p { display:none; margin:0; text-align:center; font-size:14px; color:#b2b2b2;} .news-detail p {margin-bottom:20px; font-size:18px;} .news-detail img {margin:auto; display:block; width:auto!important; height:auto!important;} /***** 浜у搧鍙婂簲鐢� *****/ #product {} #product .navigation { position:static;} #product .page-title {text-align:left; margin-top:210px;} #product .temp_banner { margin:0; background:#000000 url("images/temp-banner-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} #product .temp_banner-2 { background:#000000 url("images/temp-banner-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} #product .temp_banner-3 { background:#000000 url("images/temp-banner-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} #product .temp_main {background:#f5f5f5;} #anchor-list-cate{ display:none; position:fixed; left:0; top:0; z-index:9;} #anchor-list-cate.target-fix {display:block;} /* 涓村簥鍥惧叡鐢ㄦā鍧� */ #product-detail .swiper-container {padding:70px 0;} #product-detail .img-box {padding:40px; text-align:center; border:1px solid rgba(255,255,255,0.125);} #product-detail .img-box h4 {margin-top:20px; font-size:16px; color:#FFFFFF;} #product-detail .img-box p { margin:20px auto 0; font-size:14px; color:#ffffff;} /**/ .p-group {padding:30px 0; background:#f5f5f5;} .p-group h2 {margin-bottom:30px; font-size:22px;} .p-group ul {} .p-group ul li {float:left; width:25%;} .p-group ul li a {margin:0 20px 20px 0; padding:40px 20px 20px; display:block; position:relative; background:#ffffff;} .p-group ul li a .tag {display:block; color:#ffffff; font-size:14px; padding:2px 8px; background:#F6AB00; position:absolute; right:10px; top:10px;} .p-group ul li a .cover {width:140px; margin:auto;} .p-group ul li a .cover img {display:block; width:100%; margin:auto; height:auto;} .p-group ul li a .desc {margin-top:20px; text-align:center;} .p-group ul li a .desc h4 {font-size:18px;} .p-group ul li a .desc p {font-size:14px; color:#8d8d8d; word-break:keep-all;/*涓嶆崲琛�*/ white-space:nowrap;/*涓嶆崲琛�*/ overflow:hidden;/*鍐呭瓒呭嚭瀹藉害鏃堕殣钘忚秴鍑洪儴鍒嗙殑鍐呭*/ text-overflow:ellipsis;/*褰撳璞″唴鏂囨湰婧㈠嚭鏃舵樉绀虹渷鐣ユ爣璁�(...) 锛涢渶涓巓verflow:hidden;涓�璧蜂娇鐢�*/} .p-group ul li a:hover { z-index:2; box-shadow:0 20px 20px rgba(0,0,0,0.1); -webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} /**/ .p-g-long {} .p-g-long ul li {width:100%;} .p-g-long ul li a {padding:0;} .p-g-long ul li a img {display:block;} /***** 浜у搧涓撻椤碉細鏅�氳鎯呴〉 *****/ .sel-product-detail .navigation {border-bottom:1px solid rgba(0,0,0,0.05);} .sel-product-detail .p-detail-normal { margin-top:90px; padding:100px 0 0;} /**/ .sel-product-detail .p-detail-normal .text { margin-bottom:80px; text-align:center;} .sel-product-detail .p-detail-normal .text h2 {font-size:64px;} .sel-product-detail .p-detail-normal .text h3 {font-size:28px;} .sel-product-detail .p-detail-normal .img {margin-bottom:80px;} .sel-product-detail .p-detail-normal .img img { margin:auto; display:block; width:30%;} .sel-product-detail .p-detail-normal .img p { margin:5px auto 0; font-size:22px; width:50%; } /**/ .sel-product-detail .p-detail-normal .pdn-sc { padding:100px 0; background:#000000;} .sel-product-detail .p-detail-normal .pdn-sc h2 {font-size:44px; color:#ffffff; text-align:center;} .sel-product-detail .p-detail-normal .pdn-sc .swiper-container {padding:70px 0;} .sel-product-detail .p-detail-normal .pdn-sc .swiper-container .swiper-slide {} .sel-product-detail .p-detail-normal .pdn-sc .img-box {padding:40px; text-align:center; border:1px solid rgba(255,255,255,0.125);} .sel-product-detail .p-detail-normal .pdn-sc .img-box img {display:block;} .sel-product-detail .p-detail-normal .pdn-sc .img-box h4 { margin-top:20px; font-size:18px; color:#ffffff;} .sel-product-detail .p-detail-normal .pdn-sc .img-box p {margin-top:20px; font-size:16px; color:#ffffff;} /***** 浜у搧涓撻椤碉細瓒呭０ *****/ .sel-product-detail {} .sel-product-detail .navigation {border-bottom:1px solid #f2f2f2;} .p-detail {margin-top:200px;} .p-detail img {display:block;} /**/ .p-detail .topic {text-align:center; margin-bottom:10px;} .p-detail .topic h1 {font-size:72px;} .p-detail .topic p {font-size:32px;} /**/ .p-detail .feature {margin:0 0 60px 0;} .p-detail .feature ul {} .p-detail .feature ul li {float:left; width:50%; padding:40px; text-align:center; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;} .p-detail .feature ul li:nth-child(5), .p-detail .feature ul li:nth-child(6) {border-bottom:none;} .p-detail .feature ul li:nth-child(2), .p-detail .feature ul li:nth-child(4), .p-detail .feature ul li:nth-child(6) {border-right:none;} .p-detail .feature ul li h2 {font-size:32px; margin-bottom:10px;} .p-detail .feature ul li p {margin:0; font-size:22px; height:100px; overflow:hidden;} /**/ .p-detail .p-video { margin-bottom:100px; width:100%; padding:150px 20px; color:#ffffff; text-align:center; background:url("../images/p1/p-video-bg.jpg") no-repeat fixed center center / 100% auto; background-size:cover;} .p-detail .p-video h2 {font-size:72px; width:70%; margin:auto;} .p-detail .p-video a { display:none; color:#ffffff;} .p-detail .p-video a:hover {color:#333333; background:#ffffff;} /**/ .p-detail .lr-list {margin-bottom:100px;} .p-detail .lr-list ul {} .p-detail .lr-list ul li {display:flex;} .p-detail .lr-list ul li .l { flex:1 1 auto; width:50%;} .p-detail .lr-list ul li .l img {} .p-detail .lr-list ul li .r {flex:1 1 auto; width:50%; padding:120px 80px;} .p-detail .lr-list ul li .r h2 {font-size:32px; margin-bottom:20px;} .p-detail .lr-list ul li .r p {font-size:22px;} .p-detail .lr-list ul li:nth-child(1) .r {padding:110px 0 80px 80px;} .p-detail .lr-list ul li:nth-child(2) .r {padding:110px 80px 80px 0;} /**/ .p-detail .p-pic { margin-bottom:100px; padding:250px 0; background:url("../images/p1/p-pic-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .p-detail .p-pic h2 {font-size:72px; text-align:center; color:#ffffff;} .p-detail .p-pic img {display:block; margin:auto;} /**/ .p-detail .cp {} .p-detail .cols-pic {margin-bottom:60px;} .p-detail .cols-pic h2 {text-align:center; font-size:44px; margin:0 auto 20px; width:70%;} .p-detail .cols-pic p {text-align:center; font-size:22px; width:60%; margin:0 auto 40px;} .p-detail .cols-pic ul {} .p-detail .cols-pic ul li {float:left; width:33.333333%;} .p-detail .cols-pic ul li .inner {padding:0 20px 20px 0;} .p-detail .cols-pic ul li img {display:block; overflow:hidden;} .p-detail .cols-pic ul li p {margin-top:20px;} /**/ .p-detail .long-text-feature { text-align:center; color:#ffffff; padding:150px 20px; background:url("../images/p1/long-text-feature-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .p-detail .long-text-feature h3 {font-size:72px; width:60%; margin:auto;} /***** 浜у搧涓撻椤碉細鍐呴暅 *****/ .sel-product-detail-2 {} .sel-product-detail-2 .p-detail {margin-top:90px;} /**/ .d2-1 {height:680px; background:url("../images/p2/001.jpg") no-repeat scroll center center / 100% auto;} .d2-1 .text { float:right; margin-top:250px; text-align:center;} .d2-1 h1 { font-size:72px; color:#ffffff;} .d2-1 p { font-size:32px; color:#ffffff;} /*d2-2*/ .d2-2 { padding:150px 0; background:#000000;} .d2-2 .text {float:left; width:40%; margin-top:80px;} .d2-2 p {font-size:32px; color:#ffffff; line-height:2;} .d2-2 p em {display:inline-block; margin-right:10px; width:4px; height:4px; border-radius:100%; vertical-align:middle; background:#ffffff; opacity:0.5;} .d2-2 .img {float:right; width:60%;} /*d2-3*/ .d2-3 { padding:150px 0; text-align:center;} .d2-3 img {margin:0 auto 20px; width:50%;} .d2-3 img.tb {width:80%;} .d2-3 p {text-align:center; width:80%; margin:0 auto 40px; font-size:22px;} .d2-3 .picbox {width:82%; margin:auto; overflow:hidden;} .d2-3 ul { float:left; width:50%; padding:0 10px; overflow:hidden;} .d2-3 ul li {float:left; width:50%;} .d2-3 ul li .inner {padding:0 10px;} .d2-3 ul li img {display:block; width:100%; border-radius:10px;} .d2-3 ul li span {} /*d2-4*/ .d2-4 { padding:200px 0; text-align:center; background:url("../images/p2/004.jpg") no-repeat fixed center center / 100% auto; background-size:cover;} .d2-4 h2 { margin-bottom:20px; text-align:center; font-size:44px; color:#ffffff;} .d2-4 p { margin:0 auto 80px; text-align:center; font-size:22px; color:#ffffff; width:70%;} .d2-4 .tab { display:none; border:1px solid rgba(255,255,255,0.5);} .d2-4 .tab a {display:inline-block; padding:10px 15px; font-size:14px; color:#ffffff;} .d2-4 .tab a:nth-child(1) , .d2-4 .tab a:nth-child(2) {border-right:1px solid rgba(255,255,255,0.5);} .d2-4 ul {} .d2-4 ul li {float:left; width:50%;} .d2-4 ul li .inner {padding-right:20px;} .d2-4 ul li img {margin-right:20px;} .d2-4 ul li h4 { margin-top:20px; font-size:16px; color:#ffffff;} /*d2-5*/ .d2-5 { padding:150px 0; text-align:center;} .d2-5 h2 { margin-bottom:20px; text-align:center; font-size:44px; color:#333333;} .d2-5 p { margin:0 auto 40px; text-align:center; font-size:22px; color:#333333; width:70%;} .d2-5 img {width:50%; margin:auto;} /*d2-6*/ .d2-6 { padding:100px 0 0; background:#e0f4f3;} .d2-6 .text {float:right; width:40%; margin-top:250px;} .d2-6 .text h2 {font-size:44px; margin-bottom:20px;} .d2-6 p {font-size:22px; line-height:1.8;} .d2-6 p em {display:inline-block; margin-right:10px; width:4px; height:4px; border-radius:100%; vertical-align:middle; background:#ffffff; opacity:0.5;} .d2-6 .img {float:left; width:60%;} .d2-6 .img img {display:block;} /*d2-7*/ .d2-7 { padding:100px 0 0; background:#f4f4f4 url("../images/p2/007.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d2-7 .text {float:left; width:40%; margin:150px 0 250px;} .d2-7 .text h2 {font-size:44px; margin-bottom:20px;} .d2-7 p {font-size:22px; line-height:1.8;} .d2-7 p em {display:inline-block; margin-right:10px; width:4px; height:4px; border-radius:100%; vertical-align:middle; background:#ffffff; opacity:0.5;} .d2-7 .img {float:left; width:65%;} /*d2-8*/ .d2-8 {background:#000000;} .d2-8 .cell-1 {background:url("../images/p2/008-1.jpg") no-repeat scroll center top / 100% auto;} .d2-8 .cell-2 {background:url("../images/p2/008-1.jpg") no-repeat scroll center top / 100% auto;} /*d2-9*/ .d2-9 {padding:60px 0; background:#f8f8f8;} .d2-9 .shead {padding:40px 0; text-align:center;} .d2-9 .shead h3 {font-size:44px; text-align:center;} .d2-9 .shead p {font-size:18px;} .d2-9 .b-box {} .d2-9 .b-box .bl {float:left; width:50%;} .d2-9 .b-box .bl .inner {margin-right:10px; background:#ffffff;} .d2-9 .b-box .br {float:right; width:50%;} .d2-9 .b-box .br .inner {margin-left:10px; background:#ffffff;} .d2-9 .b-box .para {padding:60px 0;} .d2-9 .b-box .para ul {} .d2-9 .b-box .para ul li {float:left; width:50%;} .d2-9 .b-box .para ul li p {line-height:2.4; font-size:16px;} .d2-9 .b-box .para ul li.l { padding-right:20px; text-align:right;} .d2-9 .b-box .para ul li.r { padding-left:20px; text-align:left; color:#8d8d8d;} /***** 浜у搧涓撻椤碉細SC-8000 *****/ .sel-product-detail-3 {} .sel-product-detail-3 .p-detail {margin-top:90px;} /**/ .d3-1 { padding:100px 0 60px; overflow:hidden;} .d3-1 .text { margin:0 0 20px; text-align:center;} .d3-1 h1 { font-size:72px;} .d3-1 p { font-size:32px;} .d3-1 .img { margin:auto; width:70%;} /**/ .d3-2 { padding:100px 0px; color:#ffffff; text-align:center; background:#80abc7;} .d3-2 ul {} .d3-2 ul li {float:left; width:50%; margin-bottom:40px;} .d3-2 ul li .inner {padding:0 40px;} .d3-2 ul li img {width:200px; height:auto; margin:0 auto 10px;} .d3-2 ul li h2 {margin-bottom:20px; font-size:32px;} .d3-2 ul li p {text-align:left; font-size:22px;} /**/ .d3-3 { padding:150px 0 0;} .d3-3 .text {float:left; width:45%; margin-top:100px;} .d3-3 .text h1 {margin-bottom:40px; font-size:44px;} .d3-3 .text p {line-height:2.4; font-size:22px;} .d3-3 .img {float:right; width:55%;} .d3-3 .img img {display:block;} /**/ .d3-4 { padding:150px 0; color:#ffffff; background:#333333 url("../images/p3/004.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .d3-4 .text {text-align:center;} .d3-4 .text h1 {margin-bottom:60px; font-size:44px;} .d3-4 .text img {margin:auto; width:600px; height:auto;} .d3-4 ul {margin-top:80px;} .d3-4 ul li {float:left; width:33.333333%; text-align:center;} .d3-4 ul li .inner {padding:0 50px 0 50px;} .d3-4 ul li h2 {font-size:32px; margin-bottom:20px;} .d3-4 ul li p {font-size:18px; text-align:left;} /**/ .d3-5 { padding:100px 0; color:#ffffff;} .d3-5 .img { margin:auto; width:60%;} .d3-5 .img img {display:block;} .d3-5 ul {color:#333333; text-align:center; padding:60px 0 0;} .d3-5 ul li {float:left; width:50%; margin-bottom:80px;} .d3-5 ul li .inner {padding:0 40px;} .d3-5 ul li h2 {font-size:32px; margin-bottom:20px;} .d3-5 ul li p {text-align:left; font-size:22px;} /**/ .d3-6 { padding:150px 0; text-align:center; color:#ffffff; background:#333333 url("../images/p3/006.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d3-6 .text {width:60%; margin:auto;} .d3-6 .text h1 {margin-bottom:40px; font-size:44px;} .d3-6 .text p {font-size:22px; width:70%; margin:auto;} /**/ .d3-7 { margin-top:10px; padding:150px 0; text-align:center; color:#ffffff; background:#333333 url("../images/p3/007.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d3-7 .text {width:60%; margin:auto;} .d3-7 .text h1 {margin-bottom:40px; font-size:44px;} .d3-7 .text p {font-size:22px; width:70%; margin:auto;} /***** 浜у搧涓撻椤碉細瓒呭０E3 *****/ .sel-product-detail-4 {} .sel-product-detail-4 .p-detail {margin-top:90px;} /**/ .d4-1 { padding:100px 0 0; height:800px;} .d4-1 .text { float:left; width:50%; margin-top:200px; text-align:center;} .d4-1 h1 { font-size:72px;} .d4-1 p { font-size:32px;} .d4-1 .img {float:right; padding-left:50px; width:50%;} /**/ .d4-2 { padding:200px 0; color:#ffffff; background:url("../images/p4/002.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .d4-2 .text {float:right; width:50%;} .d4-2 .text p {font-size:22px;} .d4-2 ul {margin-top:60px;} .d4-2 ul li {float:left; width:50%; margin-bottom:10px; font-size:18px;} /**/ .d4-3 {padding:150px 0;} .d4-3 .img {float:left; width:40%;} .d4-3 .text {float:right; width:60%; padding-left:40px;} .d4-3 .text ul {margin-bottom:40px;} .d4-3 .text ul li {float:left; width:25%;} .d4-3 .text ul li .inner { margin-bottom:20px; padding-right:20px;} .d4-3 .text ul li img {} .d4-3 .text h1 {margin-bottom:20px; font-size:44px;} .d4-3 .text p {font-size:22px;} /**/ .d4-4 {padding:150px 0; background:#f2f2f2;} .d4-4 .text {float:left; width:50%;} .d4-4 .text h1 {margin-bottom:40px; font-size:44px;} .d4-4 .text ul {} .d4-4 .text ul li {float:left; width:50%; margin-bottom:10px; font-size:18px;} .d4-4 .img { float:right; margin-top:-250px; width:50%;} /***** 浜у搧涓撻椤碉細瓒呭０P50 *****/ .sel-product-detail-5 {} .sel-product-detail-5 .p-detail {margin-top:90px;} /**/ .d5-1 { padding:100px 0 0; color:#ffffff; height:800px; background:#000000 url("../images/p5/001.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .d5-1 .text { float:right; width:auto; margin-top:200px; text-align:center;} .d5-1 h1 { font-size:72px;} .d5-1 p { font-size:32px;} /**/ .d5-2 {} .d5-2 .text {float:right; width:40%;} .d5-2 .text h1 { margin:100px 0 20px 0; font-size:44px;} .d5-2 .text p {font-size:22px;} .d5-2 .img { float:left; width:60%; padding:0 0 100px 0;} /**/ .d5-3 { padding:120px 0 0; text-align:center; background:url("../images/p5/d5_3_bg.jpg") repeat-x scroll left top;} .d5-3 .text {} .d5-3 .text h1 {margin-bottom:20px; font-size:44px;} .d5-3 .text p { margin:auto; width:60%; font-size:22px;} .d5-3 .text ul {margin:60px auto 100px;} .d5-3 .text ul li {float:left; width:25%;} .d5-3 .text ul li .inner {padding:0 20px;} .d5-3 .text ul li img {width:100%;} .d5-3 .text ul li p {margin-top:10px; font-size:16px; width:100%;} .d5-3 .img { margin:auto; width:1200px; height:450px; background:url("../images/p5/003.jpg") no-repeat scroll top center / 100% auto;} /**/ .d5-4 { padding:120px 0; color:#ffffff; text-align:center; background:#333333;} .d5-4 ul {} .d5-4 ul li {float:left; width:50%; margin-bottom:80px;} .d5-4 ul li .inner {padding:0 40px;} .d5-4 ul li h2 {font-size:22px; margin-bottom:30px;} .d5-4 ul li img {margin-bottom:30px;} .d5-4 ul li p {font-size:16px; overflow:hidden;} /**/ .d5-5 { padding:120px 0; text-align:center;} .d5-5 .text {} .d5-5 .text h1 {font-size:44px;} .d5-5 ul {margin-top:80px;} .d5-5 ul li {float:left; width:25%; position:relative;} .d5-5 ul li .inner {} .d5-5 ul li .w {position:absolute; left:0; top:80px; width:100%; color:#ffffff;} .d5-5 ul li h2 {margin:30px 0 0; font-size:18px;} .d5-5 ul li p {} .d5-5 ul li img {display:block; margin:auto; width:70%; border-radius:100%; overflow:hidden;} /**/ .d5-6 { padding:100px 0; background:#000000;} .d5-6 h2 {font-size:44px; color:#ffffff; text-align:center;} /***** 浜у搧涓撻椤碉細瓒呭０S40 *****/ .sel-product-detail-6 {} .sel-product-detail-6 .p-detail {margin-top:90px;} /**/ .d6-1 { padding:100px 0 0;} .d6-1 .text { float:left; color:#333333; width:50%; margin-top:200px; text-align:center;} .d6-1 h1 { font-size:72px;} .d6-1 p { font-size:32px;} .d6-1 .img { float:right; width:50%;} /**/ .d6-2 { padding:100px 0 0; background:#f2f2f2;} .d6-2 .text {float:right; width:50%; margin-top:50px; padding-left:50px;} .d6-2 .text p { margin-bottom:50px; font-size:22px;} .d6-2 .text img { display:block; width:60%; margin:auto;} .d6-2 .img { float:left; width:50%; height:800px; background:url("../images/p6/002.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} /**/ .d6-3 { text-align:center; padding:120px 0; background:url("../images/p6/003.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .d6-3 .text {} .d6-3 .text img {width:400px; margin:0 auto 60px;} .d6-3 .text h1 { font-size:44px; color:#d9b766; margin-bottom:30px;} .d6-3 .text p {font-size:22px; width:70%; margin:auto;} /**/ .d6-4 {padding:120px 0;} .d6-4 .text {float:right; width:50%; padding-left:60px;} .d6-4 .text h1 { font-size:44px; color:#d9b766; margin-bottom:30px;} .d6-4 .text p {font-size:22px;} .d6-4 .text ul {margin-top:50px;} .d6-4 .text ul li {margin-bottom:30px;} .d6-4 .text ul li h3 {margin-bottom:10px; font-size:22px;} .d6-4 .text ul li p {font-size:18px;} .d6-4 .img { float:left; width:50%; height:700px; background:url("../images/p6/004.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} /**/ .d6-5 {padding:120px 0;} .d6-5 .text {float:left; width:50%; padding-right:60px;} .d6-5 .text h1 { font-size:44px; color:#d9b766; margin-bottom:30px;} .d6-5 .text p { font-size:22px; margin-bottom:50px;} .d6-5 .text ul {overflow:hidden;} .d6-5 .text ul li {float:left; width:50%; font-size:18px; margin-bottom:20px;} .d6-5 .pic_list { float:right; width:50%;} .d6-5 .pic_list ul {} .d6-5 .pic_list ul li {float:left; width:33.333333%; padding:0 10px 10px 0;} .d6-5 .pic_list ul li img {display:block;} /**/ .d6-6 {padding:40px 0 100px; text-align:center;} .d6-6 .text {} .d6-6 .text h1 { font-size:44px; color:#d9b766; margin-bottom:30px;} .d6-6 .text p {font-size:22px; width:70%; margin:auto;} .d6-6 .img { margin:50px auto 0; width:80%;} /***** 浜у搧涓撻椤碉細瓒呭０S50 *****/ .sel-product-detail-7 {} .sel-product-detail-7 .p-detail {margin-top:90px;} /**/ .d7-1 {padding:150px 0 0; background:#000000 url("../images/p7/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d7-1 .text { float:right; width:50%; margin-top:250px; text-align:center;} .d7-1 h1 { font-size:72px; color:#ffffff;} .d7-1 p { font-size:32px; color:#ffffff;} .d7-1 .img {float:left; width:50%; text-align:center;} .d7-1 .img img {width:100%;} /**/ .d7-2 {} .d7-2 .text { margin-top:150px; text-align:center;} .d7-2 h1 { font-size:44px; margin-bottom:20px;} .d7-2 p { font-size:22px; width:65%; margin:auto;} .d7-2 ul {margin-top:80px; overflow:hidden;} .d7-2 ul li {float:left; width:33.333333%;} .d7-2 ul li h3 {font-size:22px; margin-bottom:30px;} .d7-2 ul li img {width:50%; height:auto; margin:auto; border-radius:100%; background:#ffffff;} .d7-2 ul li h4 {margin:40px 0 10px; font-size:18px;} .d7-2 ul li p {font-size:14px;} /**/ .d7-sc { margin:100px 0 0; padding:100px 0 40px; background:#000000;} .d7-sc h2 {font-size:44px; color:#ffffff; text-align:center;} /**/ .d7-3 { padding:120px 0 500px; color:#ffffff; background:#000000 url("../images/p7/004.jpg") no-repeat scroll top center / 100% auto; background-size:cover;} .d7-3 .text { text-align:center; color:#ffffff;} .d7-3 h1 { margin-bottom:20px; font-size:44px;} .d7-3 p { font-size:22px;} .d7-3 ul {margin-top:60px;} .d7-3 ul li {float:left; margin-bottom:40px; width:33.333333%;} .d7-3 ul li:nth-child(4) {margin-left:17%;} .d7-3 ul li .inner {padding:0 80px;} .d7-3 ul li h3 { margin-bottom:20px; font-size:18px;} .d7-3 ul li img {} /**/ .d7-4 { padding:120px 0; text-align:center;} .d7-4 .img { float:left; width:35%;} .d7-4 .text {float:right; width:62%;} .d7-4 h2 { margin:10px 0 20px; font-size:44px;} .d7-4 p {font-size:22px;} .d7-4 ul {margin-top:100px;} .d7-4 ul li {float:left; width:20%;} .d7-4 ul li .inner {margin:0 10px;} .d7-4 ul li img {border-radius:100%;} .d7-4 ul li h3 {font-size:18px; font-weight:normal; margin-top:10px;} /**/ .d7-4 ul li:nth-child(2) .inner , .d7-4 ul li:nth-child(4) .inner {margin-top:100px;} {margin-top:100px;} /***** 浜у搧涓撻椤碉細瓒呭０P40 *****/ .sel-product-detail-8 {} .sel-product-detail-8 .p-detail {margin-top:90px;} /**/ .d8-1 {padding:250px 0 400px; background:#f2f2f2 url("../images/p8/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d8-1 .text { text-align:center; color:#333333;} .d8-1 h1 { font-size:72px; line-height:1;} .d8-1 p { font-size:32px; margin-top:5px;} .d8-1 h2 { font-size:44px; margin-top:20px;} /**/ .d8-2 {padding:200px 0; background:#000000 url("../images/p8/002.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d8-2 .text {text-align:center; color:#ffffff;} .d8-2 .text h1 {font-size:44px; margin-bottom:40px;} .d8-2 .text p {width:60%; margin:auto; font-size:22px;} /**/ .d8-3 {padding:150px 0;} .d8-3 .text {} .d8-3 h1 { font-size:44px; margin-bottom:20px; text-align:center;} .d8-3 p { font-size:18px;} .d8-3 ul {margin-top:80px;} .d8-3 ul li {float:left; width:33.333333%; padding-right:60px;} .d8-3 ul li h3 {font-size:22px; margin-bottom:30px;} .d8-3 ul li img { display:block; width:100%; height:auto; margin:auto;} .d8-3 ul li h4 {margin:20px 0 10px; font-size:22px;} .d8-3 ul li p {font-size:14px; font-size:16px;} /**/ .d8-4 {padding:150px 0; background:#000000;} .d8-4 .text {color:#ffffff;} .d8-4 h1 { font-size:44px; margin-bottom:20px; text-align:center;} .d8-4 p { font-size:18px;} .d8-4 ul {margin-top:80px;} .d8-4 ul li {float:left; width:33.333333%; padding-right:30px;} .d8-4 ul li h3 {font-size:22px; margin-bottom:30px;} .d8-4 ul li img {height:auto; margin:auto;} .d8-4 ul li h4 {margin:40px 0 10px; font-size:22px;} .d8-4 ul li p {font-size:14px; font-size:16px; opacity:0.8;} .d8-4 ul li p span {display:block; height:32px; line-height:32px; position:relative;} .d8-4 ul li p span::before {content:""; width:3px; height:3px; border-radius:100%; background:rgba(255,255,255,0.5); position:absolute; left:-8px; top:50%; margin-top:-1.5px;} /**/ .d8-5 { padding:150px 0;} .d8-5 .text {position:relative;} .d8-5 h1 { font-size:44px; margin-bottom:80px; text-align:center;} .d8-5 p { font-size:18px;} .d8-5 ul { position:absolute; left:0; top:150px; overflow:hidden;} .d8-5 ul li {float:left; margin-bottom:100px; width:50%;} .d8-5 ul li h3 {font-size:22px; margin-bottom:30px;} .d8-5 ul li img {float:left; width:100px; height:auto; margin:auto;} .d8-5 ul li .rt { margin-left:100px; padding-left:20px; width:60%;} .d8-5 ul li h4 {margin:0 0 10px; font-size:22px;} .d8-5 ul li p {font-size:16px;} .d8-5 .bg-img { margin:auto; width:600px; height:600px; background:url("../images/p8/005.jpg") no-repeat scroll bottom center / 100% auto;} .d8-5 ul li:nth-child(1) {padding-left:10%;} .d8-5 ul li:nth-child(2) { padding-left:10%;} .d8-5 ul li:nth-child(2) .rt {width:60%;} .d8-5 ul li:nth-child(4) {padding-left:15%;} .d8-5 ul li:nth-child(4) .rt {width:auto;} .d8-5 ul li:nth-child(5) {padding-left:10%;} .d8-5 ul li:nth-child(6) {padding-left:10%;} .d8-5 ul li:nth-child(6) .rt {width:auto;} /**/ .d8-6 { padding:0 0 150px;} .d8-6 .text {position:relative;} .d8-6 h1 {font-size:44px; margin-bottom:80px; text-align:center;} .d8-6 ul {position:absolute; left:0; top:110px; overflow:hidden;} .d8-6 ul li {float:left; width:50%; padding:0 10%;} .d8-6 ul li img {float:left; width:auto; height:150px;} .d8-6 ul li h4 {line-height:150px; font-size:16px; white-space:nowrap;} .d8-6 .bg-img { margin:auto; width:250px; height:auto;} /**/ .d8-7 { padding:100px 0; background:#000000;} .d8-7 h2 {font-size:44px; color:#ffffff; text-align:center;} /***** 浜у搧涓撻椤碉細瓒呭０x3 *****/ .sel-product-detail-9 {} .sel-product-detail-9 .p-detail {margin-top:90px;} /**/ .d9-1 {padding:100px 0; background:#f7f7f7;} .d9-1 .text { float:left; margin-top:200px; width:50%; text-align:center;} .d9-1 .text h1 {font-size:72px;} .d9-1 .text p {font-size:32px;} .d9-1 .img {float:right; width:50%;} /**/ .d9-2 {padding:300px 0; background:#000000 url("../images/p9/002.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d9-2 .text {float:right; width:40%;} .d9-2 .text p {font-size:22px;} /**/ .d9-3 {padding:80px 0; border-bottom:1px solid rgba(255,255,255,0.2); background:#000000;} .d9-3 .text {text-align:center; color:#ffffff;} .d9-3 .text ul { padding:50px 0; overflow:hidden;} .d9-3 .text ul li {float:left; width:50%; padding:0 40px; overflow:hidden;} .d9-3 .text ul li h2 {margin-bottom:20px; font-size:44px;} .d9-3 .text ul li span { display:block; float:left; width:50%; margin-bottom:20px; padding:10px; font-size:18px; display:inline-block; border:1px solid rgba(255,255,255,0.5); border-radius:4px;} /**/ .d9-4 {padding:100px 0 0; background:#000000;} .d9-4 .img {float:left; width:60%;} .d9-4 .img img {display:block;} .d9-4 .text { margin-top:50px; float:right; width:30%; color:#ffffff;} .d9-4 .text ul {} .d9-4 .text ul li {margin-bottom:40px;} .d9-4 .text ul li h3 {color:#009FAB; margin-bottom:10px; font-size:44px;} .d9-4 .text ul li p {font-size:18px; line-height:2;} /**/ .d9-5 {padding:100px 0; background:#000000 url("../images/p9/005.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d9-5 ul {float:left; width:35%;} .d9-5 ul li {float:left; width:50%;} .d9-5 ul li .inner {padding:0 20px 20px 0;} .d9-5 ul li img {display:block;} .d9-5 .text {float:left; margin-top:50px; padding-left:100px; width:50%; overflow:hidden;} .d9-5 .text p {font-size:22px;} /**/ .d9-6 {} .d9-6 ul {} .d9-6 ul li { margin:5px 0; padding:100px 0;} .d9-6 ul li .text {text-align:center; color:#ffffff;} .d9-6 ul li .text h2 {font-size:44px; margin-bottom:30px;} .d9-6 ul li .text p { font-size:22px; width:50%; margin:auto;} .d9-6 ul li:nth-child(1) {background:#000000 url("../images/p9/006-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d9-6 ul li:nth-child(2) {background:#000000 url("../images/p9/006-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d9-6 ul li:nth-child(3) {background:#000000 url("../images/p9/006-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} /***** 浜у搧涓撻椤碉細瓒呭０E2 *****/ .sel-product-detail-10 {} .sel-product-detail-10 .p-detail {margin-top:90px;} /**/ .d10-1 {padding:200px 0; background:#000000 url("../images/p10/001.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d10-1 .text { text-align:center; color:#ffffff;} .d10-1 h1 { font-size:72px; line-height:1;} .d10-1 p { font-size:32px; margin-top:5px;} .d10-1 h2 {font-size:72px; margin-top:20px;} .d10-1 p.desc { font-size:22px; margin:50px auto 0; width:70%; line-height:1.8;} /**/ .d10-2 {padding:150px 0;} .d10-2 .bg-img { float:left; width:50%; height:auto;} .d10-2 .text {float:right; width:50%; padding-left:60px;} .d10-2 .text ul {margin-top:100px;} .d10-2 .text ul li {margin-bottom:60px;} .d10-2 .text ul li h2 {font-size:32px; margin-bottom:10px;} .d10-2 .text ul li p {font-size:22px;} /**/ .d10-3 {padding:100px 0; background:#000000;} .d10-3 .bg-img { float:right; width:50%; height:auto;} .d10-3 .text {float:left; width:50%; padding-right:40px; color:#ffffff;} .d10-3 .text ul {} .d10-3 .text ul li {margin-bottom:50px;} .d10-3 .text ul li h2 {font-size:32px; margin-bottom:10px;} .d10-3 .text ul li p {font-size:18px;} /**/ .d10-4 { padding:100px 0; background:#000000;} .d10-4 h2 {font-size:44px; color:#ffffff; text-align:center;} /***** HD-400 *****/ .sel-product-detail-11 {} .sel-product-detail-11 .p-detail {margin-top:90px;} /**/ .d11-1 {padding:150px 0; background:#000000;} .d11-1 .text { float:left; width:40%; padding:120px 40px 0 0; color:#ffffff; text-align:right;} .d11-1 .text h1 {font-size:72px; color:#009fa8;} .d11-1 .text h2 {font-size:44px; margin:15px 0 15px;} .d11-1 .text p {font-size:32px;} .d11-1 .img {float:right; width:60%;} .d11-1 .img img {display:block; width:100%;} /**/ .d11-2 {padding:250px 0; background:#000000 url("../images/p11/002.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d11-2 .text { margin:auto; width:70%; color:#ffffff;} .d11-2 .text h2 { font-size:44px; margin-bottom:30px; text-align:center;} .d11-2 .text p {font-size:22px;} /**/ .d11-3 {padding:150px 0;} .d11-3 .img {float:left; width:30%;} .d11-3 .text { float:right; padding-left:80px; width:70%;} .d11-3 .text .img1 {width:50%;} .d11-3 .text h2 { margin:20px 0 40px; font-size:44px; color:#009fa8;} .d11-3 .text p {margin-bottom:20px; font-size:22px;} .d11-3 .text .img2 {display:block; width:100%; padding-top:30px;} /**/ .d11-4 {padding:150px 0; background:#f5f5f5;} .d11-4 .wr {position:relative;} .d11-4 .text { position:absolute; left:0; top:20px; width:100%; text-align:center;} .d11-4 .text h3 {font-size:32px; width:50%; margin:auto;} .d11-4 .text h2 {font-size:72px; color:#009fa8;} .d11-4 .wr img {display:block; width:80%; margin:auto;} .d11-4 ul {width:60%; margin:30px auto 0;} .d11-4 ul li {float:left; width:33.333333%; padding:0 40px; text-align:center;} .d11-4 ul li span {display:block;} .d11-4 ul li span img {display:block; width:auto; height:64px; margin:auto;} .d11-4 ul li h4 {margin:20px 0 0 0; font-size:22px;} .d11-4 ul li p {font-size:18px;} /**/ .d11-5 {padding:150px 0; background:#000000 url("../images/p11/005.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d11-5 .text { width:50%; color:#ffffff;} .d11-5 .text h2 { font-size:44px; margin-bottom:40px;} .d11-5 .text h3 {font-size:22px; font-weight:normal; line-height:1.8;} .d11-5 ul {margin-top:40px; overflow:hidden;} .d11-5 ul li {margin-top:40px;} .d11-5 ul li h4 { font-size:32px; margin-bottom:10px; font-weight:normal;} .d11-5 ul li p {font-size:18px;} /**/ .d11-6 {padding:150px 0;} .d11-6 ul {} .d11-6 ul li {float:left; width:50%; text-align:center;} .d11-6 ul li h4 {font-size:44px; margin-bottom:10px;} .d11-6 ul li p {font-size:22px; margin-bottom:40px; color:#009fa8;} .d11-6 ul li img {} .d11-6 .text { padding:100px 0 0; text-align:center; width:70%; margin:auto;} .d11-6 .text h3 {font-size:44px; color:#009fa8; line-height:1.4;} .d11-6 .text p { margin-top:40px; font-size:22px;} /**/ .d11-7 {} .d11-7 .lb {background:#f5f5f5;} .d11-7 .lb img {display:block; width:60%; margin:auto;} .d11-7 ul {margin:100px auto; width:70%; overflow:hidden;} .d11-7 ul li {float:left; width:25%; text-align:center;} .d11-7 ul li img {display:block; margin:auto; width:auto; height:50px;} .d11-7 ul li p {margin-top:20px; font-size:18px;} /***** S60 *****/ .sel-product-detail-12 {} .sel-product-detail-12 .p-detail {margin-top:90px;} /**/ .d12-1 {padding:100px 0;} .d12-1 .row {position:relative;} .d12-1 .text {position:absolute; z-index:2; left:20px; top:100px; width:30%; height:auto;} .d12-1 .text h1 {font-size:72px; margin:0 0 10px 0;} .d12-1 .text h2 {font-size:32px; padding-left:2px; font-weight:600; text-transform:uppercase; color:#cccccc;} .d12-1 .text h3 {font-size:64px; color:#f6aa00; margin-top:40px;} .d12-1 .text p {font-size:22px; color:#4d4d4d;} .d12-1 .img {float:right; width:75%; height:auto;} /**/ .d12-2 { position:relative; padding:200px 0; background:#000000 url("../images/p12/002-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; overflow:hidden;} .d12-2 .text {position:relative; z-index:2;} .d12-2 .text ul {width:80%; margin:auto; overflow:hidden;} .d12-2 .text ul li {float:left; width:33.333333%; color:#ffffff; text-align:center;} .d12-2 .text ul li h4 {font-size:64px; margin-bottom:10px;} .d12-2 .text ul li p {font-size:22px;} .d12-2 .video {} .d12-2 .video .mask {} .d12-2 .video video {} /**/ .d12-3 {padding:150px 0; background:url("../images/p12/003-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d12-3 .text {width:50%;} .d12-3 .text h2 {font-size:100px; position:relative; line-height:1; margin-bottom:20px;} .d12-3 .text h2 em {font-size:64px; font-weight:normal; font-style:normal; color:#f6aa00; position:absolute; left:180px; top:-7px; } .d12-3 .text h2 span {font-size:36px; padding-left:40px; font-weight:normal;} .d12-3 .text h3 {font-size:44px; width:66%;} .d12-3 .text ul {margin:40px 0 80px;} .d12-3 .text ul li {overflow:hidden;} .d12-3 .text ul li h4 { display:inline-block; margin-right:30px; font-size:22px;} .d12-3 .text ul li .speedLine {display:inline-block; font-size:64px; color:#f6aa00; line-height:1;} .d12-3 .text ul li .speedLine em {font-style:normal;} .d12-3 .text ul li .speedLine .sFill { display:inline-block; margin-right:20px; width:100px; height:26px; background:#f6aa00;} .d12-3 .text ul li .speedLine .s2 {width:250px;} .d12-3 .text ul li .speedLine .s3 {width:37.5px;} .d12-3 .text ul li .speedLine span {font-size:22px; padding-left:10px;} .d12-3 .text .desc {font-size:22px; width:80%;} /**/ .cover-up-move {} .cum {} .cum img {display:block; width:100%; height:auto;} .s1 { z-index:1; animation:sliderArrow 4s ease-in-out 0.2s 1 alternate forwards; animation-play-state:paused;} .s2 { z-index:2; animation:sliderArrow 3s ease-in-out 0.2s 1 alternate forwards; animation-play-state:paused;} .s3 { z-index:3; animation:sliderArrow 2s ease-in-out 0.2s 1 alternate forwards; animation-play-state:paused;} .move {animation-play-state:running;} /*鍔ㄧ敾*/ @keyframes sliderArrow1 { %0 { width:1%;} 100% { width:100%;} } @-webkit-keyframes sliderArrow1 { %0 { width:1%;} 100% { width:100%;} } @-zos-keyframes sliderArrow1 { %0 { width:1%;} 100% { width:100%;} } @-o-keyframes sliderArrow1 { %0 { width:1%;} 100% { width:100%;} } /**/ .d12-4 {padding:150px 0;} .d12-4 .text {text-align:center;} .d12-4 .text h2 {font-size:72px; margin-bottom:40px; padding:0 30%;} .d12-4 .text p {font-size:22px; padding:0 10%;} .d12-4 .text ul {margin:100px 0 0; overflow:hidden;} .d12-4 .text ul li {float:left; width:17.5%;} .d12-4 .text ul li:nth-child(2) , .d12-4 .text ul li:nth-child(4) , .d12-4 .text ul li:nth-child(6) {width:10%; padding-top:20px;} .d12-4 .text ul li img {margin:0 auto 20px;} .d12-4 .text ul li h4 {font-size:18px; font-weight:normal;} /**/ .d12-5 {padding:100px 0; background:#dcdddd;} .d12-5 .text {text-align:center;} .d12-5 .text ul {} .d12-5 .text ul li {float:left; width:33.333333%;} .d12-5 .text ul li img {display:block; margin:0 auto 30px; width:80%; border-radius:15px;} .d12-5 .text ul li h4 {font-size:22px; font-weight:normal;} /**/ .d12-6 {padding:250px 0; background:#000000 url("../images/p12/006-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d12-6 .text {text-align:center; color:#ffffff;} .d12-6 .text h2 {font-size:72px; margin-bottom:80px;} .d12-6 .text ul {} .d12-6 .text ul li {float:left; width:33.333333%;} .d12-6 .text ul li h4 {font-size:64px; color:#f6aa00;} .d12-6 .text ul li p { font-size:22px; color:#ffffff;} /**/ .d12-7 {padding:200px 0; background:#000000 url("../images/p12/007-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d12-7 .text { text-align:center; } .d12-7 .text h2 {font-size:72px; margin-bottom:40px; padding:0 25%;} .d12-7 .text p {font-size:22px; padding:0 10%;} /**/ .d12-8 {padding:250px 0; background:#000000 url("../images/p12/008-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover; } .d12-8 .text {text-align:center; color:#ffffff;} .d12-8 .text h2 {font-size:72px; padding:0 20%;} /**/ .d12-9 {padding:150px 0 100px; position:relative; background:url("../images/p12/009-bg.jpg") no-repeat scroll left bottom / 40% auto; } .d12-9 .img {width:30%; position:absolute; left:0; bottom:0;} .d12-9 .text {width:50%; float:right;} .d12-9 .text h2 {font-size:72px; margin-bottom:40px; padding:0 25% 0 0;} .d12-9 .text p {font-size:22px;} .d12-9 .text ul {margin-top:80px; overflow:hidden;} .d12-9 .text ul li {float:left; margin-bottom:40px; width:50%;} .d12-9 .text ul li img {display:block; float:left; margin-right:20px; width:40px; height:auto;} .d12-9 .text ul li h4 {line-height:40px; font-size:18px; font-weight:normal;} /**/ .d12-10 {padding:300px 0 450px; background:url("../images/p12/010-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d12-10 .text {} .d12-10 .text h2 {font-size:72px; margin-bottom:40px; padding:0 47% 0 0;} .d12-10 .text p {font-size:22px; padding:0 64% 0 0;} /**/ .d12-11 {padding:100px 0 40px; background:#000000;} .d12-11 h2 {font-size:44px; color:#ffffff; text-align:center;} .d12-11 .img-box h4 {display:none;} /***** HD-550 *****/ .sel-product-detail-13 {} .sel-product-detail-13 .p-detail {margin-top:90px;} /**/ .d13-1 {padding:300px 0; background:#000000 url("../images/p13/001-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .d13-1 .text {text-align:center; color:#ffffff;} .d13-1 .text h1 {font-size:90px;} .d13-1 .text h2 {font-size:22px; font-weight:normal;} .d13-1 .text h3 {font-size:72px; margin-top:20px;} /**/ .d13-2 {padding:100px 0; background:#000000;} .d13-2 .img {width:80%; margin:auto;} /**/ .d13-3 {padding:150px 0;} .d13-3 .text {text-align:center;} .d13-3 .text h2 {font-size:72px; margin-bottom:20px;} .d13-3 .text p {font-size:22px;} .d13-3 .text .img {width:60%; margin:100px auto;} .d13-3 .text h3 {font-size:44px; margin-bottom:40px;} .d13-3 .text h4 {font-size:44px; margin-top:40px;} /**/ .d13-4 {padding:300px 0; background:#000000 url("../images/p13/004-bg.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} /**/ .d13-5 {padding:150px 0; background:#e8e8e8;} .d13-5 .text {text-align:center;} .d13-5 .text h2 {font-size:72px; margin-bottom:20px;} .d13-5 .text .desc {font-size:22px;} .d13-5 .text ul {margin:80px 0; overflow:hidden;} .d13-5 .text ul li {float:left; width:33.333333%;} .d13-5 .text ul li img {display:block; width:60%; margin:0 auto 20px; border-radius:100%;} .d13-5 .text ul li h4 {font-size:18px; font-weight:normal;} /**/ .d13-6 {padding:150px 0;} .d13-6 .text {text-align:center;} .d13-6 .text h2 {font-size:72px;} .d13-6 .text .desc {font-size:22px;} .d13-6 .text .img {width:50%; margin:100px auto 0;} /**/ .d13-7 {padding:0 0 150px; background:#000000;} .d13-7 .img {float:left; width:60%; padding-right:80px;} .d13-7 .img img {} .d13-7 .text { float:left; width:40%; margin-top:150px; color:#ffffff;} .d13-7 .text h2 {font-size:72px; margin-bottom:40px;} .d13-7 .text .desc {font-size:22px;} /**/ .d13-8 {padding:150px 0;} .d13-8 .text {width:80%; margin:auto;} .d13-8 .text ul {} .d13-8 .text ul li { margin:0 0 80px 0; overflow:hidden;} .d13-8 .text ul li img { float:left; width:30%; display:block;} .d13-8 .text ul li .fr {float:left; width:70%; padding:60px 0 0 60px;} .d13-8 .text ul li .fr h4 {font-size:44px; margin-bottom:30px;} .d13-8 .text ul li .fr p {font-size:22px;} /***** 鏈嶅姟涓庢敮鎸� *****/ #support {} #support .page-title {text-align:center;} #support .temp_banner {background:#000000 url("images/temp-banner-12.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .support-box {} .support-box img {margin:auto; display:block;} /**/ .support-box .sb-sub-list {} .support-box .sb-sub-list ul {position:relative; margin:20px auto 80px;} .support-box .sb-sub-list ul li {float:left; width:25%; text-align:center; color:#ffffff;} .support-box .sb-sub-list ul li a { display:block; padding:40px 0; cursor:default; position:relative; margin-right:20px; color:#ffffff; background:#f8f8f8;} .support-box .sb-sub-list ul li a:before { position:absolute; left:0; top:0; content:""; width:100%; height:200px; background:rgba(0, 0, 0, 0);} .support-box .sb-sub-list ul li a .inner {position:relative; display:block;} .support-box .sb-sub-list ul li span { margin:auto; display:block; width:64px; height:auto; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .support-box .sb-sub-list ul li:nth-child(1) span { background:url("images/support-icon-1.svg") no-repeat scroll center center / 100% auto;} .support-box .sb-sub-list ul li:nth-child(2) span { background:url("images/support-icon-2.svg") no-repeat scroll center center / 100% auto;} .support-box .sb-sub-list ul li:nth-child(3) span { background:url("images/support-icon-3.svg") no-repeat scroll center center / 100% auto;} .support-box .sb-sub-list ul li:nth-child(4) span { background:url("images/support-icon-4.svg") no-repeat scroll center center / 100% auto;} .support-box .sb-sub-list ul li span em {display:none; color:#009FAB; font-size:64px; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .support-box .sb-sub-list ul li p { margin-top:10px; line-height:1.6; font-size:18px; color:#333333;} /* sb-fill */ .support-box .sb-fill {padding:0 0 80px;} .support-box .sb-fill h2 {text-align:center; font-size:36px; margin-bottom:30px;} .support-box .sb-fill li {float:left; width:50%;} .support-box .sb-fill li a { position:relative; display:flex; align-items:center; justify-content:center; margin-right:20px; height:350px; text-align:center; color:#ffffff; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .support-box .sb-fill li a::before {opacity:0; position:absolute; left:0; top:0; content:""; width:100%; height:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .support-box .sb-fill li a h4 { font-size:32px; opacity:0; -webkit-transform:translate3d(0,40px,0); transform: translate3d(0,40px,0); -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;} .support-box .sb-fill li.sbl a { background:#000000 url("images/sb-fill-bg-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .support-box .sb-fill li.sbl a::before {background:#000000 url("images/sb-fill-bg-1-hover.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .support-box .sb-fill li.sbr a {background:#000000 url("images/sb-fill-bg-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .support-box .sb-fill li.sbr a::before {background:#000000 url("images/sb-fill-bg-2-hover.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} /* sb-fill hover */ .support-box .sb-fill li a:hover::before {opacity:1;} .support-box .sb-fill li a:hover h4 {opacity:1; /*! -webkit-transform:translate3d(0,0,0); */transform:translate3d(0,0,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} /* s-point */ .support-box .s-point {padding:150px 0; text-align:center; background-color:#f2f2f2;} .support-box .s-point .title { text-align:center; width:100%; color:#333333;} .support-box .s-point .title h2 {font-size:44px; margin-bottom:30px;} .support-box .s-point .title p {color:#333333; font-size:28px;} .support-box .s-point .title ul {} .support-box .s-point .title ul li {margin:10px 0; position:relative; color:#333333; font-size:14px; opacity:0.5;} .support-box .s-point .title ul li::before {} .support-box .s-point .rbox {padding-right:40px;} .support-box .s-point .radiation {position:relative; width:90%; margin:-100px auto 0;} .support-box .s-point .radiation .note {display:block; position:absolute; border-radius:100%; background:rgba(0,159,171,0);} .support-box .s-point .radiation .note a { position:relative; z-index:3; display:block; width:100%; height:100%;} .support-box .s-point .radiation .note::before {content:""; position:absolute; left:50%; top:50%; margin-top:-5px; margin-left:-5px; width:10px; height:10px; border-radius:100%; background:rgba(0,159,171,1);} .support-box .s-point .radiation .note .cname {display:block; position:absolute; left:70%; top:31%; text-align:left; width:200px; height:auto; font-size:12px;} .support-box .s-point .radiation .note:nth-child(1) {right:8.22%; top:16%;} .support-box .s-point .radiation .note:nth-child(2) {right:9.3%; top:22.5%;} .support-box .s-point .radiation .note:nth-child(3) {right:11.8%; top:27.9%;} .support-box .s-point .radiation .note:nth-child(4) {right:12.5%; top:36.1%;} .support-box .s-point .radiation .note:nth-child(5) {right:36.1%; top:53.5%;} .support-box .s-point .radiation .note:nth-child(6) {right:44.2%; top:50.85%;} .support-box .s-point .radiation .note:nth-child(7) {right:74.8%; top:27.15%;} .support-box .s-point .radiation .note:nth-child(8) {right:21.8%; top:44.9%;} .support-box .s-point .radiation .note:nth-child(9) {right:15.65%; top:44.85%;} .support-box .s-point .radiation .note:nth-child(10) {right:31.15%; top:46.35%;} .support-box .s-point .radiation .note:nth-child(11) {right:27.75%; top:40.75%;} .support-box .s-point .radiation .note:nth-child(12) {right:28.55%; top:52.5%;} .support-box .s-point .radiation .note:nth-child(13) {right:12.85%; top:61.55%;} .support-box .s-point .radiation .note:nth-child(14) {right:13.45%; top:58.75%;} .support-box .s-point .radiation .note:nth-child(15) {right:16.15%; top:57%;} .support-box .s-point .radiation .note:nth-child(16) {right:14.55%; top:64.95%;} .support-box .s-point .radiation .note:nth-child(17) {right:19.95%; top:57.95%;} .support-box .s-point .radiation .note:nth-child(18) {right:26.55%; top:64.55%;} .support-box .s-point .radiation .note:nth-child(19) {right:27.35%; top:70.55%;} .support-box .s-point .radiation .note:nth-child(20) {right:22.1%; top:68.85%;} .support-box .s-point .radiation .note:nth-child(21) {right:23.75%; top:84.15%;} .support-box .s-point .radiation .note:nth-child(22) {right:32.25%; top:93.95%;} .support-box .s-point .radiation .note:nth-child(23) {right:25.35%; top:82.65%;} .support-box .s-point .radiation .note:nth-child(24) {right:36.15%; top:84.45%;} .support-box .s-point .radiation .note:nth-child(25) {right:14.35%; top:72.45%;} .support-box .s-point .radiation .note:nth-child(26) {right:43.95%; top:64.85%;} .support-box .s-point .radiation .note:nth-child(27) {right:39.65%; top:68.35%;} .support-box .s-point .radiation .note:nth-child(28) {right:39.85%; top:74.15%;} .support-box .s-point .radiation .note:nth-child(29) {right:46.0%; top:79.65%;} .support-box .s-point .radiation .note:nth-child(30) {right:24.95%; top:36.2%;} .support-box .s-point .radiation .note:nth-child(31) {right:21.65%; top:39.45%;} .support-box .s-point .radiation .note:nth-child(32) {right:32.85%; top:33.95%;} .support-box .s-point .radiation .tips { display:none; opacity:0; padding:16px 20px 11px; position:absolute; top:20px; text-align:left; z-index:999; background:#ffffff; box-shadow:0 20px 40px rgba(0,0,0,0.1);} .support-box .s-point .radiation .tips h6 {font-size:14px;font-weight:500;} .support-box .s-point .radiation .tips p {line-height:1.4; font-size:14px; margin:5px 0 0;} .support-box .s-point .radiation img {width:100%;} /*娑熸吉鍔ㄧ敾*/ @-webkit-keyframes warn{ 0%{-webkit-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);transform:scale(1);opacity:0} } @-moz-keyframes warn{ 0%{-moz-transform:scale(0);transform:scale(0);opacity:1} 100%{-moz-transform:scale(1);transform:scale(1);opacity:0} } @-o-keyframes warn{ 0%{-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-o-transform:scale(1);transform:scale(1);opacity:0} } @keyframes warn{ 0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1} 100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0} } .area-box {position:absolute; left:50%; top:50%; margin-left:-33px; margin-top:-33px; opacity:0.5;} .area-box .pulse{position:absolute; height:66px;width:66px; border:1px solid #009FAB; border-radius:100%; -webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;} .area-box .delay-01{-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0} .area-box .delay-02{-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;-o-animation-delay:1.4s;animation-delay:1.4s} .area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s} .area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s} .area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s} .area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s} .area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s} .area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s} .area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s} .area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s} /**/ .support-box .support-list { position:relative; padding:80px 0 120px; /*background:#000000 url("images/list-service-bg.jpg") no-repeat scroll center center / 100% auto;*/} .support-box .support-list::before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#ffffff; opacity:0;} .support-box .support-list .shead {position:relative; margin-bottom:50px; padding-bottom:20px; text-align:center;} .support-box .support-list .shead h1 { font-size:44px;} .support-box .support-list .shead p {font-size:18px;} .support-box .support-list .shead .search {float:right;} .support-box .support-list .blank-box {} .support-box .support-list .d-tip { display:block; margin-bottom:10px; font-size:14px; color:#8d8d8d;} .support-box .support-list .sll {position:relative;} .support-box .support-list .sll ul {} .support-box .support-list .sll ul li {float:left; width:50%; padding:10px 0;} .support-box .support-list .sll ul li a {} .support-box .support-list .form { position:relative; width:500px; margin:auto;} .support-box .support-list .form input {} .support-box .support-list .form .btn { width:235px;} .support-box .support-list .form .btn-reg {border:1px solid #f2f2f2; background:#ffffff;} .support-box .support-list .form .btn-reg {margin:0;} .support-box .support-list .form .submits-area {margin-top:10px;} /**/ .support-box .list-service {display:none; position:relative; height:400px; background:#000000 url("images/list-service-bg.jpg") no-repeat fixed center center / 100% auto; background-size:cover;} .support-box .list-service:before { position:absolute; left:0; top:0; content:""; width:100%; height:400px; background:rgba(0, 159, 171, 0.9);} .support-box .list-service ul {position:relative; margin:130px auto 0; width:80%;} .support-box .list-service ul li {float:left; width:25%; text-align:center; color:#ffffff;} .support-box .list-service ul li span {display:inline-block; width:100px; height:100px; line-height:100px; border-radius:100%; border:1px solid rgba(255,255,255,0.2); transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .support-box .list-service ul li span em { color:#ffffff; display:inline-block; font-size:44px; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .support-box .list-service ul li p { margin-top:20px; line-height:1.6; font-size:16px;} /* 鍐呴〉锛氬叕鍏遍儴鍒� */ .inner-box {padding:60px 0;} .inner-box .shead { font-size:22px; line-height:1.6; margin-bottom:40px;} .inner-box ul {} .inner-box ul li {margin-bottom:20px; overflow:hidden;} .inner-box ul li h4 { margin-bottom:20px; font-size:22px;} .inner-box ul li p {margin-bottom:20px;} .inner-box ul li p i {padding-right:10px; color:#8d8d8d; font-size:8px; font-style:normal; vertical-align:middle;} .inner-box ul li ul {padding-left:40px;} .inner-box ul li ul li {} .inner-box ul li ul li h4 {font-size:18px;} .inner-box ul li ul li p {} /* 鍐呴〉锛氬鎴烽渶姹� */ #support-1 {} #support-1 .temp_banner { background:#000000 url("images/support-banner-1.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} /* 鍐呴〉锛氭湇鍔″畻鏃� */ #support-2 {} #support-2 .temp_banner { background:#000000 url("images/support-banner-2.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} /* 鍐呴〉锛氭湇鍔℃祦绋� */ #support-3 {} #support-3 .temp_banner { background:#000000 url("images/support-banner-3.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} #support-3 table.table-1 .col-1 {width:10%;} #support-3 table.table-1 .col-2 {width:20%;} #support-3 table.table-1 .col-3 {width:55%;} #support-3 table.table-1 .col-4 {width:15%;} #support-3 table.table-2 .col-1 {width:30%;} #support-3 table.table-2 .col-2 {width:55%;} #support-3 table.table-2 .col-3 {width:15%;} /* 鍐呴〉锛氭湇鍔′骇鍝� */ #support-4 {} #support-4 .temp_banner { background:#000000 url("images/support-banner-4.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} /***** 宸ヤ綔鏈轰細 *****/ #career {} #career .temp_banner { background:#000000 url("images/temp-banner-14.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} #career .career-group {} /**/ .career-type {} .career-type ul { margin:20px auto;} .career-type ul li {float:left; width:33.333333%; text-align:center; color:#ffffff;} .career-type ul li a { display:block; padding:40px 0; margin-right:20px; color:#ffffff; background:#f8f8f8;} .career-type ul li a:before { position:absolute; left:0; top:0; content:""; width:100%; height:220px; background:rgba(0, 0, 0, 0);} .career-type ul li a .inner {position:relative; display:block; transition:all 0.3s ease-out 0s;} /*hover*/ .career-type ul li a:hover .inner { z-index:2; -webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0); -webkit-transition-delay:0.05s;transition-delay:0.05s;-webkit-transition-duration:0.35s;transition-duration:0.35s;} .career-type ul li span { margin:auto; display:block; width:64px; height:auto; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .career-type ul li span em {display:none; color:#009FAB; font-size:72px; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .career-type ul li p { margin-top:10px; line-height:1.6; font-size:18px; color:#333333;} /**/ #career .cg-1 {padding:150px 0; text-align:center; background:#f2f2f2;} #career .cg-1 h1 {font-size:72px; margin-bottom:20px;} #career .cg-1 h2 {font-size:32px; font-weight:normal; margin-bottom:60px;} #career .cg-1 h3 {font-size:22px; font-weight:normal; line-height:1.8; width:50%; margin:auto;} #career .tg {margin-top:50px;} #career .tg h2 { margin:0; font-size:120px; color:#00b1ad; font-weight:bold;} #career .tg h2 span { position:relative; } #career .tg h2 span b {} #career .tg h2 span em {position:absolute; right:-30px; top:-30px; font-size:32px; font-style:normal;} #career .tg h3 {font-size:44px; font-weight:bold;} #career .tg .line {position:relative; margin:40px auto; width:60%; height:40px; border-bottom:1px solid #333333;} #career .tg .line .vline { position:absolute; left:50%; bottom:0; width:1px; height:40px; background:#333333;} #career .tg .text { width:60%; margin:auto; overflow:hidden;} #career .tg .text h2 {font-size:72px; color:#333333;} #career .tg .text p {font-size:24px;} #career .tg .text .l {float:left; width:50%;} #career .tg .text .l p {} #career .tg .text .r {float:left; width:50%;} #career .tg .text .r p {} /**/ #career .cg-2 { padding:100px 0; text-align:center;} #career .cg-2 h2 {font-size:44px;} #career .cg-2 ul { margin-top:100px; overflow:hidden;} #career .cg-2 ul li {float:left; width:50%; text-align:left;} #career .cg-2 ul li .inner {padding:0 80px 80px; text-align:center;} #career .cg-2 ul li h3 { margin-bottom:30px; font-size:32px; color:#00b1ad; font-weight:normal;} #career .cg-2 ul li p {font-size:18px;} /**/ #career .cg-3 {padding:150px 0; text-align:center; background:#f2f2f2;} #career .cg-3 h1 {font-size:44px; margin-bottom:10px;} #career .cg-3 p {font-size:22px;} #career .cg-3 ul {margin-top:40px;} #career .cg-3 ul li {float:left; width:25%;} #career .cg-3 ul li .inner {margin:20px 20px 0 0; padding:40px 20px; background:#ffffff;} #career .cg-3 ul li .img { margin:auto; width:60px; height:60px;} #career .cg-3 ul li img {} #career .cg-3 ul li p { margin-top:10px; font-size:18px; word-break:keep-all;/*涓嶆崲琛�*/ white-space:nowrap;/*涓嶆崲琛�*/ overflow:hidden;/*鍐呭瓒呭嚭瀹藉害鏃堕殣钘忚秴鍑洪儴鍒嗙殑鍐呭*/ text-overflow:ellipsis;/*褰撳璞″唴鏂囨湰婧㈠嚭鏃舵樉绀虹渷鐣ユ爣璁�(...) 锛涢渶涓巓verflow:hidden;涓�璧蜂娇鐢�*/} /**/ .sel-career .career-group img { display:block; margin:auto; width:100%; transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s;/* Firefox 4 */ -webkit-transition:all 0.3s ease-out 0s;/* Safari 鍜� Chrome */ -o-transition:all 0.3s ease-out 0s;/* Opera */} .sel-career .career-group .btn-area {margin-bottom:100px;} /***** 鏍″洯鎷涜仒 *****/ #campus {} #campus .temp_banner { background:#000000 url("images/temp-banner-8.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} #campus .campus-group {font-size:16px; line-height:2.2;} /**/ #campus .cg-1 {padding:100px 0 50px; text-align:center;} #campus .cg-1 h1 {font-size:36px; margin-bottom:10px;} #campus .cg-1 p {font-size:22px;} #campus .cg-1 ul {margin-top:40px;} #campus .cg-1 ul li {float:left; padding:40px; width:33.333333%;} #campus .cg-1 ul li .img { margin:auto; width:140px; height:140px;} #campus .cg-1 ul li img {} #campus .cg-1 ul li p { margin-top:10px; font-size:16px;} /***** 绀句細鎷涜仒 *****/ #social {} #social .temp_banner { background:#000000 url("images/temp-banner-9.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} #social .social-group {} /**/ .filter { display:none; padding:60px 0 0;} .filter .condition {margin-bottom:5px; font-size:16px;} .filter .condition span {display:block; float:left; padding:5px 0;} .filter .condition .inner {float:left;} .filter .condition .inner ul {float:none; margin-bottom:10px;} .filter .condition ul {float:left;} .filter .condition ul li {float:left;} .filter .condition ul li.sub {position:relative;} .filter .condition ul li .submenu {position:absolute;} .filter .condition ul li .submenu li {float:left;} .filter .condition ul li a {display:inline-block; padding:5px 10px;} .filter .condition ul li a.on {color:#ffffff; background:#009FAB;} /**/ .career-table {margin:40px 0;} .career-table th {} .career-table .col-1 {width:30%;} .career-table .col-2 {width:20%;} .career-table .col-3 {width:10%;} .career-table .col-4 {width:20%;} .career-table .col-5 {width:20%;} .career-table td {} /***** 浜哄湪寮�绔� *****/ #environment {} #environment .temp_banner { background-color:#009FAB;} #environment .temp_main {padding-top:80px;} #environment .news_list {float:none; width:100%; border:none;} /***** 鎶曡祫鑰呭叧绯� *****/ #investor {} #investor .temp_banner {background:#000000 url("images/temp-banner-10.jpg") no-repeat scroll center center / 100% auto; background-size:cover; /*閽堝IE8鐨刪ack锛岀洰鐨勬槸闄ゆ帀涔嬪墠background*/ background: none\9; /*涓嬩竴琛屼负鍏抽敭璁剧疆锛屽浘鐗囩殑璺緞url鍜宻rc蹇呴』涓�鏍凤紝鍚屾椂璺緞閮藉繀椤绘槸缁濆璺緞锛屽叏璺緞锛屾墠鍙互锛屽惁鍒欎細鍑洪敊*/ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/temp-banner-10.jpg', sizingMethod='scale'); } #investor .temp_main {padding:80px 0 0;} .investor-box { margin:auto; width:1240px; overflow:hidden;} /**/ .side-anchor { width:240px; position:relative;} .side-anchor .row {padding-right:0;} .side-anchor .sa {} .cover-layer { position:absolute; top:0; right:-1px; width:200px; height:50px; border-right:4px solid #009FAB;} .side-anchor ul {overflow:hidden;} .side-anchor ul li {border-bottom:1px solid #f2f2f2;} .side-anchor ul li a {display:block; width:100%; height:49px; line-height:49px; font-size:16px; text-align:right; padding-right:25px; color:#1e1e1e;} .side-anchor ul li a:hover { color:#009FAB;} .side-anchor ul li a.on {color:#009FAB;} .target-fix {position:fixed; top:90px;} .target-fix-2 {top:auto; bottom:372px;} /**/ .article-content {width:1000px; border-left:1px solid #f2f2f2;} .article-content .info-list {margin-left:60px;} /**/ .info-item {margin-bottom:60px; padding-bottom:30px; border-bottom:1px solid #f2f2f2;} .info-title h2 {font-size:22px; margin-bottom:20px; color:#009FAB;} .info-con {font-size:16px;} .info-con p {margin-bottom:20px;} .info-con p.bold {} .info-con a {color:#009FAB;} .info-con p .investor-tree {width:50%; margin:auto;} .info-con .note {font-size:12px; color:#b2b2b2;} .info-con .table-list {margin-bottom:40px;} #investor .anchor {top:-90px;} /* A */ /**/ table { border-collapse:collapse; border-spacing:0; width:100%; margin-bottom:10px;} table .even {background:#f2f8fc;} table .odd {background:#ffffff;} table th { padding:12px 20px; text-align:left; font-size:14px; color:#4d4d4d; border-bottom:1px solid #f2f2f2; background:#ffffff;} table td {padding:12px 20px; font-size:14px; text-align:left;} /**/ .A-table-1 {} .A-table-1 .col-1 {width:10%;} .A-table-1 .col-2 {width:50%;} .A-table-1 .col-3 {width:20%;} .A-table-1 .col-4 {width:20%;} /**/ .A-table-2 {} .A-table-2 .col-1 {width:25%;} .A-table-2 .col-2 {width:20%;} .A-table-2 .col-3 {width:40%;} .A-table-2 .col-4 {width:15%;} /**/ .A-table-3 {} .A-table-3 .col-1 {width:40%;} .A-table-3 .col-2 {width:30%;} .A-table-3 .col-3 {width:30%;} /**/ .A-table-4 {} .A-table-4 .col-1 {width:30%;} .A-table-4 .col-2 {width:20%;} .A-table-4 .col-3 {width:30%;} .A-table-4 .col-4 {width:20%;} /**/ .A-table-5 {} .A-table-5 .col-1 {width:40%;} .A-table-5 .col-2 {width:30%;} .A-table-5 .col-3 {width:30%;} /* B */ /**/ .B-table-1 {} .B-table-1 .col-1 {width:35%;} .B-table-1 .col-2 {width:25%;} .B-table-1 .col-3 {width:25%;} .B-table-1 .col-4 {width:15%;} /**/ .B-table-2 {} .B-table-2 .col-1 {width:35%;} .B-table-2 .col-2 {width:25%;} .B-table-2 .col-3 {width:25%;} .B-table-2 .col-4 {width:15%;} /**/ .B-table-3 {} .B-table-3 .col-1 {width:15%;} .B-table-3 .col-2 {width:40%;} .B-table-3 .col-3 {width:15%;} .B-table-3 .col-4 {width:15%;} .B-table-3 .col-5 {width:15%;} /* C */ img.realstock {width:50%; margin-bottom:80px;} /* D */ /**/ .D{} .D-table-1 {} .D-table-1 .col-1 {width:25%;} .D-table-1 .col-2 {width:25%;} .D-table-1 .col-3 {width:25%;} .D-table-1 .col-4 {width:50%;} .D-table-2 a {color:#4d4d4d;} .D-table-2 a:hover {color:#009FAB;} /**/ .D-table-2 {} .D-table-2 .col-1 {width:80%;} .D-table-2 .col-2 {width:20%;} /* E */ /**/ .E{} .E-table-1 {} .E-table-1 .col-1 {width:80%;} .E-table-1 .col-2 {width:20%;} .E-table-1 a {color:#4d4d4d;} .E-table-1 a:hover {color:#009FAB;} /* F */ /**/ .F{} .notice {} .notice ul {} .notice ul li { margin-bottom:20px; overflow:hidden;} .notice ul li a {float:left; width:90%; font-size:16px; color:#333333;} .notice ul li a:hover {color:#009FAB;} .notice ul li span {float:right; width:10%; text-align:right; font-size:14px; color:#b2b2b2; line-height:1.5;} /* G */ /**/ .G{} /* H */ /**/ .H{} .H-table-1 {} .H-table-1 .col-1 {width:20%;} .H-table-1 .col-2 {width:80%;} /* I */ /**/ .I{} /* J */ /**/ .J{} /* K */ /**/ .K{} /* L */ /**/ .L{border:none; padding-bottom:0;} /***** 鐧诲綍銆佹敞鍐� *****/ .sel-login {} /**/ .sel-login .navigation {background:none;} .sel-login .navigation .logo {color:#ffffff;} .sel-login .menu li a {color:#ffffff;} .sel-login .menu li .nav_submenu li a {color:#333333;} /**/ .sel-login .temp_banner { margin:0; height:200px; background:#000000 url("../images/temp-banner-13.jpg") no-repeat scroll center center / 100% auto; background-size:cover;} .sel-login .temp_banner::before {height:200px;} /**/ .sel-login .form { position:relative; margin:-175px auto 0; padding:40px; width:500px; background:#ffffff; box-shadow:0 20px 40px #f2f2f2;} .sel-login .form h1 {text-align:center; font-size:22px; margin-bottom:30px;} /**/ .sel-login .temp_main {padding-top:80px;} /**/ .sel-login .copyright {border:none;} /***** 棣栭〉鎶�鏈偣 *****/ .tech-point-box {padding:90px 0 0;} /* normal */ .tech-point-box .topic img {display:block;} /**/ .tech-point-box .topic_text { padding:0 0 100px; text-align:center; color:#ffffff; background:#000000;} .tech-point-box .topic_text h1 {font-size:72px;} .tech-point-box .topic_text h2 {margin:10px 0 10px 0; font-size:32px;} .tech-point-box .topic_text p {font-size:22px; line-height:2; width:70%; margin:40px auto 0;} /**/ .tech-point-box .list_text { padding:100px 0px; text-align:center;} .tech-point-box .list_text h2 {margin:0 0 30px 0; font-size:44px;} .tech-point-box .list_text p {font-size:22px; line-height:2; width:70%; margin:auto;} /**/ .tech-point-box .list {} .tech-point-box .list ul {text-align:center; width:70%; margin:auto;} .tech-point-box .list ul li {margin-bottom:100px;} .tech-point-box .list ul li:last-child {margin:0;} .tech-point-box .list ul li h2 {font-size:32px; margin-bottom:30px;} .tech-point-box .list ul li img {display:block; width:100%;} .tech-point-box .list ul li p { margin-top:20px; font-size:22px; color:#4d4d4d; text-align:left;} /**/ .tech-point-box .text {} .tech-point-box .text h2 {font-size:24px; margin:60px 0 20px;} .tech-point-box .text p {font-size:18px;} .tech-point-box .text ul {margin-top:80px;} .tech-point-box .text ul li { float:left; width:33.333333%; margin-bottom:40px;} .tech-point-box .text ul li .inner { padding-right:20px; overflow:hidden;} .tech-point-box .text ul li img {} .tech-point-box .text ul li h4 {margin:20px 0 10px;} .tech-point-box .text ul li p {font-size:14px;} /* .stp-1 */ .stp-1 .topic { padding:5% 5% 0 0; background:#000022;} .stp-1 .topic_text { padding:0 0 100px; background:#000022;} .stp-1 .col {} .stp-1 .col .tp {padding:100px 0;} .stp-1 .col .tp p {font-size:22px; width:60%; margin:auto; text-align:center;} .stp-1 .col .tp2 { text-align:center; color:#ffffff; background:#000022;} .stp-1 .col .tp2 h2 {font-size:44px;} .stp-1 .col .tp2 ul {margin:80px auto 0; width:80%; overflow:hidden;} .stp-1 .col .tp2 ul li {float:left; width:33.333333%;} .stp-1 .col .tp2 ul li p {opacity:0.8; line-height:1;} .stp-1 .col .tp2 ul li span {font-size:22px; opacity:0.8;} .stp-1 .col .tp2 ul li h4 { margin-top:20px; font-size:72px;} .stp-1 .col .tp2 ul li h4 span {padding:0 10px; font-size:22px; opacity:1;} .stp-1 .col .tp3 {border-bottom:1px solid #f2f2f2;} /* .stp-2 */ .stp-2 .topic_text { padding:100px 0 0; background:#000000;} .stp-2 .topic { padding:50px 0 100px; background:#000000;} .stp-2 .topic img {width:70%; margin:auto;} .stp-2 .text { padding:0 0 80px; background:#000000; color:#FFFFFF;} .stp-2 .text p { width:70%; margin:auto;} .stp-2 .text .picbox {width:70%; margin:auto; overflow:hidden;} .stp-2 .text ul { float:left; width:50%; padding:0 10px; overflow:hidden;} .stp-2 .text ul:nth-child(1) {padding-left:0;} .stp-2 .text ul li {float:left; width:50%; padding:0 20px 0 0; text-align:center;} /**/ .stp-2 .text ul:nth-child(2) {padding-right:0;} .stp-2 .text ul:nth-child(2) li {padding:0 0 0 20px;} .stp-2 .text ul li img {border-radius:100%;} .stp-2 .text ul li p { margin-top:10px; opacity:0.5;} /* .stp-3 */ .stp-3 .tech-point-box .topic { position:relative; padding:0; background:#000000;} .stp-3 .topic h1 {font-size:72px; color:#FFFFFF; position:absolute; left:0; top:250px; z-index:2; width:100%; text-align:center; text-shadow:0 20px 20px #000000;} /* .stp-4 */ .stp-4 .topic_text { padding:100px 0 0; background:#000000;} .stp-4 .topic { padding:100px 0 150px; background:#000000;} .stp-4 .topic img {width:70%; margin:auto;} /***** 浣跨敤鏉℃ *****/ #terms {} #terms .navigation {border-bottom:1px solid #f2f2f2;} #terms .copyright {border-top:1px solid #f2f2f2;} .terms-box {padding:160px 0; width:60%; margin:auto;} .terms-box h1 {text-align:center; font-size:32px;} .terms-box .col {margin:40px 0;} .terms-box h2 {font-size:22px; margin-bottom:20px;} .terms-box p {font-size:16px; margin-bottom:10px;}