@charset "UTF-8";

/*public */

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}

img{border:0;max-width: 100%;max-height: 100%;}

ul,dl,li,dt,dd{list-style:none;}

body{font-size:14px; color:#8e8e8e;font-family:"微软雅黑";}

html{-webkit-text-size-adjust: none;}

a{text-decoration:none; color:#909090;transition: all 0.3s ;}

a:hover{color:#ec7913;}

.clear{clear: both;: ;width: 100%;}

h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}

input,textarea,select{outline: none; cursor: pointer;}

textarea{resize:none; overflow:hidden;}

.hovers:hover{opacity:0.7;filter:alpha(opacity=70);cursor:pointer;}

.z-container{width: 1000px;height: auto;clear: both;margin: 0 auto;}

.z-row{width: 100%;height: auto;clear: both;margin: 0 auto;overflow: hidden;}

.z-row:before,.z-row:after{display: table;clear: both;content: ' ';}

.fl{float: left;}

.fr{float: right;}

@font-face{font-family: myFont1;src: url('HiraginoSansGBW3.otf')}

/*swiper-container====2.76*/

.swiper-container{margin:0 auto;position:relative;overflow:hidden;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */z-index:1;}

.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

.swiper-free-mode > .swiper-wrapper{-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}

.swiper-slide{float: left;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

.swiper-wp8-horizontal{-ms-touch-action: pan-y;}

.swiper-wp8-vertical{-ms-touch-action: pan-x;}

/*header*/

.z-xtop{width: 100%;height: 33px;line-height: 33px;background: #cdcdcd;overflow: hidden;clear: both;}

.z-xtopcon{width: 1150px;margin: 0 auto;}

.z-xtopL{float:left; width:60px; font-size:12px; color:#333;}

.z-xtopL2{float:left; width:500px; font-size:12px; color:#333;margin-left: 10px;} 

.z-menubox{width: 100%;height: 146px;border-bottom: 4px solid #b0b0b0;box-shadow: 0px 10px 10px  #c3bebc;z-index: 99999;position: relative;}

.z-navcontainer{width: 1155px;margin: 0 auto;height: 100%;}

.logo{float: left;height: 100%;line-height: 146px;width: auto;display:table}

.logo img{vertical-align: middle;}

.z-menu{float: right;width: auto;height: 100%;padding-left: 31px;background: url(../images/iocn1.png) no-repeat 0 center;}

.z-menuT{width: 100%; height: 31px; line-height: 31px;color: #fff; font-size: 20px; background: #f08300;padding: 0 0 0 7px;margin-top: 38px;font-family: "微软雅黑";}

.z-menuC{font-size: 18px;width: auto; height: 40px;line-height: 45px;color: #f08300;}

.z-menuC a{color: #f08300;padding: 0 26px 0 23px;font-family: "黑体";}

.z-menuC a span{color: #cdcdcd;padding-right: 20px;}

.z-menuC a:hover span{color: #f08300;}

/*banner*/

.z-banner{width: 100%; height: 485px; position: relative; overflow: hidden;z-index: 0;}

.z-banner img{width: 100%;}

.pagination1{position: absolute; left: 0; text-align: center; bottom:0px; width: 100%;z-index: 999;}

.z-banner .swiper-pagination-switch{display: inline-block; width: 60px; height: 4px;  background: #bebebe;  margin: 0 3px; cursor: pointer;}

.z-banner .swiper-active-switch{background: #f08300;}

/*home-list01*/

.home-title{padding: 50px 0 20px 0;z-index: 99999;position: relative;top: 0;left: 0;}

.home-title h2{font-size: 53px;color: #F08300;font-family: "微软雅黑";text-align: center;}

.home-title h3{width: 100%; height: 20px; line-height: 20px; font-size: 24px;color: #000;font-family: sourceHanSansSC Normal;text-align: center;background: url(../images/hr1.png) repeat-x center;}

.home-title h3 span{background: #fff;padding:  0 40px;font-family: "myFont1";}

.home-img{text-align: center;}

/*home-list02*/

.home-list02{background: #e5e5e5;margin-top: -4px;padding-bottom: 40px;}

.home-list02 .home-title h3 span,.home-list04 .home-title h3 span{background: #e5e5e5;}

.z-casenav{text-align: center;font-size: 16px;margin-bottom: 20px;}

.z-casenav a{color: #000000;background: url(../images/hr2.png) no-repeat center right; padding: 0 20px 0 15px; font-size: 14px;}

.z-casenav a:last-child{background: none;}

.z-casenav a:hover{color: #F08300;}

.z-casebox{width: 980px;height: 1020px; position: relative; overflow: hidden;z-index: 999;margin: 0 auto;}

.z-casebox img{width: 100%;}

.pagination2{position: absolute; left: 0; text-align: center; bottom:-4px; width: 100%;z-index: 999;}

.z-casebox .swiper-pagination-switch{display: inline-block; width: 15px; height: 15px; border-radius: 50%; background: #d7d3c7;  margin: 0 3px; cursor: pointer;}

.z-casebox .swiper-active-switch{background: #f08300;}

.caseimg{float: left;width: 470px; height:455px; border-bottom: 5px solid #000000;margin: 10px; text-align: center; }

.caseimg img{width: 100%;height: 100%;}

/*home-list04*/

.home-list04{background: #e5e5e5;margin-top: -4px;padding-bottom: 50px;}

.z-homenews{width: 1070px;height: auto;overflow: hidden;margin: 0 auto;clear: both;color: #747474;background: url(../images/hr4.png) repeat-y center;}

.z-homenews a{color: #747474;}

.z-homenews a:hover{color: #F08300;}

.z-homenews ul{width: 460px;}

.z-homenews ul li{height: 30px;line-height: 30px;overflow: hidden;}

.z-homenews ul li a{display: inline-block;float: left;width: 70%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.z-homenews ul li span{display: inline-block;float: right;}

.z-homenews ul li:first-child{background: url(../images/hr3.png) no-repeat 0 bottom;padding-bottom: 20px;margin-bottom: 20px;}

.z-homenews ul li:first-child a{width: 100%;}

.z-homenews ul li:first-child span{display: none;}

/*home-list05*/

.z-contact{width: 875px;height: auto;overflow: hidden;clear: both;margin: 0 auto;}

.z-mp{width: 99.5%; border: 1px solid #b3b2b7;height: 400px;overflow: hidden;}

.z-mp img{max-height: 1000px;max-width: 1000px;}

.z-contacttext{padding: 40px 0 20px 0;}

.zcontact02{color: #65696a;line-height: 2;font-size: 12px;}

.z-wx img{max-width: 150px;}

.zcontact01 p img{width: 84%;}

/*footer*/

.z-footer{background: #F08300;color: #fff;text-align: center;line-height: 45px;}

/*案例*/

.case-box{width: 980px;height: auto; position: relative; overflow: hidden;z-index: 2;margin: 0 auto;}

.case-title{width: 98%;height: auto;overflow: hidden;clear: both; padding: 14px 0;line-height: 30px;border-top: 1px solid #d5d5d5;margin: 0 1%;color: #000;font-size: 20px;}

.case-title span{display: inline-block; width: 10%;height: 30px;background: #F08300;float: left;margin: 0 15px 0 0;}

.case-box ul{padding-bottom: 20px;}

/*新闻*/

.z-newbox{padding-bottom: 30px;}

.nwe-list{width: 960px;height: auot; overflow:hidden; clear: both; margin: 0 auto;}

.nwe-list li{height: 170px;width: 100%;clear: both;padding-bottom: 28px; margin-bottom: 28px;border-bottom: 1px solid #cdcdcd;}

.z-nimg{width: 230px;height: 170px; line-height: 170px; text-align: center;float: left;}

.z-nimg img{vertical-align: middle;}

.z-ntext{width: 700px; float: right;}

.z-ntext a>h2{height: 40px; line-height: 40px; color: #4e6990;font-size: 20px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.z-ntext a>p{height: 75px;line-height: 25px;overflow: hidden;color: #9a928e;}

.z-ntext a span{display: block;color: #777;padding-top: 25px;}

.nwe-list li:hover .z-ntext a>h2{color: #F08300;}

.nwe-list li:hover .z-ntext a>p{color: #000;}

.z-datatitle{color: #536c92;font-size: 20px;height: 60px;line-height: 60px;text-align: center;}

.z-data,.z-datapages{max-width: 900px;}

.z-data{padding-bottom: 30px;}

.z-datapages{text-align: center;border: 1px solid #cccccc;color: #3a3a3a;}

.z-datapages p{display: inline-block;width: 45%;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.z-datapages a{color: #3a3a3a;}

.z-datapages a:hover{color: #2856f6;}



/*分页*/

.pages{text-align: center;padding:0 0 20px 0;}

.pages a{color: #1a1d22;border: 1px solid #1A1D22;padding: 3px 6px;margin: 0 3px;display: inline-block;margin-bottom: 15px;}

.pages a:hover,.pages a.on{color: #fff;background: #F08300;border-color: #F08300;}

/*返回顶部*/

.retop{width: 42px;height: 41px;background: url(../images/retop.png) no-repeat center;position: fixed;bottom: 20px;right: 20px;display: none;z-index: 99;}



.home-list03 h4{width:660px;margin:0 auto;font-size: 30px;color:#EFB06D;padding:30px 0px 60px 0px;text-align: left}
.brand{width:660px;height:730px;margin:0 auto}
.brand span{ width: 10px;height: 10px;display: inline-block;background-color: #dcdada;border-radius:5px;margin:2px;}
.brand span.swiper-active-switch{background-color: #c1c0c0;}
.brand .swiper-slide a{height:auto;width:24%;display: inline-block;}
.brand .swiper-slide img{width:100%;margin:3px 0;}
.brand .bbg{position: relative;top:-39px}
.brand .pagination2{height:20px;position: relative;top:-93px;z-index: 999;}



/*响应式*/
@media (max-width:768px) {
	.brand{width:100%;height:450px;margin:0 auto}
	.home-list03 h4{width:100%;padding:10px 0px 30px 10px;}
	.brand .bbg{top:-23px}
	.brand .pagination2{top:-70px;}
	.brand .swiper-slide img{margin:5px 0;}
}

@media (max-width:1800px) {

	.z-banner{height: 460px;}

}

@media (max-width:1600px) {

	.z-banner{height: 400px;}

}

@media (max-width:1400px) {

	.z-banner{height: 360px;}

}

@media (max-width:1250px) {

	.z-banner{height: 320px;}

}

@media (max-width:1155px) {
	.z-navcontainer{width: 94%;margin: 0 3%;}

	.z-banner{height: 300px;}
}

@media (max-width:1070px){

	.z-homenews{width: 94%;margin: 0 3%;}

	.z-xtop{width: 94%;padding: 0 3%;}

	.z-xtopL2{width: 180px;}

}

@media (max-width:1000px) {

	.logo{width:27%;}

	.z-banner{height:280px;}

	.z-homenews ul{width: 40%;}

}

@media (max-width:980px){

	.z-casebox{width: 100%;height: 980px;overflow: hidden;}

	.case-box{width: 100%;}

	.caseimg{width: 46%; height: auto; overflow: hidden; margin: 2%;}

	.case-title{width: 96%;margin: 2%;}

	.home-list02{padding-bottom: 20px;}

}

@media (max-width:960px){

	.nwe-list{width: 94%;margin: 0 3%;}

	.z-nimg{width: 20%;}

	.z-ntext{width: 75%;}

	.pagination1{bottom: -6px;}

}

@media (max-width:960px){

	.z-data,.z-datapages{width: 94%;margin: 0 3%;}

}

@media (max-width:875px){

	.z-contact{width: 94%;margin:0 3%;overflow: hidden;}

	.z-mp{height: 300px;}

}

@media (max-width:860px){

	.z-banner{height:240px;}

	.home-img img:nth-child(1){width: 96%;}

}

@media (max-width:768px) {

	.z-menu{width: 60%;}

	.z-menuC a,.z-menuT{font-size: 8px;}

	.z-banner{height:220px;}

	.home-title h2 {font-size: 30px;}

	.home-title h3 span{font-size: 14px;}

	.home-title {padding: 20px 0  10px 0;}

	.z-casenav a{font-size: 11px;padding: 0 5px;display: inline-block;}

	.z-mp{height: 200px;}

	.z-contacttext{padding: 12px 0;}

	.nwe-list li{height: 100px;padding-bottom: 15px;margin-bottom: 15px;}

	.z-ntext a > h2{font-size: 16px;}

	.z-nimg{height: 100px;line-height: 100px;}

	.z-ntext a > p{height: 25px;text-overflow: ellipsis;white-space: nowrap;}

	.z-ntext a span{padding-top: 12px;}

	.z-datapages p{display: block;text-align: left;text-indent: 15px;width: 100%;}

	.z-casenav{text-align: left;}

	.z-casenav a{width: 65px;text-align: center;}

	.zcontact02 p>span{display: block;}

	.z-banner .swiper-pagination-switch{height: 3px;}

	.home-title h3 span{padding: 0 20px;}

	.z-casenav{width: 92%;margin: 0 auto;}

	.z-casenav a{}

}

@media (max-width:640px){

	.z-banner{height:190px;}

	.z-homenews{background: none;}

	.z-homenews ul:first-child{margin-bottom: 15px;}

	.z-homenews ul{width: 100%;}

	.z-wx{width: auto;position: absolute;right: 2%;top: 48%;}

	.z-wx img{width: 80px;}

	.z-contacttext{position: relative;}

	.z-menubox{box-shadow: 0px 4px 4px #c3bebc;}

	.z-banner .swiper-pagination-switch{width: 30px;}

	.z-casebox .swiper-pagination-switch{width: 7px;height: 7px;}

	.zcontact01 img:nth-child(1){width: 230px;padding-top: 9px;}

	.zcontact01 img{vertical-align: middle;}

	.zcontact01 p{height: 5px;overflow:hidden;padding-top: -10px;position:relative;}

	.zcontact01 p img{padding:0 0 0px 0!important;position:relative;top: -5px;width: 63%!important;}

	.z-footer{font-size: 10px;}

	.z-footer{line-height: 25px;}

}

@media (max-width:560px){

	.z-banner{height:160px;}

}

@media (max-width:480px){

	.z-banner{height:140px;}

}

@media (max-width:435px){

	.z-banner{height:125px;}

	.case-box .caseimg{width: 96%;margin: 2%;}

	.case-title{font-size: 14px;}

	.z-menuC a span{padding: 0;}

	.z-menuC a{padding: 0 9px;}

	.z-menuT{font-size: 8px;}

	.z-menubox{height: 80px;}

	.logo{line-height: 80px;}

	.z-menuT{margin-top: 21px;height: 17px;line-height: 17px;}

	.z-menuC,.z-menuC a{line-height: 21px;font-size: 8px;}

	.z-menu{background: url(../images/iocn1.png) no-repeat 0 center; background-size: auto 51%;padding-left: 17px;}

	.logo{width: 31%;}

	.z-menu{width: 62%;}

}

@media (max-width:375px){

	.z-banner{height:120px;}

}

@media (max-width:360px){

	.z-banner{height:110px;}

}

@media (max-width:320px){

	.z-footer{font-size: 8px;}

	.z-menuC,.z-menuC a,.z-menuT{font-size: 7px;}

}



