/* css document */
/*	
copyright 2006 sanyun inc.
common css	waney kflulu@hotmail.com
$revision: beta $ 界面设计制作--家有懒妻 QQ63622719
*/
/*瑞索态度左右效果*/
.animate02{
    opacity:0;
    transform: translateX(-350px);
    -ms-transform:translateX(-350px);     /* IE 9 */
    -moz-transform:translateX(-350px);  /* Firefox */
    -webkit-transform:translateX(-350px); /* Safari 和 Chrome */
    -o-transform:translateX(-350px);
}
.animate04{
    opacity:0;
    transform: translateX(350px);
    -ms-transform:translateX(350px);     /* IE 9 */
    -moz-transform:translateX(350px);  /* Firefox */
    -webkit-transform:translateX(350px); /* Safari 和 Chrome */
    -o-transform:translateX(350px);
}
.noneAnimate02{
    opacity:1;
    transition: all .8s;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -o-transition:all .8s;

    transform: translateX(0);
    -ms-transform:translateX(0);     /* IE 9 */
    -moz-transform:translateX(0);  /* Firefox */
    -webkit-transform:translateX(0); /* Safari 和 Chrome */
    -o-transform:translateX(0);
}
.animate03{
    opacity:0;
    /*perspective: 666px;*/
    transform: scale(0) rotate(0deg);
    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    -moz-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);

}
/*关于我们样式*/
.clearfix:before,
.clearfix:after {
    content: "";
    display: table; }

.clearfix:after {
    clear: both; }
.fl {float:left;}
.fr {float:right;}

.about-paiky-banner{
    background: url("../images/about.jpg") no-repeat;
    background-size: cover;
    height:880px;
}
.banner-box{
    text-align: center;
    padding-top: 174px;
}
.banner-box p.title{
    font-size: 35px;
    color: #343434;
    font-weight: 600;
    margin-bottom: 15px;
}
.pai-logo-box{ 
    margin-top: 40px;
    margin-bottom: 30px;
}
.pai-logo-box img { margin:0 auto;}
.banner-box p.text{
    font-size: 16px; width:800px; margin:0 auto;
    color: #7B7B7B;
    line-height: 24px;
}
.banner-box .dropdown-arrow{
    display: inline-block;
    width: 54px;
    height: 54px;
    background: url("../images/about-icon01.png") no-repeat;
    background-size: cover;
    margin-top: 70px;
}

/*派琪态度*/
.paiky-att-box .img-box25{
    width: 50%;
}
.paiky-att-box .img-box25 img,
.paiky-att-box .text-box img{
    width:100%;
}
.paiky-att-box .text-box{
    width:50%;
    padding-top: 49px;
    background-color: #FCFCFC;
}
.paiky-att-box .text-box li{
    width:50%;
    float: left;
}
.paiky-att-box .text-box li.text01,
.paiky-att-box .text-box li.text02{
    position: relative;
}
.paiky-att-box .text-box li.text02 b{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); /* IE 9 */
    -moz-transform:translate(-50%,-50%);    /* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%);

    font-size: 23px;
    color: #FFFFFF;
    line-height: 40px;
}
.paiky-att-box .text-box li.text01 .text03{
    position: absolute;
    top:15.4%;
    left:12%;
}
.paiky-att-box .text-box li.text01 .text03 span{
    display: block;
    width:233px;
    height:16px;
    margin: 10px 0 24px;
}
.paiky-att-box .text-box li.text01 .text03 b{
    display: block;
    font-size: 30px;
    color: #333333;
}
.paiky-att-box .text-box li.text01 .text03 i{
    display: block;
    width:77px;
    height:2px;
    background-color: #C5C5C5;
    margin-bottom: 26px;
}
.paiky-att-box .text-box li.text01 .text03 p{
    font-size: 16px;
    color: #7B7B7B;
    line-height: 24px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}



.paiky-att-box .img-box25 .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: auto;
    right: 30px;
    left:auto;
    width:auto;
    top:50%;
}
.paiky-att-box .img-box25 .swiper-pagination-bullet{
    display: block;
    margin: 8px 0;
    width:10px;
    height:10px;
    opacity: 1;
    background-color: #FFFFFF;
}
.paiky-att-box .img-box25 .swiper-pagination-bullet-active{
    background-color: #1A58AB;
    opacity: 1;
}
.animate02{
    opacity:0;
    transform: translateX(-350px);
    -ms-transform:translateX(-350px);     /* IE 9 */
    -moz-transform:translateX(-350px);  /* Firefox */
    -webkit-transform:translateX(-350px); /* Safari 和 Chrome */
    -o-transform:translateX(-350px);
}
.animate04{
    opacity:0;
    transform: translateX(350px);
    -ms-transform:translateX(350px);     /* IE 9 */
    -moz-transform:translateX(350px);  /* Firefox */
    -webkit-transform:translateX(350px); /* Safari 和 Chrome */
    -o-transform:translateX(350px);
}
.noneAnimate02{
    opacity:1;
    transition: all .8s;
    -webkit-transition:all .8s;
    -moz-transition:all .8s;
    -o-transition:all .8s;

    transform: translateX(0);
    -ms-transform:translateX(0);     /* IE 9 */
    -moz-transform:translateX(0);  /* Firefox */
    -webkit-transform:translateX(0); /* Safari 和 Chrome */
    -o-transform:translateX(0);
}
.animate03{
    opacity:0;
    /*perspective: 666px;*/
    transform: scale(0) rotate(0deg);
    -webkit-transform: scale(0) rotate(0deg);
    -ms-transform: scale(0) rotate(0deg);
    -moz-transform: scale(0) rotate(0deg);
    -o-transform: scale(0) rotate(0deg);

}



.tcm-main { clear:both; width:100%; padding-top:80px;}
.tcm-b-news { clear:both; width:100%; background:url(../images/b-news.jpg) top center no-repeat; height:300px;}
.dqwz { clear:both; width:100%; padding:0px; padding-top:50px; height:100px; border-bottom:1px solid #dadada;}
.dqwz ul { clear:both; width:350px;margin:0 auto; }
.dqwz li { float:left; width:150px; margin-left:20px;}
.dqa a{ display:block; border:1px solid #dadada; line-height:40px; text-align:center; width:148px; color:#FFFFFF; background:#FF0000;} 
.dqb a{ display:block; border:1px solid #dadada; line-height:40px; text-align:center; width:148px; } 
.tcmmain { width:1200px; margin:0 auto; padding-top:30px;}
#pager_List { text-align:center; padding-bottom:30px;}
.tcmdq { clear:both; color:#FFFFFF; text-align:left;}
.tcmdq a{ color:#FFFFFF;}
.tcmcontact { clear:both; width:100%;background:url(../images/contact.jpg) top center no-repeat; min-height:740px; margin-top:85px;}
.tcmcontact .nav { clear:both; padding-left:20%; padding-top:200px;}
.tcmcontact .nav li { clear:both; padding-top:20px;}
.tcmcontact .nav li strong{ font-size:26px;}
.tcmcontact .nav .tel { background:url(../images/icotel.jpg) top left no-repeat; padding-left:40px; height:40px; line-height:30px; color:#1A58AB; font-size:24px; border-bottom:1px dashed #999999; width:400px;}
.tcmcontact .qq { float:left; background:url(../images/qq.jpg) top left no-repeat; padding-left:50px; height:45px; line-height:45px; width:105px; text-align:left; color:#FFFFFF} 
.tcmcontact .qq a { color:#FFFFFF}
.product-xx { width:1200px; margin: 0 auto; }
.product-xx h1 { text-align:center; padding-bottom:20px;}
.product-sm { clear:both; padding-top:20px; height:50px; text-align:center; color:#999999}
.product-pic { clear:both; text-align:center; width:100%; margin:0 auto;}
.product-sm1 { clear:both; text-align:left; line-height:25px;}
.product-next { clear:both; width:100%; text-align:center;}