/*-- footer --*/
.footer{
background:#c3cdd2;
padding: 2em 0em;
}
.agileinfo_footer_grid h4 {
font-size: 12px;
color: #333333;
font-family: 'Microsoft YaHei';
text-transform: uppercase;
}
.agileinfo_footer_grid ul li{
list-style-type: none;
margin-bottom: 1em;
font-size: 14px;
line-height: 1.8em;
color: #999;
padding-left: 1em;
}
.agileinfo_footer_grid ul li span{
left:-1em;
}
.agileinfo_footer_grid ul li a{
color:#999;
text-decoration:none;
}
.agileinfo_footer_grid ul li a:hover{
color:#fff;
}
.agileinfo_footer_grid1{
float:left;
margin:0 0.3em .3em 5em;
}
.w3agile_footer_copy{
padding:2em 0;
border-top:1px solid #606060;
text-align:center;
margin-top:3em;
}
.w3agile_footer_copy p{
font-size:14px;
color:#8F8F8F;
margin:0;
line-height:1.8em;
letter-spacing: 2px;
}
.w3agile_footer_copy p a{
color:#fff;
text-decoration:none;
}
.w3agile_footer_copy p a:hover{
color:#8F8F8F;
}
.agileinfo_footer_grid:nth-child(1) {
padding: 0 2em 0 0;
}
.agileinfo_footer_grid p{
color: #333333;
line-height: 1.1em;
font-size: 12px;
font-family: 'Microsoft YaHei';
}
.agileinfo_footer_grid p span{
display:block;
margin:1em 0 0;
}
/*-- //footer --*/
/*涓嬮潰鐨勫壀鍒囦笂鏉�*/
/*--//Effect 1--*/
/*-- //special --*/
/*-- features --*/
.features-right-right{
float: left;
width: 68%;
margin-left: 2em;
}
/*-- Effect 2--*/
.features-right-icon:after {
pointer-events: none;
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/*.effect-2 {
-webkit-transition: background 0.5s, color 0.2s;
-moz-transition: background 0.5s, color 0.2s;
transition: background 0.5s, color 0.2s;
}*/
/*.effect-2:after {
top: -3px;
left: 5px;
box-shadow: 0 0 0 2px #36b9fc;
-webkit-transition: -webkit-transform 0.5s, opacity 0.2s;
-webkit-transform: scale(0.5);
-moz-transition: -moz-transform 0.5s, opacity 0.2s;
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
transition: transform 0.5s, opacity 0.2s;
transform: scale(0.5);
opacity: 0;
}*/
.features-right-grids:hover.features-right-icon{
background:#FF7200;
color: #fff !important;
}
.features-right-grids:hover .features-right-icon:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/*--//Effect 1--*/
/*-- //features --*/
/*-- customer --*/
/*-- Effect 2--*/
.gy_a{display:block;width:100%;}
/*.gy_line2{}*/
/*閭ｆ潯绾�*/
span.gy_linenew{
position: absolute;
background: #e0e3e4;
top: 47px;
left: 30px;
width: 2px;
height: 52%;
}
.features-right-right p{color:#3b3b3b!important;font-family:"Microsoft YaHei";font-size:1.5rem;}
.tm-article p{color:#808182;font-family:"Microsoft YaHei";font-size:1.3rem;}
.gy_thish3{font-size:2.0rem;line-height:3.0;color:#3c3c3d;font-family:"Microsoft YaHei";margin-top: 10px;}
.gy_thisp{font-size:1.5rem;}
.gy_thish1{font-size:2.0rem;}
.tm-article22 {
padding: 40px;
/*transition: all 0.3s ease;*/
}
.tm-article22 p{color:#808182;font-family:"Microsoft YaHei";font-size:1.3rem;padding: 0;}
.gy_i:hover{
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg);
}}
.gyimg8{
position: relative;
display: block;
/* overflow: hidden; */
box-shadow: 0 0 10px #FFF;
}
.light{
cursor:pointer;
position: absolute;
left: -457px;
top: 0;
width: 457px;
height: 420px;
background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
transform: skewx(-25deg);
-ms-transform:skewx(-25deg); /* IE 9 */
-o-transform: skewx(-25deg);
-moz-transform: skewx(-25deg);
-webkit-transform: skewx(-25deg);
}
.gyimg8:hover .light{
left:457px;
-moz-transition:0.5s;
-o-transition:0.5s;
-webkit-transition:0.5s;
transition:0.5s;
}
/*-- Responsive --*/
@media(max-width:1440px){
.right-agile span {
right: -3%;
}
}
@media(max-width:1366px){
.logo a h1 {
font-size: 3.3em;
}
label {
padding: 8px 18px;
}
.slider-info h4 {
font-size: 2.8em;
}
.top-nav {
margin-top: 17px;
}
.top-icons ul {
margin-top: 12px;
}
.services h3, .about h3, .agile-prod h3, h3.title, .gallery h3, .newsletter h3, .contact h3 {
font-size: 2.8em;
}
}
@media(max-width:1280px){
.logo a h1 {
font-size: 3.2em;
letter-spacing: 2px;
}
.agile-top-header {
top: 2%;
}
.top-nav {
margin-top: 14px;
}
.slider-info h4 {
font-size: 2.6em;
}
.top-icons ul li {
font-size: 1.4em;
}
.rslides_tabs {
bottom: 25%;
}
.services, .agile-prod, .about, .team-page, .gallery, .contact, .footer {
padding: 3em 0em;
}
.services h3, .about h3, .agile-prod h3, h3.title, .gallery h3, .newsletter h3, .contact h3 {
font-size: 2.7em;
}
.count h5 {
font-size: 1.6em;
}
p.counter {
font-size: 2.3em;
}
.about-info2 h4 {
font-size: 1.6em;
}
.ser-w3l h5 {
font-size: 1.2em;
}
.right-agile span {
right: -6%;
font-size: 1em;
}
.agile-prod1 h4, .agile-info h4 {
font-size: 1.4em;
}
.about_img h5 {
font-size: 27px;
}
.agileinfo_footer_grid h4 {
font-size: 1.3em;
}
}
@media (max-width: 1024px){
.logo a h1 {
font-size: 2.9em;
letter-spacing: 1px;
}
.agile-top-header {
top: 3%;
}
.linkHoverEffect_12 a {
padding: 12px 12px;
}
nav.linkEffects.linkHoverEffect_12 ul li a span {
font-size: 1em;
letter-spacing: 0px;
}
.top-icons ul li {
font-size: 1.3em;
}
.slider-info h4 {
font-size: 2.4em;
}
.slider-info p, .slider-info h6{
letter-spacing: 3px;
}
ul#slider3-pager li a img {
width: 58px;
height: 58px;
}
#slider3-pager a {
padding: 3px;
}
.rslides_tabs li {
margin-bottom: 0px;
}
.rslides_tabs {
bottom: 22%;
right: 6%;
}
.services h3, .about h3, .agile-prod h3, h3.title, .gallery h3, .newsletter h3, .contact h3 {
font-size: 2.4em;
margin-bottom: 42px;
}
.count h5 {
font-size: 1.4em;
}
p.counter {
font-size: 2.1em;
}
.about-info2 {
padding: 0.5em 2em;
}
.about-info2 h4 {
font-size: 1.5em;
}
.view2 {
font-size: 17px;
margin: 7px 0px;
}
.ser-w3l span {
font-size: 2.7em;
}
.right-agile span {
right: -8%;
}
.agile-sub {
padding: 40px;
}
.agile-prod2 img {
width: 100%;
}
.agile-img img {
width: 100%;
}
.agile-info {
padding: 40px 43px;
}
.fb_icons2 li a {
width: 29px;
height: 29px;
}
}
@media (max-width: 991px){
.slider-info h4 {
font-size: 2.3em;
}
.top-icons ul li {
margin-left: 10px;
}
.linkHoverEffect_12 a {
padding: 12px 10px;
}
.rslides_tabs {
bottom: 20%;
}
.services h3, .about h3, .agile-prod h3, h3.title, .gallery h3, .newsletter h3, .contact h3 {
font-size: 2.3em;
}
.agile_count_grid {
float: left;
width: 25%;
}
p.counter {
font-size: 1.9em;
}
.about-info img {
width: 100%;
}
.about-info2 {
padding: 2em 1em;
width: 100%;
}
.s1, .s3 {
float: left;
width: 50%;
}
.s2, .s4 {
float: right;
width: 50%;
}
.s3,.s4{
margin-top: 13px;
}
.right-agile span {
right: -6%;
font-size: 1.1em;
top: 48%;
}
.agile-sub {
padding: 15px 30px;
}
.agile-info {
padding: 15px 16px;
}
.agile-prod1 h4, .agile-info h4 {
margin-bottom: 23px;
}
.about-poleft {
float: left;
width: 33%;
}
.about_img h5 {
font-size: 18px;
height: 46px;
line-height: 49px;
}
.fb_icons2 li a {
width: 24px;
height: 28px;
}
.about_img:hover .about_opa {
top: 46px;
}
.about_opa p {
line-height: 1.2em;
font-size: 19px;
margin-bottom: 18px;
}
.fb_icons2 li {
margin: 0 0px;
}
.about_opa {
padding: 40px 34px 0;
}
.gallery-grid.wow.fadeInUp.animated {
float: left;
width: 50%;
}
.agileinfo_footer_grid {
float: left;
width: 33%;
}
.agileinfo_footer_grid1 {
width: 40%;
margin: 0 0.6em 0.8em 0em;
}
}
@media (max-width:800px){
.logo a h1 {
font-size: 2.7em;
}
.agile-top-header {
left: 10%;
}
.top-icons ul li {
margin-left: 5px;
font-size: 1.2em;
}
.slider-info h4 {
font-size: 2em;
}
nav.navbar.navbar-default {
right: 5px;
}
.linkHoverEffect_12 a {
padding: 11px 5px;
}
.slider-info p{
font-size: 1em;
}
.slider-info h6 {
font-size: 0.9em;
}
ul#slider3-pager li a img {
width: 50px;
height: 50px;
}
.rslides_tabs {
bottom: 11%;
}
.services h3, .about h3, .agile-prod h3, h3.title, .gallery h3, .newsletter h3, .contact h3 {
font-size: 2em;
}
.ser-w3l p {
width: 93%;
}
.right-agile span {
right: -8%;
top: 47%;
}
}
@media screen and (min-width: 767px) and (max-width: 991px){
.firstbk {
margin-top:60px!important;
}
.features-right-right {
float: left;
width: 90%!important;
margin-left: 2em;
}
.gyimg8{margin-top:5px!important;}
}
@media screen and (min-width: 768px) and (max-width: 950px){
.firstbk {
margin-top:60px!important;
}
.features-right-right {
float: left;
width: 85%!important;
margin-left: 2em;
}
.gyimg8{margin-top:5px!important;}
}
@media (max-width: 345px){
.firstbk {
margin-top:60px!important;
}
.features-right-right {
float: left;
width: 40%!important;
margin-left: 2em;
}
.gyimg8{margin-top:5px!important;}
}
@media (max-width: 768px){
.tm-article {
padding: 15px!important;
}
.gyimg8{margin-top:5px!important;}
.features-right-right {
float: left;
width: 87%!important;
margin-left: 2em;
}
.logo a h1 {
font-size: 2.6em;
}
nav.linkEffects.linkHoverEffect_12 ul li a span {
font-size: 0.9em;
}
.top-icons ul li {
margin-left: 4px;
font-size: 1.1em;
}
.slider-info h4 {
font-size: 1.8em;
}
#slider3-pager a {
width: 100%;
}
p.counter {
font-size: 1.8em;
}
}
@media (max-width: 767px){
nav.linkEffects.linkHoverEffect_12 ul li a span {
font-size: 1em;
}
.linkHoverEffect_12 a {
padding: 9px 15px;
}
nav.linkEffects.linkHoverEffect_12 ul li {
margin: 12px 0px;
text-align: center;
display: block;
}
nav.linkEffects.linkHoverEffect_12 ul {
background: rgba(0, 0, 0, 0.75);
padding:10px 0px;
text-align: center;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border: 1px solid #e6e6e6!important;
/*padding-bottom: 20px;*/
}
.top-nav {
margin-top: 7px;
float: left;
width: 80%;
}
nav.navbar.navbar-default {
right: -1px;
}
.top-icons ul li {
margin-left: 6px;
font-size: 1.2em;
}
/*.navbar-toggle {
float: none !important;
}*/
}
@media (max-width: 747px){
.features-right-right {
width: 68%!important;
}
.firstbk{margin-top:40px!important;}
}
@media only screen and (min-width: 657px) and (max-width: 747px){
.features-right-right {
width: 85%!important;
}
}
@media only screen and (min-width: 588px) and (max-width: 656px){
.features-right-right {
width: 83%!important;
}
}
@media only screen and (min-width: 559px) and (max-width: 587px){
.features-right-right {
width: 82%!important;
}
}
@media only screen and (min-width: 534px) and (max-width: 558px){
.features-right-right {
width: 81%!important;
}
}
@media only screen and (min-width: 510px) and (max-width: 533px){
.features-right-right {
width: 80%!important;
}
}
@media only screen and (min-width: 489px) and (max-width: 509px){
.features-right-right {
width: 79%!important;
}
}
@media only screen and (min-width: 470px) and (max-width: 488px){
.features-right-right {
width: 78%!important;
}
}
@media only screen and (min-width: 453px) and (max-width: 469px){
.features-right-right {
width: 77%!important;
}
}
@media only screen and (min-width: 437px) and (max-width: 452px){
.features-right-right {
width: 76%!important;
}
}
@media only screen and (min-width: 422px) and (max-width: 436px){
.features-right-right {
width: 75%!important;
}
}
@media only screen and (min-width: 409px) and (max-width: 421px){
.features-right-right {
width: 74%!important;
}
}
@media only screen and (min-width: 320px) and (max-width: 408px){
.features-right-right {
width: 64%!important;
}
}
@media only screen and (min-width: 396px) and (max-width: 408px){
.features-right-right {
width: 73%!important;
}
}
@media only screen and (min-width: 385px) and (max-width: 395px){
.features-right-right {
width: 72%!important;
}
}
@media (max-width: 736px){
ul#slider3-pager li a img {
width: 46px;
height: 46px;
}
.agile-info {
padding: 45px 14px;
}
.about_opa {
padding: 32px 34px 0;
}
.fb_icons2 li a {
width: 22px;
height: 29px;
}
.slider-info h4 {
font-size: 1.6em;
}
.ser-w3l p {
width: 76%;
}
.right-agile span {
right: -11%;
top: 48%;
}
.agile-sub {
padding: 17px 28px;
}
.agile-prod1 h4, .agile-info h4 {
margin-bottom: 9px;
}
.agile-info {
padding: 18px 8px;
}
.t1, .t3 {
float: left;
width: 50%;
}
.t2 {
float: right;
width: 50%;
}
.about_img h5 {
height: 61px;
line-height: 57px;
}
.fb_icons2 li a {
width: 32px;
height: 32px;
}
.about_opa {
padding: 51px 34px 0;
}
.about_img:hover .about_opa {
top:60px;
}
.about_opa p {
margin-bottom: 40px;
}
.grid figure p {
font-size: 62.5%;
}
.grid figure h3 {
font-size: 1.1em;
}
.t3 {
margin-top: 38px;
}
.top-nav {
width: 79%;
}
}
@media (max-width: 667px){
.logo a h1 {
font-size: 2.4em;
}
.top-nav {
width: 77%;
}
.rslides_tabs {
bottom: 4%;
}
.count h5 {
font-size: 1.3em;
}
.agile-sub {
padding: 12px 10px;
}
.agile-info {
padding: 12px 6px;
}
.agile-prod1 h4, .agile-info h4 {
margin-bottom: 4px;
}
.agileinfo_footer_grid {
float: left;
width: 100%;
}
.agileinfo_footer_grid:nth-child(2), .agileinfo_footer_grid:nth-child(3) {
margin-top: 21px;
}
.agileinfo_footer_grid1 {
width: 15%;
margin: 0 0.6em 0.8em 0em;
}
}
@media (max-width: 640px){
.logo a h1 {
font-size: 2.3em;
}
.top-nav {
width: 76%;
}
.slider-info h4 {
font-size: 1.5em;
}
.slider-info p {
font-size: 0.9em;
}
.slider-info h6 {
font-size: 0.8em;
}
ul#slider3-pager li a img {
width: 40px;
height: 40px;
}
.rslides_tabs {
bottom: 6%;
}
.services h3, .about h3, .agile-prod h3, h3.title, .gallery h3, .newsletter h3, .contact h3 {
font-size: 1.9em;
}
p.counter {
font-size: 1.7em;
}
.about-info2 h4 {
font-size: 1.4em;
}
.view2 {
padding: 8px 8px;
}
.ser-w3l p {
width: 86%;
}
.right-agile span {
right: -15%;
top: 48%;
}
.ser-w3l span {
font-size: 2.5em;
}
.agile-prod1 h4, .agile-info h4 {
font-size: 1.3em;
}
.agileinfo_footer_grid h4 {
font-size: 1.2em;
}
.agile-sub {
padding: 8px 5px;
}
.agile-info {
padding: 9px 5px;
}
}
@media (max-width: 600px){
.logo a h1 {
letter-spacing: 0px;
}
.top-nav {
width: 74%;
}
.rslides_tabs {
bottom: 7%;
}
.slider-info p, .slider-info h6 {
letter-spacing: 2px;
}
label {
padding: 6px 16px;
}
.top-nav {
margin-top: 1px;
}
ul#slider3-pager li a img {
width: 38px;
height: 38px;
}
.rslides_tabs {
bottom: 3%;
}
.count h5 {
font-size: 1.2em;
}
nav.linkEffects.linkHoverEffect_12 ul {
padding: 11px 0px;
}
.right-agile span {
right: -17%;
top: 48%;
}
.grid figure h3 {
font-size: 1em;
margin-top: -21px;
padding: 3px;
}
.contact_form input[type="text"], .contact_form input[type="email"] {
padding: 10px 17px 10px;
}
.contact_form textarea {
height: 161px;
}
.contact_form input[type="submit"] {
padding: 11px 20px;
font-size: 15px;
}
.agile-prod1 p, .agile-info p {
font-size: 1em;
}
.agile-sub {
padding: 8px 8px;
}
.agile-info {
padding: 8px 5px;
}
.t3 {
margin-top: 31px;
}
.services, .agile-prod, .about, .team-page, .gallery, .contact, .footer {
padding: 2em 0em;
}
.agileinfo_footer_grid h4 {
color: #333333;
}
.agileinfo_footer_grid:nth-child(2), .agileinfo_footer_grid:nth-child(3) {
margin-top: 6px;
}
.newsletter {
margin-top: 0em;
}
.newsletter h4 {
margin: 1em 0 2.8em 0;
}
.w3agile_footer_copy {
padding: 1.3em 0;
}
}
@media (max-width: 568px){
ul#slider3-pager li a img {
width: 37px;
height: 37px;
}
nav.linkEffects.linkHoverEffect_12 ul li {
margin: 10px 0px;
}
.top-nav {
width: 75%;
}
.top-icons ul li {
margin-left: 5px;
font-size: 1.1em;
}
.rslides_tabs {
bottom: 2%;
}
.count h5 {
font-size: 1.1em;
}
p.counter {
font-size: 1.6em;
}
.about-info2 h4 {
font-size: 1.3em;
}
.about-info2 p {
font-size: 1em;
}
.ser-w3l {
width: 100%;
}
.ser-w3l p {
width: 81%;
font-size: 1em;
}
.right-agile span {
right: -15%;
top: 47%;
}
.agile-prod1 p, .agile-info p {
font-size: 1em;
}
.agile-prod1 h4, .agile-info h4 {
font-size: 1.3em;
}
.agile-info {
padding: 73px 44px;
}
.agile-prod1 h4, .agile-info h4 {
margin-bottom: 23px;
}
.agileinfo_footer_grid1 {
width: 20%;
}
.agile-prod1 {
width: 100%;
}
.agile-sub {
padding: 30px 38px;
font-size: 1.1em;
}
.agile-prod2{
width: 100%;
}
.agile-info {
float: left;
width: 50%;
}
.agile-info-img {
float: right;
width: 50%;
}
.fb_icons2 li a {
width: 27px;
height: 27px;
}
.about_opa {
padding: 32px 36px 0;
}
/*閭ｆ潯绾�*/
span.gy_linenew{
position: absolute;
background: #e0e3e4;
top: 44px;
left: 30px;
width: 2px;
height: 100%;
}
}
@media (max-width: 480px){
.gyimg8{height: 260px;margin:50px auto;position: relative;overflow: visible;}
.gyimg8 img{width: 100%;}
.logo a h1 {
font-size: 2.2em;
}
.top-nav {
width: 90%;
}
.slider-info {
top: 46%;
}
.slider-info h4 {
font-size: 1.4em;
}
.slider-info p {
line-height: 2;
}
ul#slider3-pager li a img {
width: 32px;
height: 32px;
}
.rslides_tabs {
bottom: -1%;
}
.top-icons ul li {
font-size: 1.1em;
}
.top-icons ul {
margin-top: 0px;
}
.agile_count_grid {
width: 50%;
}
.count h5 {
font-size: 1.2em;
}
.c3, .c4 {
margin-top: 12px;
}
.view2 {
font-size: 16px;
}
.services h3, .about h3, .agile-prod h3, h3.title, .gallery h3, .newsletter h3, .contact h3 {
font-size: 1.8em;
}
.agile-prod1 h4, .agile-info h4 {
margin-bottom: 20px;
}
.agile-sub {
padding: 32px 30px;
font-size: 1em;
}
.agile-info {
padding: 40px 44px;
}
.gallery-grid.wow.fadeInUp.animated {
width: 100%;
}
.grid figure h3 {
font-size: 1.1em;
padding: 9px;
}
.grid figure p {
font-size: 68.5%;
}
.contact_form textarea {
height: 121px;
}
.contact_form input[type="text"], .contact_form input[type="email"] {
margin: 0 0 18px;
}
.contact_form input[type="submit"] {
padding: 11px 15px;
}
.agileinfo_footer_grid p {
line-height: 1.9em;
}
.newsletter h4 {
font-size: 1.3em;
}
.w3agile_footer_copy p {
letter-spacing: 1px;
}
.t1, .t3 {
width: 100%;
}
.t2 {
width: 100%;
margin-top: 31px;
}
.about_img h5 {
height: 69px;
line-height: 63px;
font-size: 23px;
}
.about_img:hover .about_opa {
top:69px;
}
.about_opa p {
margin-bottom: 50px;
}
.fb_icons2 li a {
width: 32px;
height: 32px;
font-size: 1em;
}
.about_opa p {
font-size: 24px;
padding: 68px 36px 0;
}
.newsletter form {
width: 68%;
}
.top-icons ul {
margin-top: -37px;
}
/*绯荤粺鐗硅壊*/
.tm-article22{padding:15px;}
.tm-article22 div{padding:0px;}
.services .services-content .service-box{
background:transparent;
}
.services .services-content .service-box{
padding:20px 0;
height: auto;
}
}
@media (max-width: 414px){
.logo a h1 {
font-size: 2.1em;
}
label {
padding: 5px 15px;
}
/*.navbar-toggle {
padding: 7px 7px !important;
}*/
.navbar-toggle .icon-bar {
width: 19px !important;
}
.top-nav {
width: 89%;
}
.slider-info h4 {
font-size: 1.3em;
}
.slider-info p {
line-height: 1.5;
}
.slider-info p, .slider-info h6 {
letter-spacing: 1px;
}
.slider-info {
top: 50%;
left: 10%;
}
ul#slider3-pager li a img {
width: 28px;
height: 28px;
}
.about-info2 {
padding: 1em 1em;
}
.about-info2 p {
line-height: 1.8em;
}
.ser-w3l p {
width: 100%;
line-height: 1.8em;
}
.right-agile span {
right: -23%;
top: 50%;
}
.top-icons ul {
margin-top: -35px;
}
.agile-prod1 p, .agile-info p {
line-height: 1.8em;
}
.about_opa {
padding: 5px 36px 0;
}
.agile-sub {
padding: 24px 30px;
}
.agile-info {
padding: 25px 28px;
}
.services h3, .about h3, .agile-prod h3, h3.title, .gallery h3, .newsletter h3, .contact h3 {
margin-bottom: 30px;
}
.newsletter form {
width: 90%;
}
}
@media (max-width: 384px){
.slider-info h4 {
font-size: 1.3em;
letter-spacing: 0px;
}
.slider-info p {
line-height: 1.2;
letter-spacing: 0px;
}
.top-nav {
margin-top: 0px;
}
.slider-info p {
font-size: 0.85em;
}
.services, .agile-prod, .about, .team-page, .gallery, .contact, .footer {
padding: 1em 0em;
}
.ser-w3l {
width: 91%;
float: left;
}
.agile-sub {
padding: 11px 30px;
}
.agile-info {
padding: 17px 15px;
}
.about_img h5 {
height: 63px;
font-size: 22px;
}
.about_img:hover .about_opa {
top:60px;
}
.about_opa p {
font-size: 22px;
padding: 32px 36px 0;
}
.grid figure h3 {
font-size: 1em;
padding: 7px;
}
.grid figure p {
font-size: 60.5%;
}
#contact form {
width: 100%;
}
.contact_form input[type="submit"] {
padding: 9px 12px;
font-size: 14px;
}
.agileinfo_footer_grid1 {
width: 26%;
}
.social .link {
width: 38px;
height: 38px;
margin-left: 2px;
margin-right: 2px;
font-size: 15px;
}
.newsletter h4 {
font-size: 1.2em;
}
}
@media (max-width: 375px){
.logo a h1 {
font-size: 2em;
}
.slider-info p {
font-size: 0.85em;
}
.slider-info {
top: 51%;
}
#slider3-pager a {
padding: 2px;
}
.agile_count_grid_left {
font-size: 1.9em;
}
.view2 {
font-size: 15px;
padding: 8px 10px;
}
.ser-w3l h5 {
font-size: 1.1em;
}
.agile-prod1 h4, .agile-info h4 {
margin-bottom: 14px;
}
.agile-info {
padding: 18px 15px;
}
.agile-sub {
padding: 7px 30px;
}
.top-icons ul {
margin-top: -34px;
}
.about_opa p {
margin-bottom: 41px;
}
.agileinfo_footer_grid p {
line-height: 1.8em;
}
}
@media (max-width: 320px){
.logo a h1 {
font-size: 1.8em;
}
label {
padding: 3px 13px;
}
.slider-info h4 {
font-size: 1.2em;
}
.slider-info p {
font-size: 0.8em;
}
.slider-info p, .slider-info h6 {
letter-spacing: 1px;
line-height: 1;
}
/*.navbar-toggle {
margin-top: 0px !important;
}*/
.slider-info {
top: 49%;
}
ul#slider3-pager li a img {
width: 24px;
height: 24px;
}
.rslides_tabs {
bottom: -5%;
right: 5%;
}
.services h3, .about h3, .agile-prod h3, h3.title, .gallery h3, .newsletter h3, .contact h3 {
font-size: 1.7em;
}
.count h5 {
font-size: 1.1em;
margin-bottom: 11px;
}
.c3, .c4 {
margin-top: 10px;
}
.about-info {
margin-top: 1em;
}
.about-info2 h4 {
font-size: 1.2em;
}
.right-agile span {
right: -34%;
top: 49%;
}
.agile-top-header {
left: 9%;
}
.s3, .s4 {
margin-top: 4px;
}
.agile-sub {
padding: 6px 13px;
}
.agile-info {
padding: 5px 5px;
}
.agile-prod1 h4, .agile-info h4 {
font-size: 1.2em;
}
.about_img h5 {
height: 53px;
font-size: 20px;
line-height: 51px;
}
.fb_icons2 li a {
width: 29px;
height: 29px;
}
.about_opa p {
font-size: 20px;
}
.about_img:hover .about_opa {
top:50px;
}
.agileinfo_footer_grid ul li {
padding-left: 0em;
}
.newsletter input[type="submit"] {
width: 49px;
height: 38px;
}
.newsletter input[type="email"] {
padding: 8px 57px 12px 10px;
}
.w3agile_footer_copy {
padding: 1em 0;
margin-top: 2em;
}
.top-icons ul li {
margin-left: 1px;
font-size: 1em;
}
.top-icons ul {
margin-top: -32px;
}
.slider-info {
left: 9%;
}
}
/*-- //Responsive --*/
.gy_product{padding-bottom:30px;}
.tm-article {
padding: 40px;
/*transition: all 0.3s ease;*/
}
.tm-article-title-1 {
font-size: 1.3rem;
font-weight: 600;
}
.tm-color-primary {
color: #3c3c3d;
font-size:16px;
text-align:left;
font-family:"Microsoft YaHei";
}
p {
color: #808182;
line-height: 1.9;
text-align:left;
}
.gy_i{display:block;height:140px;margin-bottom:20px;}
@media (max-width: 991px){
.gftm{margin-top:30px;}
}
.gy_product .container .row h1{
text-align: center;
line-height: 1.3;
color: #252525;
font-size: 2.5rem;
padding-top: 30px;
font-family: "Microsoft YaHei";
padding-top: 30px;
}
.gy_product .container .row h2{
line-height:3.0;
text-align: center;
color: #8e8d8d;
font-size: 1.3rem;
font-weight:100;
font-family:Arial;
}
.features{background:#f8fcfe;padding-bottom:30px;}
.features .container .row h1{
text-align: center;
line-height: 1.3;
color: #252525;
font-size: 2.5rem;
font-family: "Microsoft YaHei";
padding-top: 30px;
}
.features .container .row h2{
line-height:4.0;
text-align: center;
color: #8e8d8d;
font-size: 1.3rem;
font-weight:100;
}
.features-grids {
margin: 3em 0 0 0;
}
.features-right-left {
float: left;
width: 60px;
height: 100%;
margin: 0 auto;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
}
.features-right-grids {
margin: 5px;
position:relative;
}
.features-right-right h4{color:#36b9fc;font-family:"Microsoft YaHei";font-size:1.7rem;margin-bottom:5px;}
.features-right-icon {
position: relative;
}
/*-- Effect 2--*/
.features-right-icon:after {
pointer-events: none;
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.effect-2 {
-webkit-transition: background 0.5s, color 0.2s;
-moz-transition: background 0.5s, color 0.2s;
transition: background 0.5s, color 0.2s;
}
.effect-2:after {
top: -3px;
left: 5px;
box-shadow: 0 0 0 2px #36b9fc;
-webkit-transition: -webkit-transform 0.5s, opacity 0.2s;
-webkit-transform: scale(0.5);
-moz-transition: -moz-transform 0.5s, opacity 0.2s;
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
transition: transform 0.5s, opacity 0.2s;
transform: scale(0.5);
opacity: 0;
}
.features-right-grids:hover.features-right-icon{
background:#FF7200;
color: #fff !important;
}
.features-right-grids:hover .features-right-icon:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
/*--//Effect 1--*/
/*-- //features --*/
/*-- customer --*/
/*-- Effect 2--*/
.gy_posi{position:relative;}
.gy_linenewheng{position: absolute;
left: 202px;
top: 207px;
background: #e6e4e4;
width: 100%;
height: 2px;}
@media only screen and (min-width:1195px) and (max-width:1200px){
.gy_linenewheng {
left: 208px;
width: 96%;
}
}
@media only screen and (min-width:1185px) and (max-width:1194px){
.gy_linenewheng {
left: 207px;
width: 96%;
}
}
@media only screen and (min-width:1175px) and (max-width:1184px){
.gy_linenewheng {
left: 207px;
width: 97%;
}
}
@media only screen and (min-width:1165px) and (max-width:1174px){
.gy_linenewheng {
left: 202px;
width: 100%;
}
}
@media only screen and (min-width:1140px) and (max-width:1164px){
.gy_linenewheng {
left: 199px;
width: 98%;
}
}
@media only screen and (min-width:1120px) and (max-width:1139px){
.gy_linenewheng {
left: 198px;
width: 96%;
}
}
@media only screen and (min-width:1110px) and (max-width:1119px){
.gy_linenewheng {
left: 193px;
width: 96%;
}
}
@media only screen and (min-width:1070px) and (max-width:1111px){
.gy_linenewheng {
left: 189px;
width: 97%;
}
}
@media only screen and (min-width:1050px) and (max-width:1169px){
.gy_linenewheng {
left: 202px;
width: 96%;
}
}
@media only screen and (min-width:1140px) and (max-width:1149px){
.gy_linenewheng {
left: 202px;
width: 95%;
}
}
@media only screen and (min-width:1120px) and (max-width:1139px){
.gy_linenewheng {
left: 197px;
width: 95%;
}
}
@media only screen and (min-width:1100px) and (max-width:1119px){
.gy_linenewheng {
left: 195px;
width: 95%;
}
}
@media only screen and (min-width:1000px) and (max-width:1099px){
.gy_linenewheng {
left: 192px;
width: 95%;
}
}
@media only screen and (min-width:1080px) and (max-width:1099px){
.gy_linenewheng {
left: 190px;
width: 95%;
}
}
@media only screen and (min-width:1060px) and (max-width:1079px){
.gy_linenewheng {
left: 188px;
width: 95%;
}
}
@media only screen and (min-width:1040px) and (max-width:1059px){
.gy_linenewheng {
left: 186px;
width: 95%;
}
}
@media only screen and (min-width:1020px) and (max-width:1039px){
.gy_linenewheng {
left: 182px;
width: 95%;
}
}
@media only screen and (min-width:1000px) and (max-width:1019px){
.gy_linenewheng {
left: 178px;
width: 94%;
}
}
@media only screen and (min-width:992px) and (max-width:999px){
.gy_linenewheng {
left: 172px;
width: 95%;
}
}
@media only screen and (max-width:991px){
.gy_linenewheng {
display:none;
}
.gy_a{display:none;}
}