h1, h2, h3, h4, h5 {

    margin: 0;

    padding: 0;

}



a {

    text-decoration: none;

}



img {

    border: 0;

}



ul, li {

    list-style-type: none;

    margin: 0;

    padding: 0;

}



.pcc-imgcurr {

    transform: scale(1.05, 1.05);

}



.pcc-index-third-box {

    margin: 0;

    display: table;

    width: 100%;

}



.top-box {

    width: 100%;

    margin-bottom: 38px;

}



.pcc-index-third-box-top {

    margin-bottom: 30px;

    margin: 0;

    padding: 0;

}



.top-box h2 {

    margin: 0 auto;

    width: 100%;

    margin-top: 15px;

    font-size: 22px;

    line-height: 30px;

    color: #333;

    text-align: center;

    font-weight: normal;

}



/*.pcc-index-third-box .top-box h2 span {*/

/*margin: 0 30px;*/

/*}*/



.pcc-index-fl {

    width: 25%;

    float: left;

}



.pcc-index-fl h4, .pcc-index-fl p {

    width: 100%;

    /*white-space: nowrap !important;*/

    overflow: hidden !important;

    /*text-overflow: ellipsis !important;*/

    text-overflow: -o-ellipsis-lastline;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    white-space: -moz-pre-space !important;

}



.pcc-style1-box {

    overflow: hidden;

    width: 100%;

    background: #F0F0F0;

    position: relative;

}



.pcc-style1-box a .img {

    width: 50%;

    overflow: hidden;

    transition: all 0.3s ease-in-out 0s;

}



.pcc-style1-box a .img img {

    width: 100%;

    vertical-align: middle;



}



.pcc-arrow {

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

    margin-top: -10px;

    width: 50%;

    height: 20px;

}



.pcc-style1-box .pcc-arrow i {

    display: block;

    float: right;

    width: 10px;

    height: 20px;

    background: url(../img/arrow2.png) no-repeat;

}



.pcc-arrow i {

    background: url(../img/arrow1.png);

}



.pcc-mask {

    display: block;

    position: absolute;

    opacity: 0;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #d84025;

    transition: all .3s ease-in-out 0s;

}



.pcc-style1-box .txt {

    opacity: 0;

    margin-top: -13px;

    top: 50%;

    left: 0;

    width: 50%;

    transition: all .3s ease-in-out 0s;

    display: block;

    position: absolute;

}



.pcc-style1-box .txt p {

    margin: 0 auto;

    width: 82.7%;

    font-size: 14px;

    line-height: 25px;

    color: #FFF;

    text-align: center;

}



.pcc-style1-box h3 {

    top: 23.7%;

    left: auto;

    right: 0;

    width: 50%;

    color: #333;

    font-size: 14px;

    line-height: 20px;

    text-align: center;

    font-weight: normal;

}



.pcc-style1-box .hot {

    opacity: 0;

    display: block;

    position: absolute;

    bottom: 8px;

    right: 20px;

    padding-left: 30px;

    height: 18px;

    background: url(../img/hot.png) no-repeat 0 center;

    font-size: 14px;

    line-height: 18px;

    color: #FFF;

    transition: all .3s ease-in-out 0s;

}



.pcc-style2-box .hot {

    opacity: 0;

    display: block;

    position: absolute;

    bottom: 8px;

    right: 20px;

    padding-left: 30px;

    height: 18px;

    background: url(../img/hot.png) no-repeat 0 center;

    font-size: 14px;

    line-height: 18px;

    color: #FFF;

    transition: all .3s ease-in-out 0s;

}



.pcc-style1-box h4 {

    position: absolute;

    top: 40%;

    left: auto;

    right: 0;

    width: 50%;

    font-size: 18px;

    line-height: 28px;

    color: #333;

    font-weight: bold;

    text-align: center;

}



.pcc-style2-box {

    overflow: hidden;

    background: #F0F0F0;

    position: relative;

    width: 100%;

    display: table;

}



.pcc-style2-box a .img {

    width: 50%;

    float: right;

    overflow: hidden;

    transition: all .3s ease-in-out 0s;



}



.pcc-style2-box a .img img {

    display: block;

    width: 100%;

    vertical-align: middle;

}



.pcc-style2-box .arrow {

    position: absolute;

    display: block;

    left: auto;

    right: 0;

    top: 50%;

    margin-top: -10px;

    width: 50%;

    height: 20px;

}



.pcc-style2-box .arrow i {

    float: none;

    display: block;

    width: 10px;

    height: 20px;

    background: url(../img/arrow1.png) no-repeat;

}



.pcc-style2-box h4 {

    position: absolute;

    left: 0;

    font-weight: bold;

    text-align: center;

    top: 39%;

    width: 50%;

    font-size: 18px;

    line-height: 28px;

    color: #333;

}



.pcc-style2-box .txt {

    opacity: 0;

    margin-top: -13px;

    top: 50%;

    left: 50%;

    width: 50%;

    transition: all .3s ease-in-out 0s;

    display: block;

    position: absolute;

    color: white;

}



.pcc-style2-box .txt p {

    text-align: center;

}



.sliphover-overlay {

    font-size: 10px;

}



.pcc-style3-box {

    overflow: hidden;

    width: 100%;

    position: relative;

}



.pcc-style3-box h3, .pcc-style3-box p {

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 1 !important;

    -webkit-box-orient: vertical !important;

    white-space: -moz-pre-space !important;

}



.pcc-style3-box a .img {

    width: 100%;

    overflow: hidden;

    transition: all 0.3s ease-in-out 0s;

}



.pcc-style3-box a .img img {

    display: block;

    width: 100%;

    vertical-align: middle;

}



.pcc-style3-box a h3 {

    transition: all .3s ease-in-out 0s;

    opacity: 0;

    position: absolute;

    top: 34.2%;

    left: 0;

    width: 96%;

    padding: 2%;

    font-size: 20px;

    font-weight: bold;

    line-height: 40px;

    text-align: center;

    color: white;

}



.pcc-style3-box .txt {

    opacity: 0;

    display: block;

    position: absolute;

    top: 48.7%;

    left: auto;

    width: 96%;

    transition: all .3s ease-in-out 0s;

    color: white;

    padding: 0 2%;

    text-align: center;

    margin-top: 8%;

}



.pcc-style3-box .txt p {

    text-align: center;

    font-size: 16px;

}



.pcc-style3-box .hot {

    opacity: 0;

    transition: all .3s ease-in-out 0s;

    display: block;

    position: absolute;

    bottom: 8px;

    right: 20px;

    padding-left: 30px;

    height: 18px;

    background: url(../img/hot.png) no-repeat 0 center;

    font-size: 14px;

    line-height: 18px;

    color: #FFF;

}



.pcc-index-forth-box {

    display: table;

    margin: 0;

    width: 100%;

    margin-top: 15px;

}



.pcc-subnav {

    width: 100%;

    background: #FFF;

    border-top: 1px solid #F2F2F2;

    border-bottom: 1px solid #F2F2F2;

    box-shadow: 0 0 3px #F7F7F7;

    clear: both;

    display: table;

}



.pcc-subnav a {

    margin: 0 16px 0 40px;

    font-size: 14px;

    line-height: 40px;

    color: #999999;

    display: inline-block;

}



.pcc-subnav a:hover {

    color: #d84025 !important;

}



.pcc-index-forth-box ul {

    width: 100%;

    margin: 20px auto 0;

    display: table;

}



.pcc-index-forth-box ul li {

    float: left;

    width: 33.3333%;

}



.pcc-index-forth-box ul li .style {

    width: 100%;

    position: relative;

    background: #FFF;

    z-index: 10;

    display: table;

    overflow: hidden;

}



.pcc-index-forth-box ul li .style .mask {

    top: 0;

    left: 0;

    opacity: 0;

    transition: all .3s ease-in-out 0s;

}



.pcc-index-forth-box ul li .style1 .img {

    width: 100%;

    overflow: hidden;

}



.pcc-index-forth-box ul li .img {

    overflow: hidden;

    transition: all 0.3s ease-in-out 0s;

}



.pcc-index-forth-box ul li img {

    opacity: 1;

    transition: all .3s ease-in-out 0s;

    display: block;

    width: 100%;

    vertical-align: middle;

}



.pcc-index-forth-box .style1 .mask {

    top: 0;

    left: 0;

    transition: all .3s ease-in-out 0s;

}



.pcc-index-forth-box ul li .mask {

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    background: #d84025;

    transition: all .3s ease-in-out 0s;

}



.pcc-index-forth-box ul li .style1 h4 {

    opacity: 0;

    top: 35%;

    left: 0;

    color: #FFF;

    transition: all .3s ease-in-out 0s;

}



.pcc-index-forth-box ul li h4 {

    display: block;

    position: absolute;

    width: 100%;

    font-size: 24px;

    font-weight: bold;

    line-height: 28px;

    text-align: center;

    color: #333;

}



.pcc-index-forth-box ul li.style1 .txt {

    opacity: 0;

    /*top: 44%;*/

    transition: all .3s ease-in-out 0s;

}



.pcc-index-forth-box ul li .txt {

    display: block;

    position: absolute;

    width: 50%;

}



.pcc-index-forth-box ul li .hot {

    display: block;

    position: absolute;

    bottom: 8px;

    right: 20px;

    padding-left: 30px;

    height: 18px;

    /*background: url(../i/hot.png) no-repeat 0 center;*/

    font-size: 14px;

    line-height: 18px;

    color: #FFF;

}



.pcc-index-forth-box ul li .style2 .img {

    width: 50%;

    float: right;

    overflow: hidden;

}



.pcc-index-forth-box ul li .img {

    overflow: hidden;

}



.pcc-index-forth-box ul li .style2 .mask {

    top: 0;

    left: 0;

    height: 100%;

    display: block;

    position: absolute;

    width: 100%;

    background: #d84025;

    transition: all .3s ease-in-out 0s;

}



.pcc-index-forth-box ul li .style2 h3 {

    margin-top: -15px;

    top: 50%;

    left: 0;

    width: 50%;

    opacity: 1;

    transition: all .3s ease-in-out 0s;

}



.pcc-index-forth-box ul li h4 {

    opacity: 0;

    display: block;

    position: absolute;

    width: 92%;

    font-size: 20px;

    font-weight: bold;

    line-height: 28px;

    text-align: center;

    color: #333;

    transition: all .3s ease-in-out 0s;

    padding: 0 4%;

}



.pcc-index-forth-box ul li h3 {

    opacity: 0;

    display: block;

    position: absolute;

    width: 92%;

    font-size: 20px;

    font-weight: bold;

    line-height: 28px;

    text-align: center;

    color: #333;

    transition: all .3s ease-in-out 0s;

    /*padding: 4%;*/

}



.pcc-index-forth-box ul li .style2 .txt {

    margin-top: -14px;

    top: 50% !important;

    right: 0;

    opacity: 0;

    width: 50% !important;

}



.pcc-index-forth-box ul li .style1 .txt {

    top: 52%;

    opacity: 0;

}



.pcc-index-forth-box ul li .txt {



    transition: all .3s ease-in-out 0s;

    display: block;

    position: absolute;

    width: 100%;

}



.pcc-index-forth-box ul li .txt p {

    margin: 0 auto;

    width: 80%;

    font-size: 16px;

    line-height: 25px;

    color: #FFF;

    text-align: center;

}



.pcc-index-forth-box ul li .hot {

    display: block;

    opacity: 0;

    position: absolute;

    bottom: 8px;

    right: 20px;

    padding-left: 30px;

    height: 18px;

    background: url(../img/hot.png) no-repeat 0 center;

    font-size: 14px;

    line-height: 18px;

    color: #FFF;

    transition: all .3s ease-in-out 0s;

}



.pcc-index-forth-box ul li .style2 .txt {

    margin-top: -14px;

    top: 50%;

    right: 0;

    opacity: 0;

}



.style1 h4, .style2 h3, .txt p {

    overflow: hidden !important;

    text-overflow: ellipsis !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

    white-space: -moz-pre-space !important;

}



.pcc-index-more {

    display: block;

    margin: 20px auto 0;

    width: 136px;

    height: 36px;

    border: 2px solid #999999;

    border-radius: 6px;

    font-size: 18px;

    line-height: 36px;

    color: #999999;

    text-align: center;

    clear: both;

}



.pcc-index-more:hover {

    border-color: #d84025;

    color: #d84025;

}



.index-box-news {

}



.index-box-news .hd {

    margin-bottom: 38px;

}



.index-box-news .hd .more-spe {

    display: inline-block;

    margin-right: 35px;

    font-size: 18px;

    line-height: 30px;

    color: #999999;

}



.index-box-news .hd .more-spe:hover {

    color: #d84025;

}



/* style */

.index-box-news .bd {

    /*position: relative;*/

    margin: 0 auto;

    width: 99%;

}



.index-box-news .bd li {

    position: absolute;

    overflow: hidden;

}



.index-box-news .bd li img {

    display: block;

    width: 100%;

    vertical-align: middle;

}



.index-box-news .bd li .mask {

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: #d84025;

    opacity: 0;

    filter: alpha(opacity=0);

    transition: all .3s ease-in-out 0s;

}



.index-box-news .bd li h3 {

    display: none;

    position: absolute;

    top: 19%;

    left: 8%;

    width: 84%;

    font-size: 20px;

    line-height: 30px;

    color: #FFF;

    text-align: center;

    font-weight: normal;

    overflow : hidden !important;

    text-overflow: ellipsis !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

    white-space: -moz-pre-space !important;

}



.index-box-news .bd li h4 {

    display: none;

    position: absolute;

    top: 36%;

    left: 8%;

    width: 84%;

    font-size: 18px;

    line-height: 30px;

    color: #FFF;

    font-weight: normal;

    overflow : hidden !important;

    text-overflow: ellipsis !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

    white-space: -moz-pre-space !important;

}



.index-box-news .bd li .txt {

    opacity: 0;

    position: absolute;

    left: 8%;

    width: 84%;



}



.index-box-news .bd li .txt p {

    margin: 0 auto;

    width: 100%;

    font-size: 16px;

    line-height: 25px;

    color: #FFF;

}

.newsdesc {

    position: absolute;

    top: 53% !important;

    left: 8%;

    width: 84%;

    overflow : hidden !important;

    text-overflow: ellipsis !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

}

.newsdesc-big {

    position: absolute;

    top: 42% !important;

    left: 8%;

    width: 84%;

    overflow : hidden !important;

    text-overflow: ellipsis !important;

    display: -webkit-box !important;

    -webkit-line-clamp: 2 !important;

    -webkit-box-orient: vertical !important;

}

@media only screen and (max-width: 1300px) {

    .newsdesc {

        position: absolute;

        top: 100% !important;

        left: 8%;

        width: 84%;

        overflow : hidden !important;

        text-overflow: ellipsis !important;

        display: -webkit-box !important;

        -webkit-line-clamp: 2 !important;

        -webkit-box-orient: vertical !important;

    }



}

/* position */

.index-box-news .bd .position1 {

    top: 0;

    left: 0;

}



.index-box-news .bd .position2 {

    top: 0;

    left: 25%;

}



.index-box-news .bd .position3 {

    top: 0;

    left: 50.5%;

}



.index-box-news .bd .position4 {

    top: 0;

    left: 63%;

}



.index-box-news .bd .position5 {

    top: 0;

    left: 75.5%;

}



.index-box-news .bd .position6 {

    top: 0;

    left: 88%;

}



.index-box-news .bd .position7 {

    top: 52%;

    left: 0;

}



.index-box-news .bd .position8 {

    top: 52%;

    left: 12.5%;

}



.index-box-news .bd .position9 {

    top: 50%;

    left: 50.5%;

}



.index-box-news .bd .position10 {

    top: 50%;

    left: 63%;

}



.index-box-news .bd .position11 {

    top: 50%;

    left: 75.5%;

}

/* curr */

.index-box-news .bd .curr .mask {

    opacity: 1;

    filter: alpha(opacity=100);

}



.index-box-news .bd .curr h3 {

    display: block;

}



.index-box-news .bd .curr h4 {

    display: block;

}



.index-box-news .bd .curr .txt {

    display: block;

}



/* style1 */

.index-box-news .bd .style1 {

    width: 24.5%;

    height: 50%;

}



.index-box-news .bd .style1 h4 {

    display: none;

}



.index-box-news .bd .curr1 .txt {

    top: 50%;

}



/* style2 */

.index-box-news .bd .style2 {

    width: 25%;

    height: 100%;

}



/* style3 */

.index-box-news .bd .style3 {

    width: 12%;

    height: 48%;

}



.index-box-news .bd .style3 h4 {

    display: none;

}



.index-box-news .bd .curr3 .txt {

    top: 50%;

}



/* style4 */

.index-box-news .bd .style4 {

    width: 12%;

    height: 50%;

}



.index-box-news .bd .style4 h4 {

    display: none;

}



.index-box-news .bd .style4 img {

    width: 100%;

}



.index-box-news .bd .curr4 .txt {

    top: 50%;

}







/*<!-- 淇敼鍚庣殑鏁村悎璁捐瑙ｅ喅鏂规寮€濮�2017.4.28 -->*/

.pcc-zhenghecase{

   width: 99%;

    overflow: hidden;

    padding-left: 1%;

}

.pcc-zhengheleft{

    width: 39.375%;

    float: left;

}

.pcc-zhengheleftin{

    width: 48.6%;

    float: left;

    margin: 0.7%;

    position: relative;

    vertical-align: middle;

    overflow: hidden;

    transform: none;

}

.pcc-zhengheleftin1{

    width: 100%;

    height: 100%;

    position: absolute;

    background-color: #d84025;

    overflow: hidden;

    z-index: 3;

    opacity: 0;

    transition: all 0.3s ease-in-out 0s;

}

.pcc-zhengheleftin:hover .pcc-zhengheleftin1{

opacity: 1;

}

.pcc-zhengheleftin>img{

    width: 100%;

    vertical-align: middle;

    float: left;

    transition: all .3s ease-in-out 0s;

}

.pcc-zhengheleftin:hover .pcc-zhengheimg{

    width: 110%;

        margin-left: -5%;

        margin-top: -5%;

        vertical-align: middle;

}

.pcc-zhenghecenter{

    width: 38.86%;

    margin: 0.27%;

    float: left;

    position: relative;

    overflow: hidden;

}

.pcc-zhenghecenter1{

    width: 100%;

    height: 100%;

    display: block;

    background-color: #d84025;

    position: absolute;

    z-index: 3;

    opacity: 0;

    transition: all 0.3s ease-in-out 0s;

}

.pcc-zhenghecenter:hover .pcc-zhenghecenter1{

    opacity: 1;

}

.pcc-zhenghecenter>img{

    width: 100%;

    float: left;

    transition: all 0.3s ease-in-out 0s;

}

.pcc-zhenghecenter:hover .pcc-zhengheimg1{

    width: 110%;

        margin-left: -5%;

        margin-top: -5%;

        vertical-align: middle;

}

.pcc-zhengheright{

    width: 19.6875%;

    float: left;

}

.pcc-zhengherightin{

    width: 97.354%;

    margin: 1.323%;

    float: left;

    position: relative;

    overflow: hidden;

}

.pcc-zhengherightin1{

    width: 100%;

    height: 100%;

    position: absolute;

    background-color: #d84025;

    z-index: 3;

    opacity: 0;

    transition: all 0.3s ease-in-out 0s;

}

.pcc-zhengherightin:hover .pcc-zhengherightin1{

    opacity: 1;

}

.pcc-zhengherightin>img{

    width: 100%;

    float: left;

    transition: all 0.3s ease-in-out 0s;

}

.pcc-zhengherightin:hover .pcc-zhengheimg2{

    width: 110%;

        margin-left: -5%;

        margin-top: -5%;

        vertical-align: middle;

}

.pcc-zhenghetitle1{

    width: 70%;

    word-break: keep-all;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 35% 15% 0 15%;

    font-size: 18px;

    font-weight: bold;

    text-align: center;

    color: #ffffff;

}

.pcc-zhenghecantent1{

    width: 70%;

    word-break: keep-all;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 15% 15% 0 15%;

    font-size: 16px;

    text-align: center;

    color: #ffffff;

}

.pcc-zhengheyudliang{

        width: 85px;

    color: #ffffff;

    font-size: 16px;

    float: right;

    bottom: 10px;

    position: absolute;

    right: 0;

}

.pcc-zhengheyudliang img{

    width: 25px;

    margin-top: 4px;

    margin-right: 4px;

}

/*.pcc-zhenghecase{

    width: 100%;

    overflow: hidden;

    padding: 0.78125%;

}

.pcc-zhengheleft{

    width: 39.375%;

    float: left;

}

.pcc-zhengheleftin{

    width: 48.6%;

    float: left;

    padding: 0.7%;

    position: relative;

    overflow: hidden;

}

.pcc-zhengheleftin1{

    width: 97.2%;

    height: 97.2%;

    position: absolute;

    background-color: #d84025;

    overflow: hidden;

    z-index: 3;

    opacity: 0;

    transition: all 0.3s ease-in-out 0s;

    top: 1.45%;

}

.pcc-zhengheleftin:hover .pcc-zhengheleftin1{

opacity: 1;

}

.pcc-zhengheleftin>img{

    width: 100%;

    vertical-align: middle;

}

.pcc-zhenghecenter{

    width: 38.86%;

    padding: 0.27%;

    float: left;

    position: relative;

    overflow: hidden;

}

.pcc-zhenghecenter1{

    width: 98.7%;

    height: 97.8%;

    display: block;

    background-color: #d84025;

    position: absolute;

    z-index: 3;

    opacity: 0;

    transition: all 0.3s ease-in-out 0s;

    top: 0.7%;

}

.pcc-zhenghecenter:hover .pcc-zhenghecenter1{

    opacity: 1;

}

.pcc-zhenghecenter>img{

    width: 100%;

}

.pcc-zhengheright{

    width: 19.6875%;

    float: left;

}

.pcc-zhengherightin{

    width: 97.354%;

    padding: 1.323%;

    float: left;

    position: relative;

}

.pcc-zhengherightin1{

    width: 97.7%;

    height: 97.3%;

    position: absolute;

    background-color: #d84025;

    z-index: 3;

    opacity: 0;

    transition: all 0.3s ease-in-out 0s;

    top: 1.3%;

}

.pcc-zhengherightin:hover .pcc-zhengherightin1{

    opacity: 1;

}

.pcc-zhengherightin>img{

    width: 100%;

    float: left;

}

.pcc-zhenghetitle1{

    width: 70%;

    word-break: keep-all;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 35% 15% 0 15%;

    font-size: 18px;

    font-weight: bold;

    text-align: center;

    color: #ffffff;

}

.pcc-zhenghecantent1{

    width: 70%;

    word-break: keep-all;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 15% 15% 0 15%;

    font-size: 16px;

    text-align: center;

    color: #ffffff;

}

.pcc-zhengheyudliang{

        width: 85px;

    color: #ffffff;

    font-size: 16px;

    float: right;

    bottom: 10px;

    position: absolute;

    right: 0;

}

.pcc-zhengheyudliang img{

    width: 25px;

    margin-top: 4px;

    margin-right: 4px;

}*/

/*<!-- 淇敼鍚庣殑鏁村悎璁捐瑙ｅ喅鏂规缁撴潫2017.4.28 -->*/