/* CSS Document */
.aboutImgNormal{display: inline;width:100%;}
.aboutImgHover{display: none;width:100%;}
.pageConImg ul{padding:0;width: 94%;max-width: 1644px;}
.pageConImg ul li{display: block;float: left;}
.pageConImg ul li p.aboutImgHoverP{position: absolute;width: 100%;text-align: center;color:#fff;top:35%;display: none;padding:0;}
.case_magOneUL li a{border: 1px solid #d2d3d3; margin: -1px;padding:1px 0;font-size:14px;}
.prvnext a{display: inline;}

.less480{display: none;}
.more480{display: block;}
@media screen and (max-width: 1023px) {
    .pageContact p{width:80%;}
    .pageConImg ul li{width:32%;padding:0.5%;}
    .Case_bannerbg{background: url("../images/pages/Case_Banner_2.jpg") no-repeat scroll center top;}
    .joinusImg ul li.imgnor{width:49%;}
    .joinusImg{margin-top: 10px;}
    #container .Contactdetal .con_con{width:80%;}
}
@media screen and (max-width: 320px) {
    .pageContact p{width:90%;}
    .Case_bannerbg{background: url("../images/pages/Case_Banner_3.jpg") no-repeat scroll center top;}
    .pageConImg ul li p.aboutImgHoverP{top:-35%; text-indent: 9999px;}
    .more320{display: none;}
    .less320{display: block;}
    .prvnext ul li{width:100%;}
    .prvnext ul li:last-child{text-align: left;}
}
@media screen and (min-width: 321px) {
    .more320{display: block;}
    .less320{display: none;}
}
@media screen and (max-width: 480px) {
    #container .Contactdetal .con_con{width:90%;}
    .honor li{width:100%;}
    .pageContact p{width:90%;}
    .pageConImg ul li{width:49%;}
    .more480{display: none;}
    .less480{display: block;}
    .serviceUl .serviceimg{width:100%;}
    .con_con_banimg
    {
        width: 100%;
        background:none;
        height: auto;
        min-height: inherit;
    }
    #container .Contactdetal .con_con.maxFull{width:100%;}
    .con_con .serviceText{display: block;width: 90%;margin: 0 5%;}
}

.contacth1{width:90%;margin: auto;}
.case_magOneUL li{min-width:32%;}

@media screen and (max-width: 768px) {
    .l50{width: 95%;}
    /*.case_magOneUL li{margin-right: 4px;}*/
    .case_magOneUL li a{font-size: 0.9em;}
    /*#Sel2 ul li{ margin: 0 3%; min-width: 21%;}*/
    #Sel2 ul li.liheight1{ display: none;}
    .isshare{display: none;}
}
@media screen and (min-width: 1400px) {
    /*.case_magOneUL li{min-width:32.8%;}*/
}
.text-center.text-alizarin {
    padding-top: 15px;
}
.Case_list-inline > li{padding:0 1%;}
.pageContact p{word-break: keep-all;}
.joinusnote{max-width: 90%;word-break: break-all;}
.ulCustomers {border-top: 1px solid #d1d1d1;}
.ulCustomers li{margin:15px 0;}
.ulCustomers li a{max-width: 160px;min-width: 139px;width:153px;border-right: 1px dotted #d1d1d1;padding: 10px 0 0 0;}
.categoryTitle{font-size: 1.2em; font-weight: bold;line-height: 2.5rem;margin-top: 14px;}
@media screen and (max-width: 440px) {
    #Sel2 ul li{display: block;float: left;min-width: 17%;margin: 0 1%;}
    .centrediv100 #Sel2 li a{min-height: 100px;min-width: 51px;background-size: 100% auto;}
    .centrediv100 #Sel2 li a.selected{min-height: 100px;min-width: 51px;background-size: 100% auto;}
    .centrediv100 #Sel2 li a:hover{min-height: 100px;min-width: 51px;background-size: 100% auto;}
}

.indexPage .bootslider ul .marg_top{top:-2px;}

.popUpMain .leftContent{color:#666464; padding-bottom:20px;}
.popUpMain .leftContent h1{ font-size:1.5em;line-height: 1.1em;padding-top: 1em;}
.popUpMain .leftContent br{height:20px;}
.popUpMain .leftContent span{font-size: 0.8em;line-height: 1em;}
/*.popUpMain .leftContent strong{font-weight: normal;}*/
.popUp .popUpMain .ad1 .text{width: 20%;min-width: 250px;}


#Sel1 div{ margin: 2px 1% 2px 0;min-width: 15.5%;}
.case_magOneUL li:last-child{min-width: 32%;}
.case_magOneUL li{margin-right:1%;}
.case_magOneUL li a{border: 1px solid #d2d3d3; margin: -1px;padding:1px 0;}
#Sel1 div a{border: 1px solid #d2d3d3; margin: -1px;padding:1px 0;font-size:12px;}

@media screen and (min-width: 1020px) and (max-width: 1500px){
    .pageConImg ul li{width:24.5%}
    .joinusImg ul li.imgnor{width:24.5%;}
}
@media screen and (min-width: 1501px){
    .pageConImg ul li{width:19.5%}
    .joinusImg ul li.imgnor{width:19.5%;}
}
@media screen and (min-width: 1920px){
    .pageConImg ul li{width:16.4%}
}
.joinusImg ul li.aboutImgNormal{float: left;}
.joinusImg ul li.aboutImgHover{float: left;}
.joinusImg ul li{float: left;}
.joinusImg ul{max-width: 1644px;width: 94%;margin: auto;}

/*@keyframes fadeInUp {*/
    /*0% {*/
        /*opacity: 0;*/
        /*transform: translateY(20px);*/
    /*}*/
    /*100% {*/
        /*opacity: 1;*/
        /*transform: translateY(0px);*/
    /*}*/
/*}*/
/*.fadeInUp {*/
    /*animation-name: fadeInUp;*/
/*}*/

/*@keyframes flipOutX {*/
    /*0% {*/
        /*opacity: 1;*/
        /*transform: perspective(400px) rotateX(0deg);*/
    /*}*/
    /*100% {*/
        /*opacity: 0;*/
        /*transform: perspective(400px) rotateX(90deg);*/
    /*}*/
/*}*/
/*.flipOutX {*/
    /*animation-name: flipOutX;*/
    /*backface-visibility: visible !important;*/
/*}*/
/*.animated {*/
    /*animation-duration: 1s;*/
    /*animation-fill-mode: both;*/
/*}*/
/*.animated.hinge {*/
    /*animation-duration: 2s;*/
/*}*/

.case_logo a{display: inline;color:#c9caca;margin-right: 7px;}

#Sel1,#Sel2{display:none;}
#Sel1 div a:hover{font-size:12px;}
#Sel1 div a.selected:hover{font-size:12px;}