@font-face{
font-family: CodaCaption;
src: url("CodaCaption-ExtraBold.ttf");
}

.logo { width: 100%; margin: 0px; margin: 0px; position: relative; z-index: 999; background: #fff;  }
.logo .logo-pic { width: 320px; padding-top: 17px; }
.logo .logo-pic img { width: 500px; }
.logo .nav-list { width: 600px; }
.logo .item { width: 90px; float: left; text-align: center; }
.logo .item a { color: #333; line-height: 110px; display: block; text-align: center; font-size: 15px; }
.logo .item:hover a { background: #8bc34a; color: #eee; transition: all 0.3s ease 0s; }

.main-tt h1 { font-family: "CodaCaption"; font-size: 36px; color: #212121; font-weight: bold; text-align: center; line-height: 36px; margin-bottom: 20px; }
.main-tt span { color: #4ab344; font-family: "CodaCaption";  }
.main-tt p { font-size: 28px; color: #999; text-align: center; line-height: 28px; }
.main-tt .line { height: 2px; background: #4ab344; width: 50px; margin: 24px auto; }

.corporate { margin-top: 60px; height: 530px; }
.corporate .con { margin-top: 70px; }
.corporate .con .item { width: 240px; height: 240px; background-color: #eee; float: left; margin-left: 80px; border-radius: 120px 120px 120px 0px; transition: all 0.3s ease 0s; cursor: pointer; display: flex; justify-content: center; align-items: center; }
.corporate .con .item .icon { width: 100px; height: 100px; }
.corporate .con .item .icon path { stroke: #4ab344; fill: #4ab344 !important; }
.corporate .con .item p { color: #4ab344; font-size: 14px; font-weight: bold; text-align: center; line-height: 40px; }
.corporate .con .item:first-child { margin-left: 0px; }
.corporate .con .item:hover { border-radius: 120px 0px 120px 120px; transition: all 0.3s ease 0s; background-color: #4ab344; }
.corporate .con .item:hover path { stroke: #fff; fill: #fff !important; }
.corporate .con .item:hover p { color: #fff; }

.about { background: #eee; padding: 80px 0px; }
.about .main-tt h1 { color: #dcdcdc; text-align: left; } 
.about .main-tt p { text-align: left; } 
.about .main-tt .line { margin: 26px 0px; }

.about .conl { float: left; width: 600px; }
.about .conl .info { margin-top: 20px; }
.about .conl .info, .about .conl .info * { color: #222; font-size: 15px; line-height: 30px; text-align: justify; }
.about .conl .more { display: block; width: 240px; border: 1px solid #4ab344; color: #4ab344; text-align: center; border-radius: 6px; font-size: 14px; line-height: 36px; margin-top: 30px; transition: all 0.3s ease 0s; }
.about .conl .more:hover { background: #4ab344; color: #fff; transition: all 0.3s ease 0s; }
.about .conr { width: 550px; height: 330px; float: right; background: url(about_img.jpg) center center no-repeat #fff; padding: 5px; }

.ex01 { height: 469px; background: url(ex01_bg.jpg) center top no-repeat; }
.ex02 { height: 252px; background: url(ex02_bg.jpg) center top no-repeat; }

.ex03 { height: 600px; padding-top: 150px; background: url(ex03_bg.jpeg) center top no-repeat;  }
.ex03 .part { margin-bottom: 60px; }
.ex03 .part .p1 span { font-size: 56px; font-weight: bold; letter-spacing: 3px; font-family: "CodaCaption"; color: #4ab344; }
.ex03 .part .p1 { font-size: 20px; color: #212121; }
.ex03 .part .p2 { font-size: 16px; line-height: 42px; color: #969696; }
.ex03 .pl { width: 340px; float: left; }
.ex03 .pm { width: 490px; padding-top: 70px; float: left; }
.ex03 .pm .pic { display: flex; justify-content: center; align-items: center; }
.ex03 .pm img { width: 300px; }
.ex03 .pr { width: 360px; float: left; }

.news .part { width: 380px; margin-left: 20px; float: left; }
.news .part:first-child { margin-left: 0px; }
.news .part .tt .p1 { font-size: 26px; color: #212121; font-weight: 500; line-height: 26px; margin-bottom: 15px; letter-spacing: 1px; }
.news .part .tt .p2 { font-size: 16px; color: #dcdcdc; line-height: 16px; margin-bottom: 20px; text-indent: 24px; }
.news .part .tt .p2 span { color: #4ab344; margin-bottom: 10px; }
.news .thumb img { width: 380px; height: 160px; margin-bottom: 15px; border-radius: 3px; }
.news .list .item .title { margin: 15px 0px 8px; }
.news .list .item .title a { font-size: 15px; color: #212121; line-height: 15px; }
.news .list .item .title a:hover { color: #4ab344; }
.news .list .item .date { font-size: 13px; color: #9e9e9e; line-height: 13px; margin-bottom: 8px; }
.news .list .item .info { font-size: 13px; color: #9e9e9e; line-height: 20px; margin-bottom: 10px; }
.news .list .item:after { content: ""; display: block; height: 1px; width: 100%; background: #eee; margin: 15px 0px 20px; }
.footer { background: url(footer_bg.jpg) center bottom no-repeat; padding: 100px 0px; margin: 0px; }
.footer .pp-1 { width: 480px; }
.footer .pp-1 h1, .footer .pp-2 h1, .footer .pp-3 h1 { font-size: 24px; color: #efefef; line-height: 32px; margin-bottom: 36px; }
.footer h3 { font-size: 20px; color: #efefef; }
.footer .pp-1 p { font-size: 15px; color: #ddd; line-height: 20px; margin-bottom: 20px; }
.footer .pp-1 h1:after, .footer .pp-3 h1:after { content: ""; border: 1px solid #eee; width: 60px; display: block; margin: 10px 0px; }
.footer .pp-2 { width: 360px; padding-top: 10px; }
.footer .pp-2 h1 img { width: 240px; }
.footer .pp-2 .pic { margin-top: 30px; padding-left: 60px; }
.footer .pp-2 .pic img { width: 120px; }
.footer .pp-3 { width: 340px; }
.footer .pp-3 h1 { margin-bottom: 30px; }
.footer .pp-3 h2 { font-size: 13px; color: #7d7d7d; font-weight: normal; margin-bottom: 20px; }
.footer .pp-3 .tels, .footer .pp-3 .info { background: none; border: 1px solid #c5c5c5; line-height: 36px; font-size: 12px; text-indent: 12px; width: 280px !important; margin-bottom: 5px; color: #efefef; max-height: 80px; }
.footer .pp-3 #dosubmit { background: #c5c5c5; width: 70px; line-height: 32px; text-align: center; border: none; border-radius: 3px; color: #333; margin-top: 10px; cursor: pointer; }
.bottom { background-color: #1f1f1f; margin: 0px; }
.bottom p, .bottom a { text-align: center; color: #ddd; font-size: 14px; line-height: 50px; }