.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:100px; background:#FFF url(../images/c_zp_logo_bj.jpg) 0px bottom repeat-x; padding:10px 0px; overflow:hidden;} #header .left{ height:100px; font-size:36px; font-family:'黑体'; color:#00bbb3;} #header .left b{ display:block; float:left; clear:both; width:100%; padding:22px 0px 5px 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:12px; letter-spacing:1.5px; text-transform:uppercase; font-family:Arial; color:#CCC;} #header .right{ padding:20px 0px; height:60px; line-height:60px; position:relative;} #header .right i{ display:block; float:left; background:url(../images/tel_icon.png) 10px center no-repeat; background-size:50px auto; padding:0px 0px 0px 65px; font-size:40px; color:#00bbb3;} #menu{ width:100%; height:50px; float:left; clear:both; border-top:solid 1px #EEE; background:#00bbb3; box-shadow:2px 2px 6px #F3F3F3;} #menu ul li{ float:left; width:171px; height:50px; text-align:center; line-height:50px; position:relative; } #menu ul li>a{ display:block; width:100%; height:50px; color:#FFF; font-family:'黑体'; font-size:18px;} #menu ul li .curr{ background:rgba(4,169,162,0.9); color:#FFF;} #menu ul li em{ display:none; position:absolute; left:0px; top:50px; width:171px; overflow:hidden;z-index:99999999;} #menu ul li em a{ display:block; width:100%; padding:10px 5px; box-sizing:border-box; line-height:30px; text-align:center; color:#FFF; background:rgba(4,169,162,0.75); } #menu ul li em a:hover{background:rgba(4,169,162,0.9);} #flash{ width:100%; height:450px; float:left; clear:both; overflow:hidden; position:relative;} #banner{ width:100%; height:849px; float:left; clear:both; margin:20px 0px; overflow:hidden; position:relative;} .top { position:relative; width:1200px; margin:20px auto 20px auto; clear:both; height:80px; overflow:hidden; border-bottom:solid 1px #F0F0F0; text-align:center; font-size:32px;} .top i{ display:block; margin:auto; clear:both; width:150px; line-height:75px; border-bottom:solid 5px #00bbb3;} .top b{ font-size:100px; font-weight:bold; color: rgba(169,179,197,.1); font-family: 'Times New Roman'; position: absolute; top: 0; left: 0; text-transform: uppercase; z-index: 1; line-height: 0.8; width: 100%; text-align:center; } .index_top { float:left; clear:both; width:100%; border-bottom:solid 1px #EEE; overflow:hidden; position:relative;} .index_top span{ display:block; float:left; font-size:30px; padding:20px 5px; border-bottom:solid 5px #00bbb3;} .index_top em{ display:block; float:left; padding:20px 0px 20px 10px; font-family: 'Times New Roman'; font-style: italic; font-weight: bold; text-transform:uppercase; color: rgba(169,179,197,.5); font-size:20px; } .index_top a{float:right; margin:30px 10px 0px 0px; padding:3px 6px; line-height:20px; font-size:12px; border-radius:500px; font-family: Arial; background:#00bbb3; color:#FFF;} .index_top a:hover{ color:#FFF;} .index_body{float:left; clear:both; width:100%; padding:20px 0px 0px 0px; overflow:hidden;} #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:#00bbb3; 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;} #indexabout{ float:left; clear:both; width:100%; height:450px; background:url(../images/bg3.jpg) center center; background-size:cover; padding:100px 0px 100px 0px; overflow:hidden;} #indexabout .w1200{ width:1200px; position:relative;} #indexabout #map{ float:left; width:650px; height:380px; border:solid 5px rgba(255,255,255,0.5); overflow:hidden;} #indexabout #map img{width:650px; height:380px;} #indexabout .about{ position:absolute; right:0px; top:0px; width:650px; overflow:hidden;} .company-name-box { float:left; clear:both; margin:0px 0px 15px 0px; width: 100%; text-align:right; overflow:hidden; } .company-name-box .company-zh-name, .company-name-box .company-en-name { width: 100%; height: 50px; line-height: 50px; overflow: hidden; } .company-name-box .company-zh-name { font-size: 42px; color: #FFF; } .company-name-box .company-en-name { font-size: 30px; color:rgba(255,255,255,0.35); font-family: 'Times New Roman'; } #indexabout .company-details{ width:100%; padding:30px; box-sizing:border-box; background:rgba(255,255,255,0.95); overflow:hidden;} #indexabout .about p{ width:100%; padding:0px 0px 0px 0px; height:224px; line-height:32px; overflow:hidden; text-indent:2em;} #indexabout .about a{ display:block; float:right; margin:10px 0px 0px 0px; width:100px; height:36px; line-height:36px; background:#00bbb3; text-align:center; color:#FFF; border-radius:2px;} #index5{ float:left; clear:both; width:100%; padding:50px 0px 80px 0px; overflow:hidden;} #index5 .list{ position:relative; width:1300px; padding:20px 0px 0px 0px; margin:auto; clear:both; overflow:hidden;} #index5 .list>i{ position:absolute; width:50px; height:50px; top:100px; border-radius:5px; cursor:pointer;} #index5 .list #f1{ left:0px; background:#F0F0F0 url(../images/index_592.png) center center no-repeat; background-size:40px 40px;} #index5 .list #f2{ right:0px; background:#F0F0F0 url(../images/index_622.png) center center no-repeat; background-size:40px 40px;} #index5 .gd{ width:1180px; margin:auto; clear:both; overflow:hidden;} #index5 ul{ width:1180px; overflow:hidden;} #index5 ul li{ float:left; position:relative; width:245px; padding:15px; background:#FFF; margin:10px 10px 20px 10px; overflow:hidden;box-shadow: 0px 2px 7px #DDD;} #index5 ul li em{ display:block; float:left; width:100%; height:180px; 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:url(../images/bg13.png) center center no-repeat; background-size:cover; padding:80px 0px 80px 0px; overflow:hidden;} #index6 .top i{ background:#FFF;} #index6 .left{ width:280px; overflow:visible;} #index6 .left_top{ width:100%; background:#00bbb3; height:70px; line-height:70px; color:#FFF; text-indent:20px; font-weight:normal;} #index6 .left_top b{ font-weight:normal; font-size:24px;} #index6 .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; } #index6 .left .category{ width:100%; float:left; clear:both; box-shadow:2px 2px 6px #EEE;} #index6 .left .category ul{ width:278px; float:left; clear:both; border:solid 1px #EEE; border-top:none;} #index6 .left .category ul li{ position:relative; display:block; width:100%; height:42px; line-height:42px; border-top: solid 1px #EEE;} #index6 .left .category ul .curr{ background:#F0F0F0;box-shadow:2px 2px 6px #EEE;} #index6 .left .category ul li i{ position:absolute; display:block; width:20px; height:20px; line-height:20px; text-align:center; background:#00bbb3; border-radius:0%; left:10px; top:15px; color:#FFF; font-size:22px; cursor:pointer;} #index6 .left .category ul li>a{ font-size:16px; padding-left:40px;} #index6 .left .category ul div{ display:none; width:278px; border:solid 1px #EEE; border-bottom:none; background:#FFF; position:absolute; left:278px; top:-1px; z-index:10000;box-shadow:2px 2px 6px #EEE; overflow:hidden;} #index6 .left .category ul div em{ position:absolute; display:block; width:3px; height:3px; background:#00bbb3; border-radius:50%; left:17px; top:23px;} #index6 .left .category ul div a{ display:block; position:relative; width:100%; height:50px; line-height:50px; border-bottom:solid 1px #EEE; text-indent:25px;} #index7{ width:100%; float:left; clear:both; padding:50px 0px 30px 0px; overflow:hidden;} #index7 .list{ width:1220px; padding:50px 0px 50px 0px; margin:auto; clear:both; overflow:hidden;} #index7 .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:rgba(255,255,255,0.5);} #index7 .list li:hover{ box-shadow:2px 2px 6px #CCC; background:rgba(255,255,255,0.85);} #index7 .list li em{ display:block; width:100%; height:165px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;} #index7 .list li span{ display:block; width:100%; height:50px; line-height:50px; text-align:center; font-size:16px;} .index_contact{width:280px; float:left; margin:20px 0px 0px 0px; background:#f7f7f7;box-shadow:2px 2px 6px #EEE; overflow:hidden;} .index_contact ul{ float:left; width:100%; padding:0px 0px 22px 0px; overflow:hidden;} .index_contact li{ width:100%; float: left; border-top:solid 1px #eee; padding:15px 10px;} .index_contact li i{ display:block; float:left; margin:10px 10px 10px 0px; width:40px; height:40px; line-height:40px; text-align:center; background:#00bbb3; color:#FFF; border-radius:500px; font-size:22px;} .index_contact li em{ display:block; float:left; width:200px; padding:5px 0px 0px 0px; overflow:hidden;} .index_contact li h1{ font-weight:normal; height:28px; line-height:28px; font-size:14px;color:#999;} .index_contact li b{ font-weight:normal; padding:4px 0px; line-height:24px; font-size:14px; color:#222;} .index_contact .indexewm{ width:100%; padding:20px 0px 0px 0px; text-align:center;} .index_contact .indexewm img{ width:150px;} .index_contact .indexfont{ width:100%; text-align:center; line-height:40px;} #index6 .list{ float:right; width:880px; overflow:hidden;} #index6 .list ul{ float:left; clear:both; width:900px; padding:30px 0px 0px 0px; overflow:hidden;} #index6 .list li{ float:left; width:260px; padding:9px 9px 0px 9px; border:solid 1px #eee; margin:0px 20px 20px 0px; overflow:hidden;box-shadow:2px 2px 6px #EEE; background:rgba(255,255,255,0.5);} #index6 .list li:hover{ box-shadow:2px 2px 6px #CCC; background:rgba(255,255,255,0.85);} #index6 .list li em{ display:block; width:100%; height:180px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;} #index6 .list li span{ display:block; width:100%; height:45px; line-height:45px; text-align:center; font-size:16px;} #index_news{width:100%; float: left; clear:both; background:url(../images/bg22.png) center center repeat-y; padding:100px 0px 100px 0px; overflow:hidden;} #index_news .body{ width:1240px; float:left; clear:both; overflow:hidden;} #index_news .newslist{ float:left; width:580px; padding:10px 20px 40px 20px; box-sizing:border-box; background:rgba(255,255,255,0.95); margin:0px 40px 0px 0px; overflow:hidden;} #index_news .img{ float:left; width:220px; height:185px; padding:30px 0px 0px 0px; overflow:hidden;} #index_news .img img{ width:100%; height:185px;} #index_news .news{ float:right; width:305px; padding:20px 0px 0px 0px; box-sizing:border-box; overflow:hidden;} #index_news ul{ float:left; clear:both; width:100%; overflow:hidden;} #index_news ul li{ width:100%; float:left; clear:both; height:34px; background:url(../images/littleRight.png) 0px 14px no-repeat; line-height:34px; overflow:hidden;} #index_news ul li a{ display:block; float:left; width:225px; overflow:hidden; text-indent:8px;} #index_news ul li i{ display:block; float:left; width:75px; font-size:12px; color:#888; font-family: Arial; text-align:right; overflow:hidden;} #index4{ width:100%; float: left; clear:both; background:url(../images/section1.jpg) center center no-repeat; background-size:cover; padding:50px 0px 100px 0px; overflow:hidden;} .index_news_img{ float:left; width:350px; height:350px; margin:40px 0px 0px 0px; box-shadow:2px 2px 6px #EEE; overflow:hidden;} .index_news_img img{ width:350px; height:350px;} .index_news{ float:right; width:850px; padding:20px 0px 0px 0px;} .index_news ul{ width:880px;} .index_news li{ float:left; width:405px; background:#FFF; margin:20px 0px 0px 20px; padding:20px; box-sizing:border-box; border:solid 1px #EEE; box-shadow:0px 2px 6px #EEE; overflow:hidden;} .index_news li:hover{ background:#FBFBFB;} .index_news li span{ display:block; width:100%; margin:8px 0px; height:30px; line-height:30px; overflow:hidden;} .index_news li span a{ display:block; float:left; width:100%; font-size:22px; color:#000;} .index_news li p{ display:block; width:100%; height:50px; line-height:25px; overflow:hidden; color:#666; font-size:14px;} .index_news li .more{ width:100%; height:20px; float:left; clear:both; margin:8px 0px 0px 0px; line-height:20px;} .index_news li .more i{ color:#999;} #footerlink{ width:100%; float:left; clear:both; overflow:hidden; background:rgba(4,169,162,0.9);} #footerlink>div{ position:relative; width:1200px; margin:auto; clear:both; line-height:30px; padding:20px 0px;} #footerlink>div i{ display:inline-block; height:30px; line-height:30px; background:url(../images/link.png) 0px center no-repeat; background-size:25px 25px; padding:0px 0px 0px 30px; font-size:18px; font-family:'黑体'; color:#FFF;} #footerlink>div a{ margin:0px 5px; color:#FFF;} #footer{width:100%; padding:20px 0px 40px 0px; background:rgba(4,169,162,0.8); color:#FFF; float:left; clear:both;} #footer .w1200{ position:relative; overflow:visible;} #footer a{ color:#FFF;} #footer .left{ width:290px; padding:40px 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:#FFF; 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/tele.png) 0px 5px no-repeat; height:60px; line-height:30px; padding:2px 0px 2px 75px; font-size:16px;} #footer .tel b{ font-size:28px;} #footer .add{ width:100%; padding:10px 0px 0px 0px; float:left; clear:both; line-height:25px; color:#CCC;} #footer .right{ width:880px; 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:#FFF;} #footer .right .ewm{ position:absolute; right:0px; top:20px; width:136px; height:160px; overflow:hidden;} #footer .right .ewm img{ width:126px; height:126px; border:solid 5px rgba(4,169,162,0.9);} #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:#FFF;} #copy p a{ margin:0px 3px; color:#FFF;} #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:#00bbb3; 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:20px; float:left; clear:both; overflow:hidden;} #left .category ul li{ display:block; position:relative; width:100%; height:40px; line-height:40px;} #left .category ul .li{ height:50px; line-height:50px; background:#F0F0F0; font-size:16px; margin:0px 0px 10px 0px;} #left .category ul div{ width:100%; padding:0px 0px 10px 0px; overflow:hidden;} #left .category ul li i{ position:absolute; display:block; width:22px; height:22px; line-height:22px; text-align:center; background:#00bbb3; border-radius:0%; left:10px; top:14px; color:#FFF; font-size:24px; cursor:pointer;} #left .category ul li em{ position:absolute; display:block; width:3px; height:3px; background:#00bbb3; border-radius:50%; left:27px; top:18px;} #left .category ul li a{ padding-left:35px;} #left .category ul .li a{ padding-left:40px;} #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; line-height:40px; float:left; border-bottom:solid 1px #EEE;} #subject em{float:left; display:block; font-size:28px; font-weight:normal; color:#00bbb3; 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:#00bbb3;} #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:#00bbb3;} #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:260px; height:180px; 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);} #index8 ul{ float:left; clear:both; padding:20px 0px 50px 0px; overflow:hidden; width:1215px;} #index8 ul li{ float:left; width:390px; height:226px; margin:0px 15px 15px 0px; overflow:hidden;} #index8 ul li img { width: 100%; height: auto; display: block; -o-transition:all ease .3s; -webkit-transition: all ease .3s; -moz-transition:all ease .3s; -ms-transition:all ease .3s; transition: all ease .3s; } #index8 ul li:hover img { -o-transform:scale(1.2); -webkit-transform: scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); transform: scale(1.2); }