#index-main { }
.in-title { text-align: center; width: 100%; margin-bottom: 40px; position: relative; }
.in-title h3 { font-size: 55px; font-weight: bold; display: block; line-height: 55px; }
.in-title h3 b { display: inline-block; color: #009b4c; font-weight: normal; }
.in-title h4 { font-size: 24px; font-weight: normal; padding-top: 20px; display: block; letter-spacing: 10px; }
.in-title s { position: absolute; top: 12px; display: block; background: url(../images/line.png) no-repeat; width: 124px; height: 42px; }
.in-title .line_lef { left: 50%; margin-left: -392px; }
.in-title .line_rig { right: 50%; margin-right: -392px; }
.in-title { }

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

/* index-1 */
#index-pro { padding: 60px 0; width: 100%; }

.pro-menu { padding: 20px 0; width: 100%; overflow: hidden; }
.pro-menu ul { text-align: center; }
.pro-menu li { display: inline-block; width: 160px; height: 40px; margin: 0 5px; }
.pro-menu li a { display: block; width: 100%; line-height: 40px; text-align: center; font-size: 14px; color: #333333; border: 1px solid #dcdcdc; border-radius: 5px; }
.pro-menu li a:hover { border: 1px solid #009b4c; color: #fff; background: #009b4c; }
.pro-menu li.current a { border: 1px solid #009b4c; color: #fff; background: #009b4c; }

.pro-item { padding: 10px 0 60px; width: 100%; }
.pro-item ul { }
.pro-item ul .item:nth-of-type(4n) { margin-right: 0; }
.pro-item ul .item { float: left; margin: 10px 26px 10px 0; width: 280px; height: 215px; overflow: hidden; position: relative; }
.pro-item ul .item img { width: 100%; height: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.pro-item ul .item .bg { background: url(../images/bghover.png) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: block; text-align: center; opacity: 0; color: #fff; transition: all .3s; }
.pro-item ul .item .bg h3 { font-size: 18px; padding-top: 30%; }
.pro-item ul .item .bg span { width: 100px; height: 30px; line-height: 30px; display: block; margin: 5px auto; border: 1px solid #85c0a2; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.pro-item ul .item:hover .bg { opacity: 1; }
.pro-item ul .item:hover img { transform: scale(1.06, 1.06); }

.pro-more { width: 510px; margin: 0 auto; display: block; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; position: relative; height: 55px; line-height: 55px; }
.pro-more a { display: block; text-align: center; font-size: 18px; float: left; width: 250px; height: 50px; line-height: 50px; transition: all .3s; }
.pro-more .gd { color: #fff; background: #009b4c; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; border: 2px solid #009b4c; }
.pro-more .gd:hover { background: #ed8e06; border: 2px solid #ed8e06; }
.pro-more .zx { border: 2px solid #e5e5e5; color: #333; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; border-left: 0 none; }
.pro-more .zx:hover { background: #ed8e06; border: 2px solid #ed8e06; color: #fff; border-left: 0 none; }

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

/* index-service */
#index-service { padding: 36px 0; width: 100%; height: 150px; background: url(../images/index-service.jpg) no-repeat center; }

.ser-tel { width: 280px; height: 78px; border-right: 1px solid #33a169; color: #fff; }
.ser-tel h3 { font-size: 22px; font-weight: normal; }
.ser-tel h3 i { font-size: 16px; display: inline-block; font-style: normal; text-transform: uppercase; }
.ser-tel p { font-size: 30px; font-family: "AvantGardeITVbyBT Book", arial; padding-top: 16px; }
.ser-tel p em { width: 26px; height: 28px; display: inline-block; background-position: 0 -110px; margin-right: 18px; }

.ser-item { width: 880px; height: 78px; }
.ser-item .list { width: 108%; }
.ser-item li { float: left; }
.ser-item li p { width: 80px; float: left; text-align: center; font-size: 16px; color: #FFFFFF; }
.ser-item li p img { max-width: 100%; display: block; margin: 0 auto 12px; height: 44px; }
.ser-item li .jt { width: 42px; height: 44px; float: left; display: block; background: url(../images/jtou1.png) no-repeat center; }
.ser-item li:hover p { animation: flipInY 1.2s ease-out forwards; -webkit-animation: flipInY 1.2s ease-out forwards; }

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

/* index-case */
#index-case { padding: 60px 0; width: 100%; }

.case-item { width: 100%; }
.case-item .item:nth-of-type(2n) { margin-left: 0; }
.case-item .item { float: left; margin: 15px 30px 15px 0; position: relative; width: 570px; height: 246px; }
.case-item .item a { width: 569px; height: 224px; border: 1px solid #e5e5e5; position: relative; z-index: 3; display: block; padding: 18px; background: #fff; }
.case-item .item img { width: 283px; height: 200px; display: block; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.case-item .item .txt { width: 212px; height: 200px; overflow: hidden; position: relative; }
.case-item .item .txt h3 { font-size: 16px; display: block; border-bottom: 1px solid #ededed; font-weight: normal; color: #333333; height: 36px; line-height: 36px; overflow: hidden; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.case-item .item .txt p { padding-top: 20px; color: #737373; line-height: 24px; }
.case-item .item .txt .jia { position: absolute; right: 0; bottom: 0; width: 40px; height: 40px; display: block; background-position: -140px -76px; text-align: center; vertical-align: middle; transition: all .3s ease-out 0s; -webkit-transition: all .0s ease-in-out 0s; -moz-transition: all .0s ease-in-out 0s; transition: all .0s ease-in-out 0s; }
.case-item .item .di { width: 565px; height: 240px; border: 1px solid #e5e5e5; position: absolute; right: -2px; bottom: -2px; }
.case-item .item a:hover img { filter: brightness(105%); }
.case-item .item a:hover .txt .jia { background-position: -190px -76px; }

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

/* index-brand */
#index-brand { padding: 80px 0; width: 100%; background: url(../images/index-brand.jpg) no-repeat center; }

.teamwork { position: relative; }
.teamwork .item { float: left; width: 284px; height: 215px; margin-right: 23px; margin-bottom: 40px; display: flex; 
 box-sizing: border-box; border: 2px solid #e5e5e5; justify-content: center;align-items: center;
	position: relative; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.teamwork .item a { display: block; position: relative; z-index: 3;}
.teamwork .item img {/* width: 282px; height: 80px;*/
	-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.teamwork .item a:hover { border: 2px solid #009b4c; }
.teamwork .bd { overflow: hidden; }
.teamwork .btn { width: 12px; height: 22px; display: block; position: absolute; top: 50%; cursor: pointer; margin-top: -31px; -webkit-transition: all .0s ease-in-out 0s; -moz-transition: all .0s ease-in-out 0s; transition: all .0s ease-in-out 0s; }
.teamwork .prev { background-position: -48px -130px; left: -5%; }
.teamwork .prev:hover { background-position: -48px -160px; }
.teamwork .next { background-position: -70px -130px; right: -5%; }
.teamwork .next:hover { background-position: -70px -160px; }

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

/* index-about */
#index-about { padding: 60px 0; width: 100%; }

.about-nav { width: 200px; }
.about-nav li { width: 40px; height: 180px; overflow: hidden; float: left; display: block; position: relative; }
.about-nav li a { display: block; padding-top: 60px; text-align: center; background: #1d773a; color: #fff; }
.about-nav li em { width: 10px; height: 10px; border: 2px solid #fff; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; position: absolute; left: 50%; margin-left: -7px; top: 30px; }
.about-nav li h3 { width: 20px; height: 108px; line-height: 16px; margin: 0 auto; font-weight: normal; }
.about-nav li.li1 a { background: #186b33; }
.about-nav li.li2 a { background: #1d773a; }
.about-nav li.li3 a { background: #217f40; }
.about-nav li.li4 a { background: #258845; }
.about-nav li.li5 a { background: #29944b; }
.about-nav li a:hover { background: #ed8e06; }
.about-nav .more1 { width: 150px; height: 125px; background: url(../images/fuhao1.jpg) no-repeat left top; position: relative; display: block; }
.about-nav .more1 p { width: 23px; height: 60px; line-height: 14px; background: #009b4c; color: #fff; position: absolute; right: -12px; bottom: -10px; text-align: center; padding-top: 5px; font-size: 12px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.about-nav .more1:hover p { background: #ed8e06; }

.about-info { width: 1000px; }
.about-info .img { width: 510px; height: 330px; overflow: hidden; }
.about-info .img img { width: 100%; height: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.about-info .img:hover img { transform: scale(1.06, 1.06); }
.about-info .txt { width: 456px; position: relative; }
.about-info .txt .yh { width: 90px; height: 50px; display: block; background: url(../images/fuhao2.jpg) no-repeat; }
.about-info .txt a { position: relative; z-index: 2; width: 424px; height: 264px; display: block; background: #fff; }
.about-info .txt a h2 { font-size: 24px; padding: 10px 0; color: #333333; font-weight: normal; }
.about-info .txt a .desc { overflow: hidden; color: #333; width: 100%; height: 140px; line-height: 28px; }
.about-info .txt a .cha { margin-top: 36px; width: 180px; height: 40px; line-height: 40px; text-align: center; background: #009b4c; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: block; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.about-info .txt a:hover .cha { background: #ed8e06; }
.about-info .txt .bk { width: 364px; height: 330px; border: 1px solid #dfdfdf; display: block; position: absolute; right: 0; top: 0; }

.ihonor { padding-top: 52px; position: relative; }
.ihonor .bd { overflow: hidden; }
.ihonor .list { width: 118%; }
.ihonor .item { float: left; width: 280px; height: 215px; overflow: hidden; position: relative; margin-bottom: 20px; margin-right: 27px; }
.ihonor .item img { width: 100%; height: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.ihonor .item .bg { background: url(../images/bghover.png) no-repeat left top; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; display: block; text-align: center; color: #fff; opacity: 0; }
.ihonor .item .bg h3 { font-size: 18px; padding: 30% 3% 0; font-weight: normal; }
.ihonor .item .bg span { width: 100px; height: 30px; line-height: 30px; display: block; margin: 0 auto; border: 1px solid #85c0a2; text-align: center; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
.ihonor .item:hover .bg { opacity: 1; }
.ihonor .item:hover img { transform: scale(1.06, 1.06); }
.ihonor .btn { width: 42px; height: 72px; display: block; position: absolute; top: 50%; margin-top: -21px; cursor: pointer; }
.ihonor .prev { background-position: -110px -210px; left: -5%; }
.ihonor .prev:hover { background-position: -216px -210px; }
.ihonor .next { background-position: -164px -210px; right: -5%; }
.ihonor .next:hover { background-position: -270px -210px; }

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

/* index-news */
#index-news { padding: 60px 0; width: 100%; border-top: 1px solid #E9E9E9; }

.news-left { width: 430px; position: relative; }
.news-left .item { position: relative; z-index: 3; }
.news-left .item .img { height: 170px; overflow: hidden; }
.news-left .item .img img { float: right; width: 228px; height: 170px; display: block; }
.news-left .item .img .time { width: 202px; height: 170px; position: relative; overflow: hidden; background: url(../images/xw_time.jpg) no-repeat; text-align: center; color: #fff; font-size: 16px; }
.news-left .item .img .time b { font-size: 60px; line-height: 60px; display: block; padding-top: 40px; }
.news-left .item .img .time .yuan { position: absolute; width: 136px; height: 136px; display: block; left: 50%; margin-left: -68px; top: 50%; margin-top: -68px; background: url(../images/yuan.png) no-repeat; }
.news-left .item a { display: block; }
.news-left .item img { width: 100%; height: 100%; display: block; }
.news-left .item .txt { width: 100%; }
.news-left .item .txt h3 { font-size: 20px; font-weight: normal; padding: 15px 0 0; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.news-left .item .txt p { color: #999; overflow: hidden; height: 60px; line-height: 20px; padding-top: 5px; }
.news-left .item .txt span { width: 202px; height: 55px; line-height: 55px; border: 2px solid #009b4c; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; display: block; font-size: 18px; color: #009b4c; margin-top: 15px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
.news-left .item .txt:hover span { background: #009b4c; color: #fff; }
.news-left .di { position: absolute; left: 0; bottom: 0; width: 100%; height: 100px; background: #ceeeff; -moz-border-radius-bottomleft: 15px; -webkit-border-bottom-left-radius: 15px; border-bottom-left-radius: 15px; z-index: 0; }

.news-item { width: 740px; }
.news-item .item { margin-bottom: 26px; transition: all 0.2s linear 0s; width: 100%; position: relative; }
.news-item .item a { display: block; }
.news-item .item .img { width: 133px; height: 100px; overflow: hidden; margin-right: 22px; }
.news-item .item .img img { width: 100%; height: 100%; display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.news-item .item .txt { width: 480px; }
.news-item .item h3 { width: 100%; height: 24px; line-height: 24px; font-size: 18px; color: #333333; font-weight: normal; text-overflow: ellipsis; white-space: normal; overflow: hidden; }
.news-item .item p { font-size: 14px; line-height: 20px; color: #999; height: 60px; overflow: hidden; padding-top: 10px; }
.news-item .item .time { display: block; width: 66px; height: 100px; line-height: 50px; text-align: center; font-size: 14px; border-left: 1px solid #e9e9e9; padding-left: 20px; }
.news-item .item .time b { display: block; font-size: 48px; color: #009b4c; line-height: 60px; }
.news-item .item:hover img { transform: scale(1.06, 1.06); }