@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
input,
select,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: 0;
    vertical-align: top
}

ol,
ul {
    list-style: none
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    /* text-decoration: underline; */
    text-decoration: none;
}


.tal {
    text-align: left
}

.tac {
    text-align: center
}

.tar {
    text-align: right
}

.bc {
    margin-left: auto;
    margin-right: auto
}

.fl,
.fr {
    display: inline
}

.fl {
    float: left
}

.fr {
    float: right
}

.cb {
    clear: both
}

.cl {
    clear: left
}

.cr {
    clear: right
}

.clearfix {
    overflow: hidden;
    zoom: 1
}

.hide {
    visibility: hidden
}

.none {
    display: none
}

.w1440 {
    clear: both;
    width: 1440px;
}
.w1100 {
    clear: both;
    width: 1100px;
}

.wauto {
    margin: 0px auto;
}

.hauto {
    overflow: hidden;
    zoom: 1;
}

.pb {
    padding-bottom: 10px;
}

.pb35 {
    padding-bottom: 35px;
}

.pb10 {
    padding-bottom: 10px;
}

.pt30 {
    padding-top: 30px;
}
.pt35 {
    padding-top: 35px;
}

.pb24 {
    padding-bottom: 24px;
}
.mb35{
    margin-bottom:35px;
}
.mb10{
    margin-bottom:10px;
}
.mt35{
    margin-top:35px;
}

.bt1px {
    border-top: 1px solid #e4a6c1;
}


/* ********************************************************************************* */
.daohang_bg ul li a:link,
.daohang_bg ul li a:visited {
    color: #ffffff;
    text-decoration: none;
}
#nav01d a:link,
#nav01d a:visited{
    color:#3b658c;
    text-decoration: none;
}
#nav05 .title a:link,
#nav05 .title a:visited {
    color: #000;
    text-decoration: none;
}

p a:link,
p a:visited {
    color: #d90000;
    text-decoration: none;
}

p {
    color: #666666;
    font-size: 14px;
    text-indent: 2em;
}

.ba a:link,
.ba a:visited {
    color: #8c8d8f;
    text-decoration: none;
}

.ba .ck:link,
.ba .ck:visited {
    color: #ffffff;
    text-decoration: none;
}

#nav14 ul li a:link,
#nav14 ul li a:visited {
    color: #ffffff;
    text-decoration: none;
}

#nav15 .pic .images a:link,
#nav15 .pic .images a:visited {
    color: #ffffff;
    text-decoration: none;
}

#nav16 .pic .images a:link,
#nav16 .pic .images a:visited {
    color: #ffffff;
    text-decoration: none;
}



/* ************************************************************************************** */
html {
    /* min-width: 1440px; */
}

body {
    font-family: 'Microsoft YaHei', '微软雅黑';
    font-size: 14px;
    color: #000;
    line-height: 20px;
    -webkit-text-size-adjust: 100%;
    background: url("c01.jpg") no-repeat top center #fff2dc;
    background-position-y:90px;
}






/* 头条 */
#nav05 .title {
    width: 100%;
    height: 70px;
    line-height: 70px;
    text-align: center;
    color: #263872;
    font-weight: bold;
    font-size: 48px;
    text-align: center;

}

#nav05 p {
    color: #979797;
    font-size: 16px;
    text-align: center;
}

/* 头条end */
/* 图片、要闻 */
#nav06{
    margin-top:700px;
    width:1100px;
    background-color: #fff;
    padding:50px;
    /* height:579px; */
}
#nav06 .video{
    width:320px;
    float:left;
    height:260px;
    position: relative;
    margin-bottom:30px;
}
#nav06 .video img{
    width:320px;
    height:180px;
    position: absolute;
    z-index: 7;
}
#nav06 .video .title{
    width:96%;
    height:60px;
    padding:10px 2%;
    line-height: 30px;
    font-size: 18px;
    text-align: left;
    position: absolute;
    bottom:0;
}
#nav06 .video i{
        /* display: none; */
        width: 55px;
        height: 55px;
        position: absolute;
        z-index: 90;
        top: 30%;
        left: 45%;
        background: url(http://cpdasset.cpd.com.cn/b2022/sy/bf.png) no-repeat left top;
    }
/* #nav06 .left {
    width: 550px;
} */

#nav06 .video:not(:nth-child(3n+1)) {
    margin-left:70px;
}
.newsPic {
    width: 550px;
    height: 380px;
    background-color: #333;
    position: relative;

}

/************************************************/
.newsPic .c1_l2 {
    width: 100%;
    height: 70px;
    left: 0px;
    top: 310px;
    display: block;
    position: absolute;
    background: #1e75db;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 9;
}

.newsPic .c1_l3 {
    width: 100%;
    height: 70px;
    left: 0px;
    top: 310px;
    display: block;
    position: absolute;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 10;
    overflow: hidden;
    text-indent: 7px;
    line-height: 65px;
    font-size: 18px;
    color: #fff;
}

.newsPic .c1_l3 a {
    color: #fff;
}

.newsPic .xu4_1 {
    width: 550px;
    height: 380px;
    float: left;
    display: inline;
}

.newsPic .xu4_1 .xu4_3 {
    width: 550px;
    height: 380px;
    display: none;
    float: left;
    overflow: hidden;
}

.newsPic .xu4_1 .xu4_3 .screenshot {
    display: block;
}

.newsPic .xu4_1 .xu4_4 {
    width: auto;
    height: 10px;
    right: 20px;
    top: 360px;
    display: block;
    position: absolute;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 11;
}

.newsPic .xu4_1 .xu4_4 a {
    float: left;
    margin-left: 7px;
    display: inline;
    width: 10px;
    height: 10px;
    background: url(over.png) center no-repeat;
    _background: url(over.png) center no-repeat;
}

.newsPic .xu4_1 .xu4_4 a.current {
    background: url(on.png) center no-repeat;
    _background: url(on.png) center no-repeat;
}

.newsPic .xu4_1 .xu4_4 .xu4_6 {
    display: inline;
}

.newsPic .xu4_1 a.xu4_5 {
    background: url(26769601.gif) no-repeat center center #000;
    display: inline;
    width: 38px;
    HEIGHT: 40%;
    TOP: 28%;
    CURSOR: pointer;
    LEFT: 0px;
    border-radius: 0px 7px 7px 0px;
    opacity: 0.6;
    position: absolute;
    z-index: 999;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.newsPic .xu4_1 a.xu4_7 {
    background: url(26769602.gif) no-repeat center center #000;
    display: inline;
    width: 38px;
    HEIGHT: 40%;
    TOP: 28%;
    CURSOR: pointer;
    right: 0px;
    border-radius: 7px 0px 0px 7px;
    opacity: 0.6;
    position: absolute;
    z-index: 999;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

/**********************************************/

.newsFocus {
    margin-left: 21px;
    width: 481px;
    background-color: #fff;
    padding:24px;
}

.newsFocus ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.newsFocus ul li{
    width:96%;
    padding-left:2%;
    padding-right:2%;
}
.newsFocus ul li:not(:last-child) {
padding-bottom: 26px;
}
.newsFocus ul li:not(:first-child) {
    border-top: #bbbbbb 1px dashed;
    padding-top: 26px;
}

.newsFocus ul li .title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    /* font-weight: bold; */
    /* margin-bottom: 15px; */
}
.newsFocus ul li p{
    line-height: 30px;
}


#nav06 .left .shiping{
    width:96%;
    padding:1em 2%;
    background-color: #fff;
    margin-top:1em;
}
#nav06 .left .shiping .da{
    width:510px;
    height:287px;
    position: relative;
    padding-left:1%;
}

#nav06 .left .shiping .da span{
    /* display: none; */
    width: 55px;
    height: 55px;
    position: absolute;
    z-index: 90;
    top: 45%;
    left: 45%;
    background: url(http://cpdasset.cpd.com.cn/b2022/sy/bf.png) no-repeat left top;
}

#nav06 .left .shiping .da img{
    width:510px;
    height:287px;
    border:0;
    position: absolute;
    z-index: 8;
    
}

#nav06 .left .shiping .da i{
    width:510px;
    height:50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;

    position: absolute;
    background: #000;
    -moz-opacity: 0.4;
    opacity: 0.4;
    filter: alpha(opacity=40);
    z-index: 9;
    bottom:0;
}
#nav06 .left .shiping .da .title{
    width:510px;
    height:50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color:#fff;
    position: absolute;
bottom:0;
    z-index: 10;
}
#nav06 .left .shiping ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* align-items: center; */
    width:510px;
    padding-left:1%;
    margin-top:1em;
}
#nav06 .left .shiping ul li{
    width:163px;
}
#nav06 .left .shiping ul li img{
    width:163px;
    height:91px;
    border:0;
}
#nav06 .left .shiping ul li .title{
    line-height: 22px;
    height:44px;
    font-size: 12px;
    color:#999;

}

/* 图片、要闻 end*/
/* 多栏目 */
#nav07 .left {
    width: 890px;
}


/* #nav07 .left .pic {
    width: 450px;
}

#nav07 .left .pic img {
    width: 450px;
    height: 254px;
    border: 0;
}

#nav07 .left .pic .title {
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 46px;
} */

#nav07 .left .text {
    width: 890px;
    /* margin-left: 33px; */
}

#nav07 .left .text ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

#nav07 .left .text ul li{
    padding-top: 30px;
    padding-bottom: 30px;
}
#nav07 .left .text ul li:not(:first-child) {
    border-top: #bbbbbb 1px dashed;
}
#nav07 .left .text ul li .images{
    width:195px;
    height:110px;
    float:left;
} 
#nav07 .left .text ul li .images img{
    width:195px;
    height:110px;
    border:0;
}
#nav07 .left .text ul li .ti{
    float:left;
    width:665px;
    height:110px;
    margin-left:30px;
}
#nav07 .left .text ul li .title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
#nav07 .left .text ul li p{
    line-height: 30px;
}


#nav07 .right {
    width: 512px;
    margin-left: 38px;
}
#nav07 .right ul {
    
    display: block;
    width: 512px;
    /* height: 249px; */
    /* margin-left: 40px; */
}

#nav07 .right ul li {
    line-height: 40px;
    list-style-type: none;
    text-indent: 14px;
    width: 98%;
    background: url(li01.png) left 18px no-repeat;
    float: left;
    height: 40px;
    overflow: hidden;
    list-style-image: none;
    font-size: 18px;
}



/************************************************/


/* 更多栏目 */

.foot {
    border-top: 8px #1e75db solid;
    text-align: center;
    color: #000;
    font-size: 14px;
    line-height: 40px;
    /* background-color: #1e75db; */
}

.foot i {
    width: 1px;
    border-left: 1px #d4d4d4 solid;
    height: 14px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 1px;
}

.biao .ba{
    padding:20px 24px 24px 24px;
    height:auto;
    width:auto;
}
.biao .ba,.biao .left{
    background-color: #fff;
}
.biao .left {
    width: 510px;
    background-color: #fff;
    
    
    
}


.biao .left ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background-color: #eff6fe;
    margin:0px 20px;
    border-radius: 0px 0px 10px 10px;
    margin-bottom:15px;
    padding:0px 10px;
}

.biao .left ul li{
    width:96%;
    padding-left:2%;
    padding-right:2%;
}
.biao .left ul li:not(:last-child) {
padding-bottom: 26px;
}
.biao .left ul li:not(:first-child) {
    border-top: #bbbbbb 1px dashed;
    padding-top: 26px;
}

.biao .left ul li .title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    /* font-weight: bold; */
    /* margin-bottom: 15px; */
}
.biao .left ul li p{
    line-height: 30px;
}

.biao .right {
    /* padding-left: 45px; */
    width: 481px;
    background-color: #fff;
    padding:24px 24px 24px 45px;
}

.biao .right ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding-bottom:3px;
}

.biao .right ul li{
    width:96%;
    padding-left:2%;
    padding-right:2%;
}
.biao .right ul li:not(:last-child) {
padding-bottom: 5px;
}
.biao .right ul li:not(:first-child) {
    border-top: #bbbbbb 1px dashed;
    padding-top: 26px;
}

.biao .right ul li .title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    /* font-weight: bold; */
    /* margin-bottom: 15px; */
}
.biao .right ul li p{
    line-height: 30px;
}



.ba {
    /* float:left; */
    width:100%;
    height: 53px;
    font-size: 32px;
    font-weight: bold;
    color: #263872;
    line-height: 32px;
    text-align: left;
    border-bottom:1px solid #e3e3e3;
position: relative;
text-indent: 5px;

}


.ba span {
    position: absolute;
    bottom:0;
    float: left;
    height: 32px;
    padding-top:10px;
    padding-bottom:10px;
    width:auto;
    /* background-color: #d51d1d; */
    border-bottom:5px solid #d51d1d;
}

.ba a {
    /* float:right; */
    /* padding-right: 23px; */
    /* background: url("dian.png") no-repeat right center; */
    color: #8c8d8f;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 200;
    padding-top:10px;
    padding-bottom:10px;
    
}

.ba .ck {
    /* float:left; */
    /* background-color: #d51d1d; */
    top: 0;
    margin-left: 20px;
    padding-right: 10px;
    padding-left: 10px;
    background: url("") #d51d1d;
    border-radius: 5px;
    padding: 6px;
    vertical-align: middle;
}

/* #nav09 .ba img {
    margin-top: 10px;
    margin-left: 10px;
} */



.ovimg img,.xu4_1 img,.xu3_1 img,.xu2_1 img{
    cursor: pointer;
    transition: all 0.6s;
  }
  .ovimg img:hover,.xu4_1 img:hover,.xu3_1 img:hover,.xu2_1 img:hover{
    transform: scale(1.03);
  }
  .ovimg{
    overflow: hidden;
  }


  
.zhuan {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}





.transdelay {
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}

.transdelay a {
	transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
}
#nav07 ul li:hover {
    background-color: #f5f5f5;
  }

  /* #nav07 ul li {
    overflow: hidden;
    padding: 5px 0 25px 0;
  } */
  
  #nav07 ul li .ti .title {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    max-height: 36px;
    overflow: hidden;
    margin: 5px 0 10px;
  }
  
  #nav07 ul li .ti .title a {
    color: #2b2b2b;
  }
  
  /* .tw03 span {
    font-size: 14px;
    line-height: 1.8;
    max-height: 51px;
    overflow: hidden;
    display: block;
  } */
  
  #nav07 ul li img {
    float: left;
    width: 100%;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
    box-shadow: 4px 3px 8px #ccc;
  }
  
  #nav07 ul li:hover .ti .title a {
    color: #cc0000;
  }
  
  #nav07 ul li:hover img {
    -webkit-transform: translate(4px, 0);
       -moz-transform: translate(4px, 0);
        -ms-transform: translate(4px, 0);
            transform: translate(4px, 0);
  }


  #nav06 ul li:hover .title a {
    color: #cc0000;
  }
  #nav06 ul li:hover {
    background-color: #f5f5f5;
  }

  #nav061 img{
    width:1100px;
    height:579px;
    border:0;
  }




  @media screen and (max-width: 1000px) {
    body{
        /* background-color: #fff; */
    }

    #nav061 {
        margin-top: 6rem;
        width:96%;
        padding-left:2%;
        padding-right:2%;
        height: auto;
    }
    #nav061 img{
        width:100%;
        height:auto;
    }
    .w1100{
        width:96%;
        padding-left:2%;
        padding-right:2%;
    }
    #nav06{
        width:96%;
        margin-top:6rem;
        padding:0;
        
    }
    #nav06 .video{
        width:100%;
        float:left;
        /* padding-left:2%;
        padding-right:2%; */
        height:6.6rem;
        position: relative;
        margin-bottom:1rem;
    }
    #nav06 .video img{
        width:100%;
        height:5.2rem;
    }
    #nav06 .video .title{
        font-size: .4rem;
        line-height: .6rem;
        height:1.2rem
    }
    #nav06 .video:not(:nth-child(3n+1)) {
        margin-left:0;
    }
    /* #nav06 .left{
        width:96%;
        padding-left:2%;
        padding-right:2%;
    } */
    .newsPic{
        width:100%;
        height:6rem;
    }
    body{
        background-position-y: 3rem;
        background-size: 130%;
    }
    .wz{
        width:96%;
        padding-left:2%;
        padding-right:2%;
    }

    .newsPic .c1_l3{
        top:auto;
        bottom:0;
    }
    .newsPic .c1_l2{
        top:auto;
        bottom:0;
    }
    .newsPic .xu4_1 .xu4_4{
        top:auto;
        bottom:0.2rem;
    }
    .newsPic .xu4_1 .xu4_3{
        width:100%;
        height:5rem;
    }
    .newsPic .xu4_1{
        width:100%;
        height:5rem;
    }
    .newsPic .xu4_1 .xu4_3 img{
        width:100%;
        height:5rem;
    }
    #nav06 .left .shiping{
        float:left;
    }
    #nav06 .left .shiping .da{
        float:left;
        width:97%;
        height: 5.5rem;
    }

    #nav06 .left .shiping ul li{
        width:30%;
    }
    #nav06 .left .shiping ul li img{
        width: 100%;
    height: auto;
    border: 0;
    }
    #nav06 .left .shiping ul li .title{
        float:left;
        height:auto;
    }

    #nav06 .left .shiping .da img{
        width:100%;
        height:5.5rem;
    }
    #nav06 .left .shiping .da .title{
        width:100%;
        height: 0.6rem;
    line-height: .6rem;
    font-size: .35rem;
    }
    #nav06 .left .shiping .da i{
        width:100%;
        height:.6rem;
    }
    #nav06 .left .shiping ul{
        float:left;
        width:97%;
    }
    .newsFocus{
        width:96%;
        padding-left:2%;
        padding-right:2%;
        margin-top:1rem;
        margin-left:0px;
    }
    .newsFocus ul li .title{
        font-size: .46rem;
        height:auto;
        line-height: .6rem;
    }
    .biao .left ul{
        margin:0;
        background-color: #fff;
        padding-top:20px;
    }
    .biao .left ul li .title {
        font-size: .46rem;
        height: auto;
        line-height: .6rem;
    }
    .mb10{
        margin:0;
        
    }
    .biao .right{
        padding:0;
        width:100%;
    }
    .biao .right ul{
        width:96%;
        padding-left:2%;
        padding-right:2%;
        margin-top:1rem;
        margin-left:0px;
    }
    .biao .right ul li .title {
        font-size: .46rem;
        height: auto;
        line-height: .6rem;
        padding-bottom:20px;
    } 


  }