@CHARSET "UTF-8";
/**
*Copyright 61SECONDS
*Create by mouchun.xiao 2015-9-25
*/
/*重置、公共********************/
.text-indent{ text-indent: 2em;}
.padding-navbar-fixed-top{ padding-top: 88px;}
.navbar-brand{padding-top:23px; }
@media (min-width: 768px) {
    .navbar-nav > li{ margin-left: 60px; margin-top: 34px;}
    .navbar-nav > li > a {
         padding:0;  font-size: 16px;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #079af8;
        background:none;
    }
}

.footer{ width: 100%; height: 166px;   padding-top:48px; background-color: #f4f4f4; }
.footer .container{ text-align: center; font-size: 12px; color: #a1a1a1; }
.footer .container img{margin-bottom: 5px; }
.footer .container p{ margin: 0;  }

/*首页********************/
.ind_banner{ height:918px; width: 100%; background: url("../images/index_banner.jpg") no-repeat center top; background-size: cover;  overflow: hidden; }
.ind_bannerBg {  height: 918px;  background: url("../images/index_banner.jpg") no-repeat center top;  background-size: cover;  z-index: 1;}
.ind_banner .wp{ height: 918px;  position: relative; left: 0;  top: -918px;   z-index: 2;text-align: center;  }
.ind_banner .img1,
.ind_banner .img2{ display: block;  position: relative; margin-left: auto; margin-right:auto; max-width: 100%;   }
.ind_banner .img1{ top: -186px; -webkit-transition: all 0.3s ease-out 0.2s; -o-transition: all 0.3s ease-out 0.2s; -moz-transition: all 0.3s ease-out 0.2s; -ms-transition: all 0.3s ease-out 0.2s; transition: all 0.3s ease-out 0.2s; }
.ind_banner .img2{ top: -235px; -webkit-transition: all 0.5s ease-out 0.5s; -o-transition: all 0.5s ease-out 0.5s; -moz-transition: all 0.5s ease-out 0.5s; -ms-transition: all 0.5s ease-out 0.5s; transition: all 0.5s ease-out 0.5s; }
.show_anima_ind .img1{ top: 186px; }
.show_anima_ind .img2{ top: 235px; }
.ind_aboutUs{ margin-top:44px; padding: 10px 13px 10px 14px; border: 1px solid #e2e2e2; background-color: #fcfcfc; font-size: 12px; color: #9d9d9d;  }
.ind_aboutUs .link_aboutUs{ width: 66px; height: 66px; text-indent: -999em; overflow: hidden;  background: url(../images/index_detail_normal.jpg) no-repeat ;  }
.ind_aboutUs .link_aboutUs:hover{  background: url(../images/index_detail_hot.jpg) no-repeat ;  }
.ind_aboutUs .tit_img{ margin-bottom: 5px;}
.ind_aboutUs p{white-space: nowrap; text-overflow: ellipsis; overflow:hidden; padding-right: 100px; margin: 0;  }
@media (max-width: 768px) {
    .ind_aboutUs .cont{ padding-right: 7px; background: none ;  }
}
.ind_products{ margin-top:37px;  margin-bottom:40px;}
.ind_products .item{ display: block; width: 100%; text-decoration: none; }
.ind_products .item img{ display:block;  width: 100%;}
.ind_products .item .B{  float: left; height: 64px; width: 100%; font-size: 12px;  color: #9d9d9d; border-left: 1px solid #f6f6f6; border-right: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6;border-radius: 0 0 2px 2px;  -webkit-border-radius:0 0 2px 2px; -moz-border-radius: 0 0 2px 2px ;box-shadow: 0 1px 2px #dcdcdc; -webkit-box-shadow: 0 1px 2px #dcdcdc; -moz-box-shadow: 0 1px 2px #dcdcdc; -o-box-shadow: 0 1px 2px #dcdcdc; }
.ind_products .item .B h4{  font-size: 16px; color: #000; margin:14px 0 0 14px;}
.ind_products .item .B p{  font-size: 12px; line-height: 20px; margin-left:14px; }
.ind_products .item:hover .B{ box-shadow: 0 2px 3px #ccc;}
.ind_products .col-sm-6,
.ind_products .col-xs-12{ margin-bottom: 30px;}

/*关于我们****************/
.aboutUs_banner{ height:526px; width: 100%; background: url("../images/about_banner_01.jpg") no-repeat center top; background-size: cover;  overflow: hidden; }
.aboutUs_bannerBg {  height: 526px;  background: url("../images/about_banner_01.jpg") no-repeat center top;  background-size: cover;  z-index: 1;}
.profile { margin-top:45px; padding-bottom: 20px;  }
.profile .tit_box,
.abo_us .tit_box,
.weHere .tit_box,
.process .tit_box,
.prod_products_tit_box,
.whyCheckUs .tit_box,
.abo_you .tit_box,
.joinUs .tit_box{ font-size: 24px; color: #000; }
.profile .tit_box img,
.abo_us .tit_box img,
.weHere .tit_box img,
.process .tit_box img,
.prod_products_tit_box img,
.whyCheckUs .tit_box img,
.abo_you .tit_box img,
.joinUs .tit_box img{ margin-right: 15px;}
.profile p{ margin:5px 0 15px 0;  }
.profile .row>div:first-child{ line-height: 24px; font-size: 12px; color: #565656; }
@media (min-width: 1000px) {
    .profile .row>div:first-child{ max-width: 670px; padding-right: 0; padding-bottom: 54px;}
}
.abo_us{ border-top:1px solid #e6e6e6; padding-top: 46px; }
.abo_us .item{ text-align:center; margin-top: 50px; }
.abo_us .item dt{  margin:0 auto 15px auto; width: 94px; height:94px;
    -webkit-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    -ms-transition:all 0.6s ease-out;
    -o-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out; }
.abo_us .item dt.Powerful{ background: url(../images/about_powerful_normal_08.png) no-repeat;}
.abo_us .item dt.Experience{ background: url(../images/about_experience_normal_08.png) no-repeat;}
.abo_us .item dt.stand{ background: url(../images/about_stand_normal_08.png) no-repeat;}
.abo_us .item dt.Idea{ background: url(../images/about_idea_normal_08.png) no-repeat;}
.abo_us .item:hover dt{
    -webkit-transform:rotateY(-360deg);
    -moz-transform:rotateY(-360deg);
    -ms-transform:rotateY(-360deg);
    -o-transform:rotateY(-360deg);
    transform:rotateY(-360deg);
}
.abo_us .item:hover dt.Powerful{ background: url(../images/about_powerful_hot_08.png) no-repeat;}
.abo_us .item:hover dt.Experience{ background: url(../images/about_experience_hot_08.png) no-repeat;}
.abo_us .item:hover dt.stand{ background: url(../images/about_stand_hot_08.png) no-repeat;}
.abo_us .item:hover dt.Idea{ background: url(../images/about_idea_hot_08.png) no-repeat;}

.webest{ margin-top: 80px;  height:728px; width: 100%; background: url("../images/about_hr_11.jpg") no-repeat center top; background-size: cover;  overflow: hidden; }
.webestBg {  height: 728px;  background-color: #434964;  z-index: 1; opacity: 0.9; filter:alpha(opacity=90);  -webkit-transition: opacity 0.5s ease-in 0.3s; -o-transition: opacity 0.5s ease-in 0.3s; -moz-transition: opacity 0.5s ease-in 0.3s; -ms-transition: opacity 0.5s ease-in 0.3s; transition: opacity 0.5s ease-in 0.3s;}
.webest .wp{ height: 728px;  position: relative; left: 0;  top: -728px;   z-index: 2;text-align: center;  }
.webest .img1{ max-width: 90%; margin: 332px auto 0 auto; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.webest:hover .webestBg{opacity: 0.8; filter:alpha(opacity=80);}
.webest:hover .img1{opacity: 0; filter:alpha(opacity=0); -webkit-transform:rotate(1080deg) scale(3,3); -o-transform:rotate(1080deg) scale(3,3); -moz-transform:rotate(1080deg) scale(3,3); -ms-transform:rotate(1080deg) scale(3,3); transform:rotate(1080deg) scale(3,3);}
.weHere{ margin-top: 60px; margin-bottom: 46px; }
.weHere .row{ height: 370px; margin-top: 25px; background-color: #f9f9f9; font-size: 14px; color: #71737e; }
.weHere .row .L{ margin-top:30px;  }
.weHere .row .L a{  color: #71737e;   }
.weHere .row .L p{ margin-bottom: 20px;  }
.weHere .row .L p img{ margin-right: 8px; }
.weHere .row .tit{ font-size: 24px; margin-bottom: 30px;  }
.weHere .map{ height: 370px;  }

/*产品信息****************/
.prod_banner{ height:634px; width: 100%; background: url("../images/product_banner.jpg") no-repeat center -80px; background-size: cover;  overflow: hidden; }
.prod_banner .wp{ height: 634px;  position: relative; text-align: center;  }
/*.prod_banner .center{ margin-top: 47px;}*/
.prod_banner .center{ margin-top: -100px;  -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.prod_banner .center img{ margin: 0 13px;}
.prod_banner .img_box{  width: 748px; height: 430px; position: absolute; top: 116px; left: 50%; margin-left:-374px; }
/*.prod_banner .img1{ position: absolute; top:94px;left: 0; }*/
/*.prod_banner .img2{ position: absolute; bottom: 0; right: 20px;}*/
/*.prod_banner .img3{ position: absolute; bottom: 0;right: 205px;}*/
.prod_banner .img0{ position: relative; top: -700px; -webkit-transition: all 0.3s ease-out 0.2s; -o-transition: all 0.3s ease-out 0.2s; -moz-transition: all 0.3s ease-out 0.2s; -ms-transition: all 0.3s ease-out 0.2s; transition: all 0.3s ease-out 0.2s; }
.prod_banner .img1{ position: absolute; top:-700px;left: 0; -webkit-transition: all 0.5s ease-out 0.5s; -o-transition: all 0.5s ease-out 0.5s; -moz-transition: all 0.5s ease-out 0.5s; -ms-transition: all 0.5s ease-out 0.5s; transition: all 0.5s ease-out 0.5s; }
.prod_banner .img2{ position: absolute; bottom: -700px; right: 20px; -webkit-transition: all 0.5s ease-out 0.5s; -o-transition: all 0.5s ease-out 0.5s; -moz-transition: all 0.5s ease-out 0.5s; -ms-transition: all 0.5s ease-out 0.5s; transition: all 0.5s ease-out 0.5s; }
.prod_banner .img3{ position: absolute; bottom: -700px;right: 205px;  -webkit-transition: all 0.5s ease-out 0.8s; -o-transition: all 0.5s ease-out 0.8s; -moz-transition: all 0.5s ease-out 0.8s; -ms-transition: all 0.5s ease-out 0.8s; transition: all 0.5s ease-out 0.8s; }
.show_anima  .center{margin-top: 47px;}
.show_anima  .img0{ top:0; }
.show_anima .img1{  top:94px; }
.show_anima .img2{  bottom: 0; }
.show_anima .img3{  bottom: 0; }

@media (max-width: 900px) {
    /*原来的60%*/
    .prod_banner{ height:380px; width: 100%;  background: url("../images/product_banner.jpg") no-repeat center -48px;  background-size: cover;}
    .prod_banner .wp{ height: 380px;  }
    .show_anima .center{ margin-top: 28px;}
    .prod_banner .center img{height: 11px;} /*19*/
    .prod_banner .img_box{  width: 449px; height: 258px; top:70px; margin-left:-224.5px; }
    .show_anima .img0{ width:449px; top:0; } /*748*430*/
    .show_anima .img1{  width:107px; top:56px; } /*178*186*/
    .show_anima .img2{  width:160px; right: 12px;  bottom: 0;}/*267*348*/
    .show_anima .img3{  width:76px; right:123px;  bottom: 0;}/*127*222*/
}
@media (max-width:460px) {
    /*原来的40%*/
    .prod_banner{ height:254px; width: 100%;  background: url("../images/product_banner.jpg") no-repeat center -32px;  background-size: cover;}
    .prod_banner .wp{ height: 254px;  }
    .show_anima .center{ margin-top:18px;}
    .prod_banner .center img{  height: 9px;  margin: 0 5px;}
    .prod_banner .img_box{  width: 299px; height: 172px; top:46px; margin-left:-149.5px; }
    .show_anima .img0{ width:299px; top:0; } /*748*430*/
    .show_anima .img1{  width:71px; top:38px; } /*178*186*/
    .show_anima .img2{  width:107px; right: 8px; bottom: 0;}/*267*348*/
    .show_anima .img3{  width:51px; right:82px; bottom: 0;}/*127*222*/
}
.process .row{ margin-top: 50px; padding-bottom: 30px; text-align: center; }
.process .item{ margin-bottom: 30px;}
.process .item dt{ width: 87px; height: 87px; margin-left: auto; margin-right: auto;
    -webkit-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    -ms-transition:all 0.6s ease-out;
    -o-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
}
.process .item dt.Project{ background: url(../images/product_project_normal_08.png) no-repeat;}
.process .item dt.Demand{ background: url(../images/product_demand_normal_08.png) no-repeat;}
.process .item dt.Design{ background: url(../images/product_design_normal_08.png) no-repeat;}
.process .item dt.Creative{ background: url(../images/product_creative_normal_08.png) no-repeat;}
.process .item dt.Optimization{ background: url(../images/product_optimization_normal_08.png) no-repeat;}
.process .item dt.Application{ background: url(../images/product_application_normal_08.png) no-repeat;}
.process .item:hover dt{
    -webkit-transform:rotateY(-360deg);
    -moz-transform:rotateY(-360deg);
    -ms-transform:rotateY(-360deg);
    -o-transform:rotateY(-360deg);
    transform:rotateY(-360deg);
}
.process .item:hover dt.Project{ background: url(../images/product_project_hot_08.png) no-repeat;}
.process .item:hover dt.Demand{ background: url(../images/product_demand_hot_08.png) no-repeat;}
.process .item:hover dt.Design{ background: url(../images/product_design_hot_08.png) no-repeat;}
.process .item:hover dt.Creative{ background: url(../images/product_creative_hot_08.png) no-repeat;}
.process .item:hover dt.Optimization{ background: url(../images/product_optimization_hot_08.png) no-repeat;}
.process .item:hover dt.Application{ background: url(../images/product_application_hot_08.png) no-repeat;}
.process .item dd{ font-size: 16px; margin-top: 20px; }
.prod_products_tit_box{ padding-top: 40px; border-top:1px solid #eee; }

/*加入我们************/
.joinUs_banner{height: 526px;  width: 100%; background: url(../images/join_pic_01.jpg) no-repeat center top; background-size: cover; }
.whyCheckUs { margin-top: 46px;}
.whyCheckUs .row{ margin-top: 24px;}
.whyCheckUs .item{ font-size: 12px; color: #7e7a77; line-height: 18px;}
.whyCheckUs .item h3{ font-size: 14px; color: #000;}
.whyCheckUs .item dt img{ max-width: 100%;}
.abo_you{ margin-top: 30px;  border-top:1px solid #e6e6e6; padding-top: 46px; }
.abo_you .row{ margin-top: 42px;}
.abo_you .item{ text-align: center; }
.abo_you .item dt{  width: 94px; height: 94px; margin: 0 auto 15px auto; }
.abo_you .item dt{  -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.abo_you .item:hover dt{  -webkit-transform:rotate(720deg) scale(1.2); -o-transform:rotate(720deg) scale(1.2); -moz-transform:rotate(720deg) scale(1.2); -ms-transform:rotate(720deg) scale(1.2); transform:rotate(720deg) scale(1.2); }
.abo_you .item dt.GRATITUDE{ background:url("../images/join_heart_normal_14.png") no-repeat; }
.abo_you .item dt.PASSION{ background:url("../images/join_enthusiasm_normal_14.png") no-repeat; }
.abo_you .item dt.FIRM{ background:url("../images/join_firm_normal_14.png") no-repeat; }
.abo_you .item dt.IMPROVEMENT{ background:url("../images/join_promotion_normal_14.png") no-repeat; }
.abo_you .item:hover dt.GRATITUDE{ background:url("../images/join_heart_hot_14.png") no-repeat; }
.abo_you .item:hover dt.PASSION{ background:url("../images/join_enthusiasm_hot_14.png") no-repeat; }
.abo_you .item:hover dt.FIRM{ background:url("../images/join_firm_hot_14.png") no-repeat; }
.abo_you .item:hover dt.IMPROVEMENT{ background:url("../images/join_promotion_hot_14.png") no-repeat; }

.joinUs { margin-top: 60px;  border-top:1px solid #e6e6e6; padding-top: 46px;}
.joinUs .row{ margin-top: 24px;}
.joinUs .item{font-size: 12px; color: #7e7a77;  margin-bottom: 40px;  }
.joinUs .item dt img{ max-width: 100%; }
.joinUs .item h3{ font-size: 16px; color: #000; margin-top: 14px; margin-bottom: 5px;}
.joinUs .item p{ margin: 0;  line-height: 22px;}
.joinUs .item .address{ color:  #000;}
.joinUs .item .work{ margin-top: 10px;}
.joinUs .item  .black{ color: #000;}
.joinUs .item .requirements{ margin-top: 20px; }