@CHARSET "UTF-8"; /************************** 公共 **************************/ *{ padding: 0px;margin: 0px;font-family:'Microsoft YaHei','Hiragino Sans GB'; } body {margin: 0px ;padding: 0px;border: 0px; } li{list-style: none;} a{text-decoration: none;} a:hover { text-decoration: none; } a:active { text-decoration: none; } .textcenter{text-align: center;} .clear{clear:both;} .fp-tableCell{display: block;} .binput{outline: none;} ::selection{background: #666666;color: #fff;} /*.horizontal section {display: inline-block;vertical-align: top;height: 100%;} .soluplace {position: relative;width: 100%;} .yellowbg a{font: inherit;color: #4b4b4b;} .bgpic03 {position: absolute;margin: auto;left: 0;width: 100%;top: 0;height: 30%z-index: 0;} .bgpic04 {position: absolute;margin: auto;left: 10%;width: 100%;top: 70%;z-index: 3;}*/ /*********************** 頭部 ***********************/ /******************* 導航條 *******************/ .navbg{position: fixed;z-index: 9;width: 100%;background: white;height: 100px;opacity: 0;-webkit-transform: translateZ(0);} .btn_menu{float: left; margin: 2em 0 0 2.9em; width: 62px; height: 30px; z-index: 10;} .navul li,.navul img{float: left;} .navul{display: inline-block; float: none;font-size: 23px; font-family: 'Hiragino Sans GB','Microsoft YaHei';} .awhite a{color:#fff !important;} .btnbgb{background-image: url("../images/s_menu_b.jpg")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/s_menu_b.jpg*/;} .menubtn{float: left; margin: 2em 0 0 2.9em; width: 30px; height: 30px; z-index: 10;} #pxhonenav{display: none;} @media screen and (max-width:600px){ header nav{min-width: 0px !important;} #pxhonenav{display: block;width: 100%} .phonemenu_tw{width: 78px;text-indent: -9999;background: url("../images/phone/logo.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/logo.png*/ no-repeat;background-position:3px -43px;background-size: 165px;height: 40px;margin-top:0;display: inline-block;margin-top: 5px;} .phonemenu_zh{width: 78px;text-indent: -9999;background: url("../images/phone/logo.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/logo.png*/ no-repeat;background-position:3px 0px;background-size: 165px;height: 40px;margin-top:0;display: inline-block; margin-top: 5px;} } /**********************************************/ /***** index-menu1 *****/ .menuw01>a{width: 50px;text-indent: -9999;background: url("../images/nav/indexnavtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavtw.png*/ no-repeat;background-position: -25px -49px;margin-right:100px;height: 40px;margin-top:35px;display: inline-block;} .menuw01>a:hover{background-position: -25px -178px;} .active.menuw01>a{background-position: -25px -306px;} .menuw01z>a{width: 50px;text-indent: -9999;background: url("../images/nav/indexnavzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavzh.png*/ no-repeat;background-position: -25px -48px;margin-right:100px;height: 40px;margin-top:35px;display: inline-block;} .menuw01z>a:hover{background-position: -25px -177px;} .active.menuw01z>a{background-position: -25px -306px;} /***** index-menu2 *****/ .menuw02>a{width: 93px;text-indent: -9999;background: url("../images/nav/indexnavtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavtw.png*/ no-repeat;background-position: -170px -49px;height: 40px;margin-top:35px;display: inline-block;margin-right:74px;} .menuw02>a:hover{background-position: -169px -177px;} .active.menuw02>a{background-position: -169px -306px;} .menuw02z>a{width: 93px;text-indent: -9999;background: url("../images/nav/indexnavzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavzh.png*/ no-repeat;background-position: -169px -49px;height: 40px;margin-top:35px;display: inline-block;margin-right:74px;} .menuw02z>a:hover{background-position: -169px -177px;} .active.menuw02z>a{background-position: -169px -306px;} /***** index-menu3 *****/ .menuw03>a{width: 95px;text-indent: -9999;background: url("../images/nav/indexnavtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavtw.png*/ no-repeat;background-position: -331px -49px;height: 40px;margin-top:35px;display: inline-block;margin-right:74px;} .menuw03>a:hover{background-position: -331px -177px;} .active.menuw03>a{background-position: -331px -306px;} .menuw03z>a{width: 95px;text-indent: -9999;background: url("../images/nav/indexnavzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavzh.png*/ no-repeat;background-position: -331px -49px;height: 40px;margin-top:35px;display: inline-block;margin-right:74px;} .menuw03z>a:hover{background-position: -331px -177px;} .active.menuw03z>a{background-position: -331px -306px;} /***** index-menuimg *****/ .menuwimg{width: 70px;text-indent: -9999;background: url("../images/nav/indexnavtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavtw.png*/ no-repeat;background-position:-490px -16px;height: 98px;margin-top:0;display: inline-block; } .menuwimgz{width: 70px;text-indent: -9999;background: url("../images/nav/indexnavzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavzh.png*/ no-repeat;background-position:-490px -16px;height: 98px;margin-top:0;display: inline-block; } .menuwimgm{width: 70px;text-indent: -9999;background: url("../images/nav/mindexnavtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/mindexnavtw.png*/ no-repeat;background-position:-490px -16px;height: 98px;margin-top:0;display: inline-block; } .menuwimgzm{width: 70px;text-indent: -9999;background: url("../images/nav/mindexnavzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/mindexnavzh.png*/ no-repeat;background-position:-490px -16px;height: 107px;margin-top:0;display: inline-block; } /***** index-menu4 *****/ .menuw04>a{width: 97px;text-indent: -9999;background: url("../images/nav/indexnavtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavtw.png*/ no-repeat;background-position: -626px -49px;height: 40px;margin-top:35px;display: inline-block;margin-left:74px;} .menuw04>a:hover{background-position: -625px -177px;} .active.menuw04>a{background-position: -625px -306px;} .menuw04z>a{width: 97px;text-indent: -9999;background: url("../images/nav/indexnavzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavzh.png*/ no-repeat;background-position: -625px -49px;height: 40px;margin-top:35px;display: inline-block;margin-left:74px;} .menuw04z>a:hover{background-position: -625px -177px;} .active.menuw04z>a{background-position: -625px -306px;} /***** index-menu5 *****/ .menuw05>a{width: 97px;text-indent: -9999;background: url("../images/nav/indexnavtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavtw.png*/ no-repeat;background-position: -787px -49px;height: 40px;margin-top:35px;display: inline-block;margin-left:74px;} .menuw05>a:hover{background-position: -787px -177px;} .active.menuw05>a{background-position: -787px -306px;} .menuw05z>a{width: 97px;text-indent: -9999;background: url("../images/nav/indexnavzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavzh.png*/ no-repeat;background-position: -787px -49px;height: 40px;margin-top:35px;display: inline-block;margin-left:74px;} .menuw05z>a:hover{background-position: -787px -177px;} .active.menuw05z>a{background-position: -787px -306px;} /***** index-menu6 *****/ .menuw06>a{width: 97px;text-indent: -9999;background: url("../images/nav/indexnavtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavtw.png*/ no-repeat;background-position: -951px -49px;height: 40px;margin-top:35px;display: inline-block;margin-left:74px;} .menuw06>a:hover{background-position: -951px -177px;} .active.menuw06>a{background-position: -951px -306px;} .menuw06z>a{width: 97px;text-indent: -9999;background: url("../images/nav/indexnavzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/indexnavzh.png*/ no-repeat;background-position: -951px -49px;height: 40px;margin-top:35px;display: inline-block;margin-left:74px;} .menuw06z>a:hover{background-position: -951px -177px;} .active.menuw06z>a{background-position: -951px -306px;} /***** menu1 *****/ .menub01>a{width: 50px;text-indent: -9999;background: url("../images/nav/navtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navtw.png*/ no-repeat;background-position: -25px -49px;margin-right:100px;height: 40px;margin-top:35px;display: inline-block;} .menub01>a:hover{background-position: -25px -178px;} .menub01z>a{width: 50px;text-indent: -9999;background: url("../images/nav/navzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navzh.png*/ no-repeat;background-position: -25px -48px;margin-right:100px;height: 40px;margin-top:35px;display: inline-block;} .menub01z>a:hover{background-position: -25px -177px;} /***** menu2 *****/ .menub02>a{width: 93px;text-indent: -9999;background: url("../images/nav/navtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navtw.png*/ no-repeat;background-position: -170px -49px;height: 40px;margin-top:35px;display: inline-block;margin-right:74px;} .menub02>a:hover{background-position: -169px -177px;} .menub02z>a{width: 93px;text-indent: -9999;background: url("../images/nav/navzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navzh.png*/ no-repeat;background-position: -169px -49px;height: 40px;margin-top:35px;display: inline-block;margin-right:74px;} .menub02z>a:hover{background-position: -169px -177px;} /***** menuimg *****/ .menuimg{width: 70px;text-indent: -9999;background: url("../images/nav/navtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navtw.png*/ no-repeat;background-position:-490px -16px;height: 98px;margin-top:0;display: inline-block; } .menuimgz{width: 70px;text-indent: -9999;background: url("../images/nav/navzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navzh.png*/ no-repeat;background-position:-490px -16px;height: 98px;margin-top:0;display: inline-block; } .menuimgm{width: 70px;text-indent: -9999;background: url("../images/nav/mnavtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/mnavtw.png*/ no-repeat;background-position:-490px -16px;height: 98px;margin-top:0;display: inline-block; } .menuimgzm{width: 70px;text-indent: -9999;background: url("../images/nav/mnavzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/mnavzh.png*/ no-repeat;background-position:-490px -16px;height: 98px;margin-top:0;display: inline-block;} /***** menu3 *****/ .menub03>a{width: 95px;text-indent: -9999;background: url("../images/nav/navtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navtw.png*/ no-repeat;background-position: -331px -49px;height: 40px;margin-top:35px;display: inline-block;margin-right:74px;} .menub03>a:hover{background-position: -331px -177px;} .active.menub03>a{background-position: -331px -306px;} .menub03z>a{width: 95px;text-indent: -9999;background: url("../images/nav/navzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navzh.png*/ no-repeat;background-position: -331px -49px;height: 40px;margin-top:35px;display: inline-block;margin-right:74px;} .menub03z>a:hover{background-position: -331px -177px;} .active.menub03z>a{background-position: -331px -306px;} /***** menu4 *****/ .menub04>a{width: 97px;text-indent: -9999;background: url("../images/nav/navtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navtw.png*/ no-repeat;background-position: -626px -49px;height: 40px;margin-top:35px;display: inline-block;margin-left:74px;} .menub04>a:hover{background-position: -625px -177px;} .active.menub04>a{background-position: -625px -306px;} .menub04z>a{width: 97px;text-indent: -9999;background: url("../images/nav/navzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navzh.png*/ no-repeat;background-position: -625px -49px;height: 40px;margin-top:35px;display: inline-block;margin-left:74px;} .menub04z>a:hover{background-position: -625px -177px;} .active.menub04z>a{background-position: -625px -306px;} /***** menu5 *****/ .menub05>a{width: 97px;text-indent: -9999;background: url("../images/nav/navtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navtw.png*/ no-repeat;background-position: -787px -49px;height: 40px;margin-top:35px;display: inline-block;margin-left:74px;} .menub05>a:hover{background-position: -787px -177px;} .active.menub05>a{background-position: -787px -306px;} .menub05z>a{width: 97px;text-indent: -9999;background: url("../images/nav/navzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navzh.png*/ no-repeat;background-position: -787px -49px;height: 40px;margin-top:35px;display: inline-block;margin-left:74px;} .menub05z>a:hover{background-position: -787px -177px;} .active.menub05z>a{background-position: -787px -306px;} /***** menu6 *****/ .menub06>a{width: 97px;text-indent: -9999;background: url("../images/nav/navtw.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navtw.png*/ no-repeat;background-position: -951px -49px;height: 40px;margin-top:35px;display: inline-block;margin-left:74px;} .menub06>a:hover{background-position: -951px -177px;} .menub06z>a{width: 97px;text-indent: -9999;background: url("../images/nav/navzh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/nav/navzh.png*/ no-repeat;background-position: -951px -49px;height: 40px;margin-top:35px;display: inline-block;margin-left:74px;} .menub06z>a:hover{background-position: -951px -177px;} /****************************************************/ /********************** 側邊欄 **********************/ #btncbl{background-size: 100% 100%; width: 45px; height:45px; border: 0; display: inline-block;outline: none;} #aaron,#aaron_sy {width:425px;background-color: #3c3c3c;color: #fff;z-index: 4000;position: fixed;display: none;opacity: 0.95;font-size: 16px;font-family: 'Hiragino Sans GB','Microsoft YaHei';left: 0;top: 0;-webkit-transform: translateZ(0);} #sb_containers,#sb_container {width: 425px;height: 100%;position: relative;z-index: 4000;} #sidebar1 {position: absolute;top: 15%;left: 16%;width: 300px;z-index: 4000;} #delete {cursor: pointer;text-align: left;position: absolute;margin: 1.8em 0 0 2.7em;width: 50px;height: 50px;} #sbtubiao img {margin: 0 2px;} .sbz01{width: 100px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -163px -230px;height: 30px;margin-top:23px;display: inline-block;} .sbz01z{width: 100px;text-indent: -9999;background: url("../images/sidebarz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebarz.png*/ no-repeat;background-position: -163px -230px;height: 30px;margin-top:23px;display: inline-block;} .sbz02{width: 100px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -163px -305px;height: 30px;margin-top:23px;display: inline-block;} .sbz02z{width: 100px;text-indent: -9999;background: url("../images/sidebarz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebarz.png*/ no-repeat;background-position: -163px -305px;height: 30px;margin-top:23px;display: inline-block;} .sbz03{width: 50px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -95px -380px;height: 30px;margin-top:23px;display: inline-block;} .sbz04,.language-chooser-item-tw a{width: 50px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -187px -380px;height: 30px;margin-top:23px;display: inline-block;} .language-chooser,.language-chooser-item-tw,.language-chooser-item-zh {display: inline-block;} .sbzl,.ver_tw{width: 25px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -155px -380px;height: 30px;margin-top:23px;display: inline-block;} .sbz05,.language-chooser-item-zh a{width: 50px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -275px -380px;height: 30px;margin-top:23px;display: inline-block;} .sbz06{width: 35px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -77px -458px;height: 30px;margin-top:23px;display: inline-block;} .sbz07{width: 35px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -127px -458px;height: 30px;margin-top:23px;margin-left: 15px;display: inline-block;} .sbz08{width: 35px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -169px -458px;height: 30px;margin-top:23px;margin-left: 11px;display: inline-block;} .sbz09{width: 35px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -212px -458px;height: 30px;margin-top:23px;margin-left: 4px;display: inline-block;} .sbz10{width: 35px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -265px -458px;height: 30px;margin-top:23px;margin-left: 13px;display: inline-block;} .sbz11{width: 35px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -318px -458px;height: 30px;margin-top:23px;margin-left: 11px;display: inline-block;} .sbzsearch{width: 280px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -79px -675px;height: 30px;display: inline-block;} .sbzad{width: 280px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -78px -775px;height: 30px;display: inline-block;margin-top: 10px;} .sbz01:hover,.sbz01.active{background-position: -590px -229px;} .sbz01z:hover,.sbz01z.active{background-position: -590px -229px;} .sbz02:hover,.sbz02.active{background-position: -590px -306px;} .sbz02z:hover,.sbz02z.active{background-position: -590px -306px;} .sbz03:hover{background-position: -522px -380px;} .sbz04:hover,.language-chooser-item-tw a:hover,.language-chooser-item-tw.active a{background-position: -614px -379px;} .sbz05:hover,.language-chooser-item-zh a:hover,.language-chooser-item-zh.active a{background-position: -702px -379px;} .sbz06:hover{background-position: -503px -457px;} .sbz07:hover{background-position: -553px -457px;} .sbz08:hover{background-position: -595px -457px;} .sbz09:hover{background-position: -638px -457px;} .sbz10:hover{background-position: -691px -457px;} .sbz11:hover{background-position: -744px -457px;} .sbzsearch:hover{background-position: -505px -675px;} .sbzad:hover{background-position: -505px -774px;} .cbemail{width: 247px;text-indent: -9999;background: url("../images/cbemailfont.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/cbemailfont.png*/ no-repeat;background-position: -0px -0px;height: 35px;display: inline-block;} .cbemail:hover{background-position: -0px -35px;} /*** 手機版 ***/ .btn_menup{float: left; position: absolute;width: 32px; left: 5%;top: 10px;height: 32px; z-index: 10;} #btncblp{width: 30px; height: 30px;border: 0; display: inline-block;outline: none;} .phonebtnbg{background:none;background-image: url("../images/s_menu_b.jpg")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/s_menu_b.jpg*/; background-size: 100% 100%;} #phone_aaron{width: 100%;background-color: #3c3c3c;color: #fff;z-index: 4000;position: fixed;display: none;opacity: 0.95;font-size: 16px;font-family: 'Hiragino Sans GB','Microsoft YaHei';left: 0;top: 0;-webkit-transform: translateZ(0);} #p_container{width: 100%;height: 100%;position: relative;z-index: 4000;} #deletep {cursor: pointer;text-align: left;position: absolute;margin: 8px 0 0 5%;width: 32px;height: 32px;} #sidebar1 {position: absolute;top: 15%;left: 50%;margin-left: -150px;width: 300px;z-index: 4000;} .phsbfont{width: 88px;height:30px;color: #dedede;margin: 17px auto 10px auto;font-size: 17px;letter-spacing: 3px;} .phsb01{width: 88px;text-indent: -9999;background: url("../images/phone/totalsidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/totalsidebar.png*/ no-repeat;background-position: -73px -123px;height: 30px;margin-top:17px;display: inline-block;} .phsb01z{width: 88px;text-indent: -9999;background: url("../images/phone/totalsidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/totalsidebar.png*/ no-repeat;background-position: -73px -123px;height: 30px;margin-top:17px;display: inline-block;} .phsb02{width: 88px;text-indent: -9999;background: url("../images/phone/totalsidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/totalsidebar.png*/ no-repeat;background-position: -225px -121px;height: 30px;margin-top:17px;display: inline-block;} .phsb02z{width: 88px;text-indent: -9999;background: url("../images/phone/totalsidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/totalsidebar.png*/ no-repeat;background-position: -225px -121px;height: 30px;margin-top:17px;display: inline-block;} .phsb03{width: 88px;text-indent: -9999;background: url("../images/phone/totalsidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/totalsidebar.png*/ no-repeat;background-position: -75px -181px;height: 30px;margin-top:17px;display: inline-block;} .phsb03z{width: 88px;text-indent: -9999;background: url("../images/phone/totalsidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/totalsidebar.png*/ no-repeat;background-position: -75px -181px;height: 30px;margin-top:17px;display: inline-block;} .phsb04{width: 88px;text-indent: -9999;background: url("../images/phone/totalsidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/totalsidebar.png*/ no-repeat;background-position: -225px -181px;height: 30px;margin-top:17px;display: inline-block;} .phsb04z{width: 88px;text-indent: -9999;background: url("../images/phone/totalsidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/totalsidebar.png*/ no-repeat;background-position: -225px -181px;height: 30px;margin-top:17px;display: inline-block;} .phsb05{width: 88px;text-indent: -9999;background: url("../images/phone/totalsidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/totalsidebar.png*/ no-repeat;background-position: -75px -235px;height: 30px;margin-top:17px;margin-bottom:5px;display: inline-block;} .phsb05z{width: 88px;text-indent: -9999;background: url("../images/phone/totalsidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/totalsidebar.png*/ no-repeat;background-position: -75px -235px;height: 30px;margin-top:17px;margin-bottom:5px;display: inline-block;} .phsb06{width: 88px;text-indent: -9999;background: url("../images/phone/totalsidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/totalsidebar.png*/ no-repeat;background-position: -225px -237px;height: 30px;margin-top:17px;margin-bottom:5px;display: inline-block;} .phsb06z{width: 88px;text-indent: -9999;background: url("../images/phone/totalsidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/phone/totalsidebar.png*/ no-repeat;background-position: -225px -237px;height: 30px;margin-top:17px;margin-bottom:5px;display: inline-block;} .sbz03{width: 50px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -95px -380px;height: 30px;margin-top:23px;display: inline-block;} .sbz04,.language-chooser-item-tw a{width: 50px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -187px -380px;height: 30px;margin-top:23px;display: inline-block;} .language-chooser,.language-chooser-item-tw,.language-chooser-item-zh {display: inline-block;} .sbzl,.ver_tw{width: 25px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -155px -380px;height: 30px;margin-top:23px;display: inline-block;} .sbz05,.language-chooser-item-zh a{width: 50px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -275px -380px;height: 30px;margin-top:23px;display: inline-block;} .sbz06{width: 35px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -77px -458px;height: 30px;margin-top:23px;display: inline-block;} .sbz07{width: 35px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -127px -458px;height: 30px;margin-top:23px;margin-left: 15px;display: inline-block;} .sbz08{width: 35px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -169px -458px;height: 30px;margin-top:23px;margin-left: 11px;display: inline-block;} .sbz09{width: 35px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -212px -458px;height: 30px;margin-top:23px;margin-left: 4px;display: inline-block;} .sbz10{width: 35px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -265px -458px;height: 30px;margin-top:23px;margin-left: 13px;display: inline-block;} .sbz11{width: 35px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -318px -458px;height: 30px;margin-top:23px;margin-left: 11px;display: inline-block;} .sbzsearch{width: 280px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -79px -675px;height: 30px;display: inline-block;} .sbzad{width: 280px;text-indent: -9999;background: url("../images/sidebar.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sidebar.png*/ no-repeat;background-position: -78px -775px;height: 30px;display: inline-block;margin-top: 10px;} .cbemail{width: 247px;text-indent: -9999;background: url("../images/cbemailfont.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/cbemailfont.png*/ no-repeat;background-position: -0px -0px;height: 35px;display: inline-block;} /****************************************************/ /**********************************************************/ /************************** 微信 **************************/ #wxclose{ background:url("../images/close.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/close.png*/ no-repeat; width:30px; height:30px; cursor:pointer; position:absolute; right:12px; top:12px; text-indent:-999em;} #wxclose:hover{ background:url("../images/closey.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/closey.png*/ no-repeat; } #wxmask{ background-color:#4d4d4d;opacity:0.5;filter: alpha(opacity=50); position:fixed; left:0;top:0;z-index:9996;} #wxlogin{ position:fixed;z-index:9997;} #wxewm{position: absolute;left: 25px;top: 59px;width: 227px;height: 227px;z-index:9998;} .weixinCon{ position:relative; width:277px;height:399px;background:url("../images/weixinbg.jpg")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/weixinbg.jpg*/ #fff center center no-repeat;border-radius:5px;-moz-box-shadow:2px 3px 20px rgba(0,0,0,.4); -webkit-box-shadow:2px 3px 20px rgba(0,0,0,.4); box-shadow:2px 3px 20px rgba(0,0,0,.4);} .weixinConfx{ position:relative; width:277px;height:399px;background:url("../images/weixinfxbg.jpg")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/weixinfxbg.jpg*/ #fff center center no-repeat;border-radius:5px;-moz-box-shadow:2px 3px 20px rgba(0,0,0,.4); -webkit-box-shadow:2px 3px 20px rgba(0,0,0,.4); box-shadow:2px 3px 20px rgba(0,0,0,.4);} /**********************************************************/ /************************** 首頁 **************************/ @media screen and (max-width:1024px){ #dowebok { width: 1024px } } /********************* 首頁公共 *********************/ .section{ text-align: center; font: 16px 'Hiragino Sans GB','Microsoft YaHei'; } /****************************************************/ /******************* 首頁section1 *******************/ /* 20190226 Logue改 START */ /*.shouye01video{margin:100px auto 0 auto;width: 92%;height: 88%}*/ .shouye01video{margin:100px auto 0 auto;width: 100%;} /* 20190226 Logue改 END */ @media screen and (max-width:1024px){ .shouye01video{margin:100px auto 0 auto;width: 1024px;height: 70%} } .sy01{ width: 32px; text-indent: -9999; background: url("../images/index/shouye.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/shouye.png*/ no-repeat; background-position: -16px -15px; margin-right:80px; height: 220px; margin-top:35px; display: inline-block; } .sy02{ width: 32px; text-indent: -9999; background: url("../images/index/shouye.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/shouye.png*/ no-repeat; background-position: -153px -25px; height: 25px; margin-top:35px; display: inline-block; } .sy03,.language-item-tw a{ width: 32px; text-indent: -9999; background: url("../images/index/shouye.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/shouye.png*/ no-repeat; background-position: -153px -115px; height: 25px; margin-top:60px; display: inline-block; } .sy04,.language-item-zh a{ width: 32px; text-indent: -9999; background: url("../images/index/shouye.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/shouye.png*/ no-repeat; background-position: -153px -205px; height: 25px; margin-top:60px; display: inline-block; } .sy05{ width: 32px; text-indent: -9999; background: url("../images/index/shouye.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/shouye.png*/ no-repeat; background-position: -8px -282px; height: 32px; display: inline-block; } .sy06{ width: 32px; text-indent: -9999; background: url("../images/index/shouye.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/shouye.png*/ no-repeat; background-position: -10px -342px; height: 32px; display: inline-block; } .sy07{ width: 32px; text-indent: -9999; background: url("../images/index/shouye.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/shouye.png*/ no-repeat; background-position: -55px -342px; height: 32px; margin-left: 11px; display: inline-block; } .sy08{ width: 32px; text-indent: -9999; background: url("../images/index/shouye.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/shouye.png*/ no-repeat; background-position: -95px -342px; height: 32px; margin-left: 5px; display: inline-block; } .sy09{ width: 32px; text-indent: -9999; background: url("../images/index/shouye.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/shouye.png*/ no-repeat; background-position: -129px -342px; height: 32px; display: inline-block; } .sy10{ width: 35px; text-indent: -9999; background: url("../images/index/shouye.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/shouye.png*/ no-repeat; background-position: -176px -342px; height: 32px; margin-left: 10px; display: inline-block; } .sy11{ width: 32px; text-indent: -9999; background: url("../images/index/shouye.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/shouye.png*/ no-repeat; background-position: -224px -342px; height: 32px; display: inline-block; } .sy01:hover{ background-position: -80px -15px; } .sy02:hover{ background-position: -212px -25px; } .sy03:hover,.language-item-tw a:hover,.language-item-tw.active a{ background-position: -212px -115px;} .sy04:hover,.language-item-zh a:hover,.language-item-zh.active a{ background-position: -212px -205px;} .sy05:hover{ width: 200px; background-position: -60px -282px; } .sy05:hover .extra span, .sy05:hover .extra input{ display:inline-block; } .sy05:hover .extra{ margin-left:30px; opacity: 1; text-align:center; width:155px; height: 25px; padding-top: 3.5px; } .sy05 .extra{ float:left; font-size:18px; opacity:0; position:relative; text-transform:uppercase; width:0px; transition:all 0.001s linear; -moz-transition:all 0.001s linear; -o-transition:all 0.001s linear; -webkit-transition:all 0.001s linear; } .sy05 .extra span, .sy05 .extra input { display:none; } .sy06:hover{ background-position: -10px -390px; } .sy07:hover{ background-position: -55px -390px; } .sy08:hover{ background-position: -95px -390px; } .sy09:hover{ background-position: -129px -390px; } .sy10:hover{ background-position: -176px -390px; } .sy11:hover{ background-position: -224px -390px; } .extra input{ width:155px; height: 25px; border: none; background: none; outline: none; } .ag7-main{ width: 89%; margin: 0 auto; } .ag7-bannerslide{ position: relative; margin-bottom: 50px; z-index: 0 } .ag7-bannerslide .slidebox{ position: relative; height: 440px; z-index: 0} .ag7-bannerslide .slidebox li{ display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 0} .ag7-bannerslide a img{ display: block; max-width: 100%;} .ag7-bannerslide1 .slideinfo{ width: 57px; height: 108px; position: absolute; right: 10%; top: 39%; z-index: 9999; color: #fff; } .ag7-bannerslide1 .slidelist{ height: 108px; width: 57px; padding: 9px 0; position: relative; } .ag7-bannerslide1 .slidelist ul{ text-align: center; } .ag7-bannerslide1 .slidelist ul li{ margin: 14px 4px 0 4px; width: 50px; height: 22px; cursor: pointer; } .ag7-bannerslide1 .slidelist ul li.active{ color: yellow; } .carousel{ width: 30px; text-indent: -9999; background: url("../images/index/carousel.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/carousel.png*/ no-repeat; background-position: -3px -2px; height: 28px; display: inline-block; } .carousel.active{ background-position: -3px -34px; } /****************************************************/ /******************* 首頁section2 *******************/ .section2 p{ color:#FFF; font-size:16px; line-height:2em; } .section2 img{ margin-bottom:3%; } .section2 p { position: relative; bottom: -120%; opacity: 0; } /****************************************************/ /******************* 首頁section3 *******************/ .section3 .container{display: block;width: 80%;font-size:16px; margin: 0 auto;opacity: 0;} .section3 .our { position: relative; bottom: -120%; opacity: 0; } /******************** 按鈕 ********************/ .holder { font-size:16px; width: 35%; margin:0 auto 0 auto; float:none;} .holder a{ float:left; } ul.class-title{width: 100%;margin: 1% 0;text-align: center;} ul.class-title>li{display: inline-block;vertical-align: center;} ul.class-title>li:active>a,ul.class-title>li.active>a{color: white;background: #f1ce48;} a.animBtn:link, a.animBtn:visited { position: relative;display: block;width: 120px;margin: 10px 15px 0 0;padding: 12px 12px;background: rgba(255, 255, 255, 0.2);border:1px solid #000;color: #333;text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} a.animBtn:link:after, a.animBtn:visited:after {content: "";position: absolute;background: none repeat scroll 0 0 #f1ce48;height: 0%;left: 50%;top: 50%;width: 100%;z-index: -1;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;} a.animBtn:link:hover, a.animBtn:visited:hover {color: #fff;border-top:1px solid #000;} a.animBtn:link:hover:after, a.animBtn:visited:hover:after {height: 420%;} a.animBtn.themeC:after {opacity: .5;-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} a.animBtn.themeC:hover:after {height: 140%;opacity: 1;} /**********************************************/ /****************** 圖片翻滾 ******************/ .mainlist{ position: absolute; left: -100vw; top: 0px; opacity: 0; height: 100%; width: 100%;} .swaplist{ position: absolute; left: 0px; top: 0px; opacity: 1; height: 100%; width: 100%;} .productA a{ width: 100%; height: 100% } #circle{width: 1px;height: 1px;border-radius: 50%;background: #f1ce48;position: absolute;opacity: 0;z-index: 1;} .productA{overflow: hidden;} .productA>a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;} .productA .picshadow{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: 3; background: #333;opacity: 0.5; -moz-opacity:0.5; filter:alpha(opacity=50); font-size: 16px;} .productA .picshadoo{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: 3; background: #a6a6a6;opacity: 0; -moz-opacity:0; filter:alpha(opacity=0); font-size: 16px;} .productA .picshadows{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: 5; opacity: 1; -moz-opacity:1; filter:alpha(opacity=100); } .picshadoos{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: 4; background: #f0cd42;opacity: 0; -moz-opacity:0; filter:alpha(opacity=0); } .productA:active .picshadoos{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: 4; background: #f0cd42;opacity: 1; -moz-opacity:1; filter:alpha(opacity=100); } .productA:hover .picshadow{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: 3; background: none;opacity: 0; -moz-opacity:0; filter:alpha(opacity=0); } .productA:hover .picshadoo{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: 3; background: #a6a6a6;opacity: 0.3; -moz-opacity:0.3; filter:alpha(opacity=30);} .productA .img{width: 100%;/*height: 100%;*/display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;} .productA:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)} .productB>a{display: block;width: 100%;height: 100%;box-sizing: border-box;position: relative;overflow: hidden;} .productB img:hover{opacity: 0;} .productB{position: relative;width: 100%;height: auto;overflow: hidden;} .productB i{} .productB:before,.productB:after{position: absolute;display: block;content: "";-webkit-transition:all 0.3s;z-index: 5} .productB:before{top: 0px;left: 0px;width: 0;height: 0;border-top:2px solid #a9a9a9;-webkit-transition-delay:1s; } .productB:after{bottom:0px;right:0px;width:0;height:0;border-top:2px solid #a9a9a9;-webkit-transition-delay: 0.3s;} .productB i:before,.productB i:after{position:absolute;display:block;content:"";-webkit-transition:all 0.3s;} .productB i:before{left:0px;bottom:0px;height:0;width:0;border-left:2px solid #a9a9a9;-webkit-transition-delay: 0s;} .productB i:after{right:0px;top:0px;height:0;width:0;border-left:2px solid #a9a9a9;-webkit-transition-delay: 0.7s;} .productB:hover:after,.productB:hover:before{width:100%;} .productB:hover i:after,.productB:hover i:before{height: 100%;} .productB:hover:before{-webkit-transition-delay: 0s;} .productB:hover:after{-webkit-transition-delay: 0.7s;} .productB:hover i:after{-webkit-transition-delay: 0.3s;} .productB:hover i:before{-webkit-transition-delay: 1s;} /*.productB .picshadow{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; } .productB .picshadow:hover{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: 3; opacity: 0; -moz-opacity:0; filter:alpha(opacity=0); font-size: 16px;}*/ /**********************************************/ /****************************************************/ /******************* 首頁section4 *******************/ .ssign1{ width: 115px; text-indent: -9999; background: url("../images/index/services/servicesign.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/services/servicesign.png*/ no-repeat; background-position: -16px -14px; margin-right: 80px; height: 85px; margin-top: 35px; margin: 0 auto; } .ssign2{ width: 115px; text-indent: -9999; background: url("../images/index/services/servicesign.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/services/servicesign.png*/ no-repeat; background-position: -396px -19px; margin-right: 80px; height: 85px; margin-top: 35px; margin: 0 auto; } .ssign3{ width: 115px; text-indent: -9999; background: url("../images/index/services/servicesign.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/services/servicesign.png*/ no-repeat; background-position: -778px -15px; margin-right: 80px; height: 85px; margin-top: 35px; margin: 0 auto; } .ssign4{ width: 115px; text-indent: -9999; background: url("../images/index/services/servicesign.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/services/servicesign.png*/ no-repeat; background-position: -12px -200px; margin-right: 80px; height: 85px; margin-top: 35px; margin: 0 auto; } .ssign5{ width: 115px; text-indent: -9999; background: url("../images/index/services/servicesign.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/services/servicesign.png*/ no-repeat; background-position: -396px -202px; margin-right: 80px; height: 85px; margin-top: 35px; margin: 0 auto; } .ssign6{ width: 115px; text-indent: -9999; background: url("../images/index/services/servicesign.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/services/servicesign.png*/ no-repeat; background-position: -771px -202px; margin-right: 80px; height: 85px; margin-top: 35px; margin: 0 auto; } .stitle{ font-size: 21px; margin-top: 15px; color: #333333; text-shadow: 0.5px 0.5px 0.5px #333333; } .sexplain{ font-size: 12px; color: #989898; margin-top: 15px; line-height: 20px; } .sviewmore{ width: 128px; height: 32px; background-color: #f0cd48; margin: 0 auto; margin-top: 25px; } .sviewmore:hover{ background-color: #000; } /****************************************************/ /******************* 首頁section5 *******************/ /*20191107改*/ /*.newnews:hover,.newnews.hover{ transform:scale(1.1); position: relative; z-index: 2; transition:.3s transform } .newnews:hover{ transform:scale(1.1); position: relative; z-index: 5; transition:.3s transform } .hoverfont{ display: none; z-index: 2 } .newnews:hover .hoverfont,.newnews.hover .hoverfont{ position: absolute; left: 0; bottom: 0; width: 90%; height: 20%; display: block; margin: 0% 5%; color: #fff; z-index: 10; } .newnews:hover .fonthover,.newnews.hover .fonthover{ position: absolute; left: 0; bottom: 0; width: 100%; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 9 } .hoverbg{ position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.66; filter: alpha(opacity=66); left: 0; top: 0; display: block; } .newnews:hover .hoverbg,.newnews.hover .hoverbg{ display: none; }*/ /*.hoverh2{ color:#fff; position: absolute; z-index: 2; left: 50%; top: 50%; width: 170px; margin-left: -85px; margin-top:-45px; font-size: 4em; font-family: 'Avalon'; display: block; font-weight: normal; letter-spacing:5px; }*/ /*.hoverh2{ color:#fff; position: absolute; z-index: 2; left: 50%; top: 50%; width: 170px; margin-left: -85px; margin-top:-30px; font-size: 4em; font-family: 'Avalon'; display: block; font-weight: normal; letter-spacing:5px; } .newnews:hover .hoverh2,.newnews.hover .hoverh2{ display: none; }*/ .s4bgmore{ background-color: rgb(52, 51, 51); } .s4amore:active .s4bgmore{ background-color: rgb(236, 197, 47); } .s4amore:hover .s4bgmore{ background-color: #545454; } .newsline{ position: absolute; left: 50%; width: 800px; margin-left: -392px; opacity: 0; } .newssomething{ font-size: 16px; float: left; width: 600px; margin: 0 0 0 100px; line-height: 30px; text-align: center;} .colonleft{background: url("../images/s4colon.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/s4colon.png*/ no-repeat;background-position:-11px -19px;position: absolute;width: 32px;height: 20px;left: 0;top: 0;filter: alpha(opacity=0);} .colonright{background: url("../images/s4colon.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/s4colon.png*/ no-repeat;background-position:-56px -19px;position: absolute;width: 32px;height: 20px;right: 0;top: 0;filter: alpha(opacity=0);} /****************************************************/ /******************* 首頁section6 *******************/ .section4center{width: 100%;} .sect4left>p{margin: 0;padding: 0;font-size: 10px;} .font10{-webkit-transform:scale(0.8);-o-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-webkit-margin-start: -95px;-webkit-margin-end: -105px;display: inline-block;} .font10 .abian{margin: 0 15px 0 0;} .font10 .ali{margin: 0 15px;} .contactfont01{width: 32px;text-indent: -9999;background: url("../images/index/contactfont.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/contactfont.png*/ no-repeat;background-position: -8px -3px;height: 25px;display: inline-block; } .contactfont02{width: 32px;text-indent: -9999;background: url("../images/index/contactfont.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/contactfont.png*/ no-repeat;background-position: -8px -25px;height: 25px;display: inline-block; } .contactfont02z{width: 32px;text-indent: -9999;background: url("../images/index/contactfontz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/contactfontz.png*/ no-repeat;background-position: -8px -25px;height: 25px;display: inline-block; } .contactfont03{width: 32px;text-indent: -9999;background: url("../images/index/contactfont.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/contactfont.png*/ no-repeat;background-position: -8px -47px;height: 25px;display: inline-block; } .contactfont04{width: 32px;text-indent: -9999;background: url("../images/index/contactfont.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/contactfont.png*/ no-repeat;background-position: -8px -72px;height: 25px;display: inline-block; } .contactfont04z{width: 32px;text-indent: -9999;background: url("../images/index/contactfontz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/contactfontz.png*/ no-repeat;background-position: -8px -72px;height: 25px;display: inline-block; } /************** section6图片翻滚 **************/ @media screen and (max-width: 1196px){ #boxtop{width: 1000px;} #curleft{display: none;} #curright{display: none;} } @media screen and (max-width: 1400px) and (min-width: 1196px){ #boxtop{width: 1200px;position: relative;} #curleft{left: -5px} #curright{right: -5px} } @media screen and (min-width: 1400px){ #boxtop{width: 1400px;position: static;width: 1370px;} #curleft{left: 10%} #curright{right: 10%} } /*20191113 logue 改*/ /*div.maps>img{height: 100%;position: absolute;top: 0;left: 0;display: none;}*/ div.maps>img{width: 100%;display: none;} #boxtop{margin: 0 auto;} .list{width: 1000px;position: relative;overflow: hidden;height: 68px;float: left;margin: 0 auto;left: 50%;margin-left: -500px;} .adlists{width: 6030px;position: absolute;z-index: 1;} .adlists .adpics{float: left;} .adpics{width: 1000px;} .adlong{margin: 0 auto;width:1000px;} #curleft{float: left;margin-top:23px; position: absolute;} #curleft:hover .jtleft{background-position: -8px -45px;} #curright{float: left;margin-top:23px; position: absolute;} #curright:hover .jtright{background-position: -8px -44px;} .jtleft{width: 52px;text-indent: -9999;background: url("../images/index/p_left.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/p_left.png*/ no-repeat;background-position: -8px -5px;height: 32px;display: inline-block;} .jtright{width: 52px;text-indent: -9999;background: url("../images/index/p_right.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/p_right.png*/ no-repeat;background-position: -8px -5px;height: 32px;display: inline-block;} .city{width: 10%;height: 25%;position: absolute;} .czh{left: 10.5%;top: 51.9%;background: url("../images/index/zh.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/zh.png*/;background-size: 100% 100%;z-index: 3;} /*left: 22.9%;top: 30.3%;*/ .cxg{left: 70.9%;top: 3.8%;background: red;background: url("../images/index/xg.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/xg.png*/;background-size: 100% 100%;} /*left: 69.3%;top: 28.7%;*/ .cam{left: 7.9%;top: 70.8%;background: url("../images/index/am.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/am.png*/;background-size: 100% 100%;z-index: 2} /*left: 20.6%;top: 48.4%;*/ .camz{left: 7.9%;top: 70.8%;background: url("../images/index/amz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/amz.png*/;background-size: 100% 100%;z-index: 2} .czh.on{background: url("../images/index/zhon.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/zhon.png*/;background-size: 100% 100%;} .cxg.on{background: url("../images/index/xgon.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/xgon.png*/;background-size: 100% 100%;} .cam.on{background: url("../images/index/amon.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/amon.png*/;background-size: 100% 100%;} .camz.on{background: url("../images/index/amonz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/amonz.png*/;background-size: 100% 100%;} /**********************************************/ /****************************************************/ /**********************************************************/ /************************* 服務頁 *************************/ .boxser{height:5300px;position: relative;} .serviceline{position: absolute;height: 100%} .se_totaltitle{position: absolute;left: 17%;margin-top: -0.6%;width: 23%} .stitleh{width: 100%;height: 100px;} #ser1{width: 100%;position: relative;height: 859px} .service1{position: absolute;left: 37.6%;margin-top: 15%;width: 20%;height: auto;} .ser1title{text-align: right;} .ser1title img{width: 71%} .service1timg{position: absolute;left: 58.1%;margin-top: 6%;z-index: 5;width: 27.3%} #ser2{width: 100%;position: relative;height: 859px;margin-top: 4%} .service2{position: absolute;left: 53%;margin-top: 17%;width: 30%;height: auto;} .ser2title img{width: 36%} .service2timg{position: absolute;left: 17%;margin-top: 5%;width: 34.6%;text-align: center;z-index: 3} .service2tx{position: absolute;left: 65.3%;margin-top: -4.1%;width: 12.7%;text-align: center;z-index: 3} #ser3{width: 100%;position: relative;height: 859px} .service3{position: absolute;left: 22%;margin-top: 4.5%;width: 20%;height: auto;} .ser3title{text-align: right;} .ser3title img{width: 71%} .service3timg{position: absolute;left: 44%;margin-top: 7.1%;width: 39.6%;text-align: center;z-index: 3} #ser4{width: 100%;position: relative;height: 900px} .service4{position: absolute;left: 52.4%;margin-top: 15%;width: 24.5%;height: auto;} .ser4title img{width: 57.5%} .service4timg{position: absolute;left: 17.2%;margin-top: 11%;width: 33.6%;text-align: center;z-index: 3} .service4tx{position: absolute;left: 18.6%;margin-top: -4.1%;width: 14.2%;text-align: center;z-index: 3} #ser5{width: 100%;position: relative;height: 859px} .service5{position: absolute;left: 17.6%;margin-top: 16%;width: 35.7%;height: auto;} .ser5title img{width: 31%} .service5timg{position: absolute;left: 46.4%;margin-top: 5.1%;width: 37.1%;text-align: center;z-index: 3} #ser6{width: 100%;position: relative;height: 859px} .service6{position: absolute;left: 64.2%;margin-top: 7.2%;width: 19.1%;height: auto;} .service6timg{position: absolute;left: 17.6%;margin-top: 13.5%;width: 42.2%;text-align: center;z-index: 3;} /********* 服務頁手機版 *********/ @media screen and (max-width:600px){ .boxser{height: auto;} .serviceline{display: none;} .se_totaltitle{position: relative;left: 0;margin-top: 0;width: 100%;} .stitleh{height: 22px} #ser1,#ser2,#ser3,#ser4,#ser5,#ser6{height: auto;} .service1timg,.service2timg,.service3timg,.service4timg,.service5timg{position: absolute;left: 50%;width: 90%;top: 0px;margin-left: -45%;} .service1{position: relative;left: 50%;margin-top: 0;padding-top: 111%;width: 90%;margin-left: -45%;text-align: justify;} .ser1title{text-align: left;} .ser1title img{width: 58%} .service2,.service3,.service5{position: relative;left: 50%;margin-top: 0;padding-top: 95%;width: 90%;margin-left: -45%;text-align: justify;} .ser2title{text-align: center;} .ser2title img{width: 42%} .service2tx{position: absolute;left: 74.3%;margin-top: 0;width: 24.7%;z-index: 2;top: 25%} .ser3title img{width: 58%} .ser4title img{width: 53.5%} .service4{position: relative;left: 50%;margin-top: 0;padding-top: 100%;width: 90%;margin-left: -45%;text-align: justify;} .service4tx{left: 4.6%;width: 34.2%;top: 3%} .ser5title img{width: 42%} .service6{position: relative;left: 50%;margin-top: 0;padding-top: 103%;width: 90%;margin-left: -45%;text-align: justify;} .service6timg{position: absolute;left: 50%;width: 90%;top: 17%;margin-left: -45%;padding-top: 1%} .ser6title{position: absolute;top: 2%;width: 60%} } /**********************************************************/ /************************* 新聞頁 *************************/ /* 201911261200 Logue改 START */ /*.page-range{width: 60%;margin: 0 auto} .page-right{width: 25%;float: left;} .page-left{float:left;min-height: 695px;width: 74%;} .pcsidebar{margin-right: 80px;line-height: 40px;}*/ /* 201911261200 Logue改 END */ .newscontent{width: 90%} .newscontent p{margin: 20px 0;} .newscontent .fullsize{width: 100%;height: auto;} .newscontent img{margin-top: 25px;margin-bottom: 25px;} .external-link-new-window h2{font-size: 21px;} span.budspan.bupspan{background: url("../images/bupdown.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bupdown.png*/ no-repeat;width: 15px;height: 10px;background-position: 3px 2px;display: inline-block;} span.budspan.bdownspan{background: url("../images/bupdown.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bupdown.png*/ no-repeat;width: 15px;height: 10px;background-position: -17px 2px;display: inline-block;} .newsvmore{float: right;margin-right: 10%} .newstitleh2{color:#333;margin: 10px;width: 90%} .newstimg{width: 90%;margin: 10px 0;} .newsshare{float: right;margin-right: 10%;margin-bottom: 10px} .share01{width: 35px;text-indent: -9999;background: url("../images/sharebutton.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sharebutton.png*/ no-repeat;background-position: 6px 3px;height: 30px;margin-left: 10px;display: inline-block; } .share01:hover{background-position: 6px -27px;} .share02{width: 35px;text-indent: -9999;background: url("../images/sharebutton.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sharebutton.png*/ no-repeat;background-position: -40px 3px;height: 30px;margin-left: 10px;display: inline-block; } .share02:hover{background-position: -40px -27px;} .share03{width: 35px;text-indent: -9999;background: url("../images/sharebutton.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/sharebutton.png*/ no-repeat;background-position: -82px 3px;height: 30px;margin-left: 10px;display: inline-block; } .share03:hover{background-position: -82px -27px;} .phonesidebar{display: none;} .newshrange{height: 87px;} .newsttitle{width: 100% ;text-align:center;margin-bottom: 50px;} .newsttitle img{width: 20% ;} @media screen and (max-width:1620px){ .page-range{width: 65%} } @media screen and (max-width:1520px){ .page-range{width: 70%} } @media screen and (max-width:1420px){ .page-range{width: 75%} } @media screen and (max-width:1320px){ .page-range{width: 80%} } @media screen and (max-width:1220px){ .page-range{width: 85%} } @media screen and (max-width:1120px){ .page-range{width: 90%} } @media screen and (max-width:1020px){ .page-range{width: 95%} /* 201911261200 Logue改 START */ /*.page-right{width: 100%;float: none;} .pcsidebar{display: none;} .page-left{float: none;width: 100%;}*/ /* 201911261200 Logue改 END */ .newscontent{width:99%;margin:0 auto;} .external-link-new-window h2{font-size: 16px;} .newsvmore{margin-right: 0} .newstitleh2{margin: 10px 0;width: 100%} .newstimg{width: 100%;margin: 10px 0;} .newsshare{margin-right: 0;margin-bottom: 0} .phonesidebar{display: block;margin-bottom: 25px; } } @media screen and (max-width:600px){ .newshrange{height: 80px;} .newsttitle img{width: 65% ;} } .alignleft {display:inline;float:left;margin-right:1.625em;} .alignright {display:inline;float:right;margin-left:1.625em;} .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;} .newsview-con .fullsize{width: 100%;height: auto;} .newsview-con img{margin-top: 25px;margin-bottom: 25px;} /**********************************************************/ /************************ 產品總頁 ************************/ .psbtn01{width: 43px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -600px -143px;height: 40px;display: inline-block;margin-top: 2px;} .psbtn02{width: 55px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -750px -143px;height: 40px;display: inline-block;margin-left: 5px;margin-top: 2px;} .psbtn03{width: 55px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -893px -143px;height: 40px;display: inline-block;margin-left: 10px;margin-top: 2px;} .psbtn04{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -145px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn05{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -259px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn06{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -372px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn07{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -485px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn08{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -598px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn09{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -711px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn10{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -824px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn11{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -937px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn12{width: 86px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -1050px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn13{width: 132px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -1150px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn14{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -1295px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn15{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -438px -504px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn16{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -551px -504px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn17{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -664px -504px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn18{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -777px -504px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn19{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -890px -504px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn20{width: 100px;text-indent: -9999;background: url("../images/products/productsbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtn.png*/ no-repeat;background-position: -1003px -504px;height: 30px;display: inline-block;margin-left: 10px;} .orpsbtn1:hover .psbtn01,.orpsbtn1.active .psbtn01{background-position: -600px -75px;} a.animBtns:link, a.animBtns:visited {position: relative;display: block;width: 128px;background: rgba(255, 255, 255, 0.2);border:1px solid #000;color: #333;text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);text-shadow:0 1px 1px rgba(0,0,0,0.2);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} a.animBtns:link:after, a.animBtns:visited:after {content: "";position: absolute;background: none repeat scroll 0 0 #f1ce48;height: 0%;left: 50%;top: 50%;width: 100%;z-index: -1;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;} a.animBtns:link:hover, a.animBtns:visited:hover {color: #fff;text-shadow: none;border-top:1px solid #000;} a.animBtns:link:hover:after, a.animBtns:visited:hover:after {height: 420%;} a.animBtns.themeCs:after {opacity: 1;-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} a.animBtns.themeCs:hover:after {height: 140%;opacity: 1;} a.animBtns.themeCs.active{background: #f1ce48;} .orpsbtn2:hover .psbtn02,.orpsbtn2.active .psbtn02{background-position: -749px -75px;} .orpsbtn3:hover .psbtn03,.orpsbtn3.active .psbtn03{background-position: -893px -75px;} .psbtn04:hover,.psbtn04.active{background-position: -145px -308px;} .psbtn05:hover,.psbtn05.active{background-position: -259px -308px;} .psbtn06:hover,.psbtn06.active{background-position: -372px -308px;} .psbtn07:hover,.psbtn07.active{background-position: -485px -308px;} .psbtn08:hover,.psbtn08.active{background-position: -598px -308px;} .psbtn09:hover,.psbtn09.active{background-position: -711px -308px;} .psbtn10:hover,.psbtn10.active{background-position: -824px -308px;} .psbtn11:hover,.psbtn11.active{background-position: -937px -308px;} .psbtn12:hover,.psbtn12.active{background-position: -1050px -308px;} .psbtn13:hover,.psbtn13.active{background-position: -1150px -308px;} .psbtn14:hover,.psbtn14.active{background-position: -1295px -308px;} .psbtn15:hover,.psbtn15.active{background-position: -438px -447px;} .psbtn16:hover,.psbtn16.active{background-position: -551px -447px;} .psbtn17:hover,.psbtn17.active{background-position: -664px -447px;} .psbtn18:hover,.psbtn18.active{background-position: -777px -447px;} .psbtn19:hover,.psbtn19.active{background-position: -890px -447px;} .psbtn20:hover,.psbtn20.active{background-position: -1003px -447px;} .psbtn01z{width: 43px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -600px -143px;height: 40px;display: inline-block;margin-top: 2px;} .psbtn02z{width: 55px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -750px -143px;height: 40px;display: inline-block;margin-left: 5px;margin-top: 2px;} .psbtn03z{width: 55px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -893px -143px;height: 40px;display: inline-block;margin-left: 10px;margin-top: 2px;} .psbtn04z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -145px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn05z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -259px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn06z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -372px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn07z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -485px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn08z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -598px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn09z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -711px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn10z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -824px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn11z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -937px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn12z{width: 86px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -1050px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn13z{width: 132px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -1150px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn14z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -1295px -365px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn15z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -438px -504px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn16z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -551px -504px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn17z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -664px -504px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn18z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -777px -504px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn19z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -890px -504px;height: 30px;display: inline-block;margin-left: 10px;} .psbtn20z{width: 100px;text-indent: -9999;background: url("../images/products/productsbtnz.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/productsbtnz.png*/ no-repeat;background-position: -1003px -504px;height: 30px;display: inline-block;margin-left: 10px;} .orpsbtn1:hover .psbtn01z,.orpsbtn1.active .psbtn01z{background-position: -600px -75px;} .orpsbtn2:hover .psbtn02z,.orpsbtn2.active .psbtn02z{background-position: -749px -75px;} .orpsbtn3:hover .psbtn03z,.orpsbtn3.active .psbtn03z{background-position: -893px -75px;} .psbtn04z:hover,.psbtn04z.active{background-position: -145px -308px;} .psbtn05z:hover,.psbtn05z.active{background-position: -259px -308px;} .psbtn06z:hover,.psbtn06z.active{background-position: -372px -308px;} .psbtn07z:hover,.psbtn07z.active{background-position: -485px -308px;} .psbtn08z:hover,.psbtn08z.active{background-position: -598px -308px;} .psbtn09z:hover,.psbtn09z.active{background-position: -711px -308px;} .psbtn10z:hover,.psbtn10z.active{background-position: -824px -308px;} .psbtn11z:hover,.psbtn11z.active{background-position: -937px -308px;} .psbtn12z:hover,.psbtn12z.active{background-position: -1050px -308px;} .psbtn13z:hover,.psbtn13z.active{background-position: -1150px -308px;} .psbtn14z:hover,.psbtn14z.active{background-position: -1295px -308px;} .psbtn15z:hover,.psbtn15z.active{background-position: -438px -447px;} .psbtn16z:hover,.psbtn16z.active{background-position: -551px -447px;} .psbtn17z:hover,.psbtn17z.active{background-position: -664px -447px;} .psbtn18z:hover,.psbtn18z.active{background-position: -777px -447px;} .psbtn19z:hover,.psbtn19z.active{background-position: -890px -447px;} .psbtn20z:hover,.psbtn20z.active{background-position: -1003px -447px;} /* 201811251741 Logue改 START */ /*.filtr-item { display: inline-block; width: 30%;text-align: center;margin-left: 4%;padding: 8px;}*/ .filtr-item { display: inline-block; width: 29.6vw;height: 16.6vw;text-align: center;padding: 0.5vw;} /* 201811251741 Logue改 END */ .filtr-item img{ width: 100%;} .psbtn_js{display: none;} .psbtn_gn{display: none;} .filtr-item>a{display: block;width: 100%;height: 100%;box-sizing: border-box;position: relative;overflow: hidden;} .filtr-item .picshadow{width: 100%;height:100%;display: block;position: absolute;left: 0;top: 0;background: #333333;z-index: 3;opacity: 0.5;-moz-opacity:0.5;filter: alpha(opacity=50);} .filtr-item .picshadows{width: 100%;height:100%;display: block;position: absolute;left: 0;top: 0;z-index: 3;opacity: 1;-moz-opacity:1;filter: alpha(opacity=100);} .filtr-item:hover .picshadow{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: 3; opacity: 0; background: none;-moz-opacity:0; filter:alpha(opacity=0); } .filtr-item .img{width: 100%; display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;} .filtr-item:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)} .psb{margin: 5px 0;} .prodttitle{margin: 80px auto 20px auto;width: 100%;text-align: center;} .prodttitle .cnClass{font-size:40px; font-weight:bold} .prodttitle .cnLClass{color:#efca45;} .prodttitle .cnRClass{color:#7f7f7f;} .prodttitle .enBotton{ width:200px; font-family:Arial, Helvetica, sans-serif; clear:both; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; border-bottom:#e7e7e7 solid 5px; display:block;color: #999999; font-size: 18px; } .prodttitle img{width:22%} .prodtfont{margin: 0 auto;text-align: center;line-height: 2.5em;color: #999999;font-size: 16px;letter-spacing:3px} .prodtheight{height: 100px} @media screen and (max-width:600px){ .prodttitle img{width: 75%} a.animBtns:link, a.animBtns:visited {width: 90px;} .psbtn01,.psbtn01z{margin-top: 0px;height: 25px;background-position: -600px -148px;} .psbtn02,.psbtn02z{margin-top: 0px;height: 25px;background-position: -750px -148px;} .psbtn03,.psbtn03z{margin-top: 0px;height: 25px;background-position: -893px -148px;} .orpsbtn1:hover .psbtn01, .orpsbtn1.active .psbtn01,.orpsbtn1:hover .psbtn01z, .orpsbtn1.active .psbtn01z{background-position: -600px -80px;} .orpsbtn2:hover .psbtn02, .orpsbtn2.active .psbtn02,.orpsbtn2:hover .psbtn02z, .orpsbtn2.active .psbtn02z{background-position: -749px -80px;} .orpsbtn3:hover .psbtn03, .orpsbtn3.active .psbtn03,.orpsbtn3:hover .psbtn03z, .orpsbtn3.active .psbtn03z{background-position: -893px -80px;} .prodtfont{width: 85%} .prodtheight{height: 50px} } /**********************************************************/ /************************ 方案總頁 ************************/ .soluhover,.soluhovers{position: relative;width: 100%;height: auto;overflow: hidden;} .soluhover>a{display: block;width: 100%;height: 100%;box-sizing: border-box;position: relative;overflow: hidden;} .soluhover .picshadow,.soluhovers .picshadow{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;} .soluhover .picshadow:hover{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;z-index: 3;opacity: 0;} .soluhover i{} .soluhover:before,.soluhover:after{position: absolute;display: block;content: "";-webkit-transition:all 0.3s;z-index: 5} .soluhover:before{top: 0px;left: 0px;width: 0;height: 0;border-top:2px solid #a9a9a9;-webkit-transition-delay:1s; } .soluhover:after{bottom:0px;right:0px;width:0;height:0;border-top:2px solid #a9a9a9;-webkit-transition-delay: 0.3s;} .soluhover i:before,.soluhover i:after{position:absolute;display:block;content:"";-webkit-transition:all 0.3s;} .soluhover i:before{left:0px;bottom:0px;height:0;width:0;border-left:2px solid #a9a9a9;-webkit-transition-delay: 0s;} .soluhover i:after{right:0px;top:0px;height:0;width:0;border-left:2px solid #a9a9a9;-webkit-transition-delay: 0.7s;} .soluhover:hover:after,.soluhover:hover:before{width:100%;} .soluhover:hover i:after,.soluhover:hover i:before{height: 100%;} .soluhover:hover:before{-webkit-transition-delay: 0s;} .soluhover:hover:after{-webkit-transition-delay: 0.7s;}/*第三根線*/ .soluhover:hover i:after{-webkit-transition-delay: 0.3s;}/*第二根線*/ .soluhover:hover i:before{-webkit-transition-delay:1s;}/*第四根線*/ /**********************************************************/ /******************** 產品方案子页公共 ********************/ section.demo * {font-size: 13px;} section.demo {font-size: 0;text-align: center;} .horizontal section.demo {text-align: inherit;white-space: nowrap;} .box7,.box8,.box21,.box9,.boxslotuion{display: inline-block;position: relative;border-radius: 8px;border: 0px solid white;text-align: center;vertical-align: middle;} .box1{display: block;min-width: 1000px;} @media screen and (max-width: 600px){ .box1{min-width: 0px;} } .box2 {min-width: 50px;height: 50px;margin: 0px auto 0 auto;} .box21 {min-width: 100%;height: 50px;margin: 0 auto 0 auto;} .box7 {min-width: 40%;margin: 65px auto 0 auto;z-index: 3;} .box8 {min-width: 50%;margin: 25px auto 0 auto;} .box1 p, .box2 p, .box3 p,.box7 p {margin: 5px 15px 5px 15px;font-size: 13px;font-weight: lighter;color: white;} .solufplace1 {position: relative;margin: 0 auto 47px auto;width: 50.5%;}/*重新命名imgs2*/ @media screen and (min-width: 1000px){ .solufplace1{min-width: 700px;} } @media screen and (max-width: 1000px) and (min-width: 600px){ .solufplace1{width: 700px;} } @media screen and (max-width: 600px){ .solufplace1{width: 99%;} } section#titlechart {text-align: center;position: relative;height: 100%;min-height: 10px;min-width: 100%;height: 10px;} header {display: block;width: 100%;height: 100px;position: absolute;top: 0;left: 0;z-index: 3000;} header nav {background: #333333;min-width: 1208px;} .navty {text-align: center;margin-left:-2.5%; } .navty li, .navty img {float: left;} .navty li a {text-decoration: none;} /********************** 子標題 **********************/ @media screen and (max-width: 600px){ .gtimg{width: 70%} } /****************************************************/ /********************** totop **********************/ #scrollTop{width: 127px;height: 35px;background-image: url("../images/totop.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/totop.png*/;background-repeat: no-repeat;background-size: cover;background-position:center 2px;position: fixed;-webkit-transform: translateZ(0);top: auto;bottom: 0;left: 0;right: 0;margin: auto;cursor: pointer;z-index: 9999} #scrollTop1{width: 127px;height: 35px;background-image: url("../images/totop.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/totop.png*/;background-repeat: no-repeat;background-size: cover;background-position:center 2px;-webkit-transform: translateZ(0);top: auto;bottom: 0;left: 0;right: 0;margin: auto;cursor: pointer;z-index: 9999} /***************************************************/ /********************** 流程圖 **********************/ .lctheight4{padding: 0 0 450px 0;} .lctheight5{padding: 0 0 800px 0;} .bline{width: 3%;height: 800px;margin: auto;position: absolute;top: 5%;left: 49%;z-index: 0;} .bline4{width: 3%;height: 800px;margin: auto;position: absolute;top: 5%;left: 49%;z-index: 0;} .bline5{width: 3%;height: 1210px;margin: auto;position: absolute;top: 5%;left: 49%;z-index: 0;} .wline{width: 3%;height: 800px;margin: auto;position: absolute;top: 5%;left: 49%;z-index: 2;} .lcpicl{width: 95%;position: absolute;left: -47.5%;text-align: right;} .lcpicr{width: 95%;position: absolute;left: 53.2%;text-align: left;} .lctdianl{width: 4.5%;margin:0 auto;position: absolute;top: 45%;right: -5.35%;z-index: 3; } .lctdianr{width: 4.5%;margin:0 auto;position: absolute;top: 45%;left: -5.1%;z-index: 10;} .lctimgl{width: 25%;float: right;margin-right: 5%;display: block;position: relative;overflow: hidden;} .lctimgr{width: 25%;float: left;margin-left: 5%;display: block;position: relative;overflow: hidden;} .lctfontl{width:60%;float: right;margin: 8% 3% 0 0 ;} .lctfontr{width:60%;float: left;margin: 8% 0 0 3%;} .lctfontmean{margin-top: 10px} .lctpic3h1{top:6%;} .lctpic3h2{top:105%;} .lctpic3h3{top:204%;} .lctpic4h1{top:5%;} .lctpic4h2{top:59%;} .lctpic4h3{top:112%;} .lctpic4h4{top:165%;} .lctpic5h1{top:6%;} .lctpic5h2{top:66%;} .lctpic5h3{top:126%;} .lctpic5h4{top:186%;} .lctpic5h5{top:246%;} .pichover{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: 3;opacity: 0;} .lcpicl:hover .pichover,.lcpicr:hover .pichover{opacity: 1;} @media screen and (max-width: 600px){ .lctheight4{padding: 0 0 500px 0;} .lctheight5{padding: 0 0 700px 0;} .bline{width:30px; height:730px; position:absolute; top:5%; left:25px; z-index:0;} .bline4{width:30px; height:800px; position:absolute; top:5%; left:25px; z-index:0;} .bline5{width:30px; height:1050px; position:absolute; top:5%; left:25px; z-index:0;} .wline{display: none;} .lcpicl,.lcpicr{width: 100%; position: absolute; left: 35px;text-align: left;} .lctdianl,.lctdianr{width: 9%;top: 30%;left: -10px;right: auto;} .lctimgl,.lctimgr{width: 50%;float: none;margin:0 auto;padding-right:15%;} .lctfontl,.lctfontr{width:60%;float: none;margin: -9% auto 0 auto;padding-right:17%;text-align: center;} .lctfontmean{margin-top: 2px} .lctpic3h1{top:0%;} .lctpic3h2{top:86%;} .lctpic3h3{top:172%;} .lctpic4h1{top:0%;} .lctpic4h2{top:59%;} .lctpic4h3{top:118%;} .lctpic4h4{top:177%;} .lctpic5h1{top:0%;} .lctpic5h2{top:52%;} .lctpic5h3{top:104%;} .lctpic5h4{top:156%;} .lctpic5h5{top:208%;} .pichover{display: none;} } /****************************************************/ /********************* 子导航栏 *********************/ .newheader {width: 100%;height: 100px;display: block;z-index: 300;background-color: #ffffff;-webkit-transform: translateZ(0);} .newheader .navphone{display:none;} #gotop,#gotops{outline: none;} .navx {float: none;margin-top: 20px;display: inline-block;font-size: 20px;} .navx li {float: left;margin: 0 20px 0 0;list-style: none;} .navx li a {text-decoration: none;color: #333333;} .aorange a{margin: 0 20px 0 0;font-family:'Hiragino Sans GB','Microsoft YaHei';} .aorange a:hover{color: #f1ce42 !important;} .aorange .cur a{color: #f1ce42 !important;} span.udspansp.upspansp{width: 15px;height: 10px;padding-bottom: 2px;display: inline-block;background: url("../images/updown.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/updown.png*/ no-repeat;background-position: -10px 2px;} span.udspansp.downspansp{width: 15px;height: 10px;padding-bottom: 2px;display: inline-block;background: url("../images/updown.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/updown.png*/ no-repeat;background-position: 3px 2px;} @media screen and (max-width:600px){ .newheader {height: 65px;} .newheader nav{display: none;} .newheader .navphone{display: block;} #gotop{display: none !important;} .navx li{float: none;margin:-1px 0px 0px 0px;padding: 8px 10px;border-top: 1px solid #d8d4d4; border-bottom: 1px solid #d8d4d4;} .aorange a{margin: 0px} } /****************************************************/ /*********************** 视频 ***********************/ .videobg{width: 100%;height: 462px; text-align: center;background-repeat:no-repeat;background-position:center; } .videorange{width:730px;height:410px;margin-left: -370px;position:absolute;top: 277px;left:50%;-moz-box-shadow: 0 0 28px rgba(0,0,0,0.5);-webkit-box-shadow: 0 0 28px rgba(0,0,0,0.5);box-shadow: 0 0 28px rgba(0,0,0,0.5);cursor: pointer;} @media screen and (max-width:600px){ .videobg{height: 106px;background-size: 100%;background-position:top;} .videorange{width:88%;height: auto;margin-left: -44%;top: 59px;} .solutionvh{height: 158px !important} .solutionvhintr{height: 100px !important} .intrheight{width: 90% !important;font-size: 14px !important} } /****************************************************/ /**********************************************************/ /************************* 產品頁 *************************/ .boxp{display: block;width: 100%;} /********************* 產品介紹 *********************/ .imgs {width: 49%;margin: 25% auto 0 auto;position: relative;} .imgs2 {width: 49%;margin: 0 auto 5% auto;position: relative;} @media screen and (max-width: 600px){ .imgs {width: 86%;} .imgs2{width: 100%} } .imgs1 {width: 100%;position: relative;} .bgpic02 {width: 120%;margin:0 auto;position: absolute;top: 0;left: -47%;z-index: 2; } .pbgfleft{width: 25%;float: left;text-align: left; font-family: 'Hiragino Sans GB','Microsoft YaHei';font-size: 16px !important;color: #4d4d4d;} .pbgfright{width:100%;float:right;text-align:justify;text-justify:inter-ideograph;font-size: 16px !important;color:#4d4d4d;line-height:2em;letter-spacing: 1px; } @media screen and (max-width: 600px){ .pbgfleft{width: 100%;float: none;font-size: 14px !important;} .pbgfright{width: 100%;margin-top:6%;float: none;font-size: 14px !important;} } /****************************************************/ /******************* 產品頭部圖片 *******************/ .productpbg{display: none;} .productpheight{display: none;} .productpcheight{height: 100px} .proimgs1ofh{width:100%;overflow:hidden;height:735px;} #animate1bgw{margin: 9% 8% 0 0;position: absolute;z-index: 5} #animate1{margin: 9% 8% 0 0;mix-blend-mode: multiply;} .bgword {width: 74%;margin:0 auto;position: absolute;left: 38%;z-index: 5;} .bgpic01 {width: 74%;margin:0 auto;position: absolute;left: 36%;z-index: 3;opacity: 0.8;} @media screen and (max-width: 600px){ #animate2{display: none;} .productpbg{display: block;} .productpcheight{height: 22px} .productpheight{display: block;} .proimgs1ofh{overflow: inherit;} #animate1bgw,#animate1{margin: 0px;width: 60%;} .animatetop .box7{margin: 0px;} .bgword {width: 100%;left: 50%;margin-left: -45%;margin-top: 52%} .bgpic01 {width: 100%;left: 50%;margin-left: -50%;margin-top: 45%} } /****************************************************/ /******************* 產品所需條件 *******************/ .condplace{height:550px;background:url("../images/feature.jpg")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/feature.jpg*/;text-align:center;letter-spacing: 1px;} .condheight{padding-top:100px;} .featcond{width:902px;margin:70px auto 0 auto;} .featcond2{width:602px;margin:70px auto 0 auto;} .condleft{width:300px;height:175px;float:left;margin:0 auto;text-align:center;font-family:'Hiragino Sans GB','Microsoft YaHei';color:white;border-right:1px solid #c6c6c6;} .condcenter{width:300px;height:175px;float:left;margin:0 auto;text-align:center;font-family:'Hiragino Sans GB','Microsoft YaHei';color:white;} .condright{width:300px;height:175px;float:left;margin:0 auto;text-align:center;font-family:'Hiragino Sans GB','Microsoft YaHei';color:white;border-left:1px solid #c6c6c6;} @media screen and (max-width: 600px){ .condplace{height: auto;} .condheight{padding-top:20px;} .featcond,.featcond2{width:100%;margin:10px auto 0 auto;} .condleft{width:235px;height: 80px;float: none;border-right:none;} .condcenter{width:235px;height: 80px;float: none;text-align: left;} .condright{width:235px;height: 80px;float: none;border-left:none;} .fcontitle{float: left;margin-right: 3%;padding:9% 3% 10% 3%;border-right: 1px solid #fff;} .fctitle{margin-top: 0px !important;font-size: 18px !important;} .fconcontent{float: left;text-align: left;} .fccontent{font-size: 12px !important;} .fcocontent1{margin-top: 5%} .fcocontent3{margin-top: -5.5%} } /****************************************************/ /******************* 產品适用范围 *******************/ .appheight{padding-top:55px;} .appplace{width:100%;margin:50px auto 0 auto;text-align: center;} .appcplace{width: 55%;margin: 0 auto;} .appcplace6{width: 65%;margin: 0 auto;} .appocone{width:15%;} .appocone6{width:13%;} @media screen and (max-width: 600px){ .appheight{padding-top:15px;} .appplace{margin:0px auto;} .appcplace,.appcplace6{width: 90%;} .appocone{width:28%;margin-top: 10% !important} .appocone6{width:29.3%;margin-top: 10% !important} } /****************************************************/ /*********************** 其他 ***********************/ @media screen and (max-width: 600px){ .tyimgfz,#boxfo{display: none;} } /****************************************************/ /**********************************************************/ /************************* 项目頁 *************************/ .boxs{display: block;width: 100%;} .box9 {min-width: 100%;margin: 0;z-index: 3;} .boxslotuion {width: 100%;margin: 25px auto 0 auto;} .sheaderbg{position: relative;width:95%;height: 100%;display: block;} .sheaderbgimg{width: 100%} .pic_shsb {position: absolute;margin:0 auto;left: 50%;margin-left: -20.25%;width: 40.5%;z-index: 3;} .pic_shsw {position: absolute;margin: auto;left: 69.5%;top: -58px;width: 18.5%;z-index: 5;margin: 10% 0 0 0;} .pic_shw{position: absolute;left: 50%;width: 62%;top: 0;z-index: 4;margin-top: 11.5%;margin-left: -31%;} #animate_font{height: auto;} .solufplacewz {position: relative;margin: 0 auto 47px auto;width: 45%;} .solufplace2 {position: relative;margin: 5% auto 5% auto;width: 45%;} .solutheadaqh1{text-align: left;} .solutheadaqh2{text-align: left;padding-top: 40px} .solutheadq{color: #9b9b9b;font-size: 16px !important;display: block;letter-spacing: 1px;float: left;width: 8%} .solutheada{color: #4d4d4d;font-size: 16px !important;display: block;letter-spacing: 1px;float: right;width: 88%} .solutheadw{font-size: 16px !important;text-align: left;line-height: 2em;color:#4d4d4d;letter-spacing: 1px;text-align:justify; text-justify:inter-ideograph;} #animates_shwmb{margin-top: 10%;color: #fff} @media screen and (max-width: 600px){ .box9{border-radius: 0px;} .sheaderbg{height: 245px;overflow: hidden;} .sheaderbgimg{width: 191%;margin-left: -53%;margin-top: -1%;} .pic_shsb{left: 50%;margin-left: -50%;width: 100%;top: -42px;} .pic_shsw{display: none;} .pic_shw {width: 120%;margin-left: -60%;margin-top: 0;} #animate_font{padding:0% 0 0 0 !important;} .solufplacewz,.solufplace2 {width: 86%;} .solutheadaqh1,.solutheadaqh2{padding-top: 45px} .solutheadq,.solutheada,.solutheadw{font-size: 15px !important;} } @media screen and (max-width: 1500px) and (min-width: 1300px){ .pic_shw {margin-top: 10%;} } @media screen and (max-width: 1300px) and (min-width: 1100px){ .pic_shw {margin-top: 10%;} } @media screen and (max-width: 1100px) and (min-width: 1000px){ .pic_shw {margin-top: 9%;} } @media screen and (max-width: 1000px) and (min-width: 600px){ .pic_shw {margin-top: 8%;} } /****************************************************/ /*********************** 其他 ***********************/ .solutcidi{font-size: 16px !important; font-family: 'Hiragino Sans GB','Microsoft YaHei'; color: #4d4d4d; line-height: 2em; margin: 20px auto 0 auto; width: 740px;text-align: justify;text-justify:inter-ideograph;letter-spacing: 1px;letter-spacing: 1px} @media screen and (max-width: 600px){ .sovihightw{height: 130px !important} .sovihight{height: 100px !important} .solutcidi{width: 90%;font-size: 14px !important} } /****************************************************/ /**********************************************************/ /************************** 404 **************************/ .span404{font-size: 16px;color: #4d4d4d;} .font404{margin: 0 auto;font-size: 23px} .pic404{width: 100%;text-align: center;margin-top: 1.1%} .pic404 img{width: 81.2%;} @media screen and (max-width:600px){ .span404{font-size: 14px;} .font404{font-size: 14px} .pic404{margin-top: 24%} .pic404 img{width: 100%;} a.animBtnr:link, a.animBtnr:visited {width: 89px !important;padding: 5px 0px !important;} } a.animBtnr:link, a.animBtnr:visited {position: relative;display: block;width: 149px;margin: 0 auto;padding: 8px 12px;background: rgba(255, 255, 255, 0.2);border:1px solid #000;color: #333;text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} a.animBtnr:link:after, a.animBtnr:visited:after {content: "";position: absolute;background: none repeat scroll 0 0 #f1ce48;height: 0%;left: 50%;top: 50%;width: 100%;z-index: -1;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;-ms-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;} a.animBtnr:link:hover, a.animBtnr:visited:hover {color: #fff;border-top:1px solid #000;} a.animBtnr:link:hover:after, a.animBtnr:visited:hover:after {height: 99%;} a.animBtnr.themeCr:after {opacity: 1;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} a.animBtnr.themeCr:hover:after {opacity: 1;} /*********************************************************/ /************************* 底部 *************************/ .section4bottom{background:#000;width: 100%;height:60%;} .sect4bottom{width:76%;font-size:10px;height:127px;margin:0 auto 0 auto;} .sect4left{float:left;text-align:left;color:#FFF;} .sect4right{height:50px;padding-top:50px;text-align:right;float: right;} .afont{font-size:15px;} .svertical{width: 10px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -900px -97px;height: 45px;display: block; float: left; } .svertical2{width: 10px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -900px -97px;height: 45px;display: block; float: right; } .sen{width: 51px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -925px -97px;height: 45px;margin-left: 12px;margin-right: 5px;display: block; float: left; } .sfan,.lang-item-tw a{width: 51px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -980px -97px;height: 45px;display: block; float: left; } .sjian,.lang-item-zh a{width: 51px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -1035px -97px;height: 45px;margin-right: 12px;display: block; float: left; } .lang-item-zh,.lang-item-tw{display: inline-block;} .sen:hover,.sen.active{background-position: -925px -241px;} .sfan:hover,.sfan.active,.lang-item-tw a:hover,.lang-item-tw.active a{background-position: -980px -241px;} .sjian:hover,.sjian.active,.lang-item-zh a:hover,.lang-item-zh.active a{background-position: -1035px -241px;} .s4lang{margin: 13px 0;float: left;height: 40px;} .s4lang a{float: left;color:#FFF;font-size: 16px;font-family: 'Hiragino Sans GB','Microsoft YaHei';} .s4lang a:hover{color:#f3d042;} .s4link a img{margin-top:15px; } .s4link{margin-top:20px;margin-left: 15px;float: left; } .bsearch{width: 196px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -26px -32px;height: 33px;margin: 15px 3px 0 0;display: block; float: none; } .binput{height: 23px;margin-left: 30px;margin-top: 4px;width: 154px;background: none;border: none;color: #fff;} .bsearch:hover{background-position: -26px -176px; } .bmic{width: 240px;height: 23px;display: block;cursor: pointer;} .bmicfont{font-size: 17px;float: left;height: 23px;} .bmicleft{width: 30px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -223px -78px;height: 23px;display:inline-block; } .bmic:hover .bmicleft,.bmic:active .bmicleft{background-position: -223px -222px;} .bmic:hover .bmicfont,.bmic:active .bmicfont{color: #f3d042;} .bbtn01{width: 35px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -1132px -102px;height: 30px;margin-left: 10px;display: inline-block; } .bbtn02{width: 35px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -1177px -102px;height: 30px;margin-left: 10px;display: inline-block; } .bbtn03{width: 32px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -1215px -102px;height: 30px;margin-left: 5px;display: inline-block; } .bbtn04{width: 35px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -1250px -102px;height: 30px;display: inline-block; } .bbtn05{width: 35px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -1299px -102px;height: 30px;display: inline-block; } .bbtn06{width: 35px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -1345px -102px;height: 30px;margin-left: 7px;display: inline-block; } .bbtn07{color: #fff;font-size: 16px;display: inline-block;margin-left:40px;height: 30px;width: 68px;} .bbtn07font{float: left;margin-top:3px;color: #fff; } .bbtn07top{width: 30px;text-indent: -9999;background: url("../images/bottombtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/bottombtn.png*/ no-repeat;background-position: -1465px -102px;height: 30px;display: inline-block; } .bbtn01:hover{background-position: -1132px -246px;} .bbtn02:hover{background-position: -1177px -246px;} .bbtn03:hover{background-position: -1215px -246px;} .bbtn04:hover{background-position: -1250px -246px;} .bbtn05:hover{background-position: -1299px -246px;} .bbtn06:hover{background-position: -1345px -246px;} .bbtn07:hover .bbtn07top,.bbtn07:active .bbtn07top{background-position: -1461px -246px;} .bbtn07:hover .bbtn07font,.bbtn07:active .bbtn07font{color: #f3d042;} .phonebottom{display: none;} @media screen and (max-width:600px){ .section4bottom,.qqcon,.allbottom{display: none;} #scrollTop,#navtop,#aaron{display: none !important;} .phonebottom{display: block;width: 100%;background-color: black;padding: 10px 0;} .bsearch{margin:0;} } /**********************************************************/ .psbtn00{width: 100px;text-indent: -9999;background: url("../images/products/psbnbtn.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/products/psbnbtn.png*/ no-repeat;background-position: -167px -216px;height: 30px;line-height:30px;display: inline-block;margin-left: 10px;} .psbtn00:hover,.psbtn00.active{background-position: -167px -158px;color: #fff} .picwords{text-align: center;} .productA .picwords{width: 100%;height: 100%;display: block;position: absolute;z-index: 5;color: #fff;left: 0;top: 50%;} .filtr-item .picwords{width: 100%;height: 100%;display: block;position: absolute;z-index: 3;color: #fff;left: 0;top: 50%;} .soluhover .picyc,.soluhovers .picyc{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0%;} .soluhover .picblock{width: 100%;height: 98%;display: block;position: absolute;left: 0;top: 0;z-index: 5;opacity: 0.3; -moz-opacity:0.3; filter:alpha(opacity=30);} .soluhover .picyc .picwords{width: 100%;display: block;position: absolute;left: 0;top: 50%;color: #f5f5f5;z-index: 6;} .soluhover .picyc .picblank{opacity: 0; -moz-opacity:0; filter:alpha(opacity=0);} .soluhover:hover .picwords{color: #4d4d4d} .soluhover:hover .picblock{opacity: 0; -moz-opacity:0; filter:alpha(opacity=0);} .soluhover:hover .picblank{opacity: 1; -moz-opacity:1; filter:alpha(opacity=100);} .productB .picyc{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0%;} .productB .picblock{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;z-index: 5;opacity: 0.3; -moz-opacity:0.3; filter:alpha(opacity=30);} .productB .picyc .picwords{width: 100%;display: block;position: absolute;left: 0;top: 50%;color: #f5f5f5;z-index: 6;} .productB .picyc .picblank{opacity: 0; -moz-opacity:0; filter:alpha(opacity=0);} .productB:hover .picwords{color: #4d4d4d} .productB:hover .picblock{opacity: 0; -moz-opacity:0; filter:alpha(opacity=0);} .productB:hover .picblank{opacity: 1; -moz-opacity:1; filter:alpha(opacity=100);} .picworden{font-weight:lighter;} .picwordcn{letter-spacing:10px;} .soluhover{width:32%;display:block;float:left;margin: 0.5%} .solupc{width: 80%;margin: 0 auto;height: 80%;} .soluttitle{margin: 4% auto 1% auto;width: 100%;text-align: center;} .soluttitle img{width:39%;} /*.soluphone{display: none;width: 95%;margin: 0 auto;height: auto;}*/ .picwordens{letter-spacing:1px;font-size: 12px} @media screen and (max-width:601px){ .solupc{width: 95%;} .soluhover{width:98%;display:block;float:left;margin: 1%} .soluttitle img{width: 100%} } @media screen and (max-width:900px) and (min-width:601px){ .solupc{width: 80%;} .soluhover{width:48%;display:block;float:left;margin: 1%} .soluttitle img{width: 100%} } @media screen and (min-width:1710px){ .productA .picwords{margin-top:-36px;line-height:36px;} .filtr-item .picwords{margin-top:-36px;line-height:36px;} .soluhover .picwords{margin-top:-36px;line-height:36px;} .productB .picwords{margin-top:-36px;line-height:36px;} .picworden{letter-spacing:6px;font-size: 22px} .picwordcn{font-size: 25px} } @media screen and (max-width:1710px) and (min-width:1530px){ .productA .picwords{margin-top:-33px;line-height:33px;} .filtr-item .picwords{margin-top:-33px;line-height:33px;} .soluhover .picwords{margin-top:-33px;line-height:33px;} .productB .picwords{margin-top:-33px;line-height:33px;} .picworden{letter-spacing:5px;font-size: 20px} .picwordcn{font-size: 23px} } @media screen and (max-width:1530px) and (min-width:1390px){ .productA .picwords{margin-top:-30px;line-height:30px;} .filtr-item .picwords{margin-top:-30px;line-height:30px;} .soluhover .picwords{margin-top:-30px;line-height:30px;} .productB .picwords{margin-top:-30px;line-height:30px;} .picworden{letter-spacing:4px;font-size: 18px} .picwordcn{font-size: 21px} } @media screen and (max-width:1390px) and (min-width:1140px){ .productA .picwords{margin-top:-27px;line-height:27px;} .filtr-item .picwords{margin-top:-27px;line-height:27px;} .soluhover .picwords{margin-top:-27px;line-height:27px;} .productB .picwords{margin-top:-27px;line-height:27px;} .picworden{letter-spacing:3px;font-size: 16px} .picwordcn{font-size: 19px} } @media screen and (max-width:1140px) and (min-width:945px){ .productA .picwords{margin-top:-23px;line-height:23px;} .filtr-item .picwords{margin-top:-23px;line-height:23px;} .soluhover .picwords{margin-top:-23px;line-height:23px;} .productB .picwords{margin-top:-23px;line-height:23px;} .picworden{letter-spacing:2px;font-size: 14px} .picwordcn{font-size: 17px} } @media screen and (max-width:945px) and (min-width:748px){ .productA .picwords{margin-top:-20px;line-height:20px;} .filtr-item .picwords{margin-top:-20px;line-height:20px;} .soluhover .picwords{margin-top:-20px;line-height:20px;} .productB .picwords{margin-top:-20px;line-height:20px;} .picworden{letter-spacing:1px;font-size: 12px} .picwordcn{font-size: 15px} } @media screen and (max-width:748px) and (min-width:600px){ .productA .picwords{margin-top:-20px;line-height:20px;} .filtr-item .picwords{margin-top:-20px;line-height:20px;} .soluhover .picwords{margin-top:-20px;line-height:20px;} .productB .picwords{margin-top:-20px;line-height:20px;} .picworden{letter-spacing:1px;font-size: 12px} .picwordcn{font-size: 12px} } @media screen and (max-width:600px) and (min-width:528px){ .productA .picwords{margin-top:-36px;line-height:36px;} .filtr-item .picwords{margin-top:-36px;line-height:36px;} .soluhover .picwords{margin-top:-36px;line-height:36px;} .productB .picwords{margin-top:-36px;line-height:36px;} .picworden{letter-spacing:6px;font-size: 22px} .picwordcn{font-size: 25px} } @media screen and (max-width:528px) and (min-width:328px){ .productA .picwords{margin-top:-28px;line-height:28px;} .filtr-item .picwords{margin-top:-28px;line-height:28px;} .soluhover .picwords{margin-top:-28px;line-height:28px;} .productB .picwords{margin-top:-28px;line-height:28px;} .picworden{letter-spacing:3px;font-size: 19px} .picwordcn{font-size: 20px} } @media screen and (max-width:328px){ .productA .picwords{margin-top:-20px;line-height:20px;} .filtr-item .picwords{margin-top:-20px;line-height:20px;} .soluhover .picwords{margin-top:-20px;line-height:20px;} .productB .picwords{margin-top:-20px;line-height:20px;} .picworden{letter-spacing:1px;font-size: 12px} .picwordcn{font-size: 15px} } .box7 .productstitle{color: #fff} .box7 .productstitlez{color: #fff;font-weight: lighter;} .box7 .productstitle{font-size: 28px;} .box7 .productstitlez{font-size: 12px;letter-spacing: 1px;} #animate1bgwmb{margin: 12% 8% 0 0;position: absolute;z-index: 5;padding-left:9%} #animate1mb{margin: 7% 8% 0 0;mix-blend-mode: multiply;} #animates_shwmb{color: #fff;} #animates_shwmb{margin-top: 9%;} #animates_shwmb .solutionstitle{font-size: 28px;} #animates_shwmb .solutionstitlez{font-size: 12px;letter-spacing: 1px;} @media screen and (max-width:600px){ #animate1bgwmb{margin: 35% 0% 0 0;padding-left:0%;left: 0} #animate1mb{display: none;margin: 0px;width: 70%;} .box7 .productstitle{color: #000} .box7 .productstitlez{color: #000;} } @media screen and (min-width:1810px){ .box7 .productstitle{font-size: 76px;} .box7 .productstitlez{font-size: 28px;letter-spacing: 2px;} #animates_shwmb{margin-top: 14%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 72px} #animates_shwmb .solutionstitle{font-size: 76px;} #animates_shwmb .solutionstitlez{font-size: 28px;letter-spacing: 2px;} } @media screen and (max-width:1810px) and (min-width:1760px){ .box7 .productstitle{font-size: 74px;} .box7 .productstitlez{font-size: 28px;letter-spacing: 2px;} #animates_shwmb{margin-top: 14%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 72px} #animates_shwmb .solutionstitle{font-size: 74px;} #animates_shwmb .solutionstitlez{font-size: 28px;letter-spacing: 2px;} } @media screen and (max-width:1760px) and (min-width:1710px){ .box7 .productstitle{font-size: 72px;} .box7 .productstitlez{font-size: 26px;letter-spacing: 2px;} #animates_shwmb{margin-top: 14%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 68px} #animates_shwmb .solutionstitle{font-size: 72px;} #animates_shwmb .solutionstitlez{font-size: 26px;letter-spacing: 2px;} } @media screen and (max-width:1710px) and (min-width:1660px){ .box7 .productstitle{font-size: 70px;} .box7 .productstitlez{font-size: 26px;letter-spacing: 2px;} #animates_shwmb{margin-top: 14%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 68px} #animates_shwmb .solutionstitle{font-size: 70px;} #animates_shwmb .solutionstitlez{font-size: 26px;letter-spacing: 2px;} } @media screen and (max-width:1660px) and (min-width:1610px){ .box7 .productstitle{font-size: 68px;} .box7 .productstitlez{font-size: 24px;letter-spacing: 2px;} #animates_shwmb{margin-top: 14%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 64px} #animates_shwmb .solutionstitle{font-size: 68px;} #animates_shwmb .solutionstitlez{font-size: 24px;letter-spacing: 2px;} } @media screen and (max-width:1610px) and (min-width:1560px){ .box7 .productstitle{font-size: 66px;} .box7 .productstitlez{font-size: 24px;letter-spacing: 2px;} #animates_shwmb{margin-top: 14%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 64px} #animates_shwmb .solutionstitle{font-size: 66px;} #animates_shwmb .solutionstitlez{font-size: 24px;letter-spacing: 2px;} } @media screen and (max-width:1560px) and (min-width:1510px){ .box7 .productstitle{font-size: 64px;} .box7 .productstitlez{font-size: 22px;letter-spacing: 2px;} #animates_shwmb{margin-top: 14%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 60px} #animates_shwmb .solutionstitle{font-size: 64px;} #animates_shwmb .solutionstitlez{font-size: 22px;letter-spacing: 2px;} } @media screen and (max-width:1510px) and (min-width:1460px){ .box7 .productstitle{font-size: 62px;} .box7 .productstitlez{font-size: 22px;letter-spacing: 2px;} #animates_shwmb{margin-top: 14%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 60px} #animates_shwmb .solutionstitle{font-size: 62px;} #animates_shwmb .solutionstitlez{font-size: 22px;letter-spacing: 2px;} } @media screen and (max-width:1460px) and (min-width:1410px){ .box7 .productstitle{font-size: 60px;} .box7 .productstitlez{font-size: 20px;letter-spacing: 2px;} #animates_shwmb{margin-top: 14%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 56px} #animates_shwmb .solutionstitle{font-size: 60px;} #animates_shwmb .solutionstitlez{font-size: 20px;letter-spacing: 2px;} } @media screen and (max-width:1410px) and (min-width:1360px){ .box7 .productstitle{font-size: 58px;} .box7 .productstitlez{font-size: 20px;letter-spacing: 2px;} #animates_shwmb{margin-top: 13%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 56px} #animates_shwmb .solutionstitle{font-size: 58px;} #animates_shwmb .solutionstitlez{font-size: 20px;letter-spacing: 2px;} } @media screen and (max-width:1360px) and (min-width:1310px){ .box7 .productstitle{font-size: 56px;} .box7 .productstitlez{font-size: 18px;letter-spacing: 2px;} #animates_shwmb{margin-top: 13%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 52px} #animates_shwmb .solutionstitle{font-size: 56px;} #animates_shwmb .solutionstitlez{font-size: 18px;letter-spacing: 2px;} } @media screen and (max-width:1310px) and (min-width:1260px){ .box7 .productstitle{font-size: 54px;} .box7 .productstitlez{font-size: 18px;letter-spacing: 2px;} #animates_shwmb{margin-top: 13%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 52px} #animates_shwmb .solutionstitle{font-size: 54px;} #animates_shwmb .solutionstitlez{font-size: 18px;letter-spacing: 2px;} } @media screen and (max-width:1260px) and (min-width:1210px){ .box7 .productstitle{font-size: 52px;} .box7 .productstitlez{font-size: 16px;letter-spacing: 2px;} #animates_shwmb{margin-top: 13%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 48px} #animates_shwmb .solutionstitle{font-size: 52px;} #animates_shwmb .solutionstitlez{font-size: 16px;letter-spacing: 2px;} } @media screen and (max-width:1210px) and (min-width:1160px){ .box7 .productstitle{font-size: 50px;} .box7 .productstitlez{font-size: 16px;letter-spacing: 2px;} #animates_shwmb{margin-top: 13%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 48px} #animates_shwmb .solutionstitle{font-size: 50px;} #animates_shwmb .solutionstitlez{font-size: 16px;letter-spacing: 2px;} } @media screen and (max-width:1160px) and (min-width:1110px){ .box7 .productstitle{font-size: 48px;} .box7 .productstitlez{font-size: 14px;letter-spacing: 2px;} #animates_shwmb{margin-top: 13%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 44px} #animates_shwmb .solutionstitle{font-size: 48px;} #animates_shwmb .solutionstitlez{font-size: 14px;letter-spacing: 2px;} } @media screen and (max-width:1110px) and (min-width:1060px){ .box7 .productstitle{font-size: 46px;} .box7 .productstitlez{font-size: 14px;letter-spacing: 2px;} #animates_shwmb{margin-top: 13%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 44px} #animates_shwmb .solutionstitle{font-size: 46px;} #animates_shwmb .solutionstitlez{font-size: 14px;letter-spacing: 2px;} } @media screen and (max-width:1060px) and (min-width:1010px){ .box7 .productstitle{font-size: 44px;} .box7 .productstitlez{font-size: 12px;letter-spacing: 2px;} #animates_shwmb{margin-top: 13%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 40px} #animates_shwmb .solutionstitle{font-size: 44px;} #animates_shwmb .solutionstitlez{font-size: 12px;letter-spacing: 2px;} } @media screen and (max-width:1010px) and (min-width:960px){ .box7 .productstitle{font-size: 42px;} .box7 .productstitlez{font-size: 12px;letter-spacing: 2px;} #animates_shwmb{margin-top: 13%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 40px} #animates_shwmb .solutionstitle{font-size: 42px;} #animates_shwmb .solutionstitlez{font-size: 12px;letter-spacing: 2px;} } @media screen and (max-width:960px) and (min-width:910px){ .box7 .productstitle{font-size: 40px;} .box7 .productstitlez{font-size: 12px;letter-spacing: 2px;} #animates_shwmb{margin-top: 12%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 36px} #animates_shwmb .solutionstitle{font-size: 40px;} #animates_shwmb .solutionstitlez{font-size: 12px;letter-spacing: 2px;} } @media screen and (max-width:910px) and (min-width:860px){ .box7 .productstitle{font-size: 38px;} .box7 .productstitlez{font-size: 12px;letter-spacing: 2px;} #animates_shwmb{margin-top: 12%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 36px} #animates_shwmb .solutionstitle{font-size: 38px;} #animates_shwmb .solutionstitlez{font-size: 12px;letter-spacing: 2px;} } @media screen and (max-width:860px) and (min-width:810px){ .box7 .productstitle{font-size: 36px;} .box7 .productstitlez{font-size: 12px;letter-spacing: 2px;} #animates_shwmb{margin-top: 12%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 34px} #animates_shwmb .solutionstitle{font-size: 36px;} #animates_shwmb .solutionstitlez{font-size: 12px;letter-spacing: 2px;} } @media screen and (max-width:810px) and (min-width:760px){ .box7 .productstitle{font-size: 34px;} .box7 .productstitlez{font-size: 12px;letter-spacing: 2px;} #animates_shwmb{margin-top: 12%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 34px} #animates_shwmb .solutionstitle{font-size: 34px;} #animates_shwmb .solutionstitlez{font-size: 12px;letter-spacing: 2px;} } @media screen and (max-width:760px) and (min-width:710px){ .box7 .productstitle{font-size: 32px;} .box7 .productstitlez{font-size: 12px;letter-spacing: 1px;} #animates_shwmb{margin-top: 12%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 32px} #animates_shwmb .solutionstitle{font-size: 32px;} #animates_shwmb .solutionstitlez{font-size: 12px;letter-spacing: 2px;} } @media screen and (max-width:710px) and (min-width:660px){ .box7 .productstitle{font-size: 30px;} .box7 .productstitlez{font-size: 12px;letter-spacing: 1px;} #animates_shwmb{margin-top: 11%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 32px} #animates_shwmb .solutionstitle{font-size: 30px;} #animates_shwmb .solutionstitlez{font-size: 12px;letter-spacing: 2px;} } @media screen and (max-width:660px) and (min-width:600px){ .box7 .productstitle{font-size: 28px;} .box7 .productstitlez{font-size: 12px;letter-spacing: 1px;} #animates_shwmb{margin-top: 10%;} #animates_shwmb .solutionstitle,#animates_shwmb .solutionstitlez{line-height: 30px} #animates_shwmb .solutionstitle{font-size: 28px;} #animates_shwmb .solutionstitlez{font-size: 12px;letter-spacing: 2px;} } @media screen and (max-width: 600px) and (min-width: 540px){ #animates_shsbmb{width: 60%} } @media screen and (max-width: 540px) and (min-width: 480px){ #animates_shsbmb{width: 65%} } .recruit{float:left;margin:13px 28px 0 0;height:40px;line-height:40px;letter-spacing:2px;font-style: 'Hiragino Sans GB','Microsoft YaHei'} .recruit a{font-size:17px;} .phonerecruit{text-align: center;font-size: 12px} .phonerecruit a,.recruit a{color: #eeeeee;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline: none;} .recruit a:hover,.phonerecruit a:hover{color: #f0cd42;} #fp-nav ul li, .fp-slidesNav ul li{width: 18px;height: 18px;margin: 8px} #fp-nav ul li a.active span, .fp-slidesNav ul li a.active span{background-color: #0093dd;border-color: #0093dd;} #fp-nav ul li a span, .fp-slidesNav ul li a span{background-color: #e1e1e1;border-color: #c9c9c9;width: 11px;height: 11px;} #fp-nav ul li .fp-tooltip{overflow:inherit;position: relative;background-color: #a5a5a5;padding:2px 4px;} #fp-nav ul li a.active+.fp-tooltip{-webkit-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;opacity: 1;background-color: #0093dd;} #fp-nav ul li:hover .fp-tooltip,#fp-nav ul li a.active+.fp-tooltip{text-align:center;width:64px;} #fp-nav ul li .fp-tooltip.right{right: 73px;top: -22px} #fp-nav ul li .fp-tooltip:after{position: absolute;content: "";width: 0;height: 0;right: -7px;top: 6px;border-left: 7px solid #a5a5a5;border-top: 5px solid transparent;border-bottom: 5px solid transparent;} #fp-nav ul li a.active+.fp-tooltip:after{border-left-color: #0093dd;} #section07{overflow:hidden;} #dowebok{width: 100%;overflow: hidden;margin: 0 auto;overflow: hidden;max-width: 1920px;} /*#section01 ul{margin-bottom: 0px;-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); border-bottom: #ffffff solid 1px;} #section01 ul li{display: none;} #section01 ul li:first-child{display: block;} #section01 ul li a{width: 100vw;height: 40vw;overflow: hidden;display: block;} #section01 ul li a img{width: 100%}*/ #section01 { width: 100%;clear: both;margin-bottom: 0px;-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); box-shadow:0 5px 10px rgba(0, 0, 0, 0.1); border-bottom: #ffffff solid 1px;} /* 首页焦点图 */ .slide_ad {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;} .slide_ad ul{margin:0;} .rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0} .rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0} .rslides li:first-child {position:relative;display:block;float:left} .rslides img {display:block;height:auto;float:left;width:100%;z-index:1;position:relative} .slide_tabs{position:absolute;height:50px;bottom:0;left:0;right:0;background:url("../images/banner_num_bg.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/banner_num_bg.png*/;z-index:999;text-align:center} .slide_tabs li{display:inline-block;height:10px;width:10px;margin:20px 4px} .slide_tabs li a{ display:inline-block;cursor:pointer;height:10px;width:10px;background:#c3c1bf;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;text-indent:-99999px} .slide_tabs li a:hover,.slide_tabs li.slide_here a{background:#0093dd} .slide_nav{position:absolute;top:50%;margin-top:-62px;width:62px;height:123px;cursor:pointer;z-index:10;opacity:0.4;filter:alpha(opacity=40);overflow:hidden;text-indent:-9999px} .slide_nav:hover {opacity:1.0;filter:alpha(opacity=100)} .slide_nav.prev{background:url("../images/left.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/left.png*/ no-repeat center;left:55px} .slide_nav.next{background:url("../images/right.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/right.png*/ no-repeat center;right:55px} #section02 .our{transition:top 2s,opacity 1.5s;position: absolute;left: 50%;margin-left: -190px;height: 80px;top: 160px;opacity: 0} #section02 .our.active{top: 0px;opacity: 1;} #section02 .containers{width: 100%;padding-top: 80px;opacity: 0;transition:opacity 2s;} #section02 .containers.active{opacity: 1;} #section03 .service_bg{position: absolute;top: 50px;z-index: 1;width: 100%;opacity: 0;transition:opacity 1.5s;overflow: hidden;} #section03 .service_bg.active{opacity: 1} #section03 .service_title{position: absolute;left:20%;opacity: 0;transition:left 2s,opacity 1.5s;width:384px;margin-left:-192px;top: 7%;margin-top:50px;z-index: 4;} #section03 .service_title.active{left:50%;opacity: 1;} #section03 .service_content{position: relative;padding-top: 11%;height: 88%;width: 62%;min-width:1024px;margin:0 auto;text-align: center;} #section03 .service_content_bg{position: absolute;z-index: 3;top: 38%;left: 50%;margin-left: -50%;opacity: 0;transition:top 2s,opacity 1.5s;} #section03 .service_content_main{position: absolute;z-index: 4;width: 100%;top: 35%;opacity: 0;transition:top 2s,opacity 1.5s;} #section03 .service_content.active .service_content_bg{top: 29%;opacity: 1} #section03 .service_content.active .service_content_main{top: 25%;opacity: 1} .newnews:hover,.newnews.hover{transform:scale(1.1);position: relative;z-index: 2;transition:.3s transform} .newnews:hover{transform:scale(1.1);position: relative;z-index: 5;transition:.3s transform} .hoverfont{display: none;z-index: 2} /* 20191107 Logue改 START */ /*.newnews:hover .hoverfont,.newnews.hover .hoverfont{position: absolute;left: 0;bottom: 0;width: 90%;height: 20%;display: block;margin: 0% 5%;color: #fff;z-index: 10;}*/ .newnews:hover .hoverfont,.newnews.hover .hoverfont{position: unset;display:table-cell;left: 0;bottom: 0;width: 90%;margin: 0% 5%;color: #fff;z-index: 10;vertical-align: middle;} /* 20191107 Logue改 END */ .newnews:hover .fonthover,.newnews.hover .fonthover{position: absolute;left: 0;bottom: 0;width: 100%;/*height: 23%;*/background-color: #000;opacity: 0.8;filter: alpha(opacity=80);z-index: 9} .hoverbg{position: absolute;width: 100%;height: 100%;background-color: #000;opacity: 0.66;filter: alpha(opacity=66);left: 0;top: 0;display: block;} .newnews:hover .hoverbg,.newnews.hover .hoverbg{display: none;} /* 20191107 Logue改 START */ /*.hoverh2{color:#fff;position: absolute;z-index: 2;left: 50%;top: 50%;width: 170px;margin-left: -85px;margin-top:45px;font-size: 4em;font-family: 'Avalon';display: block;font-weight: normal;letter-spacing:5px;}*/ .hoverh2{color:#fff;position: absolute;z-index: 2;left: 50%;top: 50%;width: 170px;margin-left: -85px;margin-top:-30px;font-size: 4em;font-family: 'Avalon';display: block;font-weight: normal;letter-spacing:5px;} /* 20191107 Logue改 END */ .newnews:hover .hoverh2,.newnews.hover .hoverh2{display: none;} #section04{position: relative;opacity: 0;transition:opacity 3s;overflow: hidden;} #section04.active{opacity: 1} #section05 {background: url("../images/index/shouye02.jpg")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/index/shouye02.jpg*/; background-size:100% 100%; margin-top: 50px;} #section05 p{ color:#FFF; font-size:16px; line-height:2em; } #section05 img{ margin-bottom:3%; } #section05 p { position: relative;} #section05 #box .prev, #section05 #box .next{margin-top:-62px;} #section05 #box{opacity: 1;width: 1146px} #section05 .whoweare_title{position: absolute;left: 50%;opacity: 0;top: 30%;margin-left: -164px;transition:top 2.5s,opacity 1.5s;} #section05 .whoweare_title.active{top: 10%;opacity: 1;} #section05 .whoweare_main{position: absolute;left: 50%;top: 43%;opacity: 0;width: 980px;margin-left: -490px;z-index: 50;font-size: 16px;font-family:'Hiragino Sans GB', 'Microsoft Yahei';line-height: 2.5em;} #section05 .whoweare_main.active{top: 23%;opacity: 1;transition:top 2.5s,opacity 1.5s;} #section06{position: relative;opacity: 0;transition:opacity 3s;} #section06.active{opacity: 1} .box12{width: 1200px; margin: 0 auto; } /*底部*/ .bottom-line{border-bottom: 10px solid #000000; clear: both; width: 100%; height: 60px;} .idx_ct_r_width{width:470px;} .idx_ct_r_width p:first-child{margin-top: 0px;} .idx_ct_r_width p{margin-top: 15px;line-height: 20px; clear: both;float: left;} .idx_ct_r_width p span{font-size: 15px;} .idx_ct_r_width p .span_stl{margin-left: 80px;color: #777;font-size: 13px;} .idx_contact2{width:100%; text-align: center; color:#999;font-family: "微软雅黑","Arial","宋体";font-size: 14px;} .stl_color{color: #bbb;} .hidden_2{ display: none;} .footer_t{height: 217px;background: #232323;} .f_t_tit{line-height: 62px; font-size: 18px;border-bottom: 1px solid #2c2c2c;} .f_t_tit a{color: #999;margin-left: 5px;margin-right: 5px;} .f_t_tit a.active{color: #ea5504;} .footer_b{height: 390px;background: #1e1e1e;padding-top: 40px; font-size: 14px; line-height: 1.42857143; box-sizing: border-box; } .footer_b .box12{position: relative;margin-bottom: 10px} .f_b_ul{float: left; min-width: 110px;margin-right: 53px;} .f_b_ul h3{color: #aaa;font-size: 18px;line-height: 18px;padding-bottom: 16px; border-bottom: 1px solid #343434; margin-top: 0px; font-weight:500;} .f_b_ul li a{color: #777;} .f_b_ul li{margin-top: 5px;} .f_b_ul li a:hover{color: #ffffff;} .idx_contact{float: right;} .idx_contact a{ color: #aaa;} .idx_ct_l{float: left; text-align: center;padding-right: 20px; border-right: 1px solid #343434;} .idx_ct_l span{line-height: 14px;} .footer_ewm{margin-top: 15px;} .idx_ct_r{color: #aaa;font-size: 12px;float: left;padding-left: 20px;} .idx_ct_r h3{font-size: 33px;font-family: "Arial";} .idx_ct_r p{margin-top: 15px; margin-bottom: 0px;} .sub{width: 100%;text-align: center;position: absolute;bottom: 27px; left: 0;font-family: "宋体";} .sub a{width: 86px; height: 27px; line-height: 27px; text-align: center; color: #fff; display: inline-block;background: #909090;} .sub a:hover{ background: #ea5504;} .sub a.active{ background: #ea5504;} .sub2{width: 100%;text-align: center; float:left; display:inline; margin-bottom:30px; margin-top:20px; left: 0;font-family: "宋体";} .sub2 a{width: 86px; height: 27px; line-height: 27px; text-align: center; color: #fff; display: inline-block;background: #555555;} .sub2 a:hover{ background: #333333; color: #ffffff;} .sub2 a.active{ background: #333333;} /*首页右边浮动导航 start*/ .subnav{width:34px;position:fixed;top:50%;margin-top:-102px;right:25px;z-index:9999} .subnav li{position:relative} .subnav li a{display:block;width:34px;height:34px;background:url("../images/ind_subnav1.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/ind_subnav1.png*/ no-repeat center;text-align:center} .subnav li a:hover{background:url("../images/ind_subnav2.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/ind_subnav2.png*/ no-repeat center} .subnav li a.cur{background:url("../images/ind_subnav2.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/ind_subnav2.png*/ no-repeat center} .subnav li .subnav_con{display:none;position:absolute;top:0px;right:37px;background:url("../images/ind_subnav_bg.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/ind_subnav_bg.png*/no-repeat right top;font:14px/31px "微软雅黑";color:#fff;padding:0 20px 0 17px;white-space:nowrap} .subnav li .subnav_con dt{width:38px;float:left;margin:0px 5px 0 0} .subnav li .subnav_con dd h4{font:18px/20px "微软雅黑";color:#fff} .subnav li .subnav_con dd h5{font:13px/20px Arial, Helvetica, sans-serif;color:#fff} /*首页右边浮动导航 end*/ /*NEW********************************************************************************NEW*/ #navindex{z-index: 99999;width: 100%;-webkit-transform: translateZ(0);top: auto;position: fixed;height: auto;} #navindex .nav{background: url("../images/line.jpg")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/line.jpg*/ repeat-x center bottom #f5f6f8;} #menu-menu-1{display: flex;justify-content: space-around;height: 110px;line-height: 110px;margin-bottom:0px; font-size: 21px; margin-left: 40px;} #menu-menu-1>li.menu-item{position: relative;display: inline-block} #menu-menu-1 li.menu-item a{cursor: pointer;color: #4d4d4d;outline:none;text-decoration: none;} #menu-menu-1>li.menu-item>a:after{background: none repeat scroll 0 0 transparent;bottom: 25px;content: "";display: block;height: 4px;left: 50%;position: absolute;background: #f0cd48;transition: width 0.3s ease 0s, left 0.3s ease 0s;width: 0;} #menu-menu-1>li.menu-item:hover>a,#menu-menu-1>li.menu-item.current-menu-item>a{color: #4d4d4d} #menu-menu-1>li.menu-item:hover>a:after,#menu-menu-1>li.menu-item.current-menu-item>a:after,#menu-menu-1>li.menu-item.current-menu-parent>a:after{width: 100%;left: 0;} #menu-menu-1>li.menu-item.headlogo:hover>a:after{left: 50%;width: 0;} /*display: none;*/ #myslidemenu ul.sub-menu{ display: none;position: absolute;left: 50%;top: 106px;background-color: #f5f6f8;width: 150px;margin-left: -75px;border-radius: 0 0 8px 8px;border: 1px solid #dddddd;border-top: 0px solid;} #myslidemenu ul.sub-menu li{height: 50px;line-height: 50px;font-size: 16px !important;border-bottom: 1px solid #eeeeee} #myslidemenu ul.sub-menu li:last-child{border-bottom: none;} #myslidemenu ul.sub-menu li a{height:100%; width: 100%; display: block; cursor: pointer; } .headlogo{width: 120px;background: url("../images/headlogo_b.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/headlogo_b.png*/;background-size: 120px auto;background-repeat: no-repeat;background-position: 50% 45%;} #navindex.black{background-color: #333;-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.29); -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.29); box-shadow:0 5px 10px rgba(0, 0, 0, 0.29);} #navindex.black .nav{background: none } #navindex.black #menu-menu-1 li.menu-item a{color: #fff} #navindex.black #menu-menu-1>li.menu-item:hover>a, #navindex.black #menu-menu-1>li.menu-item.current-menu-item>a, #navindex.black #menu-menu-1>li.menu-item.current-menu-parent>a{color: #bbbbbb} #navindex.black ul.sub-menu{background-color: #333;border:none;} #navindex.black ul.sub-menu li{border-bottom: 1px solid #656565} #navindex.black ul.sub-menu li:last-child{border:none;} #navindex.black ul.language-chooser li a{color: #bbb; } #navindex.black .headlogo{background-image: url("../images/headlogo_w.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/headlogo_w.png*/;} #myslidemenu ul.sub-menu li.menu-item:hover>a,#myslidemenu ul.sub-menu li.menu-item.current-menu-item>a{color: #d3ab13 !important; } #menu-menu-1>li.menu-item:hover>ul.sub-menu{ display: block; -webkit-animation: subNav .3s ease both; animation: subNav .3s ease both;} } @-webkit-keyframes subNav{ 0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0); opacity:0;} 100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); opacity:1;} } @keyframes subNav{ 0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0); opacity:0;} 100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); opacity:1;} } .bottom_lang{position: absolute;right: 25px;top: 50%;height: 24px;margin-top: -12px;} ul.language-chooser{height: 24px;line-height: 24px;margin-bottom: 0px;} ul.language-chooser li{float: left;} ul.language-chooser li{width: 35px;border-right: 1px solid #8e8e8e;text-align: center;font-size: 18px; height: 18px;line-height: 18px; overflow: hidden; margin-top: 3px;} ul.language-chooser li a{color: #999; } ul.language-chooser li:last-child{border-right: none;} #section06{height: 771px;padding-top: 90px} .idx_tit{text-align: center;padding-top: 75px;} .idx_tit b{color: #595757;font-size: 36px;line-height: 40px;position: relative; border-bottom: 1px solid #898989;padding-bottom: 20px;padding-bottom: 15px;margin-top: 22px;} .idx_tit i{width: 50px; height: 3px;position: absolute; bottom: -2px;background: #898989;left: 50%; margin-left: -25px;} .idx_tit p{margin-top: 24px;} .idx_tit h3{font-size: 28px; color: #fff;margin-top: 20px;} .cus_ul{width: 1155px;min-height: 302px;margin:50px auto 0;overflow: hidden;padding-bottom: 75px;position: relative;} .cus_ul ul{width: 1156px;height: 100%;margin-top: -1px; margin-left: 1px;} .cus_ul li{width: 230px; height: 150px; border-right: 1px dashed #dcdcdc;border-top: 1px dashed #dcdcdc;float: left;line-height: 0;overflow: hidden;} .cus_ul li a{display: block; -webkit-transition: all .8s ease-in-out 0s; -moz-transition: all .8s ease-in-out 0s; -ms-transition: all .8s ease-in-out 0s; -o-transition: all .8s ease-in-out 0s; transition: all .8s ease-in-out 0s; } .cus_ul li img{width: 100%;} /*.cus_ul li .hovers{display: none;}*/ .cus_ul li:hover a{margin-top: -150px;} /*.cus_ul li:hover .out{display: none;}*/ .cus_ul .bg_one{width: 230px; height: 150px;background: #f8f8f8;position: absolute; z-index: -1; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; opacity: 0; } .cus_ul:hover .bg_one{opacity: 1;} /*友情链接 start*/ .link{width:100%;height:auto;background:#232323;} .linktit{width:100%;height:52px;border-bottom:1px solid #2c2c2c;} .linktit p{width:1200px;height:52px;line-height:52px;margin:0 auto;font-size:17px;color:#8e8e8e;} .linkul{display:inline-block;text-align:center;width:100%;padding-bottom:8px;background:#232323;height:auto;padding-top: 20px; padding-bottom: 20px;line-height: 2em;} .linkul ul{width:1200px;display:block;height:auto;margin:0 auto; } .linkul a{display:block;float:left;} .linkul li{float:left;margin:0px 15px 0 0;color:#8e8e8e; } .linkul li.ullink{color:#ff9c00;} .linkul li:hover{color:#ff9c00;cursor: pointer;} /*友情链接 end*/ .product_title_box{text-align: center;display: flex;justify-content: space-around;max-width: 1200px;flex-wrap: wrap;width: 98%;margin: 0 auto 20px auto} a.abtn{outline: none;background:none;border:1px solid #a7a7a7;padding: 5px;color: #4d4d4d;height: 30px;line-height: 30px;margin: 10px 0} a.abtn:link,a.abtn:visited {position: relative;display: inline-block;width: 110px;background: rgba(255, 255, 255, 0.2);border:1px solid #000;color: #333;text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);text-shadow:0 1px 1px rgba(0,0,0,0.2);-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} a.abtn:link:after, a.abtn:visited:after {content: "";position: absolute;background: none repeat scroll 0 0 #f1ce48;height: 0%;left: 50%;top: 50%;width: 100%;z-index: -1;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s;-o-transition: all .3s ease 0s;transition: all .3s ease 0s;} a.abtn:link:hover, a.abtn:visited:hover {color: #fff;text-shadow: none;border-top:1px solid #000;} a.abtn:link:hover:after, a.abtn:visited:hover:after {height: 420%;} a.abtn.themeCs:after {opacity: 1;-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);} a.abtn.themeCs:hover:after {height: 140%;opacity: 1;} a.abtn.themeCs.active{background: #f1ce48;color: #fff} .r_nav{ position: fixed; right: 0;bottom: 270px; z-index: 105;top:30%;} .r_nav_li{width: 60px;height: 60px;background-color: #333; position: relative;display: block;cursor: pointer;margin-top: 5px;} .r_nav_ewm{background-image: url("../images/gotop3.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/gotop3.png*/;} .r_nav_ly{background-image: url("../images/gotop5.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/gotop5.png*/;} .r_nav_qq{background-image: url("../images/gotop2.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/gotop2.png*/; background-repeat: no-repeat;} .r_nav_tel{background-image: url("../images/gotop1_1.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/gotop1_1.png*/;} /*gotop1.png*/ .fixed_goTop{background-image: url("../images/gotop4.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/gotop4.png*/;} .r_n_mask{width: auto;white-space:nowrap;position: absolute; right: 64px; bottom: 0; text-align: center;display: none;font-weight: 700;font-size: 20px;} .r_n_mask p{font-size: 12px;line-height: 16px;margin-top: 2px;} .r_nav_ewm .r_n_mask{background: #fff;padding:5px;} .r_nav_tel .r_n_mask{color: #333;height: 60px;background: #ea5504;line-height: 60px;color: #fff;padding-left: 5px;padding-right: 5px;} .r_nav_tel:hover{background-image: url("../images/gotop1_1.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/gotop1_1.png*/;} .r_nav_li:hover .r_n_mask{display: block;} .r_nav_li:hover{background-color: #ea5504;} .qqconkuang{width: auto;white-space:nowrap;position: fixed; right: 22px; bottom: 270px;top:33.2%;display: none; text-align: center;font-weight: 700;font-size: 20px;z-index: 100;} .feedback_btn{ display: block; text-align: center; border: 1px solid #333333; margin: 5px 0; background: #f1ce48; width: 80px; height: 30px; line-height: 30px; font-weight: bold; } .page_navi{display: inline-flex;justify-content: center;margin: 30px 0 80px 0;width: 100%;flex-wrap: wrap;padding-left: 6%;} .page_navi a{color: #4d4d4d;font-size: 15px;line-height: 23px;cursor: pointer;} .page_navi a:hover{color: #3096d1;font-weight: bold;} .preclass,.nextclass{margin: 0 10px} .pages-list a{margin: 0 5px} .page_navi a.on{color: #3096d1;font-weight: bold;} .news_more_place { width: 100%; margin-top: 31px; display: inline-block; } a.amore_btn.amore_white { border-color: #c8c9c9; background: rgba(255, 255, 255, 0.2); text-shadow: 0 1px 1px rgba(0,0,0,0.2); color: #9e9f9f; } a.amore_btn { position: relative; display: block; width: 242px; margin: 0 auto; border: 1px solid; text-align: center; text-decoration: none; text-transform: uppercase; overflow: hidden; letter-spacing: .08em; font-size: 20px; border-radius: 20px; height: 41px; line-height: 39px; overflow: hidden; z-index: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } a.amore_btn.amore_white:after { background: none repeat scroll 0 0 #fff; } a.amore_btn:after { -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } a.amore_btn:after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 100%; z-index: -1; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; } #section02s a{ text-decoration:none; color: #555;} #section02s a:hover,#section02s a:active,#section02s a:focus{ text-decoration:none; color: #0071b6;} html body #section02s div.clear,html body #section02s span.clear{ background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; } @media (min-width: 320px) { .indMenuBg{ padding-bottom: 50px; background-size: 960px; position: relative;}/*background: url(../images/type/indMenuBg.jpg) center bottom repeat-x;*/ .indMenuBg a{ width: 33.33%; float: left; text-align: center;} .indMenuBg span{ display: block; font-size: 12px; color: #555;} .indMenuBg b{ font-weight: normal;} .indMenuBg a{ padding-top: 20px;padding-bottom: 60px; transition: .15s;} .indMenuBg a:hover{ -webkit-background-size: 50px;background-size: 50px;} .indMenuHide{ display: none;} } @media (min-width: 992px) { .indMenuHide{ display: block;} .indMenuBg{ margin-top: 30px; padding-bottom: 170px; background-size: 1920px;} .indMenuLineT{ background: url("../images/type/indMenuBgT.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/type/indMenuBgT.png*/ center top no-repeat; height: 35px;-webkit-background-size: 1616px;background-size: 1616px;width: 100%; position: absolute; z-index: 999; top: 0;} .indMenuBox{ width: 16.666%; float: left; position: relative;} .indMenuHide{position: absolute; left: 0; top: 241px; width: 100%; height: 0; overflow: hidden; margin-top: 15px; transition:.2s; border-top-left-radius: 200px; border-top-right-radius: 200px;} .indMenuBg .indMenuHide a{ position: absolute; left: 0; bottom: 0; height: 241px;} .indMenuBg .indMenuHide span{ color: #fff} .indMenuHide a b{color: #fff;} .indMenuHide b{color: #fff; width: 100%; position: absolute; top: 80px; left: 0; transition:.4s; opacity: 0;} .indMenuHide span{color: #fff; width: 100%; position: absolute; top: 30px; left: 0; transition:.3s; opacity: 0;} .indMenuBox .indMenuHide a{ transition:.5s; opacity:1;} .indMenuBox:hover .indMenuHide a{ opacity:1;} .indMenuBox:hover .indMenuHide{ height: 241px; top: 0; border-top-left-radius: 0; border-top-right-radius: 0;} .indMenuBox:hover .indMenuHide b{ top: 50px; opacity: 1;} .indMenuBox:hover .indMenuHide span{ top: 20px; opacity: 1;} .indMenuBg a{ padding-top: 40px; margin-top: 15px;padding-bottom: 160px; transition: .15s; width: 100%; -webkit-background-size: 90px;background-size: 100px; background-color: #f7f7f7; background-position: center 100px; line-height: 30px;} .indMenuBg .indMenuHide a{ background-position: center 100px; } .indMenuBg a span{ font-size: 14px;} .indMenuBg a b{ font-size: 18px;} .indMenuBg a:hover{ -webkit-background-size: 90px;background-size: 90px;} .indMenuBg .indMenuBox:nth-child(2)>a,.indMenuBg .indMenuBox:nth-child(4)>a,.indMenuBg .indMenuBox:nth-child(6)>a{ background-color: #fbfbfb;} .indMenuLineB{ background: url("../images/type/indMenuBgB.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/type/indMenuBgB.png*/ center top no-repeat;padding-top: 20px;-webkit-background-size: 1616px;background-size: 1616px; width: 100%; position: absolute; bottom: 150px;} } @media (min-width: 1230px) { .indMenuLineT{ background: url("../images/type/indMenuBgT.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/type/indMenuBgT.png*/ center top no-repeat;padding-top: 20px;-webkit-background-size: 2000px;background-size: 2000px; width: 100%; position: absolute; height: 35px;} .indMenuLineB{ background: url("../images/type/indMenuBgB.png")/*tpa=http://www.morpheusideas.com/wp-content/themes/morpheusidea2020/images/type/indMenuBgB.png*/ center top no-repeat;padding-top: 20px;-webkit-background-size: 2000px;background-size: 2000px; width: 100%; position: absolute;} } #foot_menu #menu-menu-2>li{float: left;min-width: 110px;margin-right: 53px;} #foot_menu #menu-menu-2>li>a{display:block;color: #aaa;font-size: 18px;line-height: 18px;padding-bottom: 16px; border-bottom: 1px solid #343434; margin-top: 0px; font-weight:500;} #foot_menu #menu-menu-2>li>.sub-menu{margin-top: 5px} #foot_menu #menu-menu-2>li>.sub-menu>li{margin-top: 5px} #foot_menu #menu-menu-2>li>.sub-menu>li a{color: #777} .aboutus_img01{position: relative;height: 711px;width: 100%;margin: 0 auto} .aboutus_img01 .component{position: absolute;left: 50%;top: 30%;opacity: 0;width: 75%;margin-left: -37.5%;transition:top 2s,opacity 1.5s;} .aboutus_img01 .component.active{top: 5.4vw;opacity: 1;} .aboutus_img02{position: relative;height: 725px;width: 100%;margin: 0 auto} .aboutus_img02 .component{position: absolute;left: 50%;top: 30%;opacity: 0;width: 71%;margin-left: -35.5%;transition:top 2s,opacity 1.5s;} .aboutus_img02 .component.active{top: 0px;opacity: 1;} .background{clear:both; margin:0px; border:0px;width: 100%} /*修改*/ *, *:after, *::before{box-sizing: border-box;} .phone_nav{display:none;height: 74px;text-align: center;position: relative;background: #f5f6f8;border-bottom: 4px solid #3096d1;padding-top: 6px;} .nav_button{position: absolute;left: 0px;width: 58px;top: 0px;height: 100%;} .nav__trigger {display: block;position: absolute;width: 30px;height: 26px;/*right: 10px;*//*top: 10px;*/margin-left: -15px;margin-top: -13px;left: 50%;top: 50%;z-index: 200;} .nav--active .nav__trigger {opacity: 0.5;} .nav__icon {display: inline-block;position: relative;width: 30px;height: 5px;background-color: #3096d1;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;} .nav__icon:before,.nav__icon:after {content: '';display: block;width: 30px;height: 5px;position: absolute;background: #3096d1;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;} .nav__icon:before {margin-top: -10px;} .nav__icon:after {margin-top: 10px;} .nav_button.active .nav__icon {background: rgba(0, 0, 0, 0);} .nav_button.active .nav__icon:before,.nav_button.active .nav__icon:after{background-color: #ee3d3d;opacity: 0.9;} .nav_button.active .nav__icon:before {margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);} .nav_button.active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .phone_nav_bg{background-color: #000;width: 100%;height: 100vh;opacity: 0.5;z-index: 0;display: none;} .nav_hebox.height1{height: 110px;} .nav_hebox.height2{height: 90px;} .navbox{margin:0 auto; width: 100%; max-width: 1200px;text-align: center;} #section03{height: 935px} .service_content_line{width: 100%;padding-top: 6%} .service_content_line.small{padding-top: 2%} #section04{width: 100%;padding-bottom: 160px;} ul.piclists{margin-left: 8%;margin-top: 25px} li.newnews{float: left;margin: 0 0.4%;width: 20.2%;} .s4bgpic{background-size:100%;position: relative;background-position: 50% 50%;background-size: auto 100%;background-repeat: no-repeat;} .fontseat{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10} .hoverfontbox{position: relative;width: 90%;height: 100%;display: table;margin: 0 auto;} .hoverfont{text-align: left;line-height: 27px;position: absolute;top: 50%;} .pfontdate{font-size: 16px} .pfonttitle{font-size: 16px;letter-spacing:1.5px;} div.s4bgmore{float:left;margin-left: 0.4%;width: 6%;position: relative;} div.s4bgmore img{position: absolute;left: 50%;margin-left:-20px;top: 50%;margin-top: -72px} #section04 p.new_title{text-align: center;} #section04 p.new_title img{margin-bottom: 2%;width: 19%} .mapad{height:80px;margin-top: 10px;} .zsy1{text-align: left;background-color: #f1ce42;background-image: linear-gradient(to right, #343434 ,#343434 , #f1ce42, #f1ce42, #f1ce42);} .s7imgbox{height: 100%;display: flex;max-width: 1920px;margin: 0 auto;} .s7imgbox #maps{width: 64%;position:relative;max-width: 960px;flex-shrink: 0;} .mapleft{min-width: 364px;max-width: 602px;width: 100%;text-align: center;background-color: #f1ce42;position: relative;padding: 50px 0px;} .cu_contaner{display: inline-block;width: 84%;} .s7cutitle{display: block;margin: 0 auto;flex-shrink: 0;} .s7cubox1{height: 30px;border-bottom: 1px solid black;width: 100%;margin-bottom: 15px;display: flex;} .s7cubox2{margin-bottom: 15px;} .s7cubox3{display: inline-block;width: 100%;} .s7cubox_title{float: left;font-size: 12px;margin-top: 3px;margin-right: 5px} .s7cubox2_title{float: none;text-align: left;} .s7cubox1 input{background: none;border: none;outline: none;width: 100%} .s7cubox2 .messk{border: 1px solid black;margin-top: 5px;width: 100%;padding: 0} .messk textarea{padding:5px;height:100%;width: 100%;background: none;border: none;outline: none;} .s7cubox3 #feedback_button{float: right;} .adl_block{float: left;height: 100%;margin-top:12px;text-align: left;} .adpics.adl_sz .adl_block.adl_block_ad{width:43%;} .adpics.adl_sz .adl_block.adl_block_email{width: 30%;} .adpics.adl_sz .adl_block.adl_block_tel{width: 26%;} .adpics.adl_zh .adl_block.adl_block_ad{width: 35%;} .adpics.adl_zh .adl_block.adl_block_email{width: 30%;} .adpics.adl_zh .adl_block.adl_block_tel{width: 35%;} .adpics.adl_am .adl_block.adl_block_ad{width: 29%;} .adpics.adl_am .adl_block.adl_block_email{width: 31%;} .adpics.adl_am .adl_block.adl_block_tel{width: 34%;} .adlb_imglogo{float: left;margin-top: 6px;} .adpics.adl_sz .adl_block.adl_block_ad .adlb_imglogo{padding-left: 45px;} .adpics.adl_sz .adl_block.adl_block_email .adlb_imglogo{margin-left: 5px;} .adpics.adl_sz .adl_block.adl_block_tel .adlb_imglogo{margin-left: 10px;} .adpics.adl_zh .adl_block.adl_block_ad .adlb_imglogo{margin-left: 0px;} .adpics.adl_zh .adl_block.adl_block_email .adlb_imglogo{margin-left: 5px;} .adpics.adl_zh .adl_block.adl_block_tel .adlb_imglogo{margin-left: 20px;} .adpics.adl_am .adl_block.adl_block_ad .adlb_imglogo{padding-left: 30px;} .adpics.adl_am .adl_block.adl_block_email .adlb_imglogo{margin-left: 12px;} .adpics.adl_am .adl_block.adl_block_tel .adlb_imglogo{margin-left: 10px;} .adlb_message{margin-top: 7px;} .adpics.adl_sz .adl_block.adl_block_ad .adlb_message{margin-left:115px;} .adpics.adl_sz .adl_block.adl_block_email .adlb_message{margin-left:70px;} .adpics.adl_sz .adl_block.adl_block_tel .adlb_message{margin-left:70px;} .adpics.adl_zh .adl_block.adl_block_ad .adlb_message{margin-left:65px;} .adpics.adl_zh .adl_block.adl_block_email .adlb_message{margin-left:70px;} .adpics.adl_zh .adl_block.adl_block_tel .adlb_message{margin-left:75px;} .adpics.adl_am .adl_block.adl_block_ad .adlb_message{margin-left:95px;} .adpics.adl_am .adl_block.adl_block_email .adlb_message{margin-left:77px;} .adpics.adl_am .adl_block.adl_block_tel .adlb_message{margin-left:65px;} .adlbm_text{font-size: 12px;margin-top: 5px;} .adlbmt_box{display: inline-block;margin-right: 5px} .adlbmt_box2{display: inline-block;} .s3img6{width: 100%;position: relative;overflow-x: hidden;overflow-y: hidden;height: 634px;} .imgul{margin:0 auto;width:85%;text-align:center;display: flex;justify-content: space-between;flex-wrap: wrap;} .imgul .productA{width: 32%;height: 298px;margin: 9px 0} .imgul .productB{width: 32%;height: 298px;margin: 9px 0} #section02s{height: 274px} .aboutus_container{max-width: 1400px;width: 98%;position: relative;margin: 0 auto;} .aboutus_container.abc_first{height: 37vw;max-height: 544px;} .aboutus_container.abc_second{height: 50vw;max-height: 735px;} .abc_first .abc_bg{position: absolute;left: 0px;width: 100%;bottom: 0px;} .abc_second .abc_bg{position: absolute;left: 0px;width: 100%;bottom: 10%;} .aboutus_box{display: flex;justify-content: space-between;position: absolute;left: 50%;transition:top 2s,opacity 1.5s;margin-left: -50%;width: 100%;} .ab_double_box{width: 50%;} .ab_double_box.no_bottom{display: inherit;} .ab_double_box.have_top{margin-top: 50px;} .ab_triple_box{width: 33.3%;} .ab_tb_listbox{display: flex;justify-content: space-between;} .ab_double_box>img,.ab_triple_box>img{width: 100%;} .aboutus_box1{top: 10vw;opacity: 0} .aboutus_box1.active{top: 0px !important;opacity: 1 !important} .aboutus_box2{top: 12vw;opacity: 0} .aboutus_box2.active{top: 0px !important;opacity: 1 !important} a.abtn.producta{height: auto;} .page-range{width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;} .page-right{width: 210px;padding-right:10px;flex-shrink:0;} .page-left{min-height: 695px;width: 100%;} .pcsidebar{line-height: 40px;} .page-left.pservice .imgul{width: 94%;float: right;margin: unset;} .pservice_title{float: left; width:100%;border-bottom: solid 1px #e5e5e5;} .stores_show ul{display: flex;justify-content: space-between;flex-wrap: wrap;} /*.stores_show{}*/ .piclist.newisone .imgul{width: 92%;float: right;margin: unset;} .piclist.newisone .imgul li{display: inline-block;width: 100%;line-height: 40px;} .news_message{margin-top: 10px;width: 100%;margin: 0 auto;display: inline-block;} .news_message .newsvmore{margin-right: 0px;} .piclist.newisone .imgul li a.external-link-new-window{display: inline-block;width: 100%;text-align: justify;} .piclist.newisone .imgul li a.external-link-new-window h2{text-align: center;} .piclist.newisone .imgul li a.external-link-new-window .newstimg{width: 100%} .piclist.newisone .imgul li .newsshare{margin-right: 0px;} .newmenu_datetitle{font-size: 16px;padding-left: 10px;} .newscontent.expand{text-align: justify;} .single_newevent_height{height: 62px;} .single_newevent{width: 1200px;margin: 0 auto;min-height: 625px;line-height:35px;} .single_product_title{width: 1366px;height: 845px;margin: 0 auto;position: relative;overflow: hidden;} .single_ptitle_left{width: 564px;height: 424px;position: absolute;top: 50%;margin-top: -212px;transition: width 3s,left 3s,height 3s,opacity 3s,margin 3s;opacity: 0;left: -200px;} .single_ptitle_left.spt_bg{mix-blend-mode:multiply;z-index: 2;} .single_ptitle_left.spt_text{z-index: 3;} .single_ptitle_left.active{left: 50%;margin-left: -683px;opacity: 1;} .single_ptitle_right{width: 1142px;height: 620px;position: absolute;top: 50%;margin-top: -310px;z-index: 1;transition: right 3s,opacity 3s,margin 3s,width 3s;opacity: 0;right: -200px;} .single_ptitle_right.active{right: 50%;margin-right: -681px;opacity: 1;} .single_ptitle_box{width: 100%;height: 100%;position: relative;display: table;} .single_ptitle_box.noover{overflow: hidden;} .single_ptitle_box.noover img{width: 100%;} .single_ptitle_bg{width: 100%;height: 100%;background-color: #f0cd42;opacity: 0.8} .single_ptitle_wordbox{color: white;display: table-cell;vertical-align: middle;} .single_ptitle_word,.single_stitle_word{width: 100%;text-align: center;transition: font-size 3s;} .single_ptitle_word.sptw_chinese,.single_stitle_word.sstw_chinese{font-size: 76px;} .single_ptitle_word.sptw_english,.single_stitle_word.sstw_english{font-size: 28px;} .single_product_box,.single_solution_box{width: 1200px;margin: 0 auto 47px auto;text-align: justify;line-height: 2em;} .single_product_box p,.single_solution_box p{color: #4d4d4d;font-size: 16px;line-height: 2em;letter-spacing: 1px;font-family: 'Hiragino Sans GB','Microsoft Yahei';font-weight: 500;text-align: justify;} .single_product_box img,.single_solution_box img{margin: 25px auto;} .single_solution_title{margin-bottom:47px;position: relative;display: inline-block;width: 100%;height: 784px;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center center;} .single_stitle_bg{width: 400px;height: 400px;background-color: #f1ce42;border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-left: 200px;margin-top: -200px;z-index: 2;opacity: 0;transition: margin 3s,opacity 3s;} .single_stitle_bg.active{margin-left: -200px;opacity: 1;} .single_stitle_text{position: absolute;width: 100%;height: 400px;right: 50%;top: 50%;margin-right: 200px;margin-top: -200px;z-index: 3;display: table;opacity: 0;transition: margin 3s,opacity 3s;} .single_stitle_text.active{margin-right: -50%;opacity: 1;} .single_stitle_wordbox{display: table-cell;vertical-align: middle;text-align: center;color: #fff;text-shadow: 3px 3px 10px #333;} .mejs-container{width: auto !important;height: auto !important;min-width: unset !important;} .mejs-mediaelement{position: relative !important;} .mejs-mediaelement .wp-video-shortcode{width: 100% !important;height: auto !important;} /*自适应*/ @media (max-width: 1920px) { .s3img6{height: 33vw;} .imgul .productA{width: 27.5vw;height: 15.5vw;margin: 0.5vw 0;} .imgul .productB{width: 27.5vw;height: 15.5vw;margin: 0.5vw 0;} } @media (max-width: 1400px) { .single_product_title{width: 100%;height: 44vw;margin: 8vw auto;} .single_ptitle_left{width: 42vw;height: 33vw;margin-top: -16.5vw;} .single_ptitle_right{width: 81vw;height: 44vw;margin-top: -22vw;} .single_ptitle_left.active{margin-left: -47vw;} .single_ptitle_right.active{margin-right: -47vw;} .single_ptitle_word.sptw_chinese,.single_stitle_word.sstw_chinese{font-size: 71px;} .single_ptitle_word.sptw_english,.single_stitle_word.sstw_english{font-size: 27px;} .single_solution_title{height: 50vw;} .single_stitle_bg{width: 30vw;height: 30vw;margin-top: -15vw;} .single_stitle_bg.active{margin-left: -15vw;;} .single_stitle_text{height: 30vw;margin-top: -15vw;} } @media (max-width: 1380px) { .single_ptitle_left{width: 55.5vw;} .single_ptitle_left.active{margin-left: -46vw;} .single_ptitle_right.active{margin-right: -46vw;} .single_ptitle_word.sptw_chinese,.single_stitle_word.sstw_chinese{font-size: 66px;} .single_ptitle_word.sptw_english,.single_stitle_word.sstw_english{font-size: 25px;} } @media (max-width: 1360px) { .bottom_lang{background-color:#3096d1;top: 0px;margin-top: 0px;padding-bottom: 25px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;} .bottom_lang ul.language-chooser li a{color: #fff} .bottom_lang ul.language-chooser li{border-color: #fff;font-size: 15px;} #menu-menu-1{margin-left: 0px} .subnav{display: none;} .r_nav{opacity: 0.6} } @media (max-width: 1280px) { .single_ptitle_left{width: 69vw;} .single_ptitle_left.active{margin-left: -45vw;} .single_ptitle_right.active{margin-right: -45vw;} .single_ptitle_word.sptw_chinese,.single_stitle_word.sstw_chinese{font-size: 61px;} .single_ptitle_word.sptw_english,.single_stitle_word.sstw_english{font-size: 24px;} .single_product_box,.single_solution_box{width: 96%;} } @media (max-width: 1260px) { .aboutus_nrbox{width: 98% !important;} .freebox{width: 96% !important;margin: 0 auto;} .page-range{width: 96%;} .page-left{width: 82%;} .stores_show > ul li{width: 35vw !important;} .stores_show > ul li .thumb{height: 22.4vw !important;} .r_nav{opacity: 0.5} } @media (max-width: 1240px) { #section06{height: auto;} #section06 .box12{width: 100%;} #section06 .cus_ul{width: 100%;} #section06 .cus_ul ul{width: 100%;display: flex;justify-content: space-around;flex-wrap: wrap;} #section06 .cus_ul li{width: 24.4vw;height: 15.8vw;} #section06 .cus_ul .bg_one{width: 24.4vw;height: 15.8vw;} #section06 .cus_ul li:hover a{margin-top:-15.8vw;} #section06 .cus_ul li:nth-child(4){border-right:none;} #section06 .cus_ul li:nth-child(8){border-right:none;} #section06 .cus_ul li:nth-child(12){border-right:none;} #section06 .cus_ul li:nth-child(13){display: none;} #section06 .cus_ul li:nth-child(14){display: none;} #section06 .cus_ul li:nth-child(15){display: none;} } @media (max-width: 1220px) { .footer_b{padding-top:30px;padding-bottom: 30px;height: auto;} .footer_b .box12{width: 96%;margin-bottom:0px;} .link{display: none;} #foot_menu{display: none;} .idx_ct_r{padding-left: 0px;margin: 0 auto;float: none;width: 100%;} .idx_contact{width: 100%;float: none;display: block;} .footer_b .box12 .idx_contact2{margin-top:15px;} .idx_ct_r_width p{float: none;text-align: center;} .idx_ct_r_width p .span_stl{margin: 0px;} .filtr-item { width: 44.5vw;height: 25vw;} .single_newevent{width: 96%;} } @media (max-width: 1180px) { .single_ptitle_left{width: 82.5vw;} .single_ptitle_left.active{margin-left: -44vw;} .single_ptitle_right.active{margin-right: -44vw;} .single_ptitle_word.sptw_chinese,.single_stitle_word.sstw_chinese{font-size: 56px;} .single_ptitle_word.sptw_english,.single_stitle_word.sstw_english{font-size: 22px;} .single_product_box,.single_solution_box{width: 91%;} } @media (max-width: 1080px) { .s3img6{height: 73.2vw;} .imgul{justify-content: space-around;} .imgul .productA{width: 40.5vw;height: 23.4vw;} .imgul .productB{width: 40.5vw;height: 23.4vw;} .page-range{display: block;width: 98%;} .page-right{width: 100%;float: none;} .pcsidebar{width: 96%;margin: 0 auto;} .pcsidebar.newsevent{width: 210px;} .newmenu_datetitle{border: 1px solid #6d5252;border-bottom: none;text-align: center;padding-left: 0px;} .pcsidebar.newsevent #my_menu{border: 1px solid #6d5252;margin-left: 0px;text-align: center;padding-bottom:0px;} .pcsidebar.newsevent #my_menu hr{border:none;margin: 0px;} .pcsidebar.newsevent div.sdmenu a:before{display: none;} .pcsidebar.newsevent div.sdmenu a:after{display: none;} .pcsidebar_box{display: flex;justify-content: space-between;flex-wrap: wrap;} .pcsidebar_box .abtn{width: 30% !important;} .hotline_box{display: none;} .page-left{width: 100%;} .page-left.pservice .imgul{width: 100%;float: none;} .page_navi{padding-left: 0px;} .stores_show > ul li{width: 47.5vw !important;} .stores_show > ul li .thumb{height: 30.4vw !important;} .piclist.newisone .imgul{width: 96%;float: none;margin: 0 auto;display: block;} .page-range.pr_enews .page-right{padding-right: 0px;margin-bottom:5vw;} .single_ptitle_left{width: 94vw;} .single_ptitle_right{width: 86vw;} .single_ptitle_left.active{margin-left: -47vw;} .single_ptitle_right.active{margin-right: -43vw;} .single_ptitle_word.sptw_chinese,.single_stitle_word.sstw_chinese{font-size: 51px;} .single_ptitle_word.sptw_english,.single_stitle_word.sstw_english{font-size: 21px;} .single_product_box,.single_solution_box{width: 86%;} } @media (max-width: 1068px) { .mapleft{padding: 39px 0;} .r_nav{opacity: 0.4} } @media (max-width: 1024px) { #section03{height: 1035px} #section02 .our{width: 280px;margin-left: -140px;} #section03 .service_title{width: 280px;margin-left: -150px;} #section04 .new_title img{width: 280px !important;} #section06 .idx_tit img{width: 280px !important;} #section05 .whoweare_title{width: 280px;margin-left: -150px;} #section02 .our img{width: 100%} #section03 .service_title img{width: 100%} #section03 .service_content{width: 100%;min-width: 0px;} .service_content_line{display: flex;justify-content: space-between;width: 95%;margin:10px auto;} .service_content_line{padding-top: 10% !important;} ul.piclists{margin-left: 0px;} li.newnews{float: none;width:90%;margin: 0px auto 10px auto;} a.s4amore{width: 90%;margin: 0 auto;display: block;} div.s4bgmore{width: 100% !important;float: none !important;margin-left: 0px !important;} div.s4bgmore img{transform: rotate(-90deg);} .newnews:hover .hoverbg,.newnews.hover .hoverbg{ display: block; } .fontseat{height: 100%} .s4bgpic{background-size: 100% auto} #section04{padding-bottom: 60px} .newsline{display: none;} #section06 .idx_tit p{width: 90%;margin: 0 auto;padding-top: 20px} #section05 .whoweare_main{width: 92%;margin-left:-46%;} #section05 .whoweare_title img{width: 100%;} .s7imgbox{display: block;} .s7imgbox #maps{width: 100%;max-width: inherit;} .mapleft{width: 100%;max-width: inherit;padding: 50px 0;} } @media (max-width: 1000px) { #boxtop{width: 100vw;} .mapad{height: 162px;position: relative;} #section07 .list{height: 162px;} .adl_block{float: none;width: 270px !important;margin: 0 auto;} .adlb_imglogo{display: none;} .adlb_message{margin-left: 0px !important;} .adlbm_text{font-size: 12px;margin-top: 5px;} .adlbmt_box{display: inline-block;margin-right: 5px} .adlbmt_box2{display: inline-block;} #curleft{display: block;left: 2%;z-index: 2;top: 50%;margin-top: -19px;} #curright{display: block;right: 2%;z-index: 2;top: 50%;margin-top: -19px;} } @media (max-width: 980px) { .single_ptitle_word.sptw_chinese,.single_stitle_word.sstw_chinese{font-size: 46px;} .single_ptitle_word.sptw_english,.single_stitle_word.sstw_english{font-size: 20px;} } @media (max-width: 950px) { .sexplain{height: 70px;} .aboutus_container.abc_first{height: 114.3vw;max-height: unset;} .aboutus_box.hasphone{display: block;} .abc_first .abc_bg{display: none;} .aboutus_box.hasphone .ab_double_box{width: 100%;} .aboutus_box.hasphone .ab_double_box.have_top{margin: 0px;} .abc_second{display: none;} .r_nav{opacity: 0.3} } @media (max-width: 880px) { .single_ptitle_word.sptw_chinese,.single_stitle_word.sstw_chinese{font-size: 41px;} .single_ptitle_word.sptw_english,.single_stitle_word.sstw_english{font-size: 19px;} } @media (max-width: 865px) { .sexplain{height: 80px;} .r_nav{opacity: 0.2} } @media (max-width: 780px) { .single_ptitle_word.sptw_chinese,.single_stitle_word.sstw_chinese{font-size: 36px;} .single_ptitle_word.sptw_english,.single_stitle_word.sstw_english{font-size: 18px;} } @media (max-width: 750px) { .sexplain{height: 90px;} .r_nav{opacity: 0.1} } @media (max-width: 707px) { #section06 .cus_ul li{width: 32vw;height: 20.8vw;} #section06 .cus_ul li:hover a{margin-top:-20.8vw;} #section06 .cus_ul .bg_one{width: 32vw;height: 20.8vw;} #section06 .cus_ul li:nth-child(4){border-right:1px dashed #dcdcdc;} #section06 .cus_ul li:nth-child(8){border-right:1px dashed #dcdcdc;} #section06 .cus_ul li:nth-child(3){border-right:none;} #section06 .cus_ul li:nth-child(6){border-right:none;} #section06 .cus_ul li:nth-child(9){border-right:none;} } @media (max-width: 700px) { .phone_nav{display: block;} #navindex.black{background-color: unset;} #navindex.black .phone_nav{background-color: #333;border-bottom:none;} #navindex.black ul.language-chooser li a{color: #fff;} /*header{display: none;}*/ .navbox{max-width: 100%} /*#navindex{position: relative;}*/ #navindex .nav{display:none;position: absolute;left: 0px;top: 74px;width: 100%;max-height: 90vh;overflow-y: scroll;overflow-x: hidden;background-image: unset;z-index: 1} #navindex.black .nav{background-color: #333333} #menu-menu-1{display: block;height: 100%;line-height: 50px;} .headlogo{display: none !important;} #menu-menu-1>li.menu-item{display: block;} #myslidemenu ul.sub-menu{position: unset;left: 0px;top: 0px;margin-left: 0px;width: 100%;border-radius: 0px;border: none;} #menu-menu-1>li.menu-item:hover>ul.sub-menu{display: none;} #menu-menu-1>li.active>ul.sub-menu{display: block !important;} #menu-menu-1>li.menu-item>a:after{display: none;} #menu-menu-1>li.menu-item>a{display: block;width: 100%;font-size: 16px;border-bottom: 1px solid #d8d8d8;} #menu-menu-1>li.menu-item.current-menu-item>a,#menu-menu-1>li.menu-item:hover>a{background-color: #e8e8e8;} #menu-menu-1>li.menu-item:hover>ul.sub-menu{animation: unset;} #navindex .nav::-webkit-scrollbar {display: none;} .phone_nav .headlogo{display: block !important;} .phone_nav_bg.active{display: block;} #navindex .nav.active{display: block;} .nav_hebox{height: 74px !important;} .bottom_lang{right: 10px;} .s3img6{height: 81.6vw;} .imgul{width: 98%;} .imgul .productA{width: 46.5vw;height: 26.2vw;} .imgul .productB{width: 46.5vw;height: 26.2vw;} .rslides{width: 126%;margin-left: -13% !important;margin-bottom: 0px !important;} #section02s{height: 214px} .indMenuBg{overflow: hidden;padding-bottom: 0px;} .newssomething{display: none;} .prodttitle{margin: 30px auto 20px auto} .filtr-item { width: 89vw; height: 50.1vw;} .stores_show > ul li{width: 95vw !important;} .stores_show > ul li .thumb{height: 60vw !important;} .r_nav{display: none;} .single_newevent_height{height: 22px;} #menu-menu-1>li>a{font-weight: bold;} .sub-menu>li>a{font-size: 14px;} } @media (max-width: 680px) { .single_ptitle_word.sptw_chinese,.single_stitle_word.sstw_chinese{font-size: 31px;} .single_ptitle_word.sptw_english,.single_stitle_word.sstw_english{font-size: 17px;} } @media (max-width: 650px) { .sexplain{height: 100px;} } @media (max-width: 620px) { .footer_b p.sub2{display: none;} } @media (max-width: 600px) { li.newnews:nth-child(3){display: none;} li.newnews:nth-child(4){display: none;} .hoverh2{display: none;} .hoverfont{display: table-cell;position: unset;color: #fff;vertical-align: middle;} } @media (max-width: 580px) { .single_ptitle_word.sptw_chinese,.single_stitle_word.sstw_chinese{font-size: 26px;} .single_ptitle_word.sptw_english,.single_stitle_word.sstw_english{font-size: 16px;} } @media (max-width: 550px) { .sexplain{display: none;} .smore{width: 100%;} .sviewmore{width: 98%;height: auto;} .sviewmore a img{width: 100%} #section03{height: 785px} .ssign1,.ssign2,.ssign3,.ssign4,.ssign5,.ssign6{transform: scale(0.8);} } @media (max-width: 500px) { #section06 .cus_ul li{width: 48vw;height: 31.2vw;} #section06 .cus_ul li:hover a{margin-top:-31.2vw;} #section06 .cus_ul .bg_one{width: 48vw;height: 31.2vw;} #section06 .cus_ul li:nth-child(3){border-right:1px dashed #dcdcdc;} #section06 .cus_ul li:nth-child(2){border-right:none;} #section06 .cus_ul li:nth-child(4){border-right:none;} #section06 .cus_ul li:nth-child(7){display: none;} #section06 .cus_ul li:nth-child(8){display: none;} #section06 .cus_ul li:nth-child(9){display: none;} #section06 .cus_ul li:nth-child(10){display: none;} #section06 .cus_ul li:nth-child(11){display: none;} #section06 .cus_ul li:nth-child(12){display: none;} .s7imgbox #maps{display: none;} .idx_contact2>p:first-child{display: none;} .bdtj{display: none;} .sj_hh{display: inline-block;width: 100%;margin-top: 5px;} #section06{padding-top: 11%;} #section03{height: 700px;} #section03 .service_title{top: -2%;} .cus_ul{padding-bottom: 0px;} } @media (max-width: 450px) { .ssign1,.ssign2,.ssign3,.ssign4,.ssign5,.ssign6{transform: scale(0.7);} } @media (max-width: 382px) { .mapleft{min-width: auto;} } @media (max-width: 380px) { #section03{height: 715px} #section03 .service_content{height: 100%} .stitle{font-size: 16px;} } @media (max-width: 350px) { .stitle{font-size: 15px;} .ssign1,.ssign2,.ssign3,.ssign4,.ssign5,.ssign6{transform: scale(0.6);} div.s4bgmore img{width: 30px;margin-left: -15px;margin-top: -54px;} .s7cutitle{max-width: 100%} }