.w1200{ width:1200px; margin:auto; clear:both; position:relative;}
.sep{ width:100%; height:30px; float:left; clear:both; overflow:hidden;}
.hover{-o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s;}
.hover:hover{-o-transform:scale(1.05); -webkit-transform: scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); transform: scale(1.05);}

#top{ width:100%; height:30px; line-height:30px; background:#F3F3F3; border-bottom:solid 1px #EEE;}
#top .right{ text-align:right;}
#top a{ display:inline; height:30px; margin:0px 5px; padding:0px 0px 0px 15px; background:url(../images/lid.jpg) 0px center no-repeat;}

#header{ width:100%; height:60px; background:url(../images/c_zp_logo_bj.jpg) 0px bottom repeat-x; padding:20px 0px; overflow:hidden;}
#header .left{ height:60px; font-size:32px; font-family:'黑体'; color:#3a4ca2;}
#header .left b{ display:block; float:left; clear:both; width:100%; padding:0px 0px 0px 0px; height:40px; line-height:40px; font-weight:normal;}
#header .left i{ display:block; float:left; clear:both; width:100%; height:24px; line-height:24px; font-weight:normal; font-size:14px; letter-spacing:0.5px; text-transform:uppercase; font-family:Arial; color:#999;}
#header .center{ padding:10px 20px;}
#header .right{ padding:10px 0px; height:40px; line-height:40px; position:relative;}
#header .right i{ display:block; float:left; background:url(../images/tel_icon.png) 10px center no-repeat; background-size:30px auto; text-indent:50px; font-size:28px; color:#3a4ca2;}

#menu{ width:100%; height:40px; float:left; clear:both; border-top:solid 1px #EEE; background:#3A4CA2; box-shadow:2px 2px 6px #F3F3F3;}
#menu ul li{ float:left; width:133.33px; height:40px; text-align:center; line-height:40px; position:relative; }
#menu ul li>a{ display:block; width:100%; height:40px; color:#FFF; font-family:'黑体'; font-size:16px;}
#menu ul li .curr{ background:#5063bd; color:#FFF;}
#menu ul li em{ display:none; position:absolute; left:0px; top:40px; width:133.33px; overflow:hidden;z-index:99999999;}
#menu ul li em a{ display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#FFF; background:rgba(80,99,189,0.65); }
#menu ul li em a:hover{background:rgba(80,99,189,0.9);}
#flash{ width:100%; height:450px; float:left; clear:both; overflow:hidden; position:relative;}

.top{
    width: 1200px;
    clear:both;
    margin:auto;
    height: 1px;
    background: #d9d8d8;
    margin-top: 40px;
}
.top b 
{
    display: block;
    width: 200px;
    clear:both;
    margin: auto;
    text-align: center;
    font-size:30px;
    font-weight:normal;
    line-height: 50px;
}
.top b i{
    display: block;
    width: 100%;
    margin-top: -30px;
    background:#FFF;
    float: left;
    height: 50px;
}
.top p{
    font-size: 16px;
    clear:both;
    margin:10px 0px 0px 0px;
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    color: #cb7a16;
    opacity: .6;
    overflow:hidden;
    width:100%;
    text-align:center;
    letter-spacing:1px;
}

#index1{ width:100%; height:64px; float:left; clear:both; position:relative; box-shadow:0px 2px 6px #CCC;}
#index1 .left{  position:relative; width:136px; height:44px; padding:10px; background:#3a4ca2; color:#FFF;}
#index1 .left b{ display:block; float:left; clear:both; width:100%; font-weight:normal; font-size:24px; line-height:24px; text-align:center; }
#index1 .left i{ display:block; float:left; clear:both; width:100%; font-weight:bold; font-size:14px; line-height:20px; text-align:center; font-family: 'Times New Roman'; font-style:italic; opacity: .6;}
#index1 .right{ width:1044px; height:64px; overflow:hidden;}
#index1 .right ul { width:1044px; height:64px; overflow:hidden;}
#index1 .right li{ float:left; width:522px; height:64px; line-height:64px; background:url(../images/1.png) 10px 30px no-repeat; overflow:hidden;}
#index1 .right li a{ display:block; float:left; width:400px; overflow:hidden; text-indent:20px;}
#index1 .right li i{ display:block; float:left; width:122px; text-indent:10px; overflow:hidden; color:#999;}

#index3{ width:100%; float: left; clear:both; padding:80px 0px 80px 0px; margin:0px 0px 80px 0px; background:rgba(106,178,200,0.4); background: -webkit-linear-gradient(top,rgba(106,178,200,0.2),rgba(106,178,200,0.4)); overflow:hidden;}
#index3 .w1200>div{ width:1230px;}
#index3 .w1200>div>div{ float:left; width:350px; padding:14px; border:solid 1px #F0F0F0; box-shadow:2px 2px 6px rgba(106,178,200,0.2); background:#FFF; margin:0px 30px 0px 0px; overflow:hidden;}
#index3 .w1200 .content{ width:350px; height:250px; padding:14px 0px 0px 0px; overflow:hidden;}
#index3 .w1200 .content li{ width:100%; float:left; overflow:hidden;}
#index3 .w1200 .content li div{ position:relative; width:350px; height:250px; overflow:hidden;}
#index3 .w1200 .content li div i{ background: #000; background: -webkit-linear-gradient(bottom,#000,transparent); display:block; width:100%; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:16px; position:absolute; left:0px; bottom:0px;}
#index3 .index_top a{ display:block; width:18px; height:19px; position:absolute; top:10px; right:25px; background:url(../images/prev1.jpg) 0px 0px no-repeat;}
#index3 .index_top .snext{background:url(../images/next1.jpg) 0px 0px no-repeat; right:0px;}

#index4{ width:100%; float: left; clear:both; padding:60px 0px 80px 0px; overflow:hidden;}
.index_top { float:left; clear:both; width:100%; height:40px; line-height:40px; overflow:hidden; position:relative;}
.index_top span{ display:block; float:left; font-size:22px; line-height:39px; padding:0px 5px; border-bottom: 1px solid #333;}
.index_top em{ display:block; float:left; padding:0px 0px 0px 10px; 
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    color: #cb7a16;
    opacity: .6;
}
.index_body{float:left; clear:both; width:100%; padding:20px 0px 0px 0px; overflow:hidden;}
.index_about{ float:left; width:400px; padding:0px 30px 0px 0px; border-right:1px solid #eee; overflow:hidden;}
.index_about img{width:100%; height:200px;}
.index_about p{ width:100%; height:100px; font-size:14px; color:#666; line-height: 25px; margin:5px 0px; overflow:hidden;}
.index_about .more a{ display:block; float:right; clear:both; 
    width:80px;
    height:24px;
    line-height: 24px;
    text-align:center;
    border-radius: 500px;
    background: #3a4ca2;
    color: #FFF;
}
.index_about a:hover{ color:#FFF;}
.index_news{width:414px; float: left; margin:0px 0px 0px 30px; padding:0px 30px 0px 0px;}
.index_img{width:160px; float: left;}
.index_img img{width:100%; height:120px;}
.index_top_news{width:234px; padding:0px 0px 22px 0px; float: right; overflow:hidden;}
.index_top_news h1{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:16px;}
.index_top_news i{ display:block; float:left; clear:both; height:84px; line-height:28px; overflow:hidden; color:#666;}

.index_news ul{float:left; clear:both; width:100%; border-top:dotted 1px #DDD; padding:5px 0px 0px 0px; overflow:hidden;}
.index_news ul li{ width:100%; float:left; clear:both; height:32px; background:url(../images/li.png) 0px 10px no-repeat; line-height:32px; overflow:hidden;}
.index_news ul li a{ display:block; float:left; width:330px; overflow:hidden; text-indent:16px;}
.index_news ul li i{ display:block; float:right; width:80px; font-size:12px; color:#888; font-family: Arial; text-align:right; overflow:hidden;}


.index_contact{width:295px; float: right; background: #f7f7f7; overflow:hidden;}
.index_contact li{ width:100%; float: left; border-top:solid 1px #eee; padding:10px 0px;}
.index_contact li i{ display:block; float:left; margin:5px 10px 5px 10px; width:40px; height:40px; line-height:40px; text-align:center; background:#3a4ca2; color:#FFF; border-radius:500px; font-size:22px;}
.index_contact li em{ display:block; float:left; width:225px; padding:4px 0px 0px 0px; overflow:hidden;}
.index_contact li h1{ font-weight:normal; height:20px; line-height:20px; font-size:14px;color:#777;}
.index_contact li b{ font-weight:normal; line-height:20px; font-size:14px; color:#222;}

#index_news{width:100%; float: left; clear:both; padding:50px 0px 30px 0px; overflow:hidden;}
#index_news .body{ width:1230px; padding:50px 0px 20px 0px; float:left; clear:both; overflow:hidden;}
#index_news .newslist{ float:left; width:350px; height:430px; transition: all 0.6s; border:1px solid #eee; padding:14px; margin:0px 30px 0px 0px;}
#index_news .newslist:hover{ box-shadow: 0px 2px 7px #CCC;}
#index_news .title{width:100%; margin-bottom:10px; line-height: 40px;font-size:24px; color:#222;}
#index_news .title a{float: right; margin-top:10px; padding:3px 6px; line-height:20px; font-size:12px;  border-radius:500px; font-family: Arial; background:#3a4ca2; color:#FFF;}
#index_news .title span{font-size:12px; color:#888; padding-left: 10px; font-family: Arial;}
#index_news .img{ float:left; clear:both; width:100%; height:180px; margin:0px 0px 20px 0px; overflow:hidden;}
#index_news .img img{ width:100%;}
#index_news ul li{ width:100%; float:left; clear:both; height:32px; background:url(../images/li.png) 0px 10px no-repeat; line-height:32px; overflow:hidden;}
#index_news ul li a{ display:block; float:left; width:270px; overflow:hidden; text-indent:16px;}
#index_news ul li i{ display:block; float:left; width:80px; font-size:12px; color:#888; font-family: Arial; text-align:right; overflow:hidden;}


#index5{ float:left; clear:both; width:100%; padding:30px 0px 50px 0px; background:#F0F0F0; overflow:hidden;}
#index5 .top i{ background:#F0F0F0;}
#index5 .list{ position:relative; width:1300px; padding:50px 0px 0px 0px; margin:auto; clear:both; overflow:hidden;}
#index5 .list>i{ position:absolute; width:60px; height:60px; top:120px; border-radius:5px; cursor:pointer;}
#index5 .list #f1{ left:0px; background:#FFF url(../images/index_592.png) center center no-repeat; background-size:40px 40px;}
#index5 .list #f2{ right:0px; background:#FFF url(../images/index_622.png) center center no-repeat; background-size:40px 40px;}
#index5 .gd{ width:1160px; padding:0px 10px;  margin:auto; clear:both; overflow:hidden;}
#index5 ul{ width:1160px; overflow:hidden;}
#index5 ul li{ float:left; position:relative; width:240px; padding:15px; background:#FFF; margin:0px 10px 20px 10px; overflow:hidden;box-shadow: 0px 2px 7px #DDD;}
#index5 ul li em{ display:block; float:left; width:100%; height:200px; background-size:cover; background-position:center center; background-repeat:no-repeat; overflow:hidden;}
#index5 ul li span{ display:block; position:absolute; left:15px; bottom:15px; background:rgba(0,0,0,0.5); width:240px; height:40px; line-height:40px; text-align:center; color:#FFF; z-index:99; overflow:hidden;}

#index6{ width:100%; float:left; clear:both; background:#F0F0F0; padding:30px 0px 0px 0px; overflow:hidden;}
#index6 .top i{ background:#F0F0F0;}
#index6 .list{ width:1220px; padding:60px 0px 50px 0px; margin:auto; clear:both; overflow:hidden;}
#index6 .list li{ float:left; width:265px; padding:9px 9px 0px 9px; border:solid 1px #eee; margin:0px 20px 20px 0px; overflow:hidden;box-shadow:2px 2px 6px #EEE; background:#FFF;}
#index6 .list li:hover{ box-shadow:2px 2px 6px #CCC; background:#FBFBFB;}
#index6 .list li em{ display:block; width:100%; height:160px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#index6 .list li span{ display:block; width:100%; height:40px; line-height:40px; text-align:center; font-size:16px;}

#footerlink{ width:100%; float:left; clear:both; overflow:hidden; background:#FFF; padding:50px 0px;}
#footerlink>div{ position:relative; width:1160px; margin:auto; clear:both; line-height:30px; padding:19px; border:solid 1px #DDD;}
#footerlink>div i{ position:absolute; left:20px; top:-15px; display:block; height:30px; line-height:30px; background:#FFF url(../images/link.png) 5px center no-repeat; padding:0px 20px 0px 35px; font-size:24px; font-family:'黑体';}
#footerlink>div a{ margin:0px 5px;}

#footer{width:100%; padding:20px 0px 50px 0px; background:#484848; color:#FFF; float:left; clear:both;}
#footer .w1200{ position:relative; overflow:visible;}
#footer a{ color:#FFF;}
#footer .left{ width:290px; padding:25px 0px 0px 0px; color:#FFF;}
#footer .left ._top{ width:100%; float:left; font-size:22px; padding:0px 0px 5px 0px; clear:both; line-height:40px;}
#footer .left ._top i{color:#CCC; font-size:12px; padding:0px 0px 0px 10px; letter-spacing:2px;font-family: 'Times New Roman'; font-style:italic;font-weight: bold;}
#footer .tel{ width:100%; float:left; clear:both; box-sizing:border-box; background:url(../images/telephone.jpg) 0px center no-repeat; line-height:25px; padding:2px 0px 2px 75px; font-size:16px;}
#footer .tel b{ font-size:22px;}
#footer .add{ width:100%; padding:10px 0px 0px 0px; float:left; clear:both; line-height:25px; color:#CCC;}
#footer .right{ width:910px; height:160px; padding:10px 0px 0px 0px; position:relative; overflow:hidden;}
#footer .right dl{ float:left; width:180px; overflow:hidden;}
#footer .right dl dt{width:100%; float:left; clear:both; height:40px; line-height:40px; font-size:16px; text-align:center;}
#footer .right dl dd{ width:100%; float:left; clear:both; line-height:30px; font-size:14px; text-align:center;}
#footer .right dl dd a{ color:#CCC;}
#footer .right .ewm{ position:absolute; right:0px; top:20px; width:126px; height:160px; overflow:hidden;}
#footer .right .ewm img{ width:126px; height:126px;}
#footer .right .ewm em{ display:block; width:100%; line-height:30px; text-align:center;}

#copy{ float:left; clear:both; width:100%; padding:30px 0px; line-height:30px; color:#FFF; overflow:hidden;}
#copy p{ color:#CCC;}
#copy p a{ margin:0px 3px; color:#CCC;}
#copy a{ color:#FFF;}
#copy div{ padding:0px 0px 0px 8px;}

#container{ width:1200px; padding:30px 0px; clear:both; margin:auto; overflow:hidden;}
#left{ width:300px; float:left; overflow:hidden;}
#left .left_top{ width:100%; background:#3a4ca2; height:80px; line-height:80px; color:#FFF; text-indent:20px; font-weight:normal;}
#left .left_top b{ font-weight:normal; font-size:24px;}
#left .left_top i{ font-size:14px; padding:0px 0px 0px 10px;
    font-family: 'Times New Roman';
    font-style: italic;
    font-weight: bold;
    text-transform:uppercase;
    opacity: .6;
}
#left .category{float:left; clear:both; width:100%; background:#FFF; overflow:hidden; margin:0px 0px 20px 0px;}
#left .category .body{ width:260px; padding:0px 20px 0px 20px; float:left; clear:both; overflow:hidden;}
#left .category .body li{ width:100%; float:left; clear:both; padding:10px 0px 10px 0px; overflow:hidden; border-top:solid 1px #EEE;}
#left .category .body li b{ display:block; width:100%; float:left; clear:both; overflow:hidden; height:30px; line-height:30px; font-size:16px; font-weight:normal; background:url(../images/li.png) 0px 9px no-repeat; text-indent:15px;}
#left .category .body li i{ display:block; width:100%; float:left; clear:both; overflow:hidden; line-height:24px; padding:10px 0px 0px 0px;}
#left .category .body li i a{margin:0px 10px 0px 0px; color:#666;}
#left .category .body li i a:hover{color:#3a4ca2;}
#left .news{float:left; clear:both; width:100%; background:#FFF; overflow:hidden; margin:0px 0px 20px 0px;}
#left .news .body{ width:260px; padding:20px 20px 30px 20px; float:left; clear:both; overflow:hidden;}
#left .news ul{ width:100%; float:left; clear:both; overflow:hidden;}
#left .news ul li{ width:100%; float:left; clear:both; height:40px; background:url(../images/1.png) 0px 16px no-repeat;  overflow:hidden; border-bottom:solid 1px #EEE;}
#left .news ul li a{ display:block; float:left; clear:both; width:100%; height:40px; line-height:40px; overflow:hidden; text-indent:10px;}

#right{ width:880px; float:right; background:#FFF; overflow:hidden;}
#subject{ width:840px; padding:20px; overflow:hidden; height:40px; line-height:40px;  float:left; border-bottom:solid 1px #EEE;}
#subject em{float:left; display:block; font-size:28px; font-weight:normal; color:#3a4ca2; font-family:'黑体'; text-indent:20px;}
#subject span{ float:right; display:block; text-align:right; overflow:hidden; padding-right:10px;}
#subject span a{ background:url(../images/littleRight.png) right center no-repeat; margin-right:8px; padding-right:15px; color:#3a4ca2;}
#body{ width:840px; padding:20px; float:left; overflow:hidden;}

#details{width:100%; padding:0px; float:left; overflow:hidden;}
#details h1{ color:#383838; font-size:24px; font-weight:normal; line-height:30px; padding-top:10px; padding-bottom:20px; text-align:center;}
#details .date{ width:100%; float:left; clear:both; margin:0px 0px 20px 0px; line-height:36px; overflow:hidden; text-align:center; color:#666; border-top:solid 1px #EEE; border-bottom:solid 1px #EEE;}
#details .date i{ margin:0px 10px;}
#details .date b{ color:#333;}
#details .details{ width:100%; clear:none; overflow:hidden; line-height:36px; padding:0px 0px 20px 0px; float:left;}
#newslist{ width:100%; padding:0px 0px 20px 0px; overflow:hidden;}
#newslist li{ width:800px; padding:20px 20px; border-bottom:solid 1px #EEE; overflow:hidden;}
#newslist li:hover{ background:#FBFBFB;box-shadow:0 5px 5px rgba(0,0,0,.1);}
#newslist li:hover a{ color:#3a4ca2;}
#newslist li em{ display:block; float:left; width:200px; height:135px; overflow:hidden; box-shadow: 5px 5px 10px #CCC;}
#newslist li em img{ width:200px; height:135px; -o-transition:all ease .3s;  -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s;  transition: all ease .3s;}
#newslist li em img:hover{ 
-o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2);
}
#newslist li>div{ display:block; float:right; width:580px;}
#newslist li>div span{ display:block; width:100%; margin:8px 0px; height:30px; line-height:30px; overflow:hidden;}
#newslist li>div span a{ display:block; float:left; width:100%; font-size:22px; color:#000;}
#newslist .nopic em{ display:none;}
#newslist .nopic div{ width:100%;}
#newslist li div p{ display:block; width:100%; max-height:50px; line-height:25px; overflow:hidden; color:#666; font-size:14px;}
#newslist li div .more{ width:100%; height:20px; float:left; clear:both; margin:8px 0px 0px 0px; line-height:20px;}
#newslist li div .more i{ color:#999;}
.icon-fav2 {
    height: 20px;
    display: inline-block;
    cursor: pointer;
    background: url(../images/icon_fav2.png) no-repeat 0px center;
    text-indent: 19px;
    margin: 0px 2px 0px 8px;
}
#piclist{ float:left; clear:both; width:100%;}
#piclist ul{ width:870px;}
#piclist ul li{ float:left; width:260px; margin:0px 30px 30px 0px; box-shadow:0 5px 5px rgba(0,0,0,.1); overflow:hidden;}
#piclist ul li em{ display:block; float:left; clear:both; width:280px; height:165px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;}
#piclist ul li span{ display:block; float:left; clear:both; width:100%; height:50px; line-height:50px; background:#FFF; text-align:center; overflow:hidden; font-size:16px;}
#piclist ul li:hover { box-shadow:0 5px 5px rgba(0,0,0,.15);}