/************************
	   -公共样式-
************************/
@font-face{
	font-family: Times_New_Roman;
	src:url("../fonts/Times_New_Roman.ttf"/*tpa=http://www.gzczsj.com/static/czsj/fonts/Times_New_Roman.ttf*/);
}
@font-face{
	font-family: ariblk;
	src:url("../fonts/ariblk.ttf"/*tpa=http://www.gzczsj.com/static/czsj/fonts/ariblk.ttf*/);
}
@font-face{
	font-family: AdobeHeitiStd-Regular;
	src:url("../fonts/AdobeHeitiStd-Regular.woff.ttf"/*tpa=http://www.gzczsj.com/static/czsj/fonts/AdobeHeitiStd-Regular.woff.ttf*/);
}

html,body{height: 100%;font-size: 16px;}
.wrap{width: 75%;margin: 0 auto;position: relative;border: px solid red;}
@media screen and (max-width: 1680px) {
		.wrap{width: 80%;}
}
@media screen and (max-width: 1440px) {
    body{font-size: 14px;}
    .wrap{width: 80%;}
}
@media screen and (max-width: 1024px) {
    .wrap{width: 86%;}
}
@media screen and (max-width: 768px) {
    .wrap{width: 90%;}
}

/*公共按钮样式*/
/*header*/
.index-header{width: 100%;z-index: 99;top: 68px;position: fixed;z-index: 999;transition: all .3s;}
.index-header .wrap{position: relative;display: flex;align-items: center;}
.index-header .logo{width: 36.4%;transition: all .3s;}
.header .logo img{width: 100%;}
.header .right{position: absolute;right: 37px;top: 50%;transform: translateY(-50%);transform: -webkit-translateY(-50%);transform: -moz-translateY(-50%);transform: -ms-translateY(-50%);transform: -o-translateY(-50%);}
.header .right .menu-btn{color: #fff;font-size: 22px;font-family: 'Times_New_Roman';text-transform: uppercase;position: relative;}
.header .right .menu-btn::after{content: "";display: inline-block;background: url("../images/icon_menu.png"/*tpa=http://www.gzczsj.com/static/czsj/images/icon_menu.png*/)no-repeat center;background-size: 100%;width: 24px;height: 20px;position: absolute;right: -37px;top: 50%;transform: translateY(-50%);transform: -webkit-translateY(-50%);transform: -moz-translateY(-50%);transform: -ms-translateY(-50%);}
.inner-header{padding: 23px 0;z-index: 999;width: 100%;transition: all .3s;background: #fff;}
.inner-header .logo{width: 25%;transition: all .3s;}
.inner-header .right .menu-btn{color: #333333;font-size: 22px;font-family: 'Times_New_Roman';text-transform: uppercase;position: relative;}
.inner-header .right .menu-btn::after{background: url("../images/icon_menu_black.png"/*tpa=http://www.gzczsj.com/static/czsj/images/icon_menu_black.png*/)no-repeat center;background-size: 100%;}
.index-header.on{top: 0;z-index: 9999;transition: all .3s;/*background: rgba(20,92,224,.4);*/background: rgba(0,0,0,.3);padding: 8px 0;}
.index-header.on .logo{width: 25%;transition: all .3s;}
.inner-header.on{position: fixed;top: 0;left: 0;transition: all .3s;}

/*search*/
.search{position: absolute;right: 100px;top: 50%;transform: translateY(-50%);transform: -webkit-translateY(-50%);transform: -moz-translateY(-50%);transform: -ms-translateY(-50%);}
.search form{position: relative;width: 350px;margin: 0 auto;height: 38px;}
.search input{height: 100%;width: 0; padding: 0 45px 0 15px;outline: none; position: absolute;top: 0;right: 0;z-index: 2;transition: .4s cubic-bezier(0, 0.8, 0, 1);}
.search .btn{position: absolute;top: 50%;transform: translateY(-50%);right: 10px;}
.search .btn:before{content: "";width: 24px;height: 24px;display: inline-block;background: url("../images/icon_search.png"/*tpa=http://www.gzczsj.com/static/czsj/images/icon_search.png*/)no-repeat center;background-size: 100%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.search input:focus{width: 350px;z-index: 1;border: 1px solid #fff;border-radius: 50px;}
.search input{color: #fff;font-size: 18px;}
.search input::-webkit-input-placeholder{font-size: 18px;color: #fff;}
.search input::-moz-placeholder{font-size: 18px;color: #fff;}
.search input:-moz-placeholder{font-size: 18px;color: #fff;}
.search input:-ms-input-placeholder{font-size: 18px;color: #fff;}
.inner-header .search .btn:before{content: "";width: 24px;height: 24px;display: inline-block;background: url("../images/icon_search_black.png"/*tpa=http://www.gzczsj.com/static/czsj/images/icon_search_black.png*/)no-repeat center;background-size: 100%;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.inner-header .search input:focus{width: 350px;z-index: 1;border: 1px solid #333333;border-radius: 50px;}
.inner-header .search input{color: #666666;font-size: 18px;}
.inner-header .search input::-webkit-input-placeholder{font-size: 18px;color: #999999;}
.inner-header .search input::-moz-placeholder{font-size: 18px;color: #999999;}
.inner-header .search input:-moz-placeholder{font-size: 18px;color: #999999;}
.inner-header .search input:-ms-input-placeholder{font-size: 18px;color: #999999;}
@media screen and (max-width: 1366px) {
	.search form{width: 300px;}
	.search input:focus{width: 300px;}
}
@media screen and (max-width: 1280px) {
	.search form{width: 250px;height: 32px;}
	.search input:focus{width: 250px;}
	.search input{font-size: 16px;}
	.search input::-webkit-input-placeholder{font-size: 16px;}
	.search input::-moz-placeholder{font-size: 16px;}
	.search input:-moz-placeholder{font-size: 16px;}
	.search input:-ms-input-placeholder{font-size: 16px;}
}
/*page-menu*/
.page-menu{background: #145ce0;width: 25%;height: 100%;position: fixed;z-index: 9999;top: 0;right: 0;transform: translateX(100%);transition: .4s;}
.page-menu .icon-close{color: #fff;font-size: 28px;position: absolute;top: 20px;left: 2.5%;}
.page-menu ul{padding-top: 70px;}
.page-menu ul li h3 a{height: 60px;line-height: 60px;font-size: 20px;color: #fff;padding: 0 5%;}
.page-menu ul li h3{border-bottom: 1px solid #3c7aec;}
.page-menu.nav-show{transition: .4s;transform: translateX(0);}
.page-menu .icon-down{position: absolute;right: 5%;font-size: 24px;}
.page-menu .nav-drop{display: none;}
.page-menu .nav-drop a{display: block;font-size: 16px;color: #fff;padding: 0 8%;line-height: 48px;height: 48px;}
.trans180deg{transform: rotate(180deg);}
@media screen and (max-width: 1024px) {
	.page-menu{width: 40%;}
	.page-menu .icon-close{color: #fff;font-size: 26px;}
	.page-menu ul li h3 a{height: 48px;line-height: 48px;font-size: 18px;}
	.page-menu .icon-down{font-size: 20px;}
	.page-menu .nav-drop a{font-size: 16px;color: #fff;line-height: 32px;height: 32px;}
	.page-menu .icon-close{left: 3.5%;}
	.page-menu ul li h3 a{padding: 0 6%;}
}
@media screen and (max-width: 768px) {
	.page-menu{background: #145ce0;width: 100%;}
	.page-menu .icon-close{font-size: 22px;}
	.page-menu ul li h3 a{font-size: 16px;}
	.page-menu .nav-drop a{font-size: 14px;}
}


/*btn-style*/
.btn-style{position: relative;width: 180px;height: 50px;background: #145ce0;overflow: hidden;text-transform: uppercase;font-family: arial;font-size: 14px;line-height: 50px;}
.btn-style .btn-icon{position: absolute;right: 0;top: 0;text-align: center;color: #fff;z-index: 100;width: 50px;height: 50px;background: #343434;transition: .2s transform linear;-webkit-transition: .2s -webkit-transform linear;-moz-transition: .2s -moz-transform linear;}
.btn-style .rightIcon i{font-size: 12px;color: #fff;}
.btn-style .btn-icon-hover{width: 50px;color: #fff;text-align: center;background: #2468e5;float: right;}
.btn-style .btn-slide{position: absolute;left: 0;top: 0;text-align: center;color: #fff;z-index: 100;width: 130px;height: 50px;background: #111111;transition: .2s transform linear;-webkit-transition: .2s -webkit-transform linear;-moz-transition: .2s -moz-transform linear;}
.btn-style .btn-hover{width: 130px;color: #fff;text-align: center;background: #145ce0}
.btn-style:hover .btn-icon{transform: translateX(50px);-webkit-transform: translateX(50px);-moz-transform: translateX(50px);}
.btn-style:hover .btn-slide{transform: translateX(-130px);-webkit-transform: translateX(-130px);-moz-transform: translateX(-130px);}
.btn-style1{margin-top: 40px;}
@media screen and (max-width: 1440px) {
	.btn-style{height: 42px;line-height: 42px;width: 160px;}
	.btn-style .btn-icon{height: 42px;width: 40px;}
	.btn-style .btn-icon-hover{width: 40px;}
	.btn-style .btn-slide{height: 42px;width: 120px;}
	.btn-style .btn-hover{width: 120px;}
}
@media screen and (max-width: 1280px) {
	.btn-style{height: 38px;line-height: 38px;width: 140px;}
	.btn-style .btn-icon{height: 38px;width: 40px;}
	.btn-style .btn-icon-hover{width: 40px;}
	.btn-style .btn-slide{height: 38px;width: 100px;}
	.btn-style .btn-hover{width: 100px;}
}
@media screen and (max-width: 768px) {
	.btn-style{height: 30px;line-height: 30px;width: 110px;}
	.btn-style .btn-icon{height: 30px;width: 30px;}
	.btn-style .btn-icon-hover{width: 30px;}
	.btn-style .btn-slide{height: 30px;width: 80px;}
	.btn-style .btn-hover{width: 80px;}
}

/*footer*/
.footer{position: relative;padding-bottom: 30px;}
.footer .footerNav ul{padding: 45px 0 40px;border-top: 1px solid #d6d6d6;}
.footer .footerNav ul li{margin-right: 4.5%;}
.footer .footerNav ul li:last-child{margin-right: 0;}
.footer .footerNav ul li a{font-size: 16px;font-weight: bold;line-height: 32px;transition: .3s ease;}
.footer .copyright p{font-size: 14px;color: #666666;line-height: 32px;}
.footer .footLink{position: absolute;right: 0;bottom: 20%;}
.footer .footLink ul li{margin-left: 20px;}
.footer .footLink ul li a{background: #999999;display: block;width: 30px;height: 30px;border-radius: 50%;color: #fff;font-size: 18px;display: flex;justify-content: center;align-items: center;.footer .footerNav ul li:hover a{color: #145ce0;transition: .3s ease;}}
.footer .footerNav ul li:hover a{color: #145ce0;transition: .3s ease;}
.footer .footLink ul li:hover a{background: #145ce0;transition: .3s ease;}
.inner-footer{background: #eeeeee;}
@media screen and (max-width: 768px) {
	.footer .footerNav ul{padding: 25px 0 20px;}
	.footer .footLink{bottom: 0;}
}

/*侧边栏*/
.barItem{position: fixed;right: 10px;top:50%; transform:translateY(-50%); z-index:8;}
.barItem ul li{margin: 5px 0;width: 35px;height:35px; position:relative;}
.barItem .sideIco{float: right;display: block;text-align:center; width:35px; height:35px; border-radius:5px; background:#b5b5b5; color:#FFFFFF; overflow:hidden; transition:all 0.3s ease-in 0s;}
.barItem .sideIco i{width:35px;height:35px; line-height:35px; font-size:18px; text-align:center;}
.barItem .sideCon{font-size:15px; font-weight:bold; color:#FFFFFF; line-height:35px; display:inline;}
.barItem .sideIco:hover{color:#FFFFFF; background:#145ce0; width:144px;}
.barItem .sideIco:focus{color:#FFFFFF;}
.barItem .sideIco:hover i{text-align:right; width:auto;}
.barItem .sideWx{position:absolute; right:38px; top:40px; width:90px; height:90px; border:1px solid #666666; transform:scale(1,0); transition:all 0.1s ease-in 0.1s;}
.barItem .sideWx img{width: 100%;}
.barItem ul li:hover .sideWx{transform:scale(1,1);}
.barItem ul li.side_top .sideIco{background: #145ce0;}





/****************首页***************/
/*index-banner*/
.index-banner{width: 100%;}
.index-banner .swiper-slide{position: relative;/*display: flex;justify-content: space-between;align-items: center;*/}
.index-banner .text{text-transform: uppercase;position: absolute;top: 57%;transform: translateY(-50%);left: 12.7%;}
.index-banner .text h3{font-size: 50px;font-weight: bold;font-family: 'ariblk';}
.index-banner .text h3 em{display: block;}
.index-banner .text h4{font-size: 30px;margin: 50px 0 30px;}
.index-banner .text h5{font-size: 18px;color: #999999;line-height: 34px;}
.index-banner .text h5 em{display: block;}
.index-banner .img{width: 69%;}
.index-banner .img img{width: 100%;}
.index-btn{position: absolute;bottom: 0;left: 28%;width: 6.25%;}
.index-btn img{width: 100%;}





@media screen and (max-width: 1680px) {
	.index-header{top: 54px;}
	.index-banner .text{left: 10%;}
	.index-banner .img{width: 70.3%;}
	.index-btn{left: 27%;}
}
@media screen and (max-width: 1440px) {
	.index-header{top: 40px;}
	.index-banner .text h3{font-size: 40px;}
	.index-banner .text h4{font-size: 24px;margin: 40px 0 20px;}
	.index-banner .text h5{font-size: 16px;line-height: 30px;}
}
@media screen and (max-width: 1280px) {
	.index-header{top: 26px;}
	.index-banner .text h3{font-size: 30px;}
	.index-banner .text h4{font-size: 18px;margin: 25px 0 10px;}
	.index-banner .text h5{font-size: 14px;line-height: 24px;}
}
@media screen and (max-width: 1024px) {
	.index-header{top: 16px;}
	.index-banner .swiper-slide{padding-bottom: 15%;}
	.index-banner .text h4{font-size: 18px;margin: 15px 0 5px;}
	.index-banner .text{top: 88%;left: 7%;}
	.index-banner .img{width: 71.9%;}
	.index-banner .text h3{font-size: 20px;letter-spacing: -1px;}
	.index-banner .text h4{font-size: 18px;letter-spacing: -1px;}
	.index-banner .text h5{font-size: 16px;letter-spacing: -1px;}
	.index-banner .text h3 em{display: inline;}
	.index-banner .text h5 em{display: inline;}
	.index-btn{left: 25.5%;bottom: 23.5%;}
	.header .right .menu-btn{font-size: 20px;padding-top: 4px;}
	.header .right .menu-btn::after{width: 22px;height: 18px;}
	.search .btn:before{width: 22px;height: 22px;}
	.inner-header .search .btn:before{width: 22px;height: 22px;}
	
	.inner-header{padding: 18px 0;}
}
@media screen and (max-width: 768px) {
	.index-banner .img{width: 73%;}
	.index-banner .text{left: 5.2%;top: 83%;}
	.index-banner .swiper-slide{padding-bottom: 25%;}
	.index-banner .text h4{font-size: 18px;margin: 10px 0 0px;}
	.index-btn{bottom: 34%;}
	.header .right{right: 20px;}
	.header .right .menu-btn{font-size: 14px;}
	.header .right .menu-btn::after{width: 13px;height: 12px;right: -20px;}
	
	.search{right: 50px;}
	.search .btn:before{width: 14px;height: 14px;}
	.search form{width: 150px;height: 20px;}
	.search input{padding: 0 25px 0 8px;}
	.search input:focus{width: 150px;}
	.search input{color: #fff;font-size: 14px;}
	.search input::-webkit-input-placeholder{font-size: 14px;}
	.search input::-moz-placeholder{font-size: 14px;}
	.search input:-moz-placeholder{font-size: 14px;}
	.search input:-ms-input-placeholder{font-size: 14px;}
	
	.inner-header .search .btn:before{width: 14px;height: 14px;}
	.inner-header .search form{width: 150px;height: 20px;}
	.inner-header .search input:focus{width: 150px;}
	.inner-header .search input{color: #fff;font-size: 14px;}
	.inner-header .search input::-webkit-input-placeholder{font-size: 14px;}
	.inner-header .search input::-moz-placeholder{font-size: 14px;}
	.inner-header .search input:-moz-placeholder{font-size: 14px;}
	.inner-header .search input:-ms-input-placeholder{font-size: 14px;}
	
	.inner-header{padding: 10px 0;}
}
@media screen and (max-width: 375px) {
	.index-banner .text{top: 79%;}
	.index-banner .swiper-slide{padding-bottom: 38%;}
	.index-banner .img{width: 72.5%;}
	.index-btn{bottom: 43.5%;left: 24.5%;}
	
	.search form{width: 105px;}
	.search input:focus{width: 105px;}
	
	.inner-header .search form{width: 105px;}
	.inner-header .search input:focus{width: 105px;}
}



/*关于我们*/
.index-item1{background: url("../temp/about_bg.jpg"/*tpa=http://www.gzczsj.com/static/czsj/temp/about_bg.jpg*/)no-repeat left;background-size: 50%;padding: 150px 0;}
.index-item1 .wrap{background: url("../temp/about_word.png"/*tpa=http://www.gzczsj.com/static/czsj/temp/about_word.png*/)no-repeat top;background-position-x: 85%;background-size: 40%;}
.index-item1 .ahout-text{width: 40%;}
.index-item1 .ahout-text .about-title{margin-bottom: 32px;}
.index-item1 .ahout-text .about-title h3{line-height: 40px;font-size: 30px;}
.index-item1 .ahout-text .about-title h3 span{font-size: 18px;color: #999999;display: block;}
.index-item1 .ahout-text p{font-size: 14px;color: #999999;line-height: 36px;text-align: justify;}
@media screen and (max-width: 1680px) {
	.index-item1{padding: 100px 0;}
}
@media screen and (max-width: 1440px) {
	.index-item1{padding: 90px 0;}
	.index-item1 .ahout-text .about-title{margin-bottom: 28px;}
	.index-item1 .ahout-text .about-title h3{line-height: 32px;font-size: 26px;}
	.index-item1 .ahout-text p{line-height: 26px;}
	.btn-style1{margin-top: 28px;}
}
@media screen and (max-width: 1366px) {
	.index-item1{padding: 70px 0;}
}
@media screen and (max-width: 1280px) {
	.index-item1{padding: 50px 0;}
	.index-item1 .ahout-text .about-title{margin-bottom: 20px;}
	.index-item1 .ahout-text .about-title h3{line-height: 28px;}
	.index-item1 .ahout-text p{line-height: 23px;}
	.btn-style1{margin-top: 20px;}
}
@media screen and (max-width: 1080px) {
	.index-item1{padding: 36px 0;}
	.index-item1 .ahout-text .about-title{margin-bottom: 15px;}
	.index-item1 .ahout-text .about-title h3{line-height: 28px;}
	.index-item1 .ahout-text p{line-height: 20px;}
	.btn-style1{margin-top: 18px;}
}
@media screen and (max-width: 1024px) {
	.index-item1{background: url("../temp/about_bg.jpg"/*tpa=http://www.gzczsj.com/static/czsj/temp/about_bg.jpg*/)no-repeat center;background-size: cover;padding: 90px 0;}
	.index-item1 .wrap{background: none;z-index: 0;background: rgba(255,255,255,.5);box-shadow: 0px 10px 0 100px rgba(255,255,255,.5);}
	.index-item1 .ahout-text{width: 77%;float: left;z-index: 99;}
	.index-item1 .ahout-text .about-title h3{font-size: 22px;}
	.index-item1 .ahout-text .about-title h3 span{color: #333333;}
	.index-item1 .ahout-text p{color: #333333;}
}
@media screen and (max-width: 750px) {
	.index-item1{padding: 60px 0;}
	.index-item1 .ahout-text{width: 100%;float: left;}
	.index-item1 .ahout-text .about-title h3{font-size: 20px;}
	.index-item1 .ahout-text .about-title h3 span{font-size: 16px;}
	.btn-style1{margin-top: 10px;}
}

/*服务项目*/
.index-item2{background: url("../temp/service_bg.jpg"/*tpa=http://www.gzczsj.com/static/czsj/temp/service_bg.jpg*/)no-repeat right;background-size: 36%;background-position-y: top;padding-bottom: 3.5%;}
.index-item2 .wrap{padding-top: 80px;}
.index-item .index-text{width: 50%;}
.index-item .index-text .index-title h3{color: #333333;font-family: arial;text-transform: uppercase;font-size: 30px;}
.index-item .index-text .index-title h3 em{font-weight: bold;}
.index-item .index-text .index-title h3 span{display: block;font-size: 18px;color: #999999;margin-top: 5px;}
.index-item .index-text p{font-size: 14px;font-family: "黑体";font-weight: 500;line-height: 30px;margin-top: 40px;}
.index-item .btn-style2{margin: 32px 0 20px;}
.index-item2 .service-item{position: relative;padding-top: 75px;}
.index-item2 .service-item ul li{width: 25%;border: 1px solid #CCCCCC;padding: 90px 38px 55px;height: 360px;transition: .3s ease;}
.index-item2 .service-item ul li .title{margin-bottom: 32px;position: relative;}
.index-item2 .service-item ul li .title h3{font-size: 18px;font-weight: bold;line-height: 28px;position: relative;transition: .3s ease;}
.index-item2 .service-item ul li .title h4{font-size: 90px;color: #e2e2e2;font-family: arial;font-style: italic;font-weight: bold;position: absolute;left: 0;bottom: -20px;transition: .3s ease;}
.index-item2 .service-item ul li .text p{font-size: 14px;color: #666666;line-height: 30px;letter-spacing: -1px;text-align: justify;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;transition: .3s ease;}
.index-item2 .service-item ul li:hover{background: #145ce0;transition: .3s ease;}
.index-item2 .service-item ul li:hover .title h3{color: #fff;transition: .3s ease;}
.index-item2 .service-item ul li:hover .title h4{color: #2468e5;transition: .3s ease;}
.index-item2 .service-item ul li:hover .text p{color: #fff;transition: .3s ease;}
.index-item2 .pagination{position: absolute;top: 0px;width: 100%;height: 50px;}
.index-item2 .pagination .swiper-button-next{right: 0;}
.index-item2 .pagination .swiper-button-prev{left: auto;right: 5%;}
.index-item2 .pagination .swiper-button-next,.swiper-button-prev{background: none;width: 50px;height: 50px;background: #145ce0;opacity: 1!important;outline: none;}
.index-item2 .pagination .my-button-disabled{background: #111111!important;}
.index-item2 .pagination .swiper-button-next span,.swiper-button-prev span{color: #fff;font-size: 24px;line-height: 50px;text-align: center;display: inline-block;width: 100%;}
.index-item2 .pagination .swiper-button-prev span{transform: rotate(180deg);}
@media screen and (max-width: 1440px) {
	.index-item .index-text .index-title h3{font-size: 26px;}
	.index-item2 .wrap{padding-top: 60px;}
	.index-item2 .service-text p{margin-top: 30px;}
	.index-item2 .btn-style2{margin: 22px 0 10px;}
	.index-item2 .service-item{padding-top: 60px;}
	.index-item2 .service-item ul li{padding: 70px 28px 20px;height: 310px;}
	.index-item2 .pagination{height: 42px;}
	.index-item2 .pagination .swiper-button-next,.swiper-button-prev{width: 42px;height: 42px;}
	.index-item2 .pagination .swiper-button-next span,.swiper-button-prev span{line-height: 42px;}
}
@media screen and (max-width: 1280px) {
	.index-item .index-text p{margin-top: 20px;}
	.index-item .btn-style2{margin: 22px 0 20px;}
	.index-item2 .service-item ul li{padding: 70px 18px 15px;height: 270px;}
	.index-item2 .service-item ul li .title{margin-bottom: 20px;}
	.index-item2 .service-item ul li .text p{line-height: 24px;}
	.index-item2 .service-item{padding-top: 50px;}
	.index-item2 .pagination{height: 38px;}
	.index-item2 .pagination .swiper-button-next,.swiper-button-prev{width: 38px;height: 38px;}
	.index-item2 .pagination .swiper-button-next span,.swiper-button-prev span{line-height: 38px;}
}
@media screen and (max-width: 1080px) {
	.index-item2 .service-item ul li{padding: 65px 12px 10px;height: 250px;}
	.index-item2 .service-item ul li .title{margin-bottom: 15px;}
}
@media screen and (max-width: 1024px) {
	.index-item .index-text .index-title h3{font-size: 22px;}
	.index-item2 .service-item ul li{padding: 90px 38px 55px;}
}
@media screen and (max-width: 750px) {
	.index-item .btn-style2{margin: 8px 0;}
	.index-item2 .service-item ul li{padding: 70px 20px 32px;}
	.index-item2 .service-item{padding-top: 35px;}
	.index-item .index-text p{margin-top: 5px;line-height: 20px;}
	.index-item .index-text .index-title h3{font-size: 20px;}
	.index-item .index-text .index-title h3 span{margin-top: 0;font-size: 16px;}
	.index-item2 .pagination .swiper-button-prev{right: 12%;}
	.index-item2 .pagination{height: 30px;}
	.index-item2 .pagination .swiper-button-next,.swiper-button-prev{width: 30px;height: 30px;margin-top: -15px;}
	.index-item2 .pagination .swiper-button-next span,.swiper-button-prev span{line-height: 30px;}
	.index-item2 .service-item ul li .text p{letter-spacing: -1px;text-align: justify;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;transition: .3s ease;}
}


/*案例展示*/
.index-item .img-bg{width: 100%;}
.index-item .img-bg img{width: 100%;}
.index-item3 .case-wrap{margin-top: -36%;padding: 90px 0;}
.index-item3 .case-title h3{margin-bottom: 45px;font-size: 30px;}
.index-item3 .case-item ul li{width: 22.5%;margin-right: 2.22%;position: relative;background: #fff;height: 410px;overflow: hidden;transition: .3s ease;}
.index-item3 .case-item ul li:last-child{margin-right: 0;}
.index-item3 .case-item ul li .img{width: 100%;}
.index-item3 .case-item ul li .img img{width: 100%;}
.index-item3 .case-item ul li .text{padding: 25px 25px 20px;position: absolute;z-index: 1;width: 100%;bottom: 0;left: 0;}
.index-item3 .case-item ul li .text h4{font-size: 18px;font-weight: bold;margin-bottom: 40px;transition: .3s ease;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.index-item3 .case-item ul li .text h5{font-size: 14px;color: #999999;padding-top: 20px;border-top: 1px solid #cccccc;position: relative;transition: .3s ease;}
.index-item3 .case-item ul li .text h5 span{position: absolute;right: 0;top: 54%;font-size: 16px;color: #cccccc;transition: .3s ease;}
.index-item3 .case-item ul li:hover{background: #145ce0;transition: .3s ease;}
.index-item3 .case-item ul li:hover .text h4{color: #fff;transition: .3s ease;}
.index-item3 .case-item ul li:hover .text h5{color: #fff;border-top: 1px solid #3c7aec;transition: .3s ease;}
.index-item3 .case-item ul li:hover .text h5 span{color: #fff;transition: .3s ease;}
@media screen and (max-width: 1680px) {
	.index-item3 .case-wrap{margin-top: -36%;padding: 50px 0;}
	.index-item3 .case-item ul li{height: 390px;}
	.index-item3 .case-item ul li .text h4{margin-bottom: 35px;}
}
@media screen and (max-width: 1440px) {
	.index-item3 .case-item ul li{height: 345px;}
	.index-item3 .case-title h3{font-size: 26px;margin-bottom: 35px;}
	.index-item3 .case-item ul li .text{padding: 25px 18px 15px;}
	.index-item3 .case-item ul li .text h4{margin-bottom: 30px;}
}
@media screen and (max-width: 1366px) {
	.index-item3 .case-item ul li{height: 315px;}
	.index-item3 .case-item ul li .text{padding: 15px 12px 10px;}
	.index-item3 .case-item ul li .text h4{margin-bottom: 25px;}
}
@media screen and (max-width: 1280px) {
	.index-item3 .case-item ul li{height: 290px;}
	.index-item3 .case-item ul li .text h4{margin-bottom: 20px;font-size: 16px;}
	.index-item3 .case-item ul li .text h5{padding-top: 15px;}
}
@media screen and (max-width: 1200px) {
	.index-item3 .case-item ul li{height: 280px;}
}
@media screen and (max-width: 1080px) {
	.index-item3 .case-item ul li{height: 255px;}
	.index-item3 .case-item ul li .text h5{padding-top: 10px;}
}
@media screen and (max-width: 1024px) {
	.index-item3 .case-title h3{font-size: 22px;}
	.index-item3 .case-item ul li{width: 100%;height: 100%;margin-bottom: 10px;}
	.index-item3 .case-item ul li .text{color: #fff;padding: 15px 12px 15px;}
	.index-item3 .case-item ul li .text h5{color: #fff;}
	.index-item3 .case-item ul li .text h5 span{color: #fff;}
}
@media screen and (max-width: 750px) {
	.index-item3 .wrap{padding: 18px 0;}
	.index-item3 .case-item ul li .text{padding: 10px 10px 10px;}
	.index-item3 .case-item ul li .text h4{margin-bottom: 10px;}
	.index-item3 .case-item ul li .text h5{padding-top: 5px;}
}


/*团队介绍*/
.index-item4{margin-bottom: 70px;}
.index-item4 .wrap{margin-top: -30%;}
.index-item4 .index-text .index-title h3{color: #fff;}
.index-item4 .index-text .index-title h3 span{color: #fff;}
.index-item4 .index-text p{color: #fff;}
.index-item4 .team-item{margin-top: 40px;}
.index-item4 .team-item ul li{width: 48.6%;position: relative;margin-right:1.4%;}
.index-item4 .team-item ul li .img{width: 100%;}
.index-item4 .team-item ul li .img img{width: 100%;}
.index-item4 .team-item ul li .text_bg{position: absolute;bottom: 0;background: linear-gradient(rgba(20,92,224,0),rgba(20,92,224,.6));height: 80%;width: 100%;}
.index-item4 .team-item ul li .text_bg .text{position: absolute;bottom: 0;width: 100%;padding: 25px;}
.index-item4 .team-item ul li .text_bg .text h3{color: #fff;font-size: 24px;font-weight: bold;margin-bottom: 20px;}
.index-item4 .team-item ul li .text_bg .text p{color: #fff;font-size: 14px;line-height: 24px;text-align: justify;letter-spacing: -1px;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}
@media screen and (max-width: 1280px) {
	.index-item4{margin-bottom: 40px;}
	.index-item4 .team-item{margin-top: 20px;}
}
@media screen and (max-width: 1080px) {
	.index-item4 .team-item ul li .text_bg .text{padding: 15px;}
	.index-item4 .team-item ul li .text_bg .text h3{margin-bottom: 12px;}
}
@media screen and (max-width: 1024px) {
	.index-item .index-text{width: 100%;}
	.index-item4 .team-item ul li{width: 100%;margin-bottom: 10px;}
	.index-item4 .team-item ul li .text_bg .text p{font-size: 12px;line-height: 20px}
}
@media screen and (max-width: 768px) {
	.index-item4{margin-bottom: 20px;}
	.index-item4 .wrap{margin-top: -34%;}
}







/**********************内页样式************************/
/*inner-banner*/
.inner-banner{width: 100%;/*margin-top: 7.5%;*/}
.inner-banner img{width: 100%;}

/*服务项目*/
.inner-page ul li{width: 31.2%;margin-right: 2.08%;margin-bottom: 40px;position: relative;height: 200px;}
.inner-page ul li:nth-child(3){margin-right: 0;}
.inner-page ul li .service-items{text-align: center;margin-bottom: 20px;}
.inner-page ul li .service-items .title{position: relative;min-height: 120px;display: flex;align-items: flex-end;justify-content: center;}
.inner-page ul li .service-items .title h4{font-size: 90px;color: #e2e2e2;font-weight: bold;font-style: italic;position: absolute;bottom: -22%;z-index: -1;transition: .3s ease;} 
.inner-page ul li .service-items .title h3{font-size: 24px;font-weight: bold;transition: .3s ease;}
.inner-page ul li .service-items .line{width: 100%;position: relative;margin: 5px auto;}
.inner-page ul li .service-items .line::after{content: "";display: inline-block;width: 100%;height: 1px;background: #cccccc;transition: .3s ease;}
.inner-page ul li .service-items .line::before{content: "";display: inline-block;width: 40px;height: 4px;background: #145ce0;position: absolute;top: 75%;left: 50%;transform: translate(-50%,-50%);transition: .3s ease;}
.inner-page ul li .service-items h5{font-size: 14px;color: #999999;text-transform: uppercase;transition: .3s ease;}
.inner-page ul li:hover{background: #145ce0;z-index: 0;transition: .3s ease;}
.inner-page ul li:hover .service-items .title h4{color: #2468e5;transition: .3s ease;} 
.inner-page ul li:hover .service-items .title h3{color: #fff;transition: .3s ease;}
.inner-page ul li:hover .service-items h5{color: #749fef;transition: .3s ease;}
.inner-page ul li:hover .service-items .line::after{background: #2468e5;transition: .3s ease;}
.inner-page ul li:hover .service-items .line::before{background: #fff;transition: .3s ease;}
@media screen and (max-width: 1024px) {
	.inner-page ul li{width: 100%;margin-right: 0;margin-bottom: 25px;}
}
@media screen and (max-width: 768px) {
	.inner-page ul li{margin-bottom: 5px;height: 170px;}
	.inner-page ul li .service-items .title{position: relative;min-height: 110px;}
	.inner-page ul li .service-items .title h4{font-size: 80px;}
	.inner-page ul li .service-items .title h3{font-size: 20px;}
}

/*服务项目详情*/  /*关于我们*/
.inner-page-detail{margin-bottom: 75px;}
.inner-page-detail .headline{font-size: 30px;font-weight: bold;margin-top: 25px;line-height: 74px;}
.inner-page-detail .text p{font-size: 16px;color: #666666;line-height: 40px;text-align: justify;}
.inner-page-detail .text .show{font-size: 16px;color: #fff;display: block;width: 86px;height: 32px;line-height: 32px;text-align: center;background: #145ce0;}
.inner-page-detail .text .img{width: 75.7%;margin: 30px auto;}
.inner-page-detail .text .img img{width: 100%;}
.video-filter{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background: rgba(0, 0, 0, .85);display: none;}
.video-filter .video-close{display: block;width: 40px;height: 40px;background: url("../images/icon_close.png"/*tpa=http://www.gzczsj.com/static/czsj/images/icon_close.png*/);background-size: 100% 100%;position: absolute;top: 20px;right: 20px;transition: .4s;}
.video-filter .video-close:hover{transform: rotate(180deg);transition: .4s;}
.video-filter .video-player{position: absolute;width: 80%;height: 80%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.video-filter .video-player video{width: 100%;height: 100%;background: #000;outline: none;}
@media screen and (max-width: 1440px) {
	.inner-page-detail .headline{font-size: 26px;line-height: 64px;}
	.inner-page-detail .text p{line-height: 34px;}
}
@media screen and (max-width: 1280px) {
	.inner-page-detail{margin-bottom: 65px;}
	.inner-page-detail .headline{margin-top: 20px;font-size: 26px;line-height: 54px;}
	.inner-page-detail .text p{line-height: 30px;}
	.inner-page-detail .text .img{margin: 25px auto;}
}
@media screen and (max-width: 1024px) {
	.inner-page-detail{margin-bottom: 55px;}
	.inner-page-detail .headline{margin-top: 15px;font-size: 22px;line-height: 40px;}
	.inner-page-detail .text p{line-height: 28px;font-size: 14px;}
	.inner-page-detail .text .img{margin: 20px auto;}
}
@media screen and (max-width: 768px) {
	.inner-page-detail{margin-bottom: 35px;}
	.inner-page-detail .text .img{width: 100%;}
	.inner-page-detail .headline{margin-top: 10px;font-size: 20px;line-height: 38px;}
	.inner-page-detail .text .show{font-size: 14px;width: 72px;height: 28px;line-height: 28px;}
}



/*关于我们tab切换*/
.tabContainer .tabNav{border-bottom: 1px solid #cccccc;text-align: center;}
.tabContainer .tabNav a{font-size: 18px;display: inline-block;line-height: 80px;margin: 0 1.3%;font-family: 'AdobeHeitiStd-Regular';}
.tabContainer .tabNav a.active{color: #145ce0;border-bottom: 3px solid #145ce0;}
.tabContainer .tabContent .content{display: none;}
.tabContainer .tabContent .content.active{display: block;}
.heading{text-align: center;padding-top: 30px;} /*2020.7.21修改*/
.heading h2{text-align: center;font-size: 18px;margin-bottom: 20px;}
.heading span{padding: 0 15px;} /*2020.7.21修改*/
.prev-next-page{padding-top: 30px;} /*2020.7.21修改*/
.prev-next-page .artpage{line-height: 24px;}/*2020.7.21修改*/
.prev-next-page .artpage a:hover{color: #145ce0;} /*2020.7.21修改*/
@media screen and (max-width: 1440px) {
	.tabContainer .tabNav a{line-height: 70px;}
	.inner-page-detail .text p{line-height: 34px;}
}
@media screen and (max-width: 1280px) {
	.tabContainer .tabNav a{line-height: 60px;}
}
@media screen and (max-width: 1080px) {
	.tabContainer .tabNav a{line-height: 50px;}
	.inner-page-detail .text p{line-height: 30px;}
}
@media screen and (max-width: 1024px) {
	.inner-page-detail .text p{line-height: 28px;font-size: 14px;}
	.heading{text-align: center;padding-top: 15px;}
	.prev-next-page{padding-top: 15px;}/*2020.7.21修改*/
}
@media screen and (max-width: 768px) {
	.tabContainer .tabNav a{font-size: 16px;line-height: 38px;}
	.inner-page-detail .text p{line-height: 24px;font-size: 14px;}
	.heading h2{font-size: 16px;margin-bottom: 10px;}
	.heading span{padding: 0 5px;} /*2020.7.21修改*/
	.prev-next-page .artpage{float: left;}
}
@media screen and (max-width: 375px) {/*2020.7.21修改*/
	.heading span{padding: 0 2px;} 
}



/*新闻列表*/
.newsContainer{margin: 38px 0;position: relative;display: flex;align-items: center;}
.newsContainer .img{width: 43.75%;margin-right: 4%;}
.newsContainer .img img{width: 100%;}
.newsContainer .text{width: 52%;/*position: absolute;right: 0;top: 50%;transform: translateY(-50%);transform: -webkit-translateY(-50%);transform: -moz-translateY(-50%);transform: -ms-translateY(-50%);*/}
.newsContainer .text .date{font-size: 20px;color: #999999;display: block;margin-bottom: 8px;}
.newsContainer .text h3{font-size: 18px;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newsContainer .text .line{width: 43.8%;height: 1px;background: #cccccc;margin: 45px 0 15px;}
.newsContainer .text P{font-size: 14px;color: #666666;line-height: 24px;text-align: justify;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.newsList ul li{width: 30.97%;margin-right: 3.5%;margin-bottom: 40px;overflow: hidden;}
.newsList ul li:nth-child(3n){margin-right: 0;}
.newsList ul li .date{font-size: 30px;line-height: 60px;margin-bottom:15px}
.newsList ul li .img{overflow: hidden; height:280px;align-items: center;line-height:320px;vertical-align: middle;}
.newsList ul li .img img{width: 100%;transition: .3s ease;align-items: center;}
.newsList ul li .text h3{font-size: 18px;font-weight: bold;margin: 25px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: .3s ease;}
.newsList ul li .text p{font-size: 14px;color: #666666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newsList ul li .arrowRight{margin-top: 25px;}
.newsList ul li .arrowRight span{font-size: 28px;color: #d0d0d0;display: inline-block;transform: translateX(0);transition: all .5s;}
.newsList ul li:hover .img img{transform: scale(1.1);transition: .3s ease;}
.newsList ul li:hover .text h3{color: #145ce0;transition: .3s ease;}
.newsList ul li:hover .arrowRight span{transform: translateX(15px);transition: all .3s;}
.page-wrap{text-align: center;margin-top: 15px;}
.page-wrap .page-box a{font-size: 16px;color: #666666;border: 1px solid #cccccc;border-radius: 4px;display: inline-block;height: 28px;line-height: 26px;text-align: center;padding: 0 3px;transition: .3s ease; margin-left:10px; padding-left:5px; padding-right:5px;}
.page-wrap .page-box a.num{width: 28px;}
.page-wrap .page-box a.more{border: none;}
.page-wrap .page-box .page a.page{width: 70px;}
.page-wrap .page-box a.active{color: #fff;background: #145ce0;border: 1px solid #145ce0;transition: .3s ease;}
.page-wrap .page-box a:hover{color: #fff;background: #145ce0;border: 1px solid #145ce0;transition: .3s ease;}
@media screen and (max-width: 375px) {
	.page-wrap .page-box a{font-size: 14px;height: 26px;line-height: 24px;padding: 0;}
	.page-wrap .page-box a.num{width: 24px;}
	.page-wrap .page-box .page a.page{width: 60px;}
}
@media screen and (max-width: 1440px) {
	.newsContainer .text .date{margin-bottom: 0;}
	.newsContainer .text .line{margin: 30px 0 10px;}
	.newsList ul li{margin-bottom: 25px;}
	.newsList ul li .date{margin-bottom: 5px;}
	.newsList ul li .text h3{margin: 18px 0;}
	.newsList ul li .arrowRight{margin-top: 15px;}
}
@media screen and (max-width: 1366px) {
	.newsContainer .text .line{margin: 20px 0 10px;}
}
@media screen and (max-width: 1280px) {
	.newsList ul li{margin-bottom: 15px;}
	.newsList ul li .date{margin-bottom: 0;font-size: 24px;line-height: 48px;}
	.newsList ul li .text h3{font-size: 16px;font-weight: bold;margin: 10px 0;}
	.newsList ul li .arrowRight{margin-top: 10px;}
	.newsList ul li .arrowRight span{font-size: 24px;}
}
@media screen and (max-width: 1080px) {
	.newsContainer .text .date{font-size: 18px;}
	.newsContainer .text h3{font-size: 16px;}
}
@media screen and (max-width: 1024px) {
	.newsContainer .img{width: 100%;margin-right: 0;}
	.newsContainer .text{width: 92%;left: 50%;transform: translateX(-50%);color: #fff;position: absolute;top: 50%;}
	.newsContainer .text .date{color: #fff;}
	.newsContainer .text .line{background: #cccccc;}
	.newsContainer .text P{color: #fff;}
	.newsList ul li{width: 100%;}
	.newsList ul li .date{font-size: 22px;line-height: 40px;}
	.newsList ul li .text p{line-height: 20px;}
}
@media screen and (max-width: 768px) {
	.newsContainer .img{width: 100%;margin-right: 0;}
	.newsContainer .img img{width: 100%;filter: brightness(.8);}
	.newsContainer .text{width: 92%;color: #fff;left: 50%;top: 50%;transform: translate(-50%,-50%);}
	.newsContainer .text .date{color: #fff;}
	.newsContainer .text .line{background: #cccccc;margin: 20px 0 10px;}
	.newsContainer .text P{color: #fff;line-height: 20px;}
	.newsList ul li{width: 100%;}
}



/*案例展示*/
.case.index-item3{background: #f5f5f5;padding: 0;max-height: none;}
.case .tabNav{background: #fff;border-bottom: none;}
.case .case-item ul li{margin-top: 40px;}
.case .case-item ul li:nth-child(4n){margin-right: 0;}
.case .page-wrap{padding: 55px 0 50px;}
@media screen and (max-width: 1366px) {
	.case .page-wrap{padding: 35px 0 30px;}
}
@media screen and (max-width: 1024px) {
	.case .case-item ul li{margin-top: 0px;}
}
@media screen and (max-width: 1024px) {
	.case .page-wrap{padding: 0;}
}


/*案例详情*/
.case-detail .img-box{margin-top: 13px;}
.case-detail .img-box .img{overflow: hidden;}
.case-detail .img-box img{width: 100%;transition: .3s ease;}
.case-detail .img-box .left-img{width: 45.83%;}
.case-detail .img-box .right-img{width: 45.83%;}
.caseLImg{margin-bottom: 0.6%;}
.img-box .img1{width: 66.7%;}
.img-box .img2{width: 33.3%;}
.img-box .img3{width: 45.1%;}
.img-box .img4{width: 24.7%;}
.img-box .img5{width: 29.1%;margin-right: 0.6%;}
.img-box .img6{width: 51.8%;}
.img-box .img7{width: 48%;}
.caseRImgBottomL{width: 66.5%;}
.caseRImgBottomL img{width: 100%;}
.caseRImgBottomR{width: 33%;}
.img-box .img11{margin-top: 4px;}
.case-detail .img-box .img:hover img{transform: scale(1.1);transition: .3s ease;}
.video-box{width: 75.5%;margin: 20px auto;}
.video-box video{width: 100%;}
@media screen and (max-width: 768px) {
	.video-box{width: 100%;margin: 15px auto;}
}


/*wap底部按钮*/
.wap-footer{position: fixed;bottom: 0;left: 0;width: 100%; display: none;z-index: 9;}
.wap-footer ul{display: flex;justify-content: space-between;align-items: center;}
.wap-footer ul li{width: 49.5%;background: #145ce0;text-align: center;padding: 15px 0;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.wap-footer ul li i{color: #fff;}
.wap-footer ul li span{color: #fff;}