html,body,div,h1,h2,h3,h4,h5,h6,form,ul,ol,li,dl,dt,dd,span,p,img { margin:0; padding:0; border:0; font-size:14px; font-size:100%; font-family:'Microsoft Yahei'; box-sizing:border-box;}
html,body { margin:0 auto; width:100%; height:100%; background:#e4e9ed; -webkit-text-size-adjust:none; }
img,a img{ border:0;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:100%; }
ol,ul,li{ list-style:none;}
textarea { resize: none;}
input,select,textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; box-sizing:border-box;}
input { -webkit-appearance: none;}
a{ text-decoration: none; color:#333;}

.topMain { margin-bottom:50px; float:left; width:100%; min-width:1200px; height:190px; background:#fff; }
.topMenu { margin:0 auto; margin-top:130px; width:1200px; height:60px; border-top:2px solid #d2d8db; background:#fff; }
.logo { padding-top:10px; float:left; width:240px; height:60px; vertical-align:middle; }
.menuMain { margin-left:50px; float:right; width:910px; height:40px; line-height:60px; background:#fff; }
.menuMain ul { width:100%; height:100%; }
.menuMain ul li { position:relative; padding-left:10px; float:left; height:100%; color:#3d3d3d; font-size:15px; border-left:1px solid #cdd3d3; }
.menuMain ul li a { display:block; color:#3d3d3d; }
.menuMain ul li a:hover { color:#4aa600; }
.menuMain ul li#menu1 { width:160px; }
.menuMain ul li#menu2 { width:180px; }
.menuMain ul li#menu3 { width:190px; }
.menuMain ul li#menu4 { width:200px; }
.menuMain ul li#menu5 { width:180px; }
.menuMain ul li span.dots { position:absolute; top:-4px; left:-3px; width:5px; height:5px; background:#cdd3d3; }
.menuMain ul li span.words { color:#9e9e9e; }
.menuMain ul li.active { color:#4aa600; border-left:1px solid #4aa600; }
.menuMain ul li.active a { display:block; color:#4aa600; }
.menuMain ul li.active span.dots { position:absolute; top:-4px; left:-3px; width:5px; height:5px; background:#4aa600; }
.menuMain ul li.active span.words { color:#4aa600; }
.menuMain ul li:hover { color:#4aa600; border-left:1px solid #4aa600; }
.menuMain ul li:hover a { color:#4aa600; }
.menuMain ul li:hover span.dots { position:absolute; top:-4px; left:-3px; width:5px; height:5px; background:#4aa600; }
.menuMain ul li:hover span.words { color:#4aa600; }
.menuMain ul li ul { position:absolute; top:58px; left:0; background:#0CF; display:none; z-index:100; }
.menuMain ul li ul#submenu1 { width:160px; }
.menuMain ul li ul#submenu2 { width:180px; }
.menuMain ul li ul#submenu3 { width:190px; }
.menuMain ul li ul#submenu4 { width:200px; }
.menuMain ul li ul#submenu5 { width:180px; }
.menuMain ul li:hover ul { display:block; }
.menuMain ul li ul li { float:left; width:100%; height:40px; line-height:40px; border-left:1px solid #fff; background:#fff; border-bottom:1px solid #CCC; }
.menuMain ul li ul li:hover { color:#4aa600; }


.container { margin:0 auto; width:1200px; height:auto; }
.focusMain { float:left; width:860px; height:540px; background:#fff; }
.swiper-container { width: 100%; height: 100%; }
.swiper-pagination-bullet{opacity:0.3;background:#333;}
.swiper-pagination-bullet-active{opacity:1;background:#4aa600;}

.sideMain { margin-left:6px; float:left; width:334px; height:540px; }
.sideMain ul { width:100%; height:100%; }
.sideMain ul li { float:left; width:334px; height:176px; margin-bottom:6px; }
.sideMain ul li.last { margin-bottom:0; } 
.showimage { display:inline-block; width:100%; height:auto; }

.subtitle { margin:10px 0 20px 0; float:left; width:100%; height:60px; color:#9e9e9e; font-size:28px; line-height:30px; }
.subtitle p { font-size:14px; }
.clients { padding:30px 0; float:left; width:1200px; height:auto; min-height:500px; background:#fff; }
.clients ul { width:100%; height:100%; }
.clients ul li { margin:30px 20px; float:left; width:200px; height:60px; }

.aboutMain { float:left; width:1200px; height:auto; min-height:500px; color:#7d8285; }
.aboutLeft { float:left; width:550px; height:630px; }
.aboutTitle { margin:5px 0 20px 0; float:left; width:100%; height:60px; color:#9e9e9e; font-size:28px; line-height:30px; }
.aboutTitle p { font-size:14px; }
.aboutPhoto { margin-top:190px; float:left; width:550px; height:280px; }
.aboutPhoto2 { margin-top:310px; float:left; width:550px; height:280px; }
.aboutInfo { margin-left:60px; float:left; width:590px; height:auto; line-height:30px; word-break:break-all; }
.aboutInfo p.info { font-size:12px; line-height:22px; }
.aboutInfo h1 { font-size:20px; }

/* 作品展示 */
.worksLists { float:left; width:1200px; height:auto; min-height:700px; }
.worksCategory { float:left; width:1200px; height:500px; }
.worksType { position:relative; margin-bottom:20px; padding:10px 10px; float:left; width:1200px; height:60px; color:#6fb52c; font-size:20px; line-height:20px; border-radius:8px 8px 0 0; background:#fff url(../../images/zhongzi/news/news_line.jpg) left bottom no-repeat; background-size:100% 4px; }
.worksType span { margin-right:5px; background:url(../../images/zhongzi/news/news_title.jpg) 0 4px no-repeat; }
.worksType p { font-size:12px; color:#6fb52c; }
.worksType .moreBtn { position:absolute; top:20px; right:15px; width:120px; height:30px; line-height:30px; font-size:16px; text-align:right; }
.worksType .moreBtn a { display:block; }
.worksItem { position:relative; margin:0 5px 30px 5px; float:left; width:290px; height:450px; border:1px solid #c9c7c8; background:#fff; overflow:hidden;}
.worksPhoto { margin:9px 9px; float:left; width:270px; height:390px; overflow:hidden; }
.worksTitle { margin:0 9px; float:left; width:270px; height:40px; color:#9e9e9e; text-align:center; line-height:30px;}
.worksTitle a { color:#9e9e9e; }
.worksCover { position:absolute; top:0; left:0; padding:150px 90px; width:290px; height:450px; background:rgba(111,181,44,0.9); z-index:10;
    opacity:0;
	
    transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
}
.worksItem:hover .worksCover{ 
	opacity:1;
}


/* 新闻中心 */
.newsMain { float:left; width:1200px; height:auto; }
.newsLeft { float:left; width:220px; height:1330px; border-radius:12px 0 0 0; background:#fff; }
.newsVideo { padding:20px 0 0 65px; float:left; width:220px; height:75px; color:#fff; font-size:22px; line-height:22px;  border-radius:12px 0 0 0; background:#74a843 url(../../images/zhongzi/news/icons_tv.png) 15px 20px no-repeat; }
.newsVideo p { font-size:12px; }
.newsTree { padding:20px 0 0 65px; float:left; width:220px; height:75px; color:#fff; font-size:22px; line-height:22px;  border-radius:12px 0 0 0; background:#74a843 url(../../images/zhongzi/endless/icons_tree.png) 8px 16px no-repeat; }
.newsTree p { font-size:12px; }
.newsType { float:left; width:220px; height:auto; }
.newsType ul { width:100%; height:100%; }
.newsType ul li { padding-left:45px; float:left; width:100%; height:45px; line-height:45px; border-top:1px solid #fff; background:url(../../images/zhongzi/news/news_type.png) 0 0 no-repeat; }
.newsType ul li a { display:block; }
.newsType ul li:hover { background:url(../../images/zhongzi/news/news_type.png) 0 -45px no-repeat; }
.newsType ul li:hover a { color:#fff; }
.newsType ul li.on { background:url(../../images/zhongzi/news/news_type.png) 0 -45px no-repeat; }
.newsType ul li.on a { color:#fff; }
.newsRight { margin-left:15px; padding:20px 40px; float:left; width:965px; height:auto; min-height:1330px; border-radius:0 12px 12px 0; background:#fff; }
.newsTop { float:left; width:885px; height:52px; line-height:52px; font-size:18px; background:url(../../images/zhongzi/news/news_line.jpg) left bottom no-repeat; }
.newsTop span { margin-right:5px; background:url(../../images/zhongzi/news/news_title.jpg) 0 2px no-repeat; }
.newsItem { margin:20px 0 0 0; float:left; width:100%; height:200px; border-bottom:1px dashed #e0dfdf; }
.newsItem p { margin-bottom:15px; float:left; width:885px; height:40px; line-height:40px; font-size:18px; font-weight:bold; }
.newsItem p span.datetime { float:right; width:220px; font-size:14px; font-weight:normal; text-align:right; }
.newsThumb { margin-right:25px; float:left; width:200px; height:120px; }
.newsInfo { float:left; width:660px; line-height:30px; }
.newsInfo p {margin-bottom:10px; float:left; width:660px; height:55px; line-height:30px; font-size:14px; font-weight:normal; }
.newsMore { float:right; }
.newsTitle { margin:20px 0; padding-bottom:10px; float:left; width:885px; height:auto; min-height:60px; text-align:center; font-size:26px; color:#333; border-bottom:1px dashed #cdd3d3;}
.newsTitle .titleInfo { font-size:12px; line-height:35px; color:#666;}
.newsContent { margin:0 0 50px 0; float:left; width:885px; height:auto; min-height:700px; line-height:30px; font-size:14px; color:#333;}
.newsContent h1 { font-size:20px; }

#pages { margin:0 auto; padding:50px 0 50px 0; text-align:center; font-size:14px; color:#4aa600; display:block; clear:both;}
#pages a{ height:35px; line-height:35px; color:#4aa600; background:#fff; border:1px solid #4aa600; padding:5px 10px; text-decoration:none}
#pages a:link,#pages a:visited,#pages a:active{ height:35px; line-height:35px; color:#4aa600; background:#fff; border:1px solid #4aa600; padding:5px 10px;text-decoration:none}
#pages a:hover {background:#4aa600;border:#4aa600 1px solid;color:#fff;padding:5px 10px;text-decoration:none}
#pages span {background:#4aa600;height:35px;line-height:35px;padding:5px 10px;border:#4aa600 1px solid;color:#fff; font-weight:bold}

.contactLeft { float:left; width:220px; height:842px; border-radius:12px 0 0 0; background:#fff; }
.contactRight { margin-left:15px; padding:20px 40px; float:left; width:965px; height:auto; min-height:700px; border-radius:0 12px 12px 0; background:#fff; }
.photoMain { margin:48px 0; float:left; width:885px; height:420px; }
.photoInfo { margin-bottom:40px; float:left; width:885px; height:auto; min-height:80px;}
.photoLeft { float:left; width:205px; height:100px; font-size:30px;}
.photoLeft .titleSmall { font-size:12px; color:#d3bb8a;}
.photoRight { float:left; width:680px; height:auto; min-height:80px; font-size:12px; color:#929292; line-height:24px; }
.contactAddress { padding-top:5px; float:right; width:540px; height:120px; font-size:16px; color:#666666; line-height:22px; }
.contactAddress .contactInfo{ font-size:15px; margin-bottom:15px;  text-align:right; }
.contactAddress .contactInfo .footerFlag{float:left;margin:-3px 12px 0 86px; width:24px; height:26px; background:url(../../images/zhongzi/endless/icons_map.png) 0 0 no-repeat;}
.contactAddress p { padding-left:123px;}

.subtitle2 { margin:10px 0 0 0; padding:30px 30px; float:left; width:100%; height:120px; color:#6fb52c; font-size:24px; line-height:30px; background:#fff; }
.subtitle2 p { font-size:12px; }
.worksMain { float:left; width:1200px; height:auto; min-height:600px; background:#fff; }
.worksLeft { margin:0 10px 50px 30px; float:left; width:240px; height:600px; font-size:12px; line-height:30px; color:#696969; }
.worksLeft p.title1 { font-size:22px; }
.worksLeft p.title2 { font-size:12px; }
.worksLeft p.worksLogo { margin-top:30px; float:left; width:240px; height:240px; }
.worksRight { margin:0 30px 50px 30px; float:left; width:860px; height:auto; min-height:600px; overflow:hidden; font-size:13px; line-height:30px; }

.mapLists { float:left; width:100%; height:700px; }
.mapItem { margin:20px 10px 0 10px; float:left; width:280px; height:280px; border:1px solid #bfbebe; background:#fff;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}
.mapItem p.mapPhoto { margin:30px 60px 20px 60px; float:left; width:160px; height:160px; }
.mapItem p.mapTitle { float:left; width:280px; height:40px; font-size:20px; color:#373333; line-height:40px; text-align:center;  }
.mapItem:hover { background:#85cb42; transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); }

.mapItem2 { margin:20px 10px 0 10px; float:left; width:280px; height:280px; border:1px solid #bfbebe; background:#fff;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
}
.mapItem2 p.mapPhoto2 { margin:30px 0 20px 0; float:left; width:278px; height:160px; overflow:hidden; }
.mapItem2 p.mapTitle { float:left; width:280px; height:40px; font-size:20px; color:#373333; line-height:40px; text-align:center; }
.mapItem2:hover { background:#85cb42; transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); }

.footer { margin:40px 0; padding:20px 25px; float:left; width:1200px; height:140px; line-height:20px; font-size:11px; color:#fff; background:#809199; }
.addleft { float:left; width:340px; height:100px; }
.addright { float:left; width:480px; height:100px; }
.qrcode { float:right; width:100px; height:100px; }

@media (min-width: 1200px) {
 
}