.container_category>a.active,
.container_category>a:hover,
.item_tags>a.active,
.item_tags>a:hover {
    border-color: #3fafb1 ;
    background-color: #3fafb1 
}

#search-list .searchFormGroup input,
body #search-header .searchFormGroup input {
    border-color: #3fafb1 
}

#search-list .searchFormGroup .searchSub,
body #search-header .searchFormGroup .searchSub {
    background-color: #3fafb1 
}


.imagelink .owl-nav .owl-next:hover,
.imagelink .owl-nav .owl-prev:hover,
.mlist .owl-nav .owl-next:hover,
.mlist .owl-nav .owl-prev:hover,
.postSlider .owl-nav .owl-next:hover,
.postSlider .owl-nav .owl-prev:hover {
    background-color: #3fafb1 
}

.imagelink .owl-dots .owl-dot.active span,
.imagelink .owl-dots .owl-dot:hover span,
.mlist .owl-dots .owl-dot.active span,
.mlist .owl-dots .owl-dot:hover span {
    background-color: #3fafb1 ;
    border-color: #3fafb1 
}

.ff_indexPage .team_tabs.mlist .tab_button .item_block:before {
    background-color: #3fafb1 
}

.ff_indexPage .team_tabs.mlist .tab_button .item_block.active .title {
    color: #3fafb1 
}

.mcustomize .container_content .contentbody .description a:hover {
    background-color: #3fafb1 ;
    border-color: #3fafb1 
}

.news.mlistpost .tabBtn .post-next:not(.empty):hover,
.news.mlistpost .tabBtn .post-prev:not(.empty):hover,
.project.mlistpost .tabBtn .post-next:not(.empty):hover,
.project.mlistpost .tabBtn .post-prev:not(.empty):hover,
.service.mlistpost .tabBtn .post-next:not(.empty):hover,
.service.mlistpost .tabBtn .post-prev:not(.empty):hover,
.team.mlistpost .tabBtn .post-next:not(.empty):hover,
.team.mlistpost .tabBtn .post-prev:not(.empty):hover {
    background-color: #3fafb1 
}

#longPage #header #navWrapper .content .nav .navitem>a:hover span:before {
    color: #3fafb1 
}

#longPage #header #navWrapper .content .nav .navitem>a:hover .fa-angle-down {
    color: #3fafb1 
}


::-webkit-scrollbar {
    background-color: #3fafb1 
}

::-webkit-scrollbar-thumb:hover {
    background-color: #3fafb1 
}

#pages .page-item.active,
#pages .page-item:hover {
    border-color: #3fafb1 ;
    background-color: #3fafb1 
}

.ff_pageTarget .container_target a:hover {
    color: #3fafb1 
}

.ff_pageTarget .container_target a:last-child {
    color: #3fafb1 
}

.postSlider .tab_button .item_block.current .item_img:after,
.postSlider .tab_button .item_block:hover .item_img:after {
    border-color: #3fafb1 
}

body #navWrapper .content .nav>.navitem .subnav {
    border-color: #3fafb1 
}

body #navWrapper .content .nav>.navitem .subnav li a:hover {
    background-color: #3fafb1 
}

.ff_indexPage .mlist .content_wrapper .more:hover {
    background-color: #3fafb1 
}

#sliderDirThemb,
#sliderDotThemb {
    border-color: #3fafb1 
}

.service.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper {
    background-color: #3fafb1 
}

#shares a:hover {
    border-color: #3fafb1 ;
    background-color: #3fafb1 
}

#online_open:hover {
    border-color: #3fafb1 ;
    background-color: #3fafb1 
}

#olx_head {
    background-color: #3fafb1 
}

#olx_qq li a:hover {
    color: #3fafb1 
}

.bodyproject .ff_sitecontent .ff_postPage .project .item_tags a:hover {
    background-color: #3fafb1 
}

.bodyproject .ff_sitecontent .ff_postPage .project .content_list .item_block:hover .details {
    background-color: #3fafb1 
}

.bodyproject .ff_sitecontent .ff_postPage .project .content_list .item_block:hover .item_info .title {
    color: #3fafb1 
}

.container_category>a.active {
    border-color: #3fafb1 ;
    background-color: #3fafb1 
}

.mcustomize.tril .mediabody::after {
    background-color: #3fafb1 
}

.container_category>a.active,
.container_category>a:hover,
.item_tags>a.active,
.item_tags>a:hover {
    border-color: #3fafb1 ;
    background-color: #3fafb1 
}

.service.mlist .owl-dots .owl-dot.active span {
    border-color: #3fafb1 ;
    background-color: #3fafb1 
}

.bodyservice .ff_sitecontent .ff_postPage .service .item_tags a:hover {
    background-color: #3fafb1 
}

.bodyteam .ff_pageList .team .content_list .item_block:hover {
    background-color: #3fafb1 
}

.bodyteam .ff_sitecontent .ff_postPage .team .listContent_post .item_tags a:hover {
    border-color: #3fafb1 ;
    background-color: #3fafb1 
}

.ad01.mlist .item_block:nth-child(1) .item_wrapper {
    background-color: #3fafb1 
}

.ad01.mlist .item_block:nth-child(2) .item_wrapper {
    background-color: #3fafb1 
}

.ad01.mlist .item_block:nth-child(3) .item_wrapper {
    background-color: #3fafb1 
}

.ad01.mlist .item_block:nth-child(4) .item_wrapper {
    background-color: #3fafb1 
}

.news.mlist .owl-dots .owl-dot.active span {
    border-color: #3fafb1 ;
    background-color: #3fafb1 
}

.bodynews .ff_sitecontent .ff_postPage .news .listContent_post .item_tags a:hover {
    border-color: #3fafb1 ;
    background-color: #3fafb1 
}

#mcontact .contactform .inputtxt.submit:hover {
    background-color: #3fafb1 
}

.mlist .owl-dots .owl-dot span {
    border-color: #3fafb1 
}

.news.mlist .owl-dots .owl-dot span {
    border-color: #3fafb1 
}

input {
    background-color: 0
}

#footer {
    background-color: #f0f0f0
}

#footer span {
    color: #9e9e9e
}

#footer strong {
    color: #9e9e9e
}

#mm-slider .slider-info .title {
    color: #e40807
}

#mm-slider .slider-info .subtitle {
    color: #666
}

.mm-listview>li>a.active {
    color: #e40807
}

.dropmenu ul {
    background-color: #fff
}

.dropmenu ul li {
    border-bottom-color: #f0f0f0
}

.dropmenu ul li a {
    background-color: #fff
}

.dropmenu ul li a.active {
    color: #e40807
}

#pages a.active,
#pages a:hover {
    color: #e40807
}

.bx-wrapper .bx-controls-direction a {
    background-color: transparent
}

.bx-wrapper .bx-controls-direction a i {
    color: #ccc
}

.npagePage.post #postWrapper .item_tags a:hover {
    color: #fff
}

.npagePage.post .navlist_t .subtitle {
    color: #999
}

.npagePage.post #postNav .navitem {
    border-bottom-color: #f4f4f4
}

.module.mcounter .module_container {
    background-color: #f8f8f8
}

.module.mcounter ul.content_list li {
    color: #fff
}

.module.mcounter ul.content_list li p.number .counterDX {
    color: #3c3c3c
}

#mcontact .container_header .subtitle {
    color: #999
}

.module.mcustomize .header {
    color: #252525
}

.module.mcustomize .header .subtitle {
    color: #7c7c7c
}

.module.mcustomize .description a.more:hover {
    border-color: #236ffb
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background-color: #a5a5a5
}

.agent-mobile .service .bx-wrapper .bx-controls-direction a i {
    color: #fff
}

.agent-mobile .project .item_block .item_wrapper {
    background-color: #f8f8f8
}

.agent-mobile #sitecontent #listContent .item_block:hover .title {
    color: #fff
}

.agent-mobile .project .item_block:hover .item_wrapper {
    background-color: #e40807
}

.agent-mobile .project .content_list .item_block:hover .subtitle {
    color: rgba(255, 255, 255, .56)
}

.agent-mobile .project .content_list .item_block:hover .item_img::before {
    border-color: rgba(0, 0, 0, .1)
}


#sitecontent .npagePage.post #postContent .title {
    color: #444
}

.agent-mobile .npagePage.post #postInfo .description a:hover {
    background-color: #e40807
}

.agent-mobile #sitecontent .npagePage.post .project #postInfo .description a:hover {
    color: #fff
}

.agent-mobile #sitecontent .ad01 .content_list li:hover .title {
    color: #fff
}

.agent-mobile .ad01 .content_list li:hover .subtitle {
    color: rgba(255, 255, 255, .8)
}

.agent-mobile .ad01 .content_list li:hover .item_wrapper {
    background-color: #e40807
}

.agent-mobile .team_tabs .tab_content .content_list li .title {
    color: #e40807
}

.agent-mobile .imagelink {
    background-color: #fff
}

.agent-mobile .team .item_block:hover .title {
    color: #e40807
}

.agent-mobile .news .item_block:hover .item_info .title {
    color: #e40807
}

.agent-mobile .news .content_list .item_wrapper .date_wrap {
    color: #adadad
}

.agent-mobile .news .content_list li:last-child {
    border-color: transparent
}

.agent-mobile #sitecontent .news #listContent .item_block:hover .title {
    color: #e40807
}

#online a:after {
    background-color: rgba(255, 255, 255, .6)
}

.mm-listview>li>a.active {
    color: #3fafb1 
}

.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next) {
    color: #3fafb1 
}

.agent-mobile .mlist .m_container .content a:hover::after {
    color: #fff
}

.agent-mobile .project .item_block:hover .item_wrapper {
    background-color: #3fafb1 
}

.agent-mobile .mlist .m_container .content .more:hover {
    background-color: #3fafb1 ;
    border-color: #3fafb1 
}

.agent-mobile #category .label {
    background-color: #3fafb1 
}

.agent-mobile .cate-title {
    background-color: #3fafb1 
}

.agent-mobile .dropmenu ul li a.active {
    color: #3fafb1 
}

.agent-mobile .team.mlist .content_list .item_block:hover {
    background-color: #3fafb1 
}

.agent-mobile .team.mlist .content_list .item_block:hover .item_box .item_wrapper .item_info .title {
    color: #fff
}

.agent-mobile .ad01 .content_list li.item_block .item_wrapper {
    background-color: #fff
}

.agent-mobile .ad01 .content_list li.item_block:hover .item_wrapper {
    background-color: #3fafb1 
}

#pages a:hover,
.agent-mobile #pages a.active {
    color: #3fafb1 
}

.npagePage.post #postWrapper .item_tags a:hover {
    border-color: #3fafb1 ;
    background-color: #3fafb1 
}

.agent-mobile .npagePage.post .team .navlist li:hover {
    background-color: #3fafb1 
}

.agent-mobile #sitecontent .news #listContent .item_block:hover .title {
    color: #3fafb1 
}

#online a {
    color: #3fafb1 
}

.bx-wrapper .bx-pager.bx-default-pager a {
    border-color: #3fafb1 ;
    background-color: #3fafb1 
}

.bodyteam .ff_pageList .team .content_list .item_block{transition: all .36s ease;}


/*pc-color*/
.project.mlist .content_list .item_img .item_mask{background-color: rgba(63, 175, 177, 0.86);}
.ff_indexPage .news.mlist .content_list .item_block:hover .details{    border-color: #3fafb1; background-color: #3fafb1;}
.bodynews .news.mlist .content_list .item_block:hover .details{    border-color: #3fafb1; background-color: #3fafb1;}
.ff_indexPage .team.mlist .content_list .item_block:hover::before{background-color: #3fafb1;}
body #navWrapper .content .nav > .navitem > a.active{color: #3fafb1;}


.bodyproject .mlist:not(.imagelink) .content_list .item_img{border-radius: 4px;}


/*mobile -color*/
.agent-mobile .news .item_block:hover .item_info .title{color: #3fafb1;}
.agent-mobile .service.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper{background-color: rgba(99, 136, 207, 0);
 color: #3fafb1;}
 .agent-mobile .npagePage.post .service.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper{color:#fb9a7c}




.agent-mobile #sitecontent .npagePage.post .team #postContent .title{left: 61px;color:#fff;}
.agent-mobile #sitecontent .npagePage.post .team #postContent .subtitle{margin-top: -25px;margin-left: 47px;color: rgba(255, 255, 255, 0.82);}

/*NEW_BANNER*/
.slideBox{height:858px;overflow:hidden;position:relative;z-index:0;top:0;left:0;}
.slideBox .bd{ position:relative;height:100%; z-index:0;}
.slideBox .bd ul{width:100% !important;}
.slideBox .bd li{zoom:1;vertical-align:middle;width:100% !important;position:relative;}
.slideBox .bd li a{display:block;height:858px;background-size: cover;background-position: center;
    background-repeat: no-repeat;}
.ibancon{width:830px;position:absolute;left: 50%;top:166px;margin-left:-415px;color: #fff;text-align:center;}
.ibancon span{height:99px;line-height:99px;display:block;font-size: 36px;border-bottom:1px solid #fff;}
.ibancon h4{font-size:52px;font-weight:bold;line-height:90px;padding-top: 10px;}
.ibancon p{font-size: 18px;line-height: 58px;text-align: center;padding-bottom:11px;border-bottom:1px solid #fff;letter-spacing:6px;}
.ibancon .ia001{width:154px;padding-left: 44px;line-height:68px;height: 68px;border:1px solid #fff;display: inline-block;font-size:18px;margin-top:104px;background:url(../images/ibancon.png) no-repeat 147px center;text-align:left;color: #fff;}
.isect1{padding-bottom:62px;background:#f4f4f4;}
.isect1 .wrap{background:#fff;margin-top:-100px;position: relative;}
.isect1 h6{padding-top:20px;color:#3c3c3c;height:56px;line-height:56px;text-align:center;font-size:24px;}
.isect1 ul li{padding:22px 14px 42px 14px;
    width: 33.33%;box-sizing:border-box;text-align: center;float:left;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s; -o-transition:all 1s; }
.isect1 ul img{border:1px solid #e5e5e5;
    width: 100%;}
.isect1 ul h5{font-size:18px;color:#3c3c3c;line-height: 27px;padding-top:24px;}
.isect1 ul p{color: #969696;font-size: 14px;line-height: 24px;}
.isect1 ul span{margin-top:33px;width:90px;height:30px;color:#fff;line-height:30px;display:inline-block;background:#1e8b95;}
.isect1 ul li:hover{box-shadow:1px 1px 20px #d9e1e9;transform:translate(0,-2px);-ms-transform:translate(0,-2px);
    -moz-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);-o-transform:translate(0,-2px);}
.isect2{background:url(../images/isect2bg.png) no-repeat center center;background-size:cover;padding-top:36px;color:#fff;text-align:center;padding-bottom:46px;}
.ih61{font-size:24px;}
.ih61 i{line-height:44px;display:block;font-size:16px;}
.isect2 ul{padding-top:28px;}
.isect2 ul li{padding:30px 18px 38px 18px;box-sizing:border-box;width:25%;float:left;}
.isect2 ul li.li4{margin-right:0;}
.isect2 ul li i{width:98px;border:1px solid #fff;height:98px;border-radius:50px;display:inline-block;background-repeat:no-repeat;background-position:center;}
.isect2 ul li a{color:#fff;}
.isect2 ul li.li1 i{background-image:url(../images/isect2-1.png);}
.isect2 ul li.li2 i{background-image:url(../images/isect2-2.png);}
.isect2 ul li.li3 i{background-image:url(../images/isect2-3.png);}
.isect2 ul li.li4 i{background-image:url(../images/isect2-4.png);}
.isect2 ul h5{text-align: center;font-size: 18px;padding-top: 25px;line-height:41px;}
.isect2 ul p{font-size:14px;line-height: 24px;}
.isect2 ul li:hover{border:1px solid #fff;padding:29px 17px 37px 17px;background-color:rgba( 255, 255, 255, 0.102 );}
.isect2 ul li:hover i{background-color:#fff;}
.isect2 ul li.li1:hover i{background-image:url(../images/isect2-01.png);}
.isect2 ul li.li2:hover i{background-image:url(../images/isect2-02.png);}
.isect2 ul li.li3:hover i{background-image:url(../images/isect2-03.png);}
.isect2 ul li.li4:hover i{background-image:url(../images/isect2-04.png);}

.isect3{padding-top:52px;padding-bottom: 46px;text-align: center;background:#f4f4f4;color:#3c3c3c;}
.isect3 ul{padding-bottom:18px;padding-top:26px;}
.isect3 ul li{text-align:center;width:330px;height:184px;margin-right:8px;float:left;margin-bottom:12px;background:#fff;padding-top:33px;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; }
.isect3 ul span{line-height:60px;display:block;
    color: #333333;}
.isect3 ul li.li1{height:413px;width: 436px;}
.ia01{background:#f5f5f5;display:block;text-align:center;height:50px;line-height:50px;color:#969696;font-size:16px;}
.iabg{background:#fafafa;}
.isect3 ul li:hover{box-shadow:1px 1px 16px #d8e1e9;transform:translate(0,-2px);-ms-transform:translate(0,-2px);-moz-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);-o-transform:translate(0,-2px);}

.icolor{color:#6f6f6f;}
.isect4{background:url(../images/isect4bg.png) no-repeat center;background-size:cover;text-align: center;padding-top:56px;padding-bottom:92px;}
.isect4 ul{padding-top:28px;}
.isect4 ul li{width:25%;float:left;margin-bottom: 10px;
    padding:0 5px;box-sizing: border-box}
.isect4 ul li a{
    display: block;}

/*new servers start*/
.gg{ background:url(cssimg/1_34.jpg) center top no-repeat; padding-top:5%; padding-bottom:8%;}
.gg .div1{ margin-top:3%; text-align:center; color:#555; font-size:16px; line-height:32px; top:100px;}
.gg .div2{ margin-top:220px; height:550px; position:relative;}
.gg .div2 .p1{ position:absolute; top:39px; left:-20px; width:251px; /*height:179px; overflow:hidden; */z-index:15;}
.gg .div2 .p1 img{ position:relative; bottom:-100%;}
.gg .div2 .p2{ position:absolute; top:0px; right:-52px; width:252px; /*height:219px; overflow:hidden;*/}
.gg .div2 .p2 img{ position:relative; bottom:-100%;}
.gg .div2 .p3{ position:absolute; top:199px; left:204px; /*width:0px; overflow:hidden;*/ z-index:20;}
.gg .div2 .p3 img{ width:792px;}
.gg .div2 .p4 a{ display:block; color:#009cac; position:absolute; z-index:20; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.gg .div2 .p4 a:hover .pp1,.gg .div2 .p4 a:hover .pp2{ color:#ffb800}
.gg .div2 .p4 .pp1{ font-weight:bold; font-size:18px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.gg .div2 .p4 .pp2{ font-size:14px; margin-top:2px; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.gg .div2 .p4 .a1{ background:url(cssimg/1_38.png) center left no-repeat; left:0px; top:344px; padding-left:90px; height:62px; padding-top:18px;}
.gg .div2 .p4 .a2{ background:url(cssimg/1_39.png) top center no-repeat; left:152px; top:170px; padding-top:90px; text-align:center; width: 90px;}
.gg .div2 .p4 .a3{ background:url(cssimg/1_40.png) top right no-repeat; left:127px; top:470px; padding-right:90px; padding-top:18px; height:62px; text-align:right;}
.gg .div2 .p4 .a4{ background:url(cssimg/1_41.png) top left no-repeat; left:376px; top:170px; padding-left:90px; padding-top:18px; height:62px;}
.gg .div2 .p4 .a5{ background:url(cssimg/1_42.png) top left no-repeat; left:376px; top:364px; padding-left:90px; padding-top:18px; height:62px;}
.gg .div2 .p4 .a6{ background:url(cssimg/1_43.png) top left no-repeat; left:546px; top:450px; padding-top:90px; text-align:center;}
.gg .div2 .p4 .a7{ background:url(cssimg/1_44.png) top right no-repeat; left:656px; top:255px; padding-right:90px; padding-top:18px; height:62px; text-align:right;}
.gg .div2 .p4 .a8{ background:url(cssimg/1_45.png) top left no-repeat; left:742px; top:450px; padding-left:90px; padding-top:18px; height:62px;}
.gg .div2 .p4 .a9{ background:url(cssimg/1_46.png) top center no-repeat; left:868px; top:170px; padding-top:90px; text-align:center; width:90px;}
.gg .div2 .p4 .a10{ background:url(cssimg/1_47.png) top left no-repeat; left:1044px; top:365px; padding-left:90px; padding-top:18px; height:62px;}
.gg .div2 .p4 .a1:hover{ background:url(cssimg/1_38a.png) center left no-repeat;}
.gg .div2 .p4 .a2:hover{ background:url(cssimg/1_39a.png) top center no-repeat;}
.gg .div2 .p4 .a3:hover{ background:url(cssimg/1_40a.png) top right no-repeat;}
.gg .div2 .p4 .a4:hover{ background:url(cssimg/1_41a.png) top left no-repeat;}
.gg .div2 .p4 .a5:hover{ background:url(cssimg/1_42a.png) top left no-repeat;}
.gg .div2 .p4 .a6:hover{ background:url(cssimg/1_43a.png) top left no-repeat;}
.gg .div2 .p4 .a7:hover{ background:url(cssimg/1_44a.png) top right no-repeat;}
.gg .div2 .p4 .a8:hover{ background:url(cssimg/1_45a.png) top left no-repeat;}
.gg .div2 .p4 .a9:hover{ background:url(cssimg/1_46a.png) top center no-repeat;}
.gg .div2 .p4 .a10:hover{ background:url(cssimg/1_47a.png) top left no-repeat;}
.gg .div2 .p5{ position:absolute; right:57px; top:54px; z-index:10; width:54px; height:58px;}
.gg .div2 .p5 .img1{ position:absolute; right:0px animation:myfirst 6s linear 4s infinite; -moz-animation:myfirst 6s linear 4s infinite; -webkit-animation:myfirst 6s linear 4s infinite; -o-animation:myfirst 6s linear 4s infinite;}
.gg .div2 .p6{ position:absolute; right:57px; top:54px; z-index:10; width:54px; height:58px;}
.gg .div2 .p6 .img1{ position:absolute; right:0px animation:myfirst 6s linear 5.5s infinite; -moz-animation:myfirst 5s linear 5.5s infinite; -webkit-animation:myfirst 6s linear 5.5s infinite; -o-animation:myfirst 5.5s linear 6s infinite;}
.gg .div2 .p7{ position:absolute; right:57px; top:54px; z-index:10; width:54px; height:58px;}
.gg .div2 .p7 .img1{ position:absolute; right:0px animation:myfirst 6s linear 7s infinite; -moz-animation:myfirst 6s linear 7s infinite; -webkit-animation:myfirst 6s linear 7s infinite; -o-animation:myfirst 6s linear 7s infinite;}
.gg .div2 .p8{ position:absolute; right:57px; top:54px; z-index:10; width:54px; height:58px;}
.gg .div2 .p8 .img1{ position:absolute; right:0px animation:myfirst 6s linear 8.5s infinite; -moz-animation:myfirst 6s linear 8.5s infinite; -webkit-animation:myfirst 6s linear 8.5s infinite; -o-animation:myfirst 6s linear 8.5s infinite;}
@keyframes myfirst
{
	0%{ opacity:1; right:0px; bottom:0px}
	10%{ opacity:1; right:0px; bottom:100px;} 
	80% { opacity:1; right:1050px; bottom:100px;}
	100%{ opacity:0; right:1050px; bottom:0px;}
}
.gg .div3{ display:none;}
.gg .div3 img{ width:100%;}
.div_title{ text-align:center; color:#333; top:100px;}
.div_title .div_div1{ font-size:30px; line-height:32px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.div_title .div_div2{ font-size:18px; text-transform:uppercase; margin-top:10px; font-family:Arial, Helvetica, sans-serif; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.box{ width:1200px; margin:0 auto;}
.div_js{ position:relative; }