/*# sourceMappingURL=style.css.map */ @media (min-width:320px){ .equi,.honor,.produ,.quali,.profile,.history{ padding-left:4.5%; padding-right:4.5%; max-width: 1500px; margin: 0 auto; } .equi.on,.honor.on,.produ.on,.quali.on,.profile.on,.history.on{margin-top: 30px;} .equi .row .box{margin-bottom:20px;} .equi .row .box .pic{ overflow: hidden; width: 100%; } .equi .row .box .pic img{ display: block; width: 100%; } .equi .row .fa{ font-size: 14px; line-height: 24px; color: #555555; text-align: center; margin: 10px 0 0; } .honor .undefined{ padding: 0; } .honor .item .box{ background-color: #f7f7f7; padding: 20px 20px 15px; margin-bottom: 15px; } .honor .item .box h2{ font-size:30px; line-height: 30px; color: #808080; font-family: 'BebasNeueRegular'; font-style: italic; margin: 0 0 15px; padding-bottom: 15px; position: relative; } .honor .item .box h2:before{ display: block; width: 33px; height:2px; background-color: #808080; position: absolute; left: 0; bottom: 0; content: ''; } .honor .item .box .details,.honor .item .box .details p,.honor .item .box .details p a{ font-size: 14px; line-height: 24px; color: #888888; display: block; } .honor .item .box .details p a{ cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; } .honor .item .box .details p a:hover{color: #006cb8} .honor .item .box .details p{padding-bottom:8px;margin-bottom: 0;} .produ .row .titl{margin-bottom: 10px;} .produ .row .titl p{ margin-bottom: 0; font-size: 16px; line-height: 24px; color: #888888; cursor: pointer; padding: 0 0 5px 30px; border-bottom: 2px solid #f5f7f9; background: url(../../img/img27.png) 3px 3px no-repeat; -webkit-transition: all 0.5s; transition: all 0.5s; } .produ .row .titl.on p{ color: #0372cd; background: url(../../img/img28.png) 3px 3px no-repeat; border-bottom: 2px solid #0372cd; } .mt90{margin-top: 30px;} .produ .mt90 h2{ font-size: 20px; line-height: 30px; color: #555555; font-weight: bold; margin: 0 0 20px; } .produ .mt90 .details,.produ .mt90 .details p{ font-size: 14px; line-height: 24px; color: #888888; margin-bottom: 0; } .produ .mt90 .details img{max-width: 100%;margin:25px 0;} .produ .mt90 .box .left,.produ .mt90 .box .right,.produ .mt90 .box .left p,.produ .mt90 .box .right p{ font-size: 14px; line-height: 24px; color: #888888; margin-bottom: 0; } .produ .mt90 .box .left,.produ .mt90 .box .right{width:100%;text-align: justify;} .quali .row .titl{ font-size: 16px; line-height: 26px; color: #888888; margin-bottom: 10px } .quali .row .titl p{ padding:0 0 5px 40px; border-bottom: 2px solid #f5f7f9; margin-bottom: 0; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; } .quali .row .titl.on p{ color: #006cb8; border-bottom: 2px solid #006cb8; } .quali .row .tit1 p{ background: url(../../img/img30.png) 5px 4px/auto 18px no-repeat; } .quali .row .tit1.on p{ background: url(../../img/img29.png) 5px 4px/auto 18px no-repeat; } .quali .row .tit2 p{ background: url(../../img/img31.png) 5px 5px/auto 16px no-repeat; } .quali .row .tit2.on p{ background: url(../../img/img32.png) 5px 5px/auto 16px no-repeat; } .quali .row .tit3 p{ background: url(../../img/img33.png) 5px 5px/auto 17px no-repeat; } .quali .row .tit3.on p{ background: url(../../img/img34.png) 5px 5px/auto 17px no-repeat; } .quali .row .tit4 p{ background: url(../../img/img35.png) 5px 5px/auto 17px no-repeat; } .quali .row .tit4.on p{ background: url(../../img/img37.png) 5px 5px/auto 17px no-repeat; } .quali .mbt59{margin:25px 0 30px;} .mt90,.mt990{margin-bottom:30px;} .quali .mbt59 .pa0,.pa00{padding:0} .quali .mbt59 .details,.quali .mbt59 .details p{ font-size: 14px; line-height:24px; color: #888888; margin-bottom: 0; } .quali .list .box{ font-size: 16px; line-height: 30px; color: #fff; padding: 33px 30px 30px; margin-bottom: 15px; position: relative; background:#006cb8 url(../../img/img38.png) right bottom/auto 100px no-repeat; } .quali .list .box a{ display: block; width: 100%; height: 100%; position: absolute;top: 0; left: 0; } .quali .list .box h2{ margin: 0; font-size: 16px; line-height: 30px; padding-top: 20px; position: relative; } .quali .list .box h2:before{ display: block; width: 57px; height: 2px; background-color: #fff; content: ''; position: absolute; top: 0; left: 0; } .profile .row h2{ font-size: 20px; line-height: 30px; color: #555555; font-weight: bold; margin: 0 0 20px; } .profile .list{ margin-right: 0px; margin-left: 0px; } .quali #list .mina{ position: relative; top: 50px; left: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.5s; transition: all 0.5s; } .quali #list .mina.on{ top: 0; opacity: 1; filter: alpha(opacity=100); } /* .profile .list .bort{ border-top: 1px solid #d5d1ce; }*/ .profile .list .bort{padding: 0} .profile .list .bort .box{ width:100%; border-bottom: 1px solid #d5d1ce; padding:27px 0; } /* .profile .list .bort:last-child{ }*/ .profile .list .box h3{ font-size:30px; line-height:40px; color: #006cb8; margin: 0 0 15px; font-family: 'BebasNeueRegular'; padding-bottom: 15px; position: relative; } .profile .list .box h3:before{ display: block; width: 35px; height: 2px; background-color: #d5d1ce; position: absolute; bottom: 0; left: 0; content: ''; } .profile .list .box .details{ font-size: 14px; line-height: 24px; color: #555; text-align: justify; } .profile .word{ margin-top:30px; } .profile .word h3{ color: #006cb8; margin: 0 0 20px; font-size: 20px; line-height: 30px; } .profile .word .details,.profile .word .details p{ font-size:14px; line-height: 24px; color: #555; margin-bottom: 0; } .profile .dlist{margin-bottom: 35px;} .profile .dlist .pic{ width: 100%; margin:30px 0 20px; } .profile .dlist .pic img{ max-width: 100%; } .profile .dlist .box,.profile .dlist .box .details,.profile .row .word2 .details{ font-size: 14px; line-height: 24px; color: #555; } .profile .dlist .box h3,.profile .row .word2 h3{ margin: 0 0 15px; font-size: 20px; line-height: 30px; color: #006cb8; } .profile .dlist .box .details,.profile .row .word2 .details{ text-align: justify; } .profile .row .word2{ padding-top:35px; border-top: 1px solid #d5d1ce; } .profile .row .word2 .details{ margin-bottom:20px; } .profile .row .word2 h4{ font-size:16px; line-height: 26px; color: #888888; margin: 0; } .history .year{margin-bottom: 40px;} .history .year p{ font-size:24px; line-height: 30px; cursor: pointer; color: #888888; padding:5px 0; font-family: 'BebasNeueRegular'; border-bottom: 3px solid #f5f7f9; } .history .year .myear.on p,.history .year .myear:hover p{ color: #0372cd; border-bottom: 3px solid #0372cd; } .history .title{margin-bottom: 30px;} .history .title h2{ font-size:40px; color: #006cb8; line-height:50px; margin: 0; font-style: italic; font-family: 'BebasNeueRegular'; } .history .title .fa{ font-size: 16px; line-height: 24px; color: #006cb8; } .history .mian .cssani{ opacity: 0; filter: alpha(opacity=0); position: relative; top: 50px; -webkit-transition: all 0.5s; transition: all 0.5s; } .history .mian .cssani.on{ opacity: 1; filter: alpha(opacity=100); top: 0px; } .history .row .wap{ background-color: #0372cd; margin-bottom: 20px; } .history .row .wap.on{ background-color:#7e9ab1 } .history .row .wap .pic{ width: 100%; overflow: hidden; } .history .row .wap .pic img{ display: block; width: 100%; } .history .row .wap .box{ padding: 25px 25px 35px; } .history .row .wap .box h3{ font-size: 30px; line-height: 40px; color: #fff; font-family: 'BebasNeueRegular'; font-style: italic; margin: 0 0 10px; } .history .row .wap .box .details,.history .row .wap .box .details p{ font-size: 14px; line-height: 24px; color: #fff; } .history .row .wap .box .details p{margin-bottom: 0} .history .last .pic{display: none;} } @media (min-width:768px) and (max-width:992px){ .honor .item .box h2{ font-size:40px; line-height:40px; margin: 0 0 20px; padding-bottom: 25px; } .quali .row .titl{margin-bottom: 20px;} .quali .row .titl p{ padding: 0 0 10px 40px;} .quali .mbt59{margin: 35px 0 50px;} .profile .list .bort:nth-child(1),.profile .list .bort:nth-child(2){ border-bottom: 1px solid #fff; } .profile .row h2{ font-size: 30px; line-height: 34px; margin: 0 0 30px; } .profile .list .box h3{ font-size: 60px; line-height: 60px; } .profile .list .box .details{ padding-right: 50px; } .profile .list .bort:nth-child(3){ border-bottom: 1px solid #d5d1ce; } .profile .word h3{ font-size: 30px; line-height: 30px; margin: 0 0 30px; } .profile .word{ margin-top: 60px; margin-bottom: 50px; } .profile .dlist .pic{ margin:0 0 30px; } .profile .dlist .box h3,.profile .row .word2 h3{ font-size: 30px; line-height: 36px; margin-bottom: 20px; } .profile .dlist .box .details{ padding-right: 0; } .profile .row .word2 h4{ font-size: 20px; } .history .title{margin-bottom: 30px;} .history .title h2{ font-size:60px; line-height:60px; } .mt115{margin-top:80px;} .history .title h2{ font-size:60px; line-height:60px; } .history .title .fa{ font-size: 18px; line-height: 30px; } .history .row .wap .box{ padding: 30px 30px 55px; } .history .row .wap .box h3{ font-size: 48px; line-height: 50px; margin: 0 0 20px; } .history .row .wap .box .details,.history .row .wap .box .details p{ line-height: 30px; } .history .row .wap{margin-bottom: 30px;} .history .year,.mt990{margin-bottom: 60px;} } @media (min-width:768px){ .equi,.produ,.quali,.profile,.history{ padding-left: 30px; padding-right: 30px; } .honor{ padding-left: 15px; padding-right: 15px; } .equi.on,.honor.on,.quali.on,.profile.on,.history.on{ margin-top:30px; } .equi .row .box{margin-bottom: 50px;} .equi .row .fa{ font-size: 18px; line-height: 30px; margin-top: 20px; } .honor .item .box{ background-color: #f7f7f7; padding: 30px 20px 25px; margin-bottom: 30px; } .honor .item .box h2:before{ height: 3px; } .honor .undefined{ padding-left: 15px; padding-right: 15px; } .honor .item .box .details p{padding-bottom:8px;margin-bottom: 0;} .mt90{margin-top: 70px;} .produ .row .titl{margin-bottom: 30px;} .produ .row .titl.on p{border-bottom: 3px solid #0372cd;} .produ .row .titl p{ font-size: 20px; padding:0 0 20px 35px; border-bottom: 3px solid #f5f7f9; } .produ .mt90 .details img{margin: 40px 0;} .produ .mt90 .details,.produ .mt90 .details p{line-height: 30px;font-size: 16px;line-height: 30px} .produ .mt90 .box .left,.produ .mt90 .box .right{width: 47%;text-align: justify;} .produ .mt90 .box .left,.produ .mt90 .box .right,.produ .mt90 .box .left p,.produ .mt90 .box .right p{ line-height: 30px; font-size: 16px; line-height: 30px; } .produ .mt90 .box .left{float: left;} .produ .mt90 .box .right{float: right;} .produ .mt90 h2{ font-size: 30px; line-height: 40px; margin: 0 0 30px; } .quali .row .titl{font-size: 20px;line-height: 30px;} .quali .row .tit1 p{ background: url(../../img/img30.png) 5px 4px no-repeat; } .quali .row .tit1.on p{ background: url(../../img/img29.png) 5px 4px no-repeat; } .quali .row .tit2 p{ background: url(../../img/img31.png) 5px 7px no-repeat; } .quali .row .tit2.on p{ background: url(../../img/img32.png) 5px 7px no-repeat; } .quali .row .tit3 p{ background: url(../../img/img33.png) 5px 7px no-repeat; } .quali .row .tit3.on p{ background: url(../../img/img34.png) 5px 7px no-repeat; } .quali .row .tit4 p{ background: url(../../img/img35.png) 5px 7px no-repeat; } .quali .row .tit4.on p{ background: url(../../img/img37.png) 5px 7px no-repeat; } .quali .mbt59 .details, .quali .mbt59 .details p{ font-size: 16px; line-height: 30px; } .quali .list .box{ min-height: 160px; padding: 33px 30px 10px; margin-bottom: 30px; } .quali .list .box h2{min-height: 110px;} .profile .word .details,.profile .list .box .details,.profile .word .details, .profile .word .details p, .profile .dlist .box, .profile .dlist .box .details, .profile .row .word2 .details,.honor .item .box .details, .honor .item .box .details p,.honor .item .box .details p a,.history .row .wap .box .details, .history .row .wap .box .details p{ font-size: 16px; line-height: 30px; } .profile .list .bort .box{ width: 50%; float: left; } .profile .list .bort .box {padding: 30px 0;} .profile .list .box h3{margin: 0 0 20px;} } @media (min-width:992px){ .produ .mt90 .details{ width: 90%; margin: 0 auto; } .equi.on,.honor.on,.quali.on,.profile.on,.history.on{ margin-top:67px; } .equi .row .box .pic img,.equi .row .fa,.equi .row .box .pic,.honor .item .box,.honor .item .box .details p a{ -webkit-transition: all 0.5s; transition: all 0.5s; } .honor .item .box h2:before{ -webkit-transition: all 0.4s; transition: all 0.4s; } .equi .row .box:hover .pic{ background-color: #000; } .equi .row .box:hover .pic img{ transform: scale(1.05); -webkit-transform: scale(1.05); } .equi .row .box:hover .fa{ color: #006cb8 } .honor .item .box:hover{ background-color: #006cb8; } .honor .item .box:hover h2:before{ background-color: #fff; } .honor .item .box:hover h2,.honor .item .box:hover .details p a{ color: #fff; } .honor .item .box h2{ font-size:48px; line-height:50px; margin: 0 0 20px; padding-bottom: 25px; } .mt990{margin-bottom: 90px;} .produ .row .titl p:hover{ color: #0372cd; background: url(../../img/img28.png) 3px 3px no-repeat; border-bottom: 3px solid #0372cd; } .produ .mt90 .details img{margin: 60px 0;} .produ .mt90 h2{font-size: 36px;margin: 0 auto 40px;width: 90%} .produ .mt90 .box .left,.produ .mt90 .box .right{width: 45%;} .quali .row .titl{ font-size: 20px; line-height: 30px; color: #888888; } .quali .row .titl p{ padding:0 0 15px 40px; border-bottom: 3px solid #f5f7f9; margin-bottom: 0; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; } .quali .row .titl:hover p,.quali .row .titl.on p{ color: #006cb8; border-bottom: 3px solid #006cb8; } .quali .mbt59{margin:55px 0 90px;} .quali .row .tit1 p{ background: url(../../img/img30.png) 5px 4px no-repeat; } .quali .row .tit1:hover p,.quali .row .tit1.on p{ background: url(../../img/img29.png) 5px 4px no-repeat; } .quali .row .tit2 p{ background: url(../../img/img31.png) 5px 7px no-repeat; } .quali .row .tit2:hover p,.quali .row .tit2.on p{ background: url(../../img/img32.png) 5px 7px no-repeat; } .quali .row .tit3 p{ background: url(../../img/img33.png) 5px 7px no-repeat; } .quali .row .tit3:hover p,.quali .row .tit3.on p{ background: url(../../img/img34.png) 5px 7px no-repeat; } .quali .row .tit4 p{ background: url(../../img/img35.png) 5px 7px no-repeat; } .quali .row .tit4:hover p,.quali .row .tit4.on p{ background: url(../../img/img37.png) 5px 7px no-repeat; } .profile .row h2{ font-size: 36px; line-height: 40px; margin: 0 0 50px; } .profile .list .bort{ border-top: 1px solid #d5d1ce; padding-top: 40px ; } .profile .list .box h3{ font-size:60px; line-height: 65px; margin: 0 0 25px; padding-bottom: 15px; } .profile .list .box .details{ font-size: 16px; line-height: 30px; padding-right:33px; } .profile .list .box .details{min-height: 230px;} .profile .list .bort{padding: 30px 0 20px} .profile .word{ margin-top: 90px; margin-bottom: 80px; } .profile .word h3{ font-size: 36px; line-height: 40px; margin: 0 0 40px; } .profile .word .details{ width: 100%; } .profile .dlist{margin-bottom: 80px;} .profile .dlist .pic{ width: 100%; margin:0 0 60px; } .profile .dlist .pic img{ max-width: 100%; } .profile .dlist .box h3,.profile .row .word2 h3{ font-size: 36px; line-height: 40px; margin: 0 0 40px; } .profile .dlist .box .details{ padding-right: 80px; } .profile .row .word2{ padding-top: 90px; } .profile .row .word2 .details{ width: 100%; margin-bottom: 30px; } .profile .row .word2 h4{ font-size: 24px; line-height: 30px; } .history .year{margin-bottom: 80px;} .history .year p{ font-size: 30px; line-height: 36px; padding: 10px 0; border-bottom: 3px solid #f5f7f9; transition: all 0.4s; -webkit-transition: all 0.4s; } .history .year .myear.on p,.history .year .myear:hover p{ border-bottom: 3px solid #0372cd; } .history .title h2{ font-size: 55px; line-height: 60px; margin:30px 0 0; } .history .title .fa{ font-size: 18px; line-height: 30px; } .history .row .wap{ margin-bottom: 30px; } .history .row .wap.on{ background-color:#7e9ab1 } .mt115{margin-top: 115px;} .history .row .wap .pic{ transition: all 0.4s; -webkit-transition: all 0.4s; } .history .row .wap .pic img{ transition: all 0.4s; -webkit-transition: all 0.4s; } .history .row .wap .box{ padding: 20px 20px 40px; } .history .row .wap .box h3{ font-size: 48px; line-height: 50px; margin: 0 0 20px; } .history .row .wap .box .details,.history .row .wap .box .details p{ font-size: 16px; line-height: 30px; } .history .row .wap .box .details p{margin-bottom: 0} .history .row .wap:hover .pic img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); } .history .last .pic{display: block;} .mt90{margin-bottom:90px;} .profile .list .bort .box{ width: 25%;float: left; } } @media (min-width:1200px){ .profile .list .box h3{ font-size: 75px; line-height: 70px; } .honor .item .box .details p{padding-bottom:12px;margin-bottom: 0;} .history .title h2{ font-size:80px; line-height: 80px; } .history .row .wap .box{ padding: 30px 30px 55px; } }