body {margin: 0; background-color:#fff; }
h1 {}
h2 {}
h3 {color: #fff;font-size: 16px;font-family:'Microsoft Yahei', Calibri, Verdana, Helvetica, Arial, sans-serif;
    font-weight: 600;line-height: 48px;margin: 0;text-align: left;}
h4 {color: #000;font-size: 16px;font-family:'Microsoft Yahei', Calibri, Verdana, Helvetica, Arial, sans-serif;
    font-weight: 600;line-height: 40px;margin: 0;text-align: left;}
h5 {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.top_bar {background: #ebebeb;height: 32px;width: 100%;}
.top_bar div {width:1002px;margin: 0 auto;text-align: right;}
.top_bar a {display: inline-block;text-decoration: none;font-size: 12px;color: #666;margin: 8px 8px;}
.top_bar a:hover{color: #6198ed;}
/*.header {width:1002px;margin: 0 auto;}
.header img {display: inline-block;}
.header input{width: 200px; height: 32px;background: #f8f8f8;border: #ddd solid 1px;border-radius: 4px;
    float: right;margin-top: 42px;padding-left: 8px;line-height: 48px;}*/
.logoheader {height: 60px;}
.tnav {height: 56px;background: rgba(255,255,255,0.9);width:100%;box-shadow: 0 -24px 30px #000;z-index: 999999999;position: fixed;border-bottom: solid #ddd 1px;top:0;}
.tnav ul {height: 72px;display: block;float: right;}
.tnav ul li {list-style-type: none;display: inline-block;padding:0 24px;height: 100%;}
.tnav ul li a{
    line-height: 54px;
    color: #666;
    font-family: 'Microsoft Yahei', Calibri, Verdana, Helvetica, Arial, sans-serif;
    font-size:16px;
    display:block;
    text-align:center;
    text-decoration:none;
}
.tnav ul li :hover {color: #000;}
.banner {background: #f8f8f8;
    width: 100%;height: auto;}
.banner img {height: 100%;width:100%;}
.banner2 {width: 1002px;height: auto;margin: 0 auto;}
.banner2 img {width: 1002px;height: auto;margin: 0 auto;}
.bulletin {font-size: 16px;height:48px;max-width: 1148px;width:1002px;margin: 12px auto;
    box-shadow: 0 0 8px #ddd;border: #f1f1f1 solid 1px;padding: 0 8px;box-sizing: border-box;overflow: hidden;}
.bulletin-title {color: #80463f;width: 60px;font-size: 16px;font-weight: bold;padding: 0 12px;vertical-align:middle;}
.bulletin-p {color: #ff0000;font-size: 14px;vertical-align:middle;display: block;width: 900px;line-height: 40px;
    overflow: hidden;
    white-space: nowrap;text-overflow: ellipsis}
.content {margin: 0 auto;width: 1002px;}
.tab_view {background: #fff;width: 1200px;margin: 20px auto;}
.navs {
    background: #f1f1f1;
    display: block;
    height: 40px;
}
.navs li{
    float: left;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    list-style: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    color: #666;
}
.navs p {
    float: left;
    line-height: 40px;
    color: #666;
    font-weight: bold;
    font-size: 16px;
}
.navs a {
    float: right;
    line-height: 40px;
    color: #666;
    font-size: 12px;
    margin-right: 24px;
}
.navs a:hover{
    color: #9d1615;
}
.nav_bar{
    color: #80463f;

}
.main {
    background: #fff;
    display: block;
    /*    height: 460px;*/
    min-height: 460px;
    margin-left:0;
    margin-right: 0;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px;
}
.main div{
    display: none;
}
.main div.main_bar{
    display: inline-block;
}
/*.main_bar{
       padding: 20px 12px;
       display: inline-block;
   }*/
.main div.main_bar_b{
    display: inline-block;
    width: 100%;
}
.main h2{
    margin-bottom: 15px;
    font-size: 20px;
    color: #6dbd63;
}
/*.main_bar2 {*/
/*color: #666;*/
/*display: inline-block;*/
/*text-overflow: ellipsis;*/
/*overflow: hidden;*/
/*height: 400px;*/
/*width: 550px;*/
/*!*    border: 1px solid #ddd;*!*/
/*box-shadow: 0 0 10px #eee;*/
/*padding: 12px;*/
/*margin-right: 15px;*/
/*}*/
.main_bar .ittem{
    color: #666;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 400px;
    width: 275px;
    /*    border: 1px solid #ddd;*/
    box-shadow: 0 0 10px #eee;
    padding: 12px;
    margin-right: 15px;
}
.main_bar div{
    color: #666;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 400px;
    width: 48.5%;
    /*    border: 1px solid #ddd;*/
    box-shadow: 0 0 10px #eee;
    padding: 12px;
    margin-right: 15px;
}
.main_bar div span{
    height: 32px;
    width: 550px;
}
.main_bar div H5{
    font-size: 15px;
    color: #00ac35;
    padding: 10px;
}
.main_bar div span:hover{
    background: #e7fae1;
}
.main_bar .ittem:hover{
    background: #e7fae1;
}
.main_bar .ittem img{
    width: 251px;
    height: 180px;
    display: block;
}
.main_bar .ittem span{
    display: block;
    width: 259px;
    height: 180px;
    font-size: 12px;
    color: #999;
}
.main li{
    height: 40px;
    text-align: left;
    list-style: disc;
    cursor: pointer;
    font-size: 12px;
    color: #666;
}
.main span{
    display: block;
    color: #666;
    line-height: 30px;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
    padding-left: 0;
    height: 180px;
}
.main a:hover{
    color: #6198ed;
}

.main_bar_b{
    padding: 20px 12px;
    position: relative;
    box-sizing: border-box;
}
.main_bar_b a{
    width: 256px;
}
.cuber_box{
    height: 160px;margin-top:20px;text-align: center;
}
.cuber_a{
    display: inline-block;
    border-radius: 60px;
    height: 120px;
    width: 120px;
    background: #f0f0f0 url("../images/vip_d.png") no-repeat center 32px;
    background-size: 32px 32px;
    box-sizing: border-box;
    text-align: center;
    padding: 32px;
    color: #3f5b4a;
    line-height: 84px;
    margin: 30px;
}
.cuber_a:hover{
    background: #00ac35 url("../images/vip_s.png") no-repeat center 32px;
    background-size: 32px 32px;
    /*color: #fff;*/
}

.content2 {
    height: 230px;
    margin: 0 auto;
    width: 1002px;
}
.content3 {
    height: 280px;
    margin: 0 auto;
    width: 1002px;
}
.club_leader {
    height: 210px;
    width: 660px;
    margin-right: 10px;
    float: left;
}
.club_art {
    height: 210px;
    width: 300px;
    float: right;
    overflow: hidden;
}
.club_art2 {
    height: 200px;
    width: 300px;
    float: right;
    overflow: hidden;
}
.club_art2 img{
    height: 160px;
    width: 300px;
}
.title_bar{
    height: 40px;
    width: 100%;
    background: #f1f1f1;
    color: #80463f;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    box-sizing: border-box;
    padding-left: 12px;
}
.title_bar p {
    font-weight: bold;
    display: inline-block;
}
.title_bar a {
    float: right;
    line-height: 40px;
    color: #666;
    font-size: 12px;
    margin-right: 24px;
}
.title_bar a:hover {
    color: #9d1615;
}
.state_box {

}
.state_box_in{
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.state_button{
    height: 80px;
    text-align: center;
    margin: 12px auto;
}

.state_button li {
    display: inline-block;
    width: 160px;
    height: 48px;
    color: #000;
    border-radius: 24px;
    border: solid #f0f0f0 1px;
    line-height: 48px;
    margin: 12px 24px;
    font-size: 16px;
}
#tab_s{
    background: #00ac35;
    color: #fff;
}
.pic_box {
    display: inline-block;
    margin: 40px auto;
    position: relative;
    width: 100%;
    padding-top: 50px;
}
.pic_box_in {
    width: 1200px;
    margin: 0 auto;
}

.pic_lab {
    /*    box-sizing: border-box;
        border: #f1f1f1 solid 1px;*/
    overflow: hidden;
    padding:20px 40px;
    width: 600px;
    height: 300px;
    background: #f5f5f5;
    box-sizing: border-box;
}
.pic_lab span {
    display: block;
    color: #666;
    line-height: 30px;
    overflow: hidden;
    font-size: 16px;
    text-align: left;
    padding-left: 0;
    height: 180px;

}
.pic_lab a {
    display: block;
    height: 32px;
    width: 98px;
    border-radius: 16px;
    background: #fff;
    float: right;
    line-height: 32px;
    text-decoration: none;
    color: #00ac35;
    text-align: center;
    padding: 0 12px;
    margin-top: 6px;
}
.pic_lab a:hover {
    background: #00ac35;
    color: #ffffff;
}
.pic_box img {
    width: 600px;
    height: 300px;
    float: left;

}

.footer {
    height: 240px;
    width: 100%;
    background: #333333;
    margin-top: 20px;
}
.footer div{
    height: 240px;
    margin: 0 auto;
    width: 1200px;
    color: #fff;
}
.link {
    box-sizing: border-box;
    padding: 12px 0;
    line-height: 32px;
}
.link ul li {
    display: inline-block;
    font-size: 14px;
    padding: 0 8px 0 0;
    font-weight: 100;
}
.link p {
    text-align: center;
}
.link a {
    color: #fff;
}
.link a:hover {
    color: #00ddff;
}

/*--services--*/
.ser-top {
    margin-bottom: 8em;
    /*-- agileits --*/
}
.ser-top h3 {
    text-align: center;
    margin-bottom: 0.4em;
    font-size: 3em;
    font-weight: bold;
    color:#000;
}

.ser-t {
    text-align: center;
    margin: 0 auto;
    width: 20%;
    position: relative;
}
.ser-t b{
    width: 100%;
    height: 2px;
    display: block;
    background: #00ac35;
    margin-bottom: 3px;
}
.ser-t b.line{
    width: 80%;
    margin:0 auto;
}
.ser-t  span{
    width: 40px;
    height: 40px;
    display: block;
    background: #fff;
    position: absolute;
    top: -7px;
    left: 42%;
}
.ser-t  span i{
    width: 20px;height: 20px;
    display: block;
    border: 2px solid #00ac35;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
    margin-left: 0.7em;
}
.ser-head {
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    /*-- w3layouts --*/
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
    display: inline-block;
    -webkit-transition: -webkit-transform 300ms ease-out;
    -moz-transition: -moz-transform 300ms ease-out;
    transition: transform 300ms ease-out;
    float: left;width: 25%;
}

.ser-grid:hover{
    background: #00ac35;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.ser-grid {
    width: 220px;
    height: 220px;
    display: block;
    opacity:1;
    border: 2px solid #00ac35;
    position:relative;
}
.ser-grid1 {
    transform: rotate(-45deg) translate3d(0, 0, 0);
    -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(-45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(-45deg) translate3d(0, 0, 0);
    -o-transform: rotate(-45deg) translate3d(0, 0, 0);
    text-align: center;
    position: absolute;
    top: 14%;
    left: 4%;
}
.service {
    padding: 6em 0 8em;
    width: 60%;
    margin: 0 auto;
}

.ser-grid1 i{
    font-size:2em;
    color:#000;
}
.ser-grid1 h3{
    font-size:1.8em;
    color:#000;
    margin: 0.4em 0;
}
.ser-grid1 p{
    font-size:0.9em;
    color:#999;
    line-height:1.8em;
    margin: 0 0 1em;
    /*-- agileits --*/
}
.ser-grid:hover .ser-grid1 p{
    color:#fff;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

/*--gallery--*/
.gallery {
    padding-top: 6em;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.gallery-top {
    padding: 0;
}
.grid-ga {
    position: relative;
    clear: both;
    margin: 0 auto;
    list-style: none;
    text-align: center;

}

/* Common style */
.grid-ga figure {
    position: relative;
    background: #3085a3;
    text-align: center;
    margin-bottom: 30px;
}

.grid-ga figure img {
    position: relative;
    display: block;
    height: 300px;
    width: 100%;
}

.grid-ga figure figcaption {
    padding: 2em;
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid-ga figure figcaption::before,
.grid-ga figure figcaption::after {
    pointer-events: none;
}

.grid-ga figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid-ga figure h4 {
    font-size: 2em;
}
.grid-ga figure p {
    font-size: 1em;

}
/*---------------*/
/***** Ming *****/
/*---------------*/

figure.effect-img {
    background: #030c17;
}

figure.effect-img img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    width: 100%;
    height: 240px;
}

figure.effect-img figcaption::before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border: 1px dashed #fff;
    box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}

figure.effect-img h4 {
    margin: 10% 0 10px 0;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    color: white;
    opacity: 0;
}
figure.effect-img h4.w3-gallery{
    margin: 10% 0 10px 0;
}
figure.effect-img h4.w3-gallery1{
    margin: 15% 0 10px 0;
}
figure.effect-img p {
    padding: 1em;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}

figure.effect-img:hover h4 {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

figure.effect-img:hover figcaption::before,
figure.effect-img:hover p ,figure.effect-img:hover h4 {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

figure.effect-img:hover figcaption {
    background-color: rgba(58,52,42,0);
}

figure.effect-img:hover img {
    opacity: 0.4;
}
figure.effect-img .ga-text h4 {
    margin: 6% 0 10px 0;
}
figure.effect-img .ga-text p {
    padding:0 1em;
}


/*--//gallery--*/

/*--about--*/
.about-w3l {
    margin-bottom: 5em;
    text-align:center;
}
.about-w3l h3 {
    margin-bottom: 0.4em;
    font-size: 3em;
    font-weight: bold;
    color:#000;
    text-align: center;
}
.about-t {
    text-align: center;
    margin: 0 auto;
    width: 35%;
    position: relative;
}
.about-t b{
    width: 100%;
    height: 1px;
    display: block;
    background: #ff9900;
    margin-bottom: 3px;
}
.about-t b.line{
    margin: 0 auto;
    height: 5px;
    background: #ff9900;
    width: 16%;
    position: absolute;
    top: -2px;
    left: 13em;
    text-align: center;
}
.about {
    padding: 6em 0 ;
}
.ab-head h5{
    font-size: 1em;
    text-transform: uppercase;
    line-height: 1.7em;
    color: #00ac35;
    font-weight: 900;
}
.ab-head p{
    font-size: 0.9em;
    color: #999;
    line-height: 2em;
    margin: 0.5em 0;
}
.ab-head ul li{
    display: block;
    font-size: 0.9em;
    color: #999;
    line-height: 2.3em;
    list-style: none;
}
.ab-head ul li i{
    color:#ff9900;
    margin-right: 2%;
}

.item {
    text-align:center;
    float: none;
    margin: 0;
    position:relative;
}
.item,
.item-hover,
.item-hover .mask,
.item-img,
.item-type-move .item-info {
    width: 255px;
    height: 243px;
}

.item-hover,
.item-hover .mask,
.item-img {
    position:absolute;
    top:0;
    left:0;
}

.item-type-move .item-hover {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity:0;
    cursor:pointer;
    z-index:100;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.4);
}
.item-type-move .item-info {
    z-index:10;
    color:#ffffff;
    position:relative;
    z-index:5;
    overflow:hidden;
}

.item-type-move .item-info .headline,
.item-type-move .item-info .date-month {
    width: 100%;
    position:absolute;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding:0 10px;
}

.item-type-move .item-info .headline {
    font-size: 1.5em;
    top: 10px;
    color: #fff;
}

.item-type-move .item-info .date-month {
    font-size:14px;
    font-style:italic;
    bottom:10px;
}

.item-type-move .item-info .line {
    height:1px;
    width:85%;
    margin:10px auto 0 auto;
    background-color:#ffffff;
}

.item-type-move .item-hover .mask {
    background-color:#C5C5C5;
    opacity:0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    z-index:0;
}

.item-type-move .item-hover:hover {
    opacity:1;
}

.item-type-move .item-hover:hover .item-info .headline {
    top:29%;
}

.item-type-move .item-hover:hover .item-info .date-month {
    bottom:31%;
}
.item-img {
    background-color:#7a548f;
    z-index:0;
}
/*--//about--*/
/*-- team --*/
.w3agile h3{
    color:#000;
}
.w3agile p{
    color: #999;
    font-size: 1em;
    line-height: 1.8em;
    width: 55%;
    margin: 1em auto 0;
}
.wthree b,.wthree b.line{
    background: #1d6bec;
}
.team {
    padding: 6em 0 ;
    background: #EEE;
}
.btm-right {
    text-align: center;
}
.btm-right img{
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -o-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    width: 205px;
    height: 205px;
    border: 6px solid #ff9900;
    padding: 10px;
    background: #fff;
    margin: 0 auto;
}
.captn h4 {
    font-size: 1.5em;
    color: #000;
    margin: 0.5em 0 0.3em;
}
.captn  p{
    font-size: 0.9em;
    color: #999;
    margin: 0em 0 1em;
    line-height:2em;
}
.captn2 li{
    display:inline-block;
}
.captn2 li a i{
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 0 3px;
}


/*.captn2 li a i {
    background:url(../images/img-sprite.png) no-repeat -1px -9px #1754AD;
}
.captn2 li a i.icon1{
    background:url(../images/img-sprite.png) no-repeat -79px -9px #EF1F1F;
}
.captn2 li a i.icon2{
    background:url(../images/img-sprite.png) no-repeat -148px -10px #1FC1EF;
}*/
.captn2 li a i:hover {
    transform: rotateY(360deg);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
/*-- //team --*/
.common-heading-1 .heading {
    font-size: 40px;
    line-height: 55px;
    color: #00ac35;
    text-align: center;
}
.common-heading-1 .sub-heading {
    font-size: 17px;
    color: #666;
    margin-top: 20px;
    font-weight: 300;
    line-height: 28px;
    text-align: center;
}
.clients-home {
    padding: 50px 0 0 0;
    display: table;
}
.clients-home .clients-left {
    display: table-cell;
    width: 50%;
    background-image: url(../images/client-bg.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: #1b1b1b;
    padding: 120px 100px 80px 100px;
}
.clients-home .clients-left .heading {
    text-transform: uppercase;
    color: #fff;
    font-weight: 300;
    font-size: 30px;
    text-align: center;
}
.clients-home .clients-left .clients-list {
    list-style: none;
    padding: 0;
    margin: 60px 0 0 0;
    text-align: center;
}
.clients-home .clients-left .clients-list li {
    display: inline-block;
    margin: 0 25px;
    margin-bottom: 40px;
    width: 160px;
    height: 90px;
    background: #fff;
    line-height: 90px;
}
.clients-home .clients-left .clients-list li img {
    display: inline-block;
    margin-top: 10px;
}
.clients-home .clients-right {
    display: table-cell;
    width: 50%;
    padding:  30px 50px 50px 50px;
    background: #f7f7f7;
    vertical-align: top;
}
.clients-home .clients-right .list {
    margin: 60px 0 0px 0;
}
.clients-home .clients-right .list h4 span {
    font-size: 30px;
    text-transform: uppercase;
    color: #363636;
    position: relative;
    top: 7px;
    margin-left: 10px;
}
.clients-home .clients-right .list p {
    margin-top: 20px;
    font-weight: 300;
    line-height: 30px;
    font-size: 15px;
}
.some-projects {
    padding: 50px 15px;

}
.common-heading-2 .heading {
    margin-top: 100px;
    font-size: 20px;
}
.some-projects .box-project .image img {
    width: 100%;
}
.some-projects .box-project {
    width: 100%;
    margin: 30px 0 0 0;
}
.some-projects {
    padding: 80px 0;
}
.some-projects .box-project {
    border: 1px solid #ddd;
    margin-top: 50px;
    width: calc(100% - 20px);
    margin-left: 10px;
}
.some-projects .box-project .image {
    padding: 15px;
    display: block;
}
.some-projects .box-project .client-name {
    background: #363636;
    color: #fff;
    padding: 0 15px;
    line-height: 60px;
    font-size: 18px;
}
.some-projects .box-project p {
    padding: 20px;
    font-weight: 300;
    line-height: 25px;
    font-size: 15px;
}
.common-heading-2 .heading {
    font-size: 32px;
}
.common-heading-2 .sub-heading {
    margin-top: 10px;
    line-height: 26px;
    font-size: 15px;
}
.blogs-home {
    padding-bottom: 80px;
    border-bottom: 1px solid #ddd;
}
.blogs-home .blog-list {
    margin-top: 50px;
}
.blogs-home .blog-list .image {
    background: #ccc;
}
.blogs-home .blog-list .image img {
    width: 100%;
}
.blogs-home .blog-list .bottom-details {
    width: calc(100% - 50px);
    margin-left: 25px;
    background: #fff;
    position: relative;
    margin-top: -30px;
    padding: 25px;
}
.blogs-home .blog-list .bottom-details p {
    font-size: 17px;
    line-height: 28px;
    font-weight: 300;
}
.blogs-home .blog-list .bottom-details .post-details {
    padding: 15px 0;
}
.blogs-home .blog-list .bottom-details .post-details span {
    display: block;
    font-weight: 300;
    margin-bottom: 5px;
    font-size: 13px;
}
.blogs-home .blog-list .bottom-details .post-details span b {
    font-weight: 400;
}
.w3l {
    padding: 5em 0;
}
/*--w3ls-starts--*/
.w3ls{
    padding:6em 0px;
}
.w3ls-top{
    text-align:center;
}
.w3ls-bottom{
    margin-top:4%;
}
.ad-left{
    width:35%;
    float:left;
}
.ad-right {
    width: 61%;
    float: right;
}
.w3ls-left {
    border-right: 1px solid #999;
    position: relative;
    padding: 0 30px;
}
.w3ls-left:hover  .ad-right span{
    background-position:-22px 0px;
}
.ad-right span {
    position: absolute;
    right: -2px;
    top: 40%;
    background: url(../images/s-arw.png) no-repeat;
    width: 22px;
    height: 29px;
    display: block;
}
.ad-left img{
    width:100%;
}
.ad-right h4 {
    font-size: 1.4em;
    color: #212121;
    margin: 0;
}

.ad-right p{

    width: 95%;
    margin-top: 20px;
    font-weight: 300;
    line-height: 30px;
    font-size: 15px;
}
.ad-btn {
    margin-top: 18px;
}
.ad-btn a {
    color: #fff;
    padding: 5px 12px;
    background: #000;
    font-size: 14px;
}
.ad-btn a:hover{
    background:#00eacf;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    text-decoration:none;
}
.w3ls-two{
    margin-top:5%;
}
.pages span{
    font-size: 18px;
    color: #fff;
}
/*--w3ls-end--*/
/*鍒嗛〉*/
#pages { padding:14px 0 10px;font-family:Microsoft Yahei; text-align:center}
#pages a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px}
#pages a.a1 { background:url(../images/admin_img/pages.png) no-repeat 0 5px; width:56px; padding:0 }
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background: #00ac35; border:1px solid #00ac35; color:#fff; text-align:center; }
.page .noPage { display:inline-block; height:22px; line-height:22px; background:url(../img/icu/titleBg.png) repeat-x 0 -55px ; border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
/*鍒嗛〉end*/
.page_con_li_title{
    height:50px;
}
.page_con_li_title:hover{
    background: #e7fae1;
}
.page_con_li_title a:hover{
    color: #00ac35;
}
.mtable{
    width:1020px;
    margin-top: 50px;
    border-radius:10px;
    text-align: center;
}

.btncls{
    font-size: 16px;
    padding: 12px 15px 12px 15px;
    color: #666666;
    border-color: #fafafa;
    /*background-color: #ddd;*/
    border-bottom: 1px solid #ddd;
}
/* active items */
.btncls  a:hover {
    color: #00ac35;

}
/*------start-features-----*/
.features{
    padding:5em 0;
}

.features-grid span{
    height:120px;
    width:120px;
    display:inline-block;
    background:#F3F3F3;
    border:10px solid #EBEBEB;
    border-radius:30em;
    -webkit-border-radius:30em;
    -moz-border-radius:30em;
    -o-border-radius:30em;
    -ms-border-radius:30em;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -moz-transition:0.5s all;
    -o-transition:0.5s all;
    -ms-transition:0.5s all;
}
.features-grid span img{
    width: 30px;
    height: 30px;
    margin-top: 30%;
    background-image: url("../images/vip_d.png");
}
.features-grid h3 {
    color: #8E999C;
    font-size: 1.1em;
    font-weight: 600;
}
.features-grid:hover h3{
    text-decoration:none;
    color: #00ac35;
}
.features-grid p{
    color: #8E999C;
    font-size: 1em;
    line-height: 1.5em;
}
.features-grid:hover span{
    background: #00ac35;
    border-color: rgba(0, 172, 53, 0.39);
}
.features-grid:hover i{
    /*color: #FFF;*/
    background-image: url("../images/vip_s.png");
}
.features-grids{
    padding: 4em 0 0em;
}
/*-- Services starts Here--*/
.Services{
    background:#f6f6f6;
}
.Services-row{
    padding:40px 0px;
}
.Services-row-column h2{
    padding:150px 0px 20px 0px;
    margin:0px;
    font-size:35px;
    font-weight:800;
    text-transform:uppercase;
}

.Services-row-column p{
    font-size:18px;
    line-height:23px;
    color:#999;
}
.service-grid{
    width:15%;
    text-align:center;
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    margin: 0 0 0 10%;
    float:left;
}
.service-grid1{
    width:15%;
    text-align:center;
    -webkit-transform: rotate(44deg);
    -moz-transform: rotate(44deg);
    -o-transform: rotate(44deg);
    margin: 8% 0 0 10%;
    float: left;
}

.service-griddy{
    background:#ffffff;
    padding:1em 0.5em;
    margin-bottom:1em;
    min-height:160px;
}
.service-griddy:hover div.service-gridy h3{
    color:#fff;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -o-transition:0.5s all;
    -moz-transition:0.5s all;
    -ms-transition:0.5s all;
}
.griddy-act,.service-griddy:hover{
    background:#28282e;
    transition:0.5s all;
    -webkit-transition:0.5s all;
    -o-transition:0.5s all;
    -moz-transition:0.5s all;
    -ms-transition:0.5s all;
}
.service-gridy{
    -webkit-transform: rotate(-38deg);
    -moz-transform: rotate(-38deg);
    -o-transform: rotate(-38deg);
    margin:2em 0em 0em 0em;
}
.service-gridy h3{
    font-size: 12px;
    color:#28282e;
    text-transform: uppercase;
    font-weight: 700;
    margin:0;
    transform: rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    text-align: center;
}
.griddy-acty h3{
    color:#fff;
}
.service-gridy i{
    width:35px;
    height:35px;
    background:url(../images/service-icons.png)no-repeat;
    display: inline-block;
}
.service-gridy i.icon-a{
    background-position:0px 0px;
}
.service-gridy i.icon-b{
    background-position:-40px 0px;
}
.service-gridy i.icon-c{
    background-position:-78px 0px;
}
.service-gridy i.icon-d{
    background-position:-120px 0px;
}
.service-gridy i.icon-e{
    background-position:-161px 0px;
}
.service-gridy i.icon-f{
    background-position:-204px 0px;
}
.service-gridy i.icon-g{
    background-position:-246px 0px;
}
.service-gridy i.icon-h{
    background-position:-281px 0px;
}
/*start conatent */
.content_bg{

    padding:4em 8em;
    /*border-top: 8px solid #DBDBDB;*/
    background:#f6f6f6;

}

.grid_btn{
    position: absolute;
    bottom: 0;
    left: 0;
}
.button{
    font-family: 'Marcellus SC', serif;
    color: #ffffff;
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.875em;
    transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    -webkit-transition: 0.5s ease;
    padding: 12px 0px;
    width: 100%;
}
.button.bg1{
    background: #F39C12;
}
.button.bg2{
    background: #3498DB;
}
.button.bg3{
    background: #27AE60;
}
.button.bg4{
    background: #6859D6;
}
.button.bg5{
    background: #464646;
}
.button.bg6{
    background: #C02B43;
}
.button:hover{
    background: #312C3C;
}
.last-grid{
    margin:0px;
}
.grid_s1 {
    margin: 4% 0 0;
}
/*-- work --*/
.work{
    padding: 6em 0;
    background:#F7F7F7;
    text-align: center;
}
.work-info {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.work-info h3{
    color: #666666;
    font-size: 36px;
    font-weight: 900;
    margin: 0;
    padding-bottom: 1em;
    text-align: center;
    background: url(../images/hr.png) no-repeat 410px 53px;
}
.work-info span {
    color: #E74C3C;
}
.work-info p {
    font-size: 16px;
    color: #858585;
    margin: 1.5em 0 4em 0;
}


.caviar-about-us-area {
    margin-top: 100px;
    padding: 120px 0;
    overflow-x: hidden;
}

.about-us-thumbnail {
    box-shadow: 3px 5px 45px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
}

.about-us-thumbnail > img {
    width: 100%;
}
.about-us-thumbnail li{
    padding: 5px;
}
.about-us-thumbnail li:hover{
    background-color: rgba(255, 0, 0, 0.43);
    color: #28282e;
}
.align-items-center p{
    color: rgba(0, 0, 0, 0.8);
    font-size: 16PX;
    /*text-align: center;*/
    margin-top: 10px;
    line-height: 1.5;
}
.about-us-content span {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #ff0000;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 30px;
    display: block;
}
.about-us-content p{
    text-indent:2em;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16px;
    line-height: 1.9;
    font-weight: 400;
}

.section-heading h2 {
    font-size: 30px
}
.about-us-content > p {
    margin-bottom: 0;
}

.about-us-second-part {
    padding-top: 200px;
    position: relative;
    z-index: 1;
}

.about-us-second-part:after {
    content: 'About Us';
    position: absolute;
    top: 110px;
    font-size: 150px;
    left: 0;
    color: rgba(0, 0, 0, 0.05);
    font-weight: 700;
    line-height: 1;
    z-index: -1;
}

.about-us-second-part:before {
    position: absolute;
    content: "";
    top: 120px;
    left: 110px;
    background-image: url(../images/about-dots.png);
    width: 100%;
    height: 78px;
    z-index: -1;
    background-repeat: no-repeat;
}
/*-- Content starts here--*/
.content-row-class{
    margin:20px 0px;
    border:1px solid rgba(0, 0, 0, 0.26);
    border-radius:4px;
}
.content-row-column-in img{
    width:84px;
    height:84px;
    display: block;
    margin:0 auto;
}
.content-row-column{
    border:0px;
    border-style: solid;
    border-right-width:1px;
    border-color:rgba(0, 0, 0, 0.26);
    text-align:center;
}
.content-row-column-in{
    padding:22px;
}
.content-row-column-in h3{
    color: #ff0000;
    text-align: center;
    font-size: 18PX;
}
.content-row-column-in p{
    padding:0px 0px 10px 0px;
    font-weight:400;
    color: rgba(0, 0, 0, 0.8);
    font-size: 16PX;
    line-height: 1.9;
    text-indent:2em;
    text-align: left;
}


.bg-white { background-color: #ffffff; }
.pinside60 { padding: 60px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%; }
.number-block { text-align: center; }
.outline { border: 1px solid #00ac35;  }

.mb20 { margin-bottom: 20px; }
.mb60 { margin-bottom: 60px; }
.section-space80 { padding-top: 80px; padding-bottom: 80px; }
.btn-outline { border: 2px solid #dee4ee; color: #9aa9c3; background-color: transparent; padding: 17px 28px; }
.section-space80 img{
    width: 60px;
    height: 60px;
}
.section-space80 h3{
    color: #0a0204;
    text-align: center;
    font-size: 20px;
}
.pinside60:hover { border: 2px solid #ffffff; color: #ffffff; background-color: #00ac35; }

/*-- banner-bottom --*/
.banner-bottom,.news,.login,.single,.w3agile_comments,.testimonials,.services,.about-bottom,.mail,.typo,.services-bottom,.special-services,.about,.about-counter{
    padding:5em 0;
}
.view-tenth img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    width:100%;
}
.view-tenth .mask {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.view-tenth img {
    filter: alpha(opacity=1);
    opacity: 1;
}
.view-tenth:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.view {
    float: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    padding: 1em 1em 2em;
    background: #f5f5f5;
}
.view .mask,.view .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.view img {
    display: block;
    position: relative;
}
.agile_text_box p {
    line-height: 1.8em;
    width: 75%;
    margin: 0 auto;
    color: #999;
}
.agile_text_box i{
    background:url(../images/img-sp.png) no-repeat -12px 0px;
    display:block;
    width:64px;
    height:64px;
    margin:0 auto;
}
i.men{
    background:url(../images/img-sp.png) no-repeat -102px -1px;
    display:block;
    width:64px;
    height:64px;
    margin:0 auto;
}
i.shipping{
    background:url(../images/img-sp.png) no-repeat -173px -1px;
    display:block;
    width:64px;
    height:64px;
    margin:0 auto;
}
i.clock{
    background:url(../images/img-sp.png) no-repeat -247px 11px;
    display:block;
    width:64px;
    height:64px;
    margin:0 auto;
}
.agile_text_box h3{
    text-transform:capitalize;
    font-size:1.2em;
    color:#ff9900;
    line-height:1.5em;
    margin:1em 0 .5em;

}
.banner_bottom_right_grid {
    padding-right: 0;
}
.wthree_banner_bottom_right_grids:nth-child(2){
    margin:1em 0 0;
}
.banner_bottom_left h3{
    font-size: 3em;
    color: #212121;
    text-transform: capitalize;
}
.banner_bottom_left p i{
    color:#ff9900;
    font-size: 1.5em;
    display:block;
    margin:.5em 0 1em;
}
.banner_bottom_left{
    text-align:left;
    margin-top: 4em;
}
.banner_bottom_left p{
    color:#999;
    font-size: 1.3em;
    line-height:2em;
    margin-bottom:3em;
}
.wthree_more1 a,.wthree_more2 a,.wthree_more3 a {
    border-color: #212121;
    color: #212121;
    text-align: center;
}
.wthree_more1 .button--wayra {
    margin-left: 25em;
}
.mask{
    background: #ffffff;
    height: 100%;
    margin:0 auto;
}
.mask p{
    padding: 15px;
    color:#999;
    font-size: 1.3em;
    line-height:2em;
    text-indent:2em;
}
/*-- //banner-bottom --*/

/*-- contact --*/
.contact{
    background: #f2fbfa;
}
.w3layouts-contact-form-top h3,.contact-form-top h3,.w3agile-map h3{
    color: #212121;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 4px;
    margin: 0;
}
.w3layouts-contact-form-top p{
    color: #999999;
    font-size: .9em;
    margin: 2em 0 0 0;
    line-height: 1.8em;
}
.w3layouts-contact-form-top p{
    margin:2em 0;
}
.agileits-contact-address ul {
    padding: 0;
    margin: 0;
}
.agileits-contact-address ul li {
    display: block;
    margin: 1em 0;
}
.agileits-contact-address ul li i.fa.fa-phone,.agileits-contact-address ul li i.fa.fa-map-marker {
    height: 40px;
    width: 40px;
    background: #F44336;
    line-height: 40px;
    text-align: center;
    color: #FFF;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
.agileits-contact-address ul li span {
    color: #999999;
    font-size: .875em;
    margin-left: 1em;
}
.agileits-contact-address ul li span a {
    color: #999999;
    text-decoration: none;
}
.agileits-contact-address ul li span a:hover{
    color: #212121;
}
.agileinfo-contact-form-grid{
    margin: 2em 0 0 0;
}
.agileinfo-contact-form-grid input[type="text"],.agileinfo-contact-form-grid input[type="email"] {
    display: inline-block;
    background: none;
    border: 1.5px solid #BBBBBB;
    width: 100%;
    outline: none;
    padding: 10px 15px 10px 15px;
    font-size: .9em;
    color: #BBBBBB;
    margin-bottom: 1.5em;
}
.agileinfo-contact-form-grid textarea {
    background: none;
    border: 1.5px solid #BBBBBB;
    width: 100%;
    display: block;
    height: 150px;
    outline: none;
    font-size: 0.9em;
    color: #BBBBBB;
    resize: none;
    padding: 10px 15px 10px 15px;
    margin-bottom: 1em;
}
button.btn1{
    border: solid 1px #212121;
    color: #212121;
    font-size: .875em;
    padding: .5em 2em;
    text-decoration: none;
    background: none;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}
button.btn1:hover{
    border: solid 1px #F44336;
    color: #FFFFFF;
    background: #F44336;
}
.w3agile-map {
    margin: 4em 0 0 0;
}
.w3agile-map iframe{
    border: none;
    min-height: 300px;
    width: 100%;
    margin:2em 0 0 0;
}
/*-- //contact --*/