body { font-family: 'Microsoft YaHei'; color: #565656; } .clear { clear: both; } ul, li { list-style-type: none; padding: 0px; margin: 0px; } .h10 { height: 10px; clear: both; } .h20 { height: 20px; clear: both; } .h50 { height: 50px; clear: both; } .h80 { height: 80px; clear: both; } img{max-width: 100%;} .left { float: left; } .right { float: right; } .pager { margin: 0; } h1 { color: #333; font-size: 24px; margin-top: 0px; } h3 { color: #333; font-size: 16px; position: relative; } .fl{float: left;} .fr{float: right;} i.f1 { background: url(../images/icon_contactus.png) center no-repeat; } i.f2 { background: url(../images/icon_service.png) center no-repeat; } i.f3 { background: url(../images/icon_share.png) center no-repeat; } i.f4 { background: url(../images/icon_qcode.png) center no-repeat; } a { text-decoration: none; color: #666; } a:hover, a:active { text-decoration: none; color: #000; } a.more { font-size: 12px; } a.more:hover { background: #478ed4; } div.controls { margin-bottom: 30px; } div.controls input, div.controls textarea { line-height: 46px; padding: 5px; font-size: 18px; width: 100%; border: 2px solid #ccc; } div.controls input:hover, div.controls textarea:hover { border: 2px solid #478ed4; } div.controls button { background: #478ed4; color: #fff; padding: 5px 15px; font-size: 16px; border: none; } div.more { text-align: center; margin: 10px 0 20px 0; } div.more a.more { line-height: 26px; border-radius: 15px; background: #0090da;color: #fff; margin: 0px 20px; padding: 2px 20px; display: inline-block; } div.more a.more:hover { background: #478ed4; } div.page { } div.page a.more { background: url(../images/icon_more4.png) 95% center no-repeat; display: inline-block; } div.page a.more { margin: 30px auto 0 auto; padding: 5px 30px 5px 0px; color: #478ed4; font-size: 20px; line-height: 20px; text-align: center; } div.page a i { margin: 0 0 5px 0; } div.page li { padding: 0; } div.page li span { color: #478ed4; } div.contact .main { padding: 10px; } .bx-wrapper { position: relative; } .bx-wrapper .bx-controls { position: absolute; bottom: -20px; left: 50%; margin-left: -33px; } .bx-wrapper .bx-pager { } .bx-wrapper .bx-pager .bx-pager-item { float: left; } .bx-wrapper .bx-pager a { width: 12px; height: 12px; border-radius: 12px; float: left; background: #fff; display: block; margin: 0px 5px; text-indent: -9999px; overflow: hidden; } .bx-wrapper .bx-pager a.active { background: #478ed4; } .bx-wrapper .bx-controls-direction { } div.kf_phone { display: none; } /*banner*/ /* 本例子css */ .slideBox{ width:100%; overflow:hidden; position:relative; border:1px solid #ddd; } .slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:10px; z-index:1;width: 100% ;text-align: center;} .slideBox .hd ul li{width:15px; height:15px; line-height:14px; text-align:center; background:#fff;display: inline-block;display: inline-grid; display: inline-table;border-radius: 50%; margin: 0 2px;} .slideBox .hd ul li.on{ background:#f00; color:#fff; } .slideBox .bd{ position:relative; height:100%; z-index:0; } .slideBox .bd li{ zoom:1; vertical-align:middle; } .slideBox .bd img{ max-width:100%; display:block; } /* 下面是前/后按钮代码，如果不需要删除即可 */ .slideBox .prev, .slideBox .next{ position:absolute; left:3%; top:35%; display:block; width:60px; height:90px; background:url(../images/ad_ctr.png) no-repeat; filter:alpha(opacity=50);opacity:0.5; } .slideBox .next{ left:auto; right:3%; background-position:8px 5px;background:url(../images/ad_ctr.png) no-repeat 8px -83px ; } .slideBox .prev:hover, .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; } .slideBox .prevStop{ display:none; } .slideBox .nextStop{ display:none; } /**/ /*abuot*/ .index_about{overflow: hidden; padding: 35px 0 20px;} .title01{padding-top:20px; text-align:center;overflow: hidden;} .title01 h3{ display:inline-block; font-size:23px; color:#0b9242; line-height:28px; font-weight:bold;margin: 0 } .title01 span{ display:inline-block; padding-top:6px; padding-left:10px; line-height:22px; color:#0b9242;} .i_box01{width:1200px; margin:0 auto; overflow:hidden;} .i_box01_i{width:100%; height:207px; overflow:hidden;} .i_box01_i img{width:100%;} .i_about{float:left; display:inline-block; width:30%; padding:8px; margin:0 19px; border:1px dotted #d2d2d2;} .i_about_c{width:100%; height:170px; padding:15px 5px 0; line-height:24px; overflow:hidden;} .i_news{float:left; display:inline-block; width:30%; padding:8px; margin:0 19px; border:1px dotted #d2d2d2;} .i_news_l{width:100%; height:170px; padding:15px 10px 0; line-height:24px; overflow:hidden;} .i_news_l li{float:left; width:100%; height:30px; line-height:30px; background:url(../images/icon03.jpg) repeat-x left bottom;} .i_news_l li a{ display:block; float:left; width:250px; text-indent:15px; background:url(../images/icon04.jpg) no-repeat 2px center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .i_news_l li span{ display:block; float:right; width:85px;} .i_platform{float:left; display:inline-block; width:30%; padding:8px; margin:0 19px; border:1px dotted #d2d2d2;} .i_platform_c{width:338px; height:278px; padding:15px 8px 0 9px; overflow:hidden;} .i_platform_c p{margin-bottom: 10px;line-height: 1.8} .i_platform_c li{float:left; width:338px; height:80px; padding:3px 0; background:url(../images/icon03.jpg) repeat-x left bottom;} .more01{margin-top:31px; width:355px; padding-bottom:40px; line-height:37px; text-align:center;} .more01 a{display:inline-block; width:134px; height:37px; text-align:left; text-indent:25px; border-radius:18px; font-size:14px; color:#FFF; background:url(../images/icon02.png) no-repeat 96px center #0b9242;} .more01 a:hover{color:#FFF; background-color:#ff7800;} /*Service*/ #secService { background: url(../images/fw.jpg) no-repeat center; padding:30px;background-attachment: fixed; } #secService .title { text-align: center; } #secService .title h2 { font-family: "open_sanslight"; color: #0090da; font-size: 48px; text-transform: uppercase; display: none; } #secService .title h3 { color: #666; font-size: 32px; margin: 10px 0 20px 0; } #secService .title p { color: #808080; font-size: 14px; line-height: 22px; padding: 10px; } #secService .items {padding: 30px 0; } #secService .items .fw_box {position: relative;} /* #secService .items .fw_box .fw_bd{ padding-left: 40px;} */ #secService .items ul li{ display: inline-block; vertical-align: middle; width: 252px; /*padding:0 10px;*/ margin: 0 10px; } #secService .items ul li a{ display: block; background: rgba(247, 247, 247, 0.7); position: relative; padding:55px 25px 60px 25px; transition: all 500ms ease; -webkit-transition: all 500ms ease; border-bottom: 6px solid #ff7800; box-shadow: 0px 2px 6px #a0a0a0; } #secService .items ul li .pic{ width: 85px; height: 85px; border-radius: 50%; border:2px dotted #288fe1; margin:0 auto 25px auto; transition: all 500ms ease; -webkit-transition: all 500ms ease; } #secService .items ul li i{ display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: center; transition: all 500ms ease; -webkit-transition: all 500ms ease; } #secService .items ul li .txt h1{ font-size: 18px; color: #333; line-height: 30px; font-weight: bold; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #secService .items ul li .txt em{ display: block; width: 26px; height: 2px; background: #288fe1; margin: 12px auto 15px auto; } #secService .items ul li .txt p{ font-size: 14px; color: #444; line-height: 24px; text-align: center; height: 72px; overflow: hidden; } #secService .items ul li:hover a{ background: rgba(11, 146, 66, 0.7); } #secService .items ul li:hover .txt h1,#secService .items ul li:hover .txt p{ color: #fff; } #secService .items ul li:hover .txt em{ background: #fff; } #secService .items ul li:hover .pic{ border-color: #fff; } #secService .items ul li.pro_39 i {background-image: url(../images/index_ico1.png); } #secService .items ul li.pro_39:hover i {background-image: url(../images/index_ico1_1.png); } #secService .items ul li.pro_40 i {background-image: url(../images/index_ico2.png); } #secService .items ul li.pro_40:hover i {background-image: url(../images/index_ico2_1.png); } #secService .items ul li.pro_41 i {background-image: url(../images/index_ico3.png); } #secService .items ul li.pro_41:hover i {background-image: url(../images/index_ico3_1.png); } #secService .items ul li.pro_42 i {background-image: url(../images/index_ico4.png); } #secService .items ul li.pro_42:hover i {background-image: url(../images/index_ico4_1.png); } #secService .items ul li.pro_44 i {background-image: url(../images/index_ico5.png); } #secService .items ul li.pro_44:hover i {background-image: url(../images/index_ico5_1.png); } #secService .items ul li.pro_43 i {background-image: url(../images/index_ico6.png); } #secService .items ul li.pro_43:hover i {background-image: url(../images/index_ico6_1.png); } #secService .items .u_ljt,#secService .items .u_rjt{ width:45px; height:96px; position: absolute; cursor:pointer; display:block;} #secService .items .u_ljt{left:0;top:115px;} #secService .items .u_rjt{right:0;top:115px;} #secService .items .u_ljt a{ background: url(../images/jt1.png) no-repeat; width:45px; height:96px; display:block;} #secService .items .u_rjt a{ background: url(../images/jt1.png) no-repeat right 0; width:45px; height:96px; display:block;}  .x { padding: 1px 0; } .section .row { margin: 0 -5px; } .section .col-md-8, .section .col-md-6, .section .col-md-4, .section .col-md-3, .section .col-md-2 { padding: 0 5px; } .section .title { text-align: center; } .section .title h3 { font-size: 30px; color: #333; } .section .title p { font-size: 21px; color: #333; line-height: 22px; max-width: 760px; margin: 0 auto; } /*#secService .item { } #secService .item li { width: 25%; float: left; } #secService .item li a { display: block; margin: 8px; text-align: center; } #secService .item li a .pic { padding: 0 70px 35px 0; } #secService .item li a img { width: 200px; border-radius: 50%; background: #0090da; } #secService .item li a:hover img { background: #39b44a; } #secService .item li a .selected img { background: #39b44a; } #secService .item li h3 { color: #666; font-size: 20px; padding-right: 67px; } #secService .item li .intro { color: #808080; font-size: 13px; } #secService .item div.more { margin-top: 30px; } #secService .item div.more .more { background: #0090da; color: #fff; } */ /*honor*/ #honor{padding: 30px 0;background: url(../images/hro.jpg) no-repeat center;} #honor .carousel{} #honor .carousel li{width: 230px;float: left;} #honor .carousel li .hor_img{width:230px;height: 225px; padding: 5px; border: 1px solid #eee; justify-content: center; align-items: center; text-align: center; display: table-cell; text-align: center; vertical-align: middle; } #honor .carousel li .hor_img img{ max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } #honor .carousel li .hor_tit{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;text-align: center; line-height: 2.5; padding: 0 20px;} /*Case*/ #secCase .row {} #secCase .item1 { margin: 40px auto 0; text-align: center; max-width: 800px; } #secCase .item1 a { line-height: 32px; font-size: 18px; border-radius: 5px; margin: 20px 1%; padding: 2px 0; width: 22%; display: inline-block; background: #fff; color: #666; border: 1px solid #999; } #secCase .item1 a:hover, #secCase .item1 a.selected { background:#0b9242; color: #fff; } /*#secCase .row { margin: 0px; } #secCase .row li { padding: 0px; width: 25%; float: left; text-align: center; position: relative; z-index: 10; } #secCase .row li .item { margin: 8px; } #secCase .row li .item:hover { } #secCase .row li a { display: block; z-index: 10; } #secCase .row li a:hover { z-index: 999; } #secCase .row li a:hover .item { } #secCase .row li a:hover .item img { opacity: 1; } #secCase .row li a:hover .item .intro { opacity: 1; background: #fff; } #secCase .row .item .pic { overflow: hidden; border-radius: 44px; -moz-border-radius: 44px; -webkit-border-radius: 44px; -webkit-transform: scale(1.0,1.0); -moz-transform: scale(1.0,1.0); -ms-transform: scale(1.0,1.0); -o-transform: scale(1.0,1.0); transform: scale(1.0,1.0); } #secCase .row .item .pic:hover { border-radius: 44px; -moz-border-radius: 44px; -webkit-border-radius: 44px; } #secCase .row .item img { width: 100%; } #secCase .row .item img:hover { } #secCase .row .item h3 { height: 24px; margin: 10px 0; } #secCase .row .item .intro { padding: 2px; opacity: 0.5; } #secCase .row .item .intro div { line-height: 22px; height: 22px; overflow: hidden; }*/ #secCase{background: url(../images/case_bg.jpg) no-repeat center; background-attachment: fixed; padding: 20px 0} #secCase .row .parHd{ text-align: center;} #secCase .row .slideTxtBox .parHd ul li {padding: 0 15px; cursor: pointer; display: inline-block; display: inline-grid; display: inline-table; width: 15%; text-align: center; line-height: 40px; background: #fff; border: 1px solid #ddd; } #secCase .row .slideTxtBox .parBd{margin-top: 30px;overflow: hidden;padding-bottom: 20px;} #secCase .row .slideTxtBox .parBd ul li{width: 295px;float: left;} #secCase .row .slideTxtBox .parBd ul li .item{} #secCase .row .slideTxtBox .parBd ul li .item .pic{ padding: 5px; border: 1px solid #eee; width: 285px; height: 216px;display: table-cell; text-align: center; vertical-align: middle;} #secCase .row .slideTxtBox .parBd ul li .item .pic img{max-width: 100%;max-height: 100%} #secCase .row .slideTxtBox .parBd ul li .item .intro{text-align: center;} #secAboutus { background: #fff; } #secAboutus .divAboutus { position: relative; background: url(../images/bg_map_03.jpg) no-repeat right; background-size: 63% 100%; } #secAboutus .divAboutus img { display: none; } #secAboutus .divAboutus .left { width: 40%; background: url(../images/bg_map_01.jpg) no-repeat center; background-size: 100% 100%; } #secAboutus .divAboutus .right { width: 60%; } #secAboutus .divAboutus .right a { position: absolute; height: 100%; display: block; width: 60%; } #secAboutus .divAboutus .right a:hover { background: none; } #secAboutus .divAboutus .intro { padding: 130px 52px 5px; text-indent: 2em; color: #333; font-size: 15px; } #secAboutus .divAboutus div.more { text-align: right; } #secAboutus .divAboutus div.more .more { background: none; color: #333; border: 1px solid #333; border-radius: 5px; display: inline-block; text-align: center; margin: 0 10px; padding: 3px 12px; min-width: 60px; } #secClient { background: url(../images/bg_client.jpg) center no-repeat; } #secClient .title { text-align: center; } #secClient .title h2 { font-family: "open_sanslight"; color: #fff; font-size: 46px; text-transform: uppercase; } #secClient .title h3 { color: #efefef; font-size: 28px; margin: 10px 0 20px 0; } #secClient .main { margin: 40px 0; position: relative; } #secClient .main .left { position: absolute; cursor: pointer; width: 40px; height: 40px; left: -30px; top: 50%; margin-top: -20px; } #secClient .main .right { position: absolute; cursor: pointer; width: 40px; height: 40px; right: -30px; top: 50%; margin-top: -20px; } #secClient .main i.fa { width: 40px; height: 40px; display: block; line-height: 40px; text-align: center; font-size: 20px; color: #efefef; } #secClient .main li { width: 20%; float: left; } #secClient .main a { display: block; margin: 8px; text-align: center; } #secClient .main a img { width: 90%; } #secClient .main h3 { color: #fff; font-size: 20px; } #secClient .main .intro { display: none; } /**/ .kf { background: #e7e7e7; } .kf img { width: 100%; } .kf .bg { padding: 10px; } .kf .tel { padding: 0 10px 0 60px; background: url(../images/icon_tel.jpg) left center no-repeat; } .kf .tel input { line-height: 46px; height: 46px; width: 100%; background: #e7e7e7; border: 1px solid #ccc; border-radius: 5px; padding: 0px 5px; font-size: 16px; } .kf a.lnkTel { background: #d90012; color: #fff; height: 37px; line-height: 37px; width: 167px; display: block; text-align: center; font-size: 20px; margin: 15px auto 5px auto; } /*ͷ���͵ײ�*/ div.header { width: 100%; z-index: 9999; background: #f9f9f9; } div.header.active { z-index: 9999; position: fixed; top: 0; box-shadow: 0 1px 3px rgba(0,0,0,0.11); -webkit-animation-name: ae-animation-header; -moz-animation-name: ae-animation-header; -o-animation-name: ae-animation-header; animation-name: ae-animation-header; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; -ms-animation-duration: 0.2s; -o-animation-duration: 0.2s; animation-duration: 0.2s; } div.header.active .top { background: #fff; opacity: 1; display: none; } div.header.active .nav { opacity: 0.9; } div.header .m-navbar { display: none; } div.header div.top { position: relative; display: block; padding: 10px 0 10px 0; } div.header div.top .tel span { color: #ff7800; font-size: 27px; font-weight: 600; } div.header div.top .tel img { vertical-align: inherit; } div.header div.top div.title { padding: 14px 25px; } div.header div.top div.title br { display: none; } div.header div.top div.title h3 { color: #333; font-size: 24px; line-height: 30px; margin: 6px 0 0 0; } div.header div.top div.title p { color: #808080; font-size: 14px; line-height: 20px; margin: 0px; text-align: justify; text-justify: inter-ideograph; } div.header div.top div.title p b { font-weight: normal; padding: 0 10px; } div.header div.top div.title p b:first-child { padding: 0 10px 0 0; } div.header div.top div.title p b:last-child { padding: 0 0 0 10px; } div.header div.top div.right { padding: 23px 0px 14px 0px; } div.header div.top div.right .tel{ padding-left: 60px; background: url(../images/tel.png) no-repeat left -4px; line-height: 1.23;} div.header div.top div.right .tel span{ font-size: 28px; font-weight: bold; font-family: cursive;} div.header div.top div.right p { margin: 0px;font-size: 14px; } div.header div.nav .search { position: relative; margin-top: 13px; display: inline-block; } div.header div.top .search a { position: absolute; top: 0px; right: 0px; width: 30px; height: 22px; } div.header div.top input { background: url(../images/icon_search.png) right center no-repeat; padding: 5px; border: 1px solid #ccc; width: 100%; border-radius: 5px; } div.header div.logo { } div.header div.menu { float: left; } div.header div.logo img { display: block; margin: 0px; } div.header div.nav { background: #0b9242; } div.header div.menu li.nav_li { float: left; } div.header div.menu li.nav_li a { font-size: 18px; display: block; color: #fff; line-height: 52px; padding: 0px 45px; margin: 0px; text-align: center; } div.header div.menu li.nav_li a abbr { display: none; } div.header div.menu li.nav_li a:hover,div.header div.menu li.nav_li a.selectedtop { background: #03692d; } div.header div.menu li.nav_li ul { display: none; background: #478ed4; position: absolute; left: 0px; top: 52px; } @media (min-width: 768px){ div.header div.menu li.nav_li a{ padding: 0px 25px; } } div.footer { overflow: hidden; } div.footer div.nav { background: #0b9242;opacity: 0.9; } div.footer div.menu li.nav_li { float: left; } div.footer div.menu li.nav_li a { font-size: 18px; display: block; color: #fff; line-height: 52px; padding: 0px 37px; margin: 0px; text-align: center; } div.footer div.menu li.nav_li a abbr { display: none; } div.footer div.menu li.nav_li a:hover { background:#03692d; } div.footer div.menu li.nav_li a.selected { background: #27ace9; } div.footer div.menu li.nav_li ul { display: none; background: #478ed4; position: absolute; left: 0px; top: 52px; } div.footer #aboutus .row { margin: 0 -5px; } div.footer #aboutus .col-md-1, div.footer .col-md-2, div.footer .col-md-3, div.footer .col-md-4, div.footer .col-md-5 { padding: 0 5px; } div.footer #aboutus .item h3 { font-size: 18px; line-height: 24px; color: #fff; padding: 10px 0; margin-bottom: 10px; } div.footer #aboutus .item h3 i { width: 40px; height: 40px; margin: 10px 0; display: block; } div.footer #aboutus .item .service a { font-size: 13px; color: #eee; line-height: 30px; border: none; top: 10px; background: none; display: block; } div.footer #aboutus .item .contactus { font-size: 13px; color: #eee; line-height: 30px; } div.footer .qcode { margin: 15px 0; } div.footer .qcode img { max-width: 60%; } div.footer .f_logo{width: 155px;text-align: center;} div.footer .f_logo img{max-width: 80%} div.footer .f_cont{width: 800px;padding-left: 30px; padding-top: 10px;} div.footer .f_cont p{margin-bottom: 5px} div.footer .f_cont p a{color: #333} div.footer .wx{width: 150px} div.footer .wx img{max-width: 100%;} div.footer #copyright { height: 40px; line-height: 40px; background: #090808; color: #666; } #divJscount { display: none; } div.kf .Online { position: fixed; bottom: 20px; right: 0; z-index: 9999; padding: 10px; } div.kf .Online h3 { font-size: 14px; color: #fff; font-weight: bold; margin: 10px 0; } div.kf .Online .item { } div.kf .Online .item p { margin: 0; } #secContactus { background: #e6e6e6; } #secContactus .row { margin: 0 -15px; } #secContactus .row .col-md-6 { padding: 0 15px; } #secContactus .row h3 { font-size: 20px; margin-top: 40px; } #secContactus .row img { width: 100%; } #secContactus .contact { } #secContactus .contact .main h3 { padding: 15px; margin: 20px 0 0 0; } #secContactus .contact .main p { padding: 0 15px; margin: 0; line-height: 22px; } #secContactus .contact .main p.tel { padding: 20px 15px 30px 15px; color: #478ed4; font-size: 25px; } #secContactus .feedback { } .parallax { background-position: center; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .hover { -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;} .hover1000 { -webkit-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; -ms-transition: all 1000ms ease-out; -o-transition: all 1000ms ease-out; transition: all 1000ms ease-out; } .animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated_030s { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated_050s { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated_075s { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated_100s { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated_120s { -webkit-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated_150s { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated_200s { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated_300s { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated_500s { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated_1s { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated_5s { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated_delay_010s { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .animated_delay_020s { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .animated_delay_030s { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .animated_delay_040s { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .animated_delay_050s { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .animated_delay_060s { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .animated_delay_070s { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .animated_delay_080s { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .animated_delay_090s { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .animated_delay_100s { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; } .animated_delay_110s { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; } .animated_delay_120s { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } .animated_delay_150s { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; } .animated_delay_200s { -webkit-animation-delay: 2.0s; animation-delay: 2.0s; } .animated_delay_250s { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } .animated_delay_300s { -webkit-animation-delay: 3.0s; animation-delay: 3.0s; } .animated_delay_350s { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } .animated_delay_400s { -webkit-animation-delay: 4.0s; animation-delay: 4.0s; } .transition_050 { transition: 0.5s all; -webkit-transition: 0.5s all; } .css3-function-inout { transition-timing-function: ease-in-out; } .css3-t-scale { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1);} .css3-ease-in-out { -webkit-transition: all .8s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} @-webkit-keyframes t_ScaleInOut { 0% { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-backface-visibility: hidden; } 100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; } } @keyframes t_ScaleInOut { 0% { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-backface-visibility: hidden; } 100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; } } .t_ScaleInOut { -webkit-animation-name: t_ScaleInOut; animation-name: t_ScaleInOut; animation-timing-function: ease; } @-webkit-keyframes t_fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes t_Jump { 0% { -webkit-transform: translateY(200px); transform: translateY(200px); transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-backface-visibility: hidden; } 100% { -webkit-transform: translateY(0); transform: translateY(0); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; } } @keyframes t_Jump { 0% { -webkit-transform: translateY(200px); transform: translateY(200px); transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-backface-visibility: hidden; } 100% { -webkit-transform: translateY(0); transform: translateY(0); transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; } } .t_Jump { -webkit-animation-name: t_Jump; animation-name: t_Jump; animation-timing-function: ease; } @keyframes t_fade { 0% { opacity: 0; } 100% { opacity: 1; } } .t_fade { -webkit-animation-name: t_fade; animation-name: t_fade; animation-timing-function: ease; } @-webkit-keyframes t_InUp { 0% { opacity: 0; -webkit-transform: translateY(500px); transform: translateY(500px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes t_InUp { 0% { opacity: 0; -webkit-transform: translateY(500px); transform: translateY(500px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .t_InUp { -webkit-animation-name: t_InUp; animation-name: t_InUp; animation-timing-function: ease; } @-webkit-keyframes t_InDown { 0% { opacity: 0; -webkit-transform: translateY(-500px); transform: translateY(-500px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes t_InDown { 0% { opacity: 0; -webkit-transform: translateY(-500px); transform: translateY(-500px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } .t_InDown { -webkit-animation-name: t_InDown; animation-name: t_InDown; animation-timing-function: ease; } @-webkit-keyframes t_InLeft { 0% { opacity: 0; -webkit-transform: translateX(-1500px); transform: translateX(-1500px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes t_InLeft { 0% { opacity: 0; -webkit-transform: translateX(-1500px); transform: translateX(-1500px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .t_InLeft { -webkit-animation-name: t_InLeft; animation-name: t_InLeft; animation-timing-function: ease; } @-webkit-keyframes t_InRight { 0% { opacity: 0; -webkit-transform: translateX(1500px); transform: translateX(1500px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes t_InRight { 0% { opacity: 0; -webkit-transform: translateX(1500px); transform: translateX(1500px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .t_InRight { -webkit-animation-name: t_InRight; animation-name: t_InRight; animation-timing-function: ease; } @-webkit-keyframes t_Jitter { 0% { background-size: 100% 100%; opacity: 1; } 50% { background-size: 101% 101%; opacity: 0.9; } 100% { background-size: 100% 100%; opacity: 1; } } @keyframes t_Jitter { 0% { background-size: 100% 100%; opacity: 1; } 50% { background-size: 101% 101%; opacity: 0.9; } 100% { background-size: 100% 100%; opacity: 1; } } .t_Jitter { -webkit-animation-name: t_Jitter; animation-name: t_Jitter; animation-timing-function: ease; animation-iteration-count: 10; } /*pagelist*/ DIV.sabrosus { width:100%; padding-right: 3px; padding-left: 3px; padding-bottom: 3px; margin: 3px; padding-top: 3px; text-align: center; } DIV.sabrosus A { border-right: #9aafe5 1px solid; padding-right: 5px; border-top: #9aafe5 1px solid; padding-left: 5px; padding-bottom: 2px; border-left: #9aafe5 1px solid; color: #2e6ab1; margin-right: 2px; padding-top: 2px; border-bottom: #9aafe5 1px solid; text-decoration: none; } DIV.sabrosus A:hover,DIV.sabrosus a.current { border-right: #2b66a5 1px solid; border-top: #2b66a5 1px solid; border-left: #2b66a5 1px solid; color: #000; border-bottom: #2b66a5 1px solid; background-color: lightyellow; } .foots{ text-align: right; line-height: 3; border-bottom: 1px solid #ccc; margin-bottom: 25px;} .foots span{display: block; float: left; font-size: 18px;} .detailMemo .show_title,.detailMemo .vsa{text-align: center;} .detailMemo .memo{padding: 15px 0;line-height: 1.5} @media (min-width:768px) { .i_box01{ width: 97%; margin: 0; } .i_about{ width: 30%; } .i_box01_i{ width: 100%; height: auto; } .i_about_c{ width: 100%; height: auto; } .more01{ width: 100%; } .i_news{ width: 30%; } .i_news_l{ width: 100%; } .i_news_l li{ width: 100%; } .i_platform{ width: 30%; } .i_platform_c{ width: 100%; text-align: center; } .i_about,.i_news,.i_platform{ margin: 0 15px } div.footer div.menu li.nav_li a{ padding: 0px 18px; } } @media (min-width:1200px) { .i_box01{ width: 1200px; margin: 0 auto; } .i_about{ width: 30%; } .i_box01_i{ width: 100%; height: auto; } .i_about_c{ width: 100%; height: auto; } .more01{ width: 100%; } .i_news{ width: 30%; } .i_news_l{ width: 100%; } .i_news_l li{ width: 100%; } .i_platform{ width: 30%; } .i_platform_c{ width: 100%; text-align: center; } div.footer div.menu li.nav_li a{ padding: 0px 18px; } }