.navlist {background: #1585ed;}

/*第一部分*/
.wrapper{width: 1100px; margin: 0 auto;}
.wrapper h1{padding: 56px 0 20px; font-size: 36px; line-height: 36px; font-weight: bold; text-align: center; color: #90c320;}
.subtit{font-size: 18px; line-height: 36px; color: #666; text-align: center; font-weight: normal;}
.subtit i{border-bottom: 1px solid #eaeaea; display: block; padding-top: 40px;}
.mtop p{margin-top: -19px;}
.subtit span{text-align: center; background: #fff; padding: 0 12px;}
.list{padding-top:50px;}
.list li{float: left; text-align: center; padding:0 30px;}
.list li .img{width:160px; height:160px; margin-bottom:20px;}
.list li .img img{ transition:transform 1s; -webkit-transition:-webkit-transform 1s; -moz-transition:-moz-transform 1s; -o-transition:-o-transform 1s; -ms-transition:-ms-transform 1s;}
.list li .img img:hover{transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg);}
.list li .t{font-size: 22px; line-height: 30px; padding-bottom:10px;}
.list li .des{font-size: 16px; color:#999;}

/*第二部分*/
.part-2{background: #fcfcfc; padding-bottom: 60px; margin-top: 60px;}
.part-2 .con{height: 316px; overflow: hidden; border:1px solid #ececec; border-right: none; width: 1096px; margin: 50px auto 0}
.part-2 .con li{width:273px; float: left; border-right: 1px solid #ececec; height: 316px; background: #fff}
.part-2 .con li .img{width: 273px; height: 190px; overflow: hidden; padding-bottom: 10px}
.part-2 .con li .img img{width: 273px; height: 190px; display: block;}
.part-2 .con li .t{font-size: 18px; padding: 0 30px; line-height: 30px; color: #666; padding-bottom: 5px;}
.part-2 .con li .des{color: #999; padding: 0 30px; line-height: 24px;}

/*第三部分*/
.slidebox{padding: 80px 0; position: relative; height: 350px; overflow: hidden;}
.slidebox .slideobj li{width: 1100px; height: 440px;}
.slidebox .slideobj li .coordination{width: 240px; height: 140px;padding: 0 60px 0 250px; float: left; margin-bottom: 60px; position: relative;}
.slidebox .slideobj li .coordination i{width:200px; height: 140px; display: block; background: url(../images/icon-zshops.png) no-repeat; position: absolute; left: 40px; top: 0}
.slidebox .slideobj li .coordination i.icon-c1{background-position: 0px 0px;}
.slidebox .slideobj li .coordination i.icon-c2{background-position: 0px -140px;}
.slidebox .slideobj li .coordination i.icon-c3{background-position: 0px -280px;}
.slidebox .slideobj li .coordination i.icon-c4{background-position: 0px -420px;}
.slidebox .slideobj li .coordination i.icon-c5{background-position: 0px -560px;}
.slidebox .slideobj li .coordination i.icon-c6{background-position: 0px -700px;}
.slidebox .slideobj li .coordination i.icon-c7{background-position: 0px -840px;}
.slidebox .slideobj li .coordination i.icon-c8{background-position: 0px -980px;}
.slidebox .slideobj li .coordination .t{font-size: 18px; line-height: 26px; padding-bottom: 10px}
.slidebox .slideobj li .coordination .des{line-height: 30px; color: #999}
.slidebox .hd{width: 44px; height: 24px; position: absolute; bottom: 0px; left: 530px; z-index: 10;}
.slidebox .hd li{display: block; width: 12px; height: 12px; text-indent: -999em; background: #ececec; cursor: pointer; border-radius: 6px; overflow: hidden; float: left; margin-right: 10px;}
.slidebox .hd li.on{background: #f87500;}

/*第四部分*/
.part-4{background: #fcfcfc; margin-top: 60px;}
.slidebox1{padding: 75px 61px 80px; position: relative;}
.slidebox1 .slide{ height: 240px;width: 978px; overflow: hidden; position: relative;}
.slidebox1 .slide ul{height: 240px; position: absolute; left: 0; top: 0;}
.slidebox1 .slide li{width: 266px;height: 240px; margin: 0 30px; overflow: hidden; float: left;}
.slidebox1 .slide li i{width: 80px; height: 80px; display: block; margin: 0 auto; background: url(../images/icon-zshops1.png) no-repeat;}
.slidebox1 .slide li i.icon-m1{background-position: 0 0;}
.slidebox1 .slide li i.icon-m2{background-position: 0 -80px;}
.slidebox1 .slide li i.icon-m3{background-position: 0 -160px;}
.slidebox1 .slide li i.icon-m4{background-position: 0 -240px;}
.slidebox1 .slide li i.icon-m5{background-position: 0 -320px;}
.slidebox1 .slide li .t{font-size: 18px; line-height: 30px; padding: 20px 0; color: #666; text-align: center;}
.slidebox1 .slide li .des{line-height: 30px; color: #999; text-align: center;}
.slidebox1 a{width: 50px; height: 240px; position: absolute; top: 75px; background:url(../images/icon-arrow2.png) no-repeat ;}
.slidebox1 a:hover{background-color: #ebedf3;}
.slidebox1 a.prev{left:0px; background-position: 0 center ;}
.slidebox1 a.next{right:0px; background-position: -50px center ;}

/*第五部分*/
.part-5 .con{padding: 50px 0 20px; position: relative;}
.part-5 .con li{width: 246px; margin: 0 60px 30px; float: left; height: 190px; overflow: hidden; text-align: center;}
.part-5 .con li i{width:100px; height: 100px; display: block; margin: 0 auto; background:url(../images/zts-icon.png) no-repeat -102px 0; }
.part-5 .con li i.icon-s1{background-position: -102px -525px;}
.part-5 .con li i.icon-s2{background-position: -102px -315px;}
.part-5 .con li i.icon-s3{background-position: -102px -420px;}
.part-5 .con li i.icon-s4{background-position: -102px -630px;}
.part-5 .con li i.icon-s5{background-position: -102px -210px;}
.part-5 .con li i.icon-s6{background-position: -101px 0px;}
.part-5 .con li .t{font-size: 18px; line-height: 18px; padding: 20px 0 10px; color: #666;}
.part-5 .con li .des{line-height: 24px; color: #999;}