a {
	color: rgb(153, 153, 153); text-decoration: inherit; cursor: pointer;
}
a:active {
	
}
a:focus {
	
}
a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
div {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
body {
	-ms-overflow-y: visible !important;
}

.sparbgl {
	margin-top: 20px;
}
.sparbgr {
	margin-top: 20px;
}
.sparbglg {
	background: url("../images/sparbglg.png") no-repeat 0% 0% / 100%;
	left: 50%;
    position: absolute;
	width: 36px;
    height: 36px;
}
.sparbgrg {
	background: url("../images/sparbgrg.png") no-repeat 0% 0% / 100%;
	left: 53%;
    position: absolute;
	width: 36px;
    height: 36px;
}
.sparbgl  :hover {
	background: url("../images/sparbglr.png") no-repeat 0% 0% / 100%;
	left: 50%;
    position: absolute;
	width: 36px;
    height: 36px;
}
.sparbgr :hover {
	background: url("../images/sparbgrr.png") no-repeat 0% 0% / 100%;
	left: 53%;
    position: absolute;
	width: 36px;
    height: 36px;
}

@media only all and (max-width:1366px)
{
	.hide1366 {
		display: none;
	}
}
.container {
	margin: 0px auto; width: 75%; overflow: hidden;
}
.clttech-container {
	margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: 260px; width: 76%; overflow: hidden;
}
@media only all and (max-width:1700px)
{
	.container {
		width: 1024px;
	}
}
/* 分辨率为1600时调用的样式 */
@media only all and (max-width:1600px)
{
	.container {
		width: 1024px;
	}
	.softpro {
		width:600px !important;
	}
	.softprobg {
		left:26% !important;
	}
	.busarbg{
		left:26% !important;
	}
	.busar {
		width:600px !important;
		
	}
	.case-slide{
		margin-left:134px !important;
	}
	.case-item{
		width:325px !important;
		margin-left:18px;
	}
	.itsvcarbg{
		left:25% !important;
	}
	.itsvcar{
		width:600px !important;
	}
	.itservice-slide{
		margin-left:120px !important;
	}
	.itservice-item{
		margin-left:18px !important;
	}
	.clttech-container{
		margin-left:138px;
		width:87%;
	}
	.clttech-us-pt1{
		left: 135px !important;
	}
	.clttech-us-pt2{
		left: 485px !important;
	}
	.clttech-us-pt3{
		left: 831px !important;
	}
	.clttech-us-pt4{
		left: 1179px !important;
	}
	.clttech-us-text{
		text-indent: 2em;
	}
	.advantagebg{
		left:26% !important;
	}
	.advantagear{
		width:600px !important;
	}
	.advantagebg-slide{
		margin-left:134px !important;
	}
	.certs-slide{
		margin-left:134px !important;
	}
	.certs-item{
		width:208px;
		margin-left:18px;
	}
}
/* 分辨率为1440时调用的样式 */
@media only all and (max-width:1440px)
{
	.service{
		width:100%;
	}
	.softprobg{
		width: 800px !important;
		left: 290px !important;
	}
	.softpro{
		left:44% !important;
	}
	.container {
		width: 1024px;
	}
	.case{
		width:100%;
	}
	.busarbg{
		width: 800px !important;
		left: 300px !important;
	}
	.busar{
		width:600px !important;
		left:45% !important;
	}
	.case-slide{
		width:96.5% !important;
		margin-left: 44px !important;
	}
	.case-item{
		width:310px !important;
	}
	.itservice{
		width:100%;
	}
	.itsvcarbg{
		width: 800px !important;
		left: 300px !important;
	}
	.itsvcar{
		width:600px !important;
		left:46% !important;
	}
	.itservice-slide{
		width:96.5% !important;
		margin-left: 44px !important;
	}
	.itservice-item{
		width:310px !important;
	}
	.clttech-container{
		width:90%;
		margin-left:80px !important;
	}
	.clttech-us-img{
		margin-top:10px !important;
		width: 480px !important;
		height: 360px !important;
	}
	.clttech-bgimg{
		width: 480px !important;
		height: 360px !important;
	}
	.clttech-us-m{
		width:50%;
	}
	.clttech-us-tbg{
		top:-100px !important;
		left:16% !important;
	}
	.clttech-us-title{
		margin-top: -96px !important;
		left:16% !important;
	}
	.clttech-us-text{
		font-size:14px !important;
		width:685px !important;
		text-indent: 2em;
	}
	.clttech-us-pt1{
		left: 41px !important;
	}
	.clttech-us-pt2{
		left: 387px !important;
	}
	.clttech-us-pt3{
		left: 731px !important;
	}
	.clttech-us-pt4{
		left: 1077px !important;
	}
	.advantage{
		width:100%;
	}
	.advantagebg{
		width: 800px !important;
		left: 314px !important;
	}
	.advantagear{
		width:600px !important;
		left:46% !important;
	}
	.advantagebg-slide{
		width:96% !important;
		margin-left: 30px !important;
	}
	.advantagebg-item{
		width:430px !important;
	}
	.certs{
		width:100% !important;
	}
	.certs-slide{
		width:97% !important;
		margin-left:36px !important;
	}
	.certs-item{
		width:200px; !important;
	}
	.clttech-us-img{
		margin-top:10px !important;
		width: 370px !important;
		height: 270px !important;
	}
	.clttech-bgimg{
		width: 370px !important;
		height: 270px !important;
	}
	.clttech-imgbg{
		width: 370px !important;
		height: 270px !important;
	}
	.clttech-us-m{
		width:50%;
	}
	.clttech-us-tbg{
		margin-top:38px !important;
	}
	.clttech-us-title{
		font-size:30px !important;
	}
}
/* 分辨率为1360时调用的样式 */
@media only all and (max-width:1360px){
	.container {
		width: 1024px;
	}
	.service {
		width: 100%;
	}
	.softprobg{
		width: 800px !important;
		left: 258px !important;
	}
	.softpro{
		width:600px !important;
		font-size:28px important;
	}
	.case{
		width:100%;
	}
	.busarbg{
		left:262px !important;
	}
	.busar{
		font-size:30px !important;
	}
	.case-item{
		width:294px !important;
	}
	.case-detail-title p{
		width:83% !important;
		font-size:12px !important;
	}
	.itservice{
		width:100%;
	}
	.itsvcarbg{
		width:800px !important;
		left:250px !important;
	}
	.itsvcar{
		font-size:30px !important;
	}
	.itservice-slide{
		width: 96% !important;
		margin-left:38px !important;
	}
	.itservice-item{
		width:290px !important;
		margin-left:20px !important;
	}
	.itservice-detail-title-txt{
		font-size:14px !important;
	}
	.itservice-detail-title-txtr{
		font-size:14px !important;
	}
	.clttech-container{
		width: 90%;
		margin-left: 80px !important;
	}
	.clttech-us-pt1{
		left: 1px !important;
	}
	.clttech-us-pt2{
		left: 335px !important;
	}
	.clttech-us-pt3{
		left: 669px !important;
	}
	.clttech-us-pt4{
		left: 1003px !important;
	}
	.advantage{
		width:100%;
	}
	.advantagebg{
		width: 800px !important;
		left: 274px !important;
	}
	.advantagear{
		font-size:30px !important;
	}
	.advantagebg-item{
		width:400px !important;
	}
	.sidediv{
		margin-left: 15px !important;
	}
	.certs-slide{
		width: 97% !important;
		margin-left: 36px !important;
	}
	.certs-item{
		width:190px !important;
	}
	.footerNav li ul li a {
		font-size:12px;
	}
	.footerNav li ul li {
		font-size :12px !important;
	}
	.ftel{
		font-size:14px !important;
	}
}

@media only all and (max-width:960px)
{
	.container {
		width: 800px !important;
	}
}
.navbar-nav ul li {
	padding: 4px 0px 0px;
}
.banner {
	width: 100%; height: 600px; overflow: hidden; margin-top: -80px; cursor: w-resize;
}
@media only all and (max-width:1440px)
{
	.banner {
		height: 550px;
	}
}
@media only all and (max-width:768px)
{
	.banner {
		height: 440px;
	}
}
@media only all and (max-width:640px)
{
	.banner {
		height: 280px;
	}
}
.banner .b-link {
	margin: 0px auto; padding: 5px; border-radius: 50px; border: 1px solid rgb(134, 132, 130); border-image: none; width: 100px; text-align: center; color: rgb(134, 132, 130); font-size: 14px; text-decoration: none; display: block; position: absolute;
}
@media only all and (max-width:768px)
{
	.banner .b-link {
		padding: 2px; width: 80px; font-size: 12px;
	}
}
.banner .b-link:hover {
	border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255);
}
@media only all and (max-width:768px)
{
	.banner .jb-banner .title {
		width: 25% !important; margin-left: -12.5% !important; background-size: 100%;
	}
}
@media only all and (max-width:640px)
{
	.banner .jb-banner .title {
		width: 30% !important; height: 30px !important; margin-left: -15% !important; background-size: 100%;
	}
}

.banner .banner2 {
	background: url("../images/banner2.jpg") no-repeat top; width: 100%; height: 600px; position: relative; perspective: 1200px; -webkit-perspective: 1200px; -moz-perspective: 1200px;
}
.banner .banner2 .center {
	margin: 0px auto; width: 1000px; height: 100%; position: relative;
}
.banner .banner2 .title {
	background: url("../images/banner2_font.png") no-repeat center / 100%; left: 0%; top: 30%; width: 50%; height: 180px; position: absolute; min-width: 180px; -ms-behavior: url(../css/backgroundsize.min.htc); behavior: url(../css/backgroundsize.min.htc);
}
.banner .banner2 .b-link {
	left: 1%; bottom: 31%;
}
.banner .banner2 .phone {
	background: url("../images/phone_3.png") no-repeat top; width: 313px; height: 641px; right: 0%; bottom: -150px; position: absolute;
}
.banner .banner2 .phone .pic1 {
	left: 50% !important; top: 50% !important; width: 271px; height: 402px; bottom: 10px; margin-top: -70%; margin-left: -135.5px; position: absolute;
}
.banner .banner2 .phone .pic2 {
	left: 50% !important; top: 50% !important; width: 271px; height: 402px; bottom: 10px; margin-top: -70%; margin-left: -135.5px; position: absolute;
}
/* 分辨率为1280时调用的样式 */
@media only all and (max-width:1280px)
{
	.banner .banner2 .b-link {
		left: 5%;
	}
	.banner .banner2 .title {
		left: 5%; width: 40%;
	}
	.banner .banner2 .phone {
		right: 6%;
	}
	.softprobg {
		left:222px !important;
	}
	.busarbg{
		left: 226px !important;
	}
	.case-slide {
		width: 96% !important;
		margin-left: 50px !important;
	}
	.case-item{
		width: 264px !important;
	}
	.itsvcarbg{
		width: 800px !important;
		left: 218px !important;
	}
	.itservice-slide {
		width: 96% !important;
		margin-left: 26px !important;
	}
	.itservice-item {
		width: 276px !important;
		margin-left: 20px !important;
	}
	.clttech-us{
		margin-top:-80px !important;
	}
	.clttech-us-tbg{
		margin-top: 12px !important;
	}
	.clttech-us-text{
		font-size:10px !important;
	}
	.clttech-us-pt1{
		left: 45px !important;
		width:276px !important;
	}
	.clttech-us-pt1 img{
		width:276px;
	}
	.clttech-us-pt2{
		left: 339px !important;
		width:276px !important;
	}
	.clttech-us-pt2 img{
		width:276px;
	}
	.clttech-us-pt3{
		left: 637px !important;
		width:276px !important;
	}
	.clttech-us-pt3 img{
		width:276px;
	}
	.clttech-us-pt4{
		left: 933px !important;
		width:276px !important;
	}
	.clttech-us-pt4 img{
		width:276px;
	}
	.advantagebg{
		width:700px !important;
		left:288px !important;
	}
	.advantagebg-item{
		width: 375px !important;
	}
	.sidediv{
		margin-left: 8px !important;
	}
	.certs-item{
		width: 180px !important;
		margin-left: 90px !important;
	}
	.footerNav li ul li a {
		font-size:10px;
	}
	.footerNav li ul li {
		font-size :10px !important;
	}
	.certs-slide{
		margin-left:38px !important;
	}
}
/* 分辨率为1024时调用的样式 */
@media only all and (max-width:1024px)
{
	.banner .banner2 .phone {
		right: 10%;
	}
	.banner .banner2 .title {
		left: 5%; width: 35%;
	}
	.banner .banner2 .b-link {
		left: 6%;
	}
	.softprobg{
		width:730px !important;
		left: 146px !important;
	}
	.softpro{
		width:500px !important;
	}
	.busarbg{
		width:730px !important;
		left: 146px !important;
	}
	.busar{
		width:400px !important;
	}
	.case-slide{
		width:91% !important;
		margin-left:86px !important;
	}
	.itsvcarbg{
		width:730px !important;
		left:146px !important;
	}
	.itsvcar{
		width:400px !important;
	}
	.itservice-item{
		width: 210px !important;
		margin-left: 20px !important;
	}
	.itservice-detail-title{
		padding: 16px 30px !important;
	}
	.itservice-detail-title-txt{
		font-size:8px !important;
		margin: 2px 0px !important;
	}
	.itservice-detail-title-txtr{
		font-size:8px !important;
		margin: 2px 0px !important;
	}
	
	.itservice-detail-title-urlr{
		font-size:12px !important;
		width: 156px !important;
	}
	.clttech-imgbg{
		width: 280px !important;
		height: 190px !important;
	}
	.clttech-bgimg{
		width: 280px !important;
		height: 190px !important;
	}
	.clttech-us-img{
		margin-top: 10px !important;
		width: 280px !important;
		height: 190px !important;
	}
	.clttech-us-tbg{
		width:470px !important;
		margin-top:12px !important;
	}
	.clttech-us-title{
		font-size:28px !important;
	}
	.clttech-us-text{
		width: 550px !important;
		text-indent: 2em;
		font-size:8px !important;
		margin-left:78px !important;
		margin-top: 45px !important;
	}
	.advantagebg{
		width:730px !important;
		left:154px !important;
	}
	.advantagear{
		width: 530px !important;
	}
	.advantagebg-slide{
		width: 96% !important;
		margin-left: 20px !important;
	}
	.advantagebg-item{
		width: 300px !important;
	}
	.advantagebg-item-inner{
		font-size: 12px !important;
	}
	.sidediv{
		margin-left: 10px !important;
	}
	.sideDivP1{
		padding-left: 20px !important; padding-right: 20px !important;
	}
	.sideDivP2{
		padding-left: 20px !important; padding-right: 20px !important;
	}
	.sideDivP3{
		padding-left: 30px !important; padding-right: 42px !important;
	}
	.sideDivP4{
		padding-left: 14px !important; padding-right: 8px !important;
	}
	.sideDivP5{
		padding-left: 28px !important; padding-right: 28px !important;
	}
	.sideDivP6{
		padding-left: 26px !important; padding-right: 26px !important;
	}
	.sideDivP7{
		padding-left: 15px !important; padding-right: 15px !important;
	}
	.sideDivP8{
		padding-left: 10px !important; padding-right: 12px !important;
	}
	.sideDivP9{
		padding-left: 24px !important; padding-right: 24px !important;
	}
	.sideDivP10{
		padding-left: 18px !important; padding-right: 18px !important;
	}
	.sideDivP11{
		padding-left: 32px !important; padding-right: 30px !important;
	}
	.sideDivP12{
		padding-left: 14px !important; padding-right: 14px !important;
	}
	.certs-slide{
		width: 96% !important;
		margin-left: 36px !important;
	}
	.certs-item{
		width:130px !important;
	}
	.footerNav{
		margin-left:20px !important;
	}
	.fContact{
		left:62% !important;
		top:13% !important;
	}
	.lowNav{
		width:95% !important;
	}
}

/*增加的样式sideDivp1-12*/
.sideDivP1{
	padding-left: 33px; padding-right: 33px;
}
.sideDivP2{
	padding-left: 30px; padding-right: 30px;
}
.sideDivP3{
	padding-left: 52px; padding-right: 52px;
}
.sideDivP4{
	padding-left: 20px; padding-right: 20px;
}
.sideDivP5{
	padding-left: 38px; padding-right: 38px;
}
.sideDivP6{
	padding-left: 45px; padding-right: 45px;
}
.sideDivP7{
	padding-left: 22px; padding-right: 22px;
}
.sideDivP8{
	padding-left: 28px; padding-right: 28px;
}
.sideDivP9{
	padding-left: 36px; padding-right: 36px;
}
.sideDivP10{
	padding-left: 35px; padding-right: 35px;
}
.sideDivP11{
	padding-left: 43px; padding-right: 43px;
}
.sideDivP12{
	padding-left: 31px; padding-right: 31px;
}
/*结束*/

@media only all and (max-width:960px)
	{
	.banner .banner2 .phone {
		right: 16%;
	}
}
@media only all and (max-width:870px)
{
	.banner .banner2 .phone {
		width: 280px; height: 601px; right: 25%; bottom: -110px; background-size: 100%;
	}
	.banner .banner2 .phone .pic1 {
		width: 200px; height: 402px; margin-top: -80%; margin-left: -100px; background-size: 100%;
	}
	.banner .banner2 .phone .pic2 {
		width: 200px; height: 402px; margin-top: -80%; margin-left: -100px; background-size: 100%;
	}
	.banner .banner2 .phone .pic1 img {
		width: 200px;
	}
	.banner .banner2 .phone .pic2 img {
		width: 200px;
	}
}
@media only all and (max-width:768px)
{
	.banner .banner2 .center {
		width: 520px;
	}
	.banner .banner2 .title {
		left: -8%; width: 35%;
	}
	.banner .banner2 .b-link {
		left: -6%;
	}
	.banner .banner2 .phone {
		width: 213px; height: 441px; right: 0%; bottom: -125px; background-size: 100%;
	}
	.banner .banner2 .phone .pic1 {
		width: 200px; height: 300px; margin-top: -80%; margin-left: -100px; background-size: 100%;
	}
	.banner .banner2 .phone .pic2 {
		width: 200px; height: 300px; margin-top: -80%; margin-left: -100px; background-size: 100%;
	}
	.banner .banner2 .phone .pic1 img {
		width: 200px;
	}
	.banner .banner2 .phone .pic2 img {
		width: 200px;
	}
}
@media only all and (max-width:640px){
	.banner .banner2 .center {
		width: 300px;
	}
	.banner .banner2 .title {
		left: 0px; top: 35%; height: 70px;
	}
	.banner .banner2 .b-link {
		left: 3%; bottom: 26%;
	}
	.banner .banner2 .phone {
		width: 100px; height: 205px; bottom: -25px;
	}
	.banner .banner2 .phone .pic1 {
		width: 200px; height: 300px; margin-top: -65%; margin-left: -100px; background-size: 100%;
	}
	.banner .banner2 .phone .pic2 {
		width: 200px; height: 300px; margin-top: -65%; margin-left: -100px; background-size: 100%;
	}
	.banner .banner2 .phone .pic1 img {
		width: 86px;
	}
	.banner .banner2 .phone .pic2 img {
		width: 86px;
	}
}
.banner .slick-active .banner2 .title {
	animation:flipInX 1.2s; -moz-animation: flipInX 1.2s; -webkit-animation: flipInX 1.2s;
}
.banner .slick-active .banner2 .b-link {
	animation:fadeIn 1s; -moz-animation: fadeIn 1s; -webkit-animation: fadeIn 1s;
}
.banner .slick-active .banner2 .phone {
	animation:filpZUp 1s; -moz-animation: filpZUp 1s; -webkit-animation: filpZUp 1s;
}
}

.banner .banner8 {
	background: url("../images/banner8-bg.jpg") no-repeat top; width: 100%; height: 600px; position: relative;
}
.banner .banner8 .center {
	margin: 0px auto; width: 1400px; height: 100%; overflow: hidden; clear: both; position: relative;
}
.banner .banner8 .title {
	left: 0px; bottom: 275px;
}
.banner .banner8 .title .b-link {
	border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255) !important; margin-top: 25px;
}
.banner .banner8 .pro {
	width: 70%; right: 0px; bottom: 43px;
}
.banner .banner8 .pro {
	position: absolute;
}
.banner .banner8 .title {
	position: absolute;
}
.banner .banner8 .pro img {
	width: 100%; display: block;
}
.banner .banner8 .title img {
	width: 100%; display: block;
}
.banner .banner5 {
	background: url("../images/banner.gif") no-repeat center; width: 100%; height: 600px; overflow: hidden; position: relative;
}
.banner .banner5 .title {
	margin-top: 200px;
}
.banner .banner5 p {
	text-align: center; font-family: "Microsoft Yahei", "微软雅黑";
}
.banner .banner5 .main-title {
	color: rgb(255, 255, 255); font-size: 50px; font-weight: bolder;
}
.banner .banner5 .intro {
	margin: 25px auto; padding: 5px; border-radius: 50px; border: 1px solid rgb(148, 148, 148); border-image: none; width: 450px; color: rgb(255, 255, 255); letter-spacing: 5px; font-size: 22px; visibility: hidden;
}
.banner .banner5 .slogan {
	color: rgb(255, 255, 255); font-size: 22px;
}
.banner .banner5 .slogan span {
	color: rgb(157, 157, 157);
}
@media only all and (max-width:768px)
{
	.banner .banner5 .main-title {
		font-size: 22px;
	}
	.banner .banner5 .title {
		margin-top: 165px;
	}
	.banner .banner5 .slogan {
		font-size: 14px;
	}
	.banner .banner5 .intro {
		margin: 10px auto; width: 280px; font-size: 14px;
	}
}
@media only all and (max-width:640px)
{
	.banner .banner5 .title {
		margin-top: 80px;
	}
	.banner .banner5 .intro {
		width: 230px; letter-spacing: 2px;
	}
}
.banner .slick-active .banner5 .main-title {
	animation:fadeInDown 1.2s; -moz-animation: fadeInDown 1.2s; -webkit-animation: fadeInDown 1.2s;
}
.banner .slick-active .banner5 .slogan {
	animation:fadeInDown 1.2s; -moz-animation: fadeInDown 1.2s; -webkit-animation: fadeInDown 1.2s;
}
.banner .slick-active .banner5 .intro {
	animation:flipInX 1.2s forwards; visibility: visible; -moz-animation: flipInX 1.2s forwards; -webkit-animation: flipInX 1.2s forwards;
}
.banner .banner2 {
	overflow: hidden;
}

.banner .banner5 {
	overflow: hidden;
}
.banner .banner8 {
	overflow: hidden;
}
@media only all and (max-width:1440px)
{
.banner .banner2 {
	height: 550px;
}

.banner .banner5 {
	height: 550px;
}
.banner .banner8 {
	height: 550px;
}
}
@media only all and (max-width:768px)
{
.banner .banner2 {
	height: 400px;
}

.banner .banner5 {
	height: 400px;
}
.banner .banner8 {
	height: 400px;
}
}
@media only all and (max-width:640px)
{
.banner .banner2 {
	height: 240px; background-size: auto 300px;
}

.banner .banner5 {
	height: 280px; background-size: auto 300px;
}
.banner .banner8 {
	height: 240px; background-size: auto 300px;
}
}
@media only all and (max-width:1440px)
{
.banner .banner8 .center {
	width: 1100px;
}
.banner .banner8 .title {
	width: 380px;
}
.banner .banner8 .pro {
	width: 75%;
}
}
@media only all and (max-width:768px)
{
.banner .banner8 .center {
	width: 100%;
}
.banner .banner8 .title {
	left: 50%; width: 300px; bottom: 170px; margin-left: -150px; position: absolute;
}
.banner .banner8 .pro {
	display: none;
}
}
@media only all and (max-width:640px)
{
.banner .banner8 .center {
	width: 100%;
}
.banner .banner8 .title {
	width: 250px; bottom: 90px; margin-left: -125px;
}
.banner .banner8 .pro {
	width: 75%;
}
}
.banner .slick-dots {
	bottom: 12px !important;
}
@media only all and (max-width:640px)
{
.banner .slick-dots {
	bottom: 5px !important;
}
}
.banner .slick-dots li {
	
}
@media only all and (max-width:1440px)
{
.banner .slick-dots li {
	width: 40px;
}
}
@media only all and (max-width:640px)
{
.banner .slick-dots li {
	margin: 0px 2px; width: 30px;
}
}
.banner .slick-dots li button {
	padding: 10px 0px; width: 60px; height: 2px;
}
@media only all and (max-width:1440px)
{
.banner .slick-dots li button {
	width: 40px;
}
}
@media only all and (max-width:640px)
{
.banner .slick-dots li button {
	width: 30px;
}
}
.banner .slick-dots li button::before {
	content: no-close-quote;
}
.banner .slick-dots .slick-active {
	
}
.banner .slick-dots .slick-active button::before {
	width: 60px; height: 2px;
}
@media only all and (max-width:640px)
{
.banner .slick-dots .slick-active button::before {
	width: 30px;
}
}
.slick-slider.banner {
	margin-top: 0px; margin-bottom: 0px !important;
}
#slick-banner .slick-dots {
	left: 50%; top: 95%; width: 350px; bottom: 0px; margin-top: -34px; margin-left: -175px; position: absolute;
}
@media only all and (max-width:480px)
{
#slick-banner .slick-dots {
	top: 96% !important;
}
}
#slick-banner .slick-dots li {
	width: 60px; height: 2px; background-color: rgb(148, 148, 148);
}
@media only all and (max-width:640px)
{
#slick-banner .slick-dots li {
	width: 30px;
}
}
#slick-banner .slick-dots li button {
	padding: 10px 0px; width: 60px; height: 2px;
}
@media only all and (max-width:640px)
{
#slick-banner .slick-dots li button {
	width: 30px;
}
}
#slick-banner .slick-dots li button::before {
	content: no-close-quote;
}
#slick-banner .slick-active {
	
}
#slick-banner .slick-active button::before {
	width: 60px; height: 2px;
}
@media only all and (max-width:640px)
{
#slick-banner .slick-active button::before {
	width: 30px;
}
}
.slick-slide img {
	margin: 0px auto;
}
.service {
	padding-top: 10px !important; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: rgb(255, 255, 255);
}
.softprobg {
	background: url("../images/softprobg.png") no-repeat 0% 0% / 100%;
	left: 30%;
    position: absolute;
	width: 851px;
    height: 95px;
}
.busarbg {
	background: url("../images/busarbg.png") no-repeat 0% 0% / 100%;
	left: 30%;
    position: absolute;
	width: 851px;
    height: 95px;
}
.advantagebg {
	background: url("../images/advantagebg.png") no-repeat 0% 0% / 100%;
	left: 30%;
    position: absolute;
	width: 851px;
    height: 95px;
}
.itsvcarbg {
	background: url("../images/itsvcarbg.png") no-repeat 0% 0% / 100%;
	left: 29%;
    position: absolute;
	width: 851px;
    height: 95px;
}
.softpro {
	left: 49%;
    position: absolute;
	width: 851px;
    height: 95px;
	color: #333333;
	font-size: 32px;
    font-weight: 600;
	margin-top: 35px;
}
.busar {
	left: 49%;
    position: absolute;
	width: 851px;
    height: 95px;
	color: #333333;
	font-size: 32px;
    font-weight: 600;
	margin-top: 35px;
}
.advantagear {
	left: 49%;
    position: absolute;
	width: 851px;
    height: 95px;
	color: #333333;
	font-size: 32px;
    font-weight: 600;
	margin-top: 35px;
}
.itsvcar {
	left: 49%;
    position: absolute;
	width: 851px;
    height: 95px;
	color: #333333;
	font-size: 32px;
    font-weight: 600;
	margin-top: 35px;
}

@media only all and (max-width:640px)
{
.service {
	padding-top: 20px !important;
}
}
.service .container {
	padding-bottom: 25px; margin-top: 150px;
}
@media only all and (max-width:480px)
{
.service .container {
	width: 300px !important;
}
}
.service-ul {
	margin: 0px auto; padding: 0px; border: 0px currentColor; border-image: none; width: 1050px; overflow: hidden;
}
.service-ul li {
	margin-left: 0px; vertical-align: middle; display: inline-block; list-style-type: none; list-style-image: none; white-space: nowrap;
}
@media only all and (max-width:740px)
{
.service-ul {
	width: auto;
}
}
.service-ul li {
	margin: 0px 46px 0px 18px; display: inline-block;
}
.icon-ddmkfpt {
	background-position: center; cursor: pointer; background-image: url("../images/ddmkfpt.png"); background-repeat: no-repeat;
}
.icon-ddmkfpt:hover {
	background-image: url("../images/ddmkfpt.png");
}
@media only all and (max-width:1024px)
{
.icon-ddmkfpt {
	background-position: center; cursor: pointer; background-image: url("../images/computer.png?1512537662"); background-repeat: no-repeat;
}
.icon-ddmkfpt:hover {
	background-image: url("../images/computer.png?1512537662");
}
}
.icon-dsjfxksh {
	background-position: center; cursor: pointer; background-image: url("../images/dsjfxksh.png"); background-repeat: no-repeat;
}
.icon-dsjfxksh:hover {
	background-image: url("../images/dsjfxksh.png");
}
@media only all and (max-width:1024px)
{
.icon-dsjfxksh {
	background-position: center; cursor: pointer; background-image: url("../images/dsjfxksh.png"); background-repeat: no-repeat;
}
.icon-dsjfxksh:hover {
	background-image: url("../images/dsjfxksh.png");
}
}
.icon-zhysqpt {
	background-position: center; cursor: pointer; background-image: url("../images/zhysqpt.png"); background-repeat: no-repeat;
}
.icon-zhysqpt:hover {
	background-image: url("../images/zhysqpt.png");
}
@media only all and (max-width:1024px)
{
.icon-zhysqpt {
	background-position: center; cursor: pointer; background-image: url("../images/zhysqpt.png"); background-repeat: no-repeat;
}
.icon-zhysqpt:hover {
	background-image: url("../images/zhysqpt.png");
}
}
.icon-zyzhyfw {
	background-position: center; cursor: pointer; background-image: url("../images/zyzhyfw.png"); background-repeat: no-repeat;
}
.icon-zyzhyfw:hover {
	background-image: url("../images/zyzhyfw.png");
}
@media only all and (max-width:1024px)
{
.icon-zyzhyfw{
	background-position: center; cursor: pointer; background-image: url("../images/zyzhyfw.png"); background-repeat: no-repeat;
}
.icon-zyzhyfw:hover {
	background-image: url("../images/zyzhyfw.png");
}
}
.icon-zngzlpt {
	background-position: center; cursor: pointer; background-image: url("../images/zngzlpt.png"); background-repeat: no-repeat;
}

@media only all and (max-width:1024px)
{
.icon-zngzlpt {
	background-position: center; cursor: pointer; background-image: url("../images/zngzlpt.png"); background-repeat: no-repeat;
}
.icon-zngzlpt:hover {
	background-image: url("../images/zngzlpt.png");
}
}
.icon-zskglxt{
	background-position: center; cursor: pointer; background-image: url("../images/zskglxt.png"); background-repeat: no-repeat;
}
@media only all and (max-width:1024px)
{
.icon-zskglxt {
	background-position: center; cursor: pointer; background-image: url("../images/zskglxt.png"); background-repeat: no-repeat;
}
.icon-zskglxt:hover {
	background-image: url("../images/zskglxt.png");
}
}
.service-item-icon {
	margin: 0px auto; width: 80px; height: 80px;
}
@media only all and (max-width:640px)
{
.service-item-icon {
	height: 50px; background-size: 65%;
}
}
.service-item-name {
	color: rgb(88, 88, 88); font-size: 17px; margin-top: 8px;
}
@media only all and (max-width:640px)
{
.service-item-name {
	margin-top: 5px;
}
}
.service-item-name span {
	display: none;
}
.service-item {
	text-align: center;
}
@media only all and (max-width:480px)
{
.service-item {
	width: auto !important;
}
}
.service-item a:hover .service-item-name {
	color: rgb(193, 25, 32);
}
.case {
	padding: 25px 0px;
}
.itservice {
	padding: 25px 0px;
}
@media only all and (max-width:640px)
{
.case {
	padding: 0px 0px 25px !important;
}
.itservice {
	padding: 0px 0px 25px !important;
}
}
.case #slick-case .slick-dots li {
	
}
.itservice #slick-itservice .slick-dots li {
	
}
.advantagebg #slick-advantagebg .slick-dots li {
	
}
.certs #slick-certs .slick-dots li {
	
}
@media only all and (max-width:640px)
{
.case #slick-case .slick-dots li {
	margin: 0px 2px; width: 30px;
}
.itservice #slick-itservice .slick-dots li {
	margin: 0px 2px; width: 30px;
}
.advantagebg #slick-advantagebg.slick-dots li {
	margin: 0px 2px; width: 30px;
}
.certs #slick-certs.slick-dots li {
	margin: 0px 2px; width: 30px;
}
}
.case #slick-case .slick-dots li button {
	padding: 10px 0px; width: 60px; height: 2px;
}
.itservice #slick-itservice .slick-dots li button {
	padding: 10px 0px; width: 60px; height: 2px;
}
.advantagebg #slick-advantagebg .slick-dots li button {
	padding: 10px 0px; width: 60px; height: 2px;
}
.certs #slick-certs .slick-dots li button {
	padding: 10px 0px; width: 60px; height: 2px;
}
@media only all and (max-width:640px)
{
	.case #slick-case .slick-dots li button {
		width: 30px;
	}
	.itservice #slick-itservice .slick-dots li button {
		width: 30px;
	}
	.advantagebg #slick-advantagebg .slick-dots li button {
		width: 30px;
	}
	.certs #slick-certs .slick-dots li button {
		width: 30px;
	}
}
.case #slick-case .slick-dots li button::before {
	content: no-close-quote;
}
.itservice #slick-itservice .slick-dots li button::before {
	content: no-close-quote;
}
.advantagebg #slick-advantagebg .slick-dots li button::before {
	content: no-close-quote;
}
.certs #slick-certs .slick-dots li button::before {
	content: no-close-quote;
}
@media only all and (max-width:640px)
{
	.case #slick-case .slick-dots li {
		width: 30px;
	}
	.itservice #slick-itservice .slick-dots li {
		width: 30px;
	}
	.advantagebg #slick-advantagebg .slick-dots li {
		width: 30px;
	}
	.certs #slick-certs .slick-dots li {
		width: 30px;
	}
}
.case #slick-case .slick-dots .slick-active {
	
}
.itservice #slick-itservice .slick-dots .slick-active {
	
}
.advantagebg #slick-advantagebg .slick-dots .slick-active {
	
}
.certs #slick-certs .slick-dots .slick-active {
	
}
.case #slick-case .slick-dots .slick-active button::before {
	width: 60px; height: 2px;
}
.itservice #slick-itservice .slick-dots .slick-active button::before {
	width: 60px; height: 2px;
}
.advantagebg #slick-advantagebg .slick-dots .slick-active button::before {
	width: 60px; height: 2px;
}
.certs #slick-certs .slick-dots .slick-active button::before {
	width: 60px; height: 2px;
}
@media only all and (max-width:640px)
{
	.case #slick-case .slick-dots .slick-active button::before {
		width: 30px;
	}
	.itservice #slick-itservice .slick-dots .slick-active button::before {
		width: 30px;
	}
	.advantagebg #slick-advantagebg .slick-dots .slick-active button::before {
		width: 30px;
	}
	.certs #slick-certs .slick-dots .slick-active button::before {
		width: 30px;
	}
}
.case-slide {
	position: relative;
}
.itservice-slide {
	position: relative;
}
.advantagebg-slide {
	position: relative;
}
.certs-slide {
	position: relative;
}
.title {
	margin-bottom: 10px; margin-left: 10px;
}
.itservice-title {
	margin-bottom: 10px; margin-left: 10px;
}
.title::after {
	clear: both; display: table; content: "";
}
.itservice-title::after {
	clear: both; display: table; content: "";
}
.case-slide {
	width: 1400px;
    margin-left: 240px;
	margin-top: 135px;
	overflow: hidden;
}
.itservice-slide {
	width: 1400px;
    margin-left: 240px;
	margin-top: 135px;
	overflow: hidden;
}
.advantagebg-slide {
	width: 1400px;
    margin-left: 240px;
	margin-top: 135px;
	overflow: hidden;
}
.certs-slide {
	width: 1400px;
    margin-left: 470px;
	overflow: hidden;
}
.case-slide::after {
	clear: both; display: table; content: "";
}
.itservice-slide::after {
	clear: both; display: table; content: "";
}
.advantagebg-slide::after {
	clear: both; display: table; content: "";
}
.certs-slide::after {
	clear: both; display: table; content: "";
}
.title-en {
	margin: 0px 0px 15px; text-align: center; color: rgb(85, 85, 85); font-size: 30px;
}
@media only all and (max-width:960px)
{
.title-en {
	text-align: left;
}
}
@media only all and (max-width:640px)
{
.title-en {
	text-align: left; margin-bottom: 10px;
}
}
.title-zh {
	color: rgb(85, 85, 85); padding-top: 23px; padding-left: 4px; font-size: 20px; float: left;
}
.case-detail {
	padding: 30px 0px; width: 100%; bottom: 0px; position: absolute; background-color: transparent !important;
}
.itservice-detail {
	padding: 0px 0px; width: 100%; bottom: 0px; position: absolute; background-color: transparent !important;
}
@media only all and (max-width:1440px)
{
.case-detail {
	padding: 30px 0px;
}
.itservice-detail {
	padding: 0px 0px;
}
}
@media only all and (max-width:1200px)
{
.case-detail {
	padding: 30px 0px;
}
.itservice-detail {
	padding: 0px 0px;
}
}
@media only all and (max-width:640px)
{
.case-detail {
	padding: 30px 0px;
}
.itservice-detail {
	padding: 0px 0px;
}
}
.case-detail-title {
	padding: 0px 30px; text-align: left;
}
.itservice-detail-title {
	padding: 25px 30px; text-align: center;
}
.itservice-detail-title-txt {
	color: #333333; font-size: 16px; margin: 10px 0px;
}
.itservice-detail-title-txtr {
	color: #FFFFFF; font-size: 16px; margin: 10px 0px;
}
.itservice-detail-title-urlr {
	color: #C11920; font-size: 16px; margin: auto; border: 2px solid #C11920; border-radius: 5px; width: 165px; padding: 6px 0px;background-color: #FFFFFF;
}
@media only all and (max-width:1440px)
{
.case-detail-title {
	padding: 0px 20px;
}
.itservice-detail-title {
	padding: 25px 30px;
}
}
@media only all and (max-width:1200px)
{
.case-detail-title {
	padding: 0px 15px;
}
.itservice-detail-title {
	padding: 25px 30px;
}
}
@media only all and (max-width:640px)
{
.case-detail-title {
	padding: 0px 10px;
}
.itservice-detail-title {
	padding: 25px 30px;
}
}
.case-detail-title a {
	width: 80%; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.case-detail-title p {
	width: 80%; overflow: hidden; -ms-text-overflow: ellipsis; margin-left: 26px;
}
@media only all and (max-width:768px)
{
.case-detail-title a {
	width: 95%;
}
.case-detail-title p {
	width: 95%; margin-left: 26px;
}
}
.case-detail-title a {
	color: rgb(255, 255, 255); font-size: 18px !important; font-weight: bold; display: block;
}
@media only all and (max-width:1440px)
{
.case-detail-title a {
	font-size: 16px !important;
}
}
@media only all and (max-width:768px)
{
.case-detail-title a {
	font-size: 14px !important;
}
}
.case-detail-title p {
	color: #333333; font-size: 14px; margin-left: 26px;
}
@media only all and (max-width:768px)
{
.case-detail-title p {
	font-size: 12px !important; margin-left: 26px;
}
}
.case-item {
	width: 330px; float: left; margin-left: 20px; margin-bottom: 20px;
}
.itservice-item {
	width: 330px; float: left; margin-left: 20px; margin-bottom: 20px;
}
.advantagebg-item {
	width: 445px; float: left; margin-left: 20px; margin-bottom: 20px;
}
.certs-item {
	width: 210px; float: left; margin-left: 20px;
}
@media only all and (max-width:640px)
{
.case-item {
	width: 330px; margin-left: 20px; margin-bottom: 20px;
}
.itservice-item {
	width: 330px; margin-left: 20px; margin-bottom: 20px;
}
.advantagebg-item {
	width: 330px; margin-left: 20px; margin-bottom: 20px;
}
.certs-item {
	width: 330px; margin-left: 20px; margin-bottom: 20px;
}
}
.case-item-inner {
	background-color: #F5F5F5;
}
.itservice-item-inner {
	
}
.advantagebg-item-inner {
	background-color: #F5F5F5; border-radius: 5px 5px; font-size: 14px; padding-bottom: 45px;
}
.certs-item-inner {
	background-color: #F5F5F5; border-radius: 5px 5px; font-size: 14px;
}
.case-item-inner .case-image {
	overflow: hidden; position: relative; border-radius: 5px 5px;
}
.itservice-item-inner .itservice-image {
	overflow: hidden; position: relative; border-radius: 5px 5px;
}
.case-item-inner .case-image a {
	font-size: 0px; display: block;
}
.itservice-item-inner .itservice-image a {
	font-size: 0px; display: block;
}
.case-item-inner .case-image img {
	transition:1s; width: 100%; -moz-transition: all 1s; -webkit-transition: all 1s;
}
.itservice-item-inner .itservice-image img {
	transition:1s; width: 100%; -moz-transition: all 1s; -webkit-transition: all 1s;
}
.case-item-inner .case-image .case-shadow {
	background: rgba(0, 0, 0, 0.5); transition:1s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0; -moz-transition: all 1s; -webkit-transition: all 1s;
}
.itservice-item-inner .itservice-image .itservice-shadow {
	background: rgba(0, 0, 0, 0.5); transition:1s; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0; -moz-transition: all 1s; -webkit-transition: all 1s;
}
.case-item-inner .case-image .case-shadow img {
	margin: 30px; width: 17px; float: right;
}
.itservice-item-inner .itservice-image .itservice-shadow img {
	margin: 30px; width: 17px; float: right;
}
@media only all and (max-width:1440px)
{
.case-item-inner .case-image .case-shadow img {
	margin: 20px;
}
.itservice-item-inner .itservice-image .itservice-shadow img {
	margin: 20px;
}
}
@media only all and (max-width:768px)
{
.case-item-inner .case-image .case-shadow img {
	margin: 15px; width: 12px;
}
.itservice-item-inner .itservice-image .itservice-shadow img {
	margin: 15px; width: 12px;
}
}
.case-item-inner .case-image:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);
}
.itservice-item-inner .itservice-image:hover img {
	transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);
}
.case-item-inner .case-image:hover .case-shadow {
	opacity: 1;
}
.itservice-item-inner .itservice-image:hover .itservice-shadow {
	opacity: 1;
}
.client-item {
	width: 173px; float: left;
}
.client-item div {
	margin-right: 10px; margin-left: 10px; border-image: none;
}
@media only all and (max-width:640px)
{
.client-item div {
	margin: 20px;
}
}
.client {
	padding: 25px 0px;
}
#slick-client {
	height: 170px; overflow: hidden; margin-bottom: 0px; margin-top: -24px;
}
.clttech {
	margin-top: 0px; background-color: #F5F5F5;
}
.clttech::after {
	clear: both; display: table; content: "";
}
@media only all and (max-width:1024px)
{
.clttech {
	margin-top: 0px;
	height: 240px;
}
}
@media only all and (max-width:640px)
{
	.clttech {
		padding-top: 0px;
	}
}
.clttech-us {
	margin-top: 0px;margin-right: 0px;margin-bottom: 90px;margin-left: 0px; width: 100% !important; text-align: center; background-color: #F5F5F5;
}
.clttech-title {
	text-align: center; color: rgb(88, 88, 88); overflow: hidden; padding-bottom: 20px; font-size: 30px; position: relative;
}
a.more {
	background: url("../images/more_btn_01.png") no-repeat; top: 0px; width: 70px; height: 20px; text-align: left; right: 0px; color: rgb(118, 118, 118); line-height: 20px; padding-left: 12px; font-size: 12px; margin-top: 6px; float: right; display: block; position: absolute; z-index: 1;
}
a.more:hover {
	background: url("../images/more_btn_03.png") no-repeat; color: rgb(255, 255, 255);
}
.clttech-us-img {
	color: rgb(85, 85, 85); font-size: 22px; margin-top: 40px; margin-bottom: 20px; float: left; width: 570px; height: 360px;
}
.clttech-imgbg {
	background-color: #C11920; width: 480px; height: 320px; border-radius: 5px 5px;
}
.clttech-bgimg {
	margin-top: 20px; margin-left: 20px; width: 570px; height: 360px;
}
.khalimg {
	margin-top: 30px; margin-left: 30px;
}
.certsimg {
	margin-left: 30px;
}
.sideimgdiv {
	margin-bottom: 40px;
}
.certsimgdiv {
	margin-bottom: 28px;
}
.sidediv {
	display: inline; border-radius: 5px 5px; background-color: #FFFFFF; margin-left: 30px; padding-top: 15px; padding-bottom: 15px;
}
.sidediv-b {
	margin-top: 50px;
}
.sidespan {
	color: #C11920; font-weight: 600;
}
.clttech-us-text {
	color: rgb(85, 85, 85); font-size: 16px; margin-top: 80px; margin-bottom: 20px; width: 715px; margin-left: 90px; line-height: 30px; text-align: left; letter-spacing:2px; text-indent: 2em;
}
.clttech-us-m {
	/*float: left;*/
	margin-top: 60px;
    width: 97%;
    height: 400px;
}
.clttech-us-tbg {
	
	background: url(../images/clttech.png) no-repeat 0% 0% / 100% ; 
	/*width: 556px; 
	height: 160px;
	margin-top: 60px; 
	margin-left: 90px; */
	left: 29%;
    position: absolute;
    width: 851px;
    height: 95px;
	top:-30px;
}
.clttech-us-title {
	left: 29%;
    position: absolute;
    width: 851px;
    height: 45px;
    color: #333333;
    font-size: 32px;
    font-weight: 600;
    margin-top: -65px;
	/*color: #333333; font-size: 32px; margin-top: 60px; text-align: left; margin-left: 90px; font-weight: 600; margin-top: -120px;*/
}
.clttech-us-pt1{
	position: absolute; top: 100px; left: 259px; width: 330px; animation: 0s ease 0s 1 normal none running none;
}
.clttech-us-pt2{
	position: absolute; top: 100px; left: 611px; width: 330px; animation: 0s ease 0s 1 normal none running none;
}
.clttech-us-pt3{
	position: absolute; top: 100px; left: 961px; width: 330px; animation: 0s ease 0s 1 normal none running none;
}
.clttech-us-pt4{
	position: absolute; top: 100px; left: 1313px; width: 330px; animation: 0s ease 0s 1 normal none running none;
}

@media only all and (max-width:1024px)
{
	.clttech-us-img {
		font-size: 20px;
	}
	.clttech-us-text {
		font-size: 16px;
	}
}
.case {
	padding: 25px 0px 10px;
	background-color: #F5F5F5;
}
.advantage {
	padding: 25px 0px 10px;
	background-color: #FFFFFF;
}
.certs {
	padding: 25px 0px 10px;
	background-color: #F5F5F5;
}
.itservice {
	padding: 25px 0px 10px;
	background-color: #C0C0C0;
}
@media only all and (max-width:640px)
{
	.case {
		padding: 0px 0px 10px;
	}
	.itservice {
		padding: 0px 0px 10px;
	}
}
.client {
	padding: 50px 0px;
}
@media only all and (max-width:640px)
{
	.client {
		padding: 0px 0px 50px;
	}
}
.title {
	margin-bottom: 0px; position: relative;
}
.itservice-title {
	margin-bottom: 0px; position: relative;
}
#slick-banner .slick-dots {
	margin-top: -25px;
}
@media only all and (max-width:480px)
{
	#slick-banner .slick-dots {
		margin-top: -12px;
	}
	}
	@media only all and (max-width:480px)
	{
	#slick-banner .slick-dots {
		margin-top: -16px;
	}
}
.slick-slide a {
	display: block;
}
.hvr-outline-in {
	vertical-align: baseline;
}
.hvr-outline-in::before {
	border: 3px solid rgb(225, 225, 225); border-image: none;
}
.slick-slide img {
	margin: 0px auto;
}
@media only all and (max-width:960px)
{
	.service-ul li {
		margin-right: 24px !important; margin-left: 24px !important;
	}
	}
	@media only all and (max-width:520px)
	{
	.service-ul li {
		margin-top: 0px; margin-right: 14px !important; margin-bottom: 20px !important; margin-left: 18px !important;
	}
	}
	@media only all and (max-width:480px)
	{
	.service-ul li {
		margin: 10px 16px !important;
	}
}
@media only screen and (max-width:1440px) and (min-width:1025px)
{
	.title-en {
		margin: 0px; font-size: 30px;
	}
	.title-zh {
		padding-top: 19px;
	}
	.service-item-name {
		font-size: 16px; margin-top: 0px;
	}
	.menu {
		display: none;
	}
	.nav-mobile-inner {
		display: none;
	}
	.header {
		top: 63px;
	}
	.slick-dots {
		bottom: -30px !important;
	}
	.service-ul {
		padding-left: 50px;
	}
	.service-ul .service-li-6 {
		margin-right: 0px;
	}
	.service-ul li {
		margin: 0px 56px 0px 0px;
	}
	.icon-ddmkfpt {
		background-position: 0px 0px;
	}
	.icon-ddmkfpt:hover {
		background-position: -9px -8px;
	}
	.icon-zskglxt {
		background-position: 0px 0px;
	}
	.clttech-us {
		width: 48%;
	}
	.clttech-us-img {
		margin-bottom: 10px;
	}
	.clttech-us-text {
		margin-bottom: 10px;
	}
	.footer {
		width: 100%; min-width: 100%;
	}
	.footer-nav {
		float: right;
	}
	.footer-nav-list {
		margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; overflow: hidden;
	}
	.footer-nav-list li {
		margin-left: 0px; vertical-align: middle; display: inline-block; list-style-type: none; list-style-image: none; white-space: nowrap;
	}
	.footer-nav-list li {
		margin-left: 18px; vertical-align: top;
	}
}
@media only screen and (max-width:1920px) and (min-width:1441px)
{
	.menu {
		display: none;
	}
	.nav-mobile-inner {
		display: none;
	}
	.header {
		top: 63px;
	}
	.service-ul {
		padding-left: 40px;
	}
	.service-ul .service-li-6 {
		margin-right: 0px;
	}
	.service-ul li {
		margin: 0px 46px 0px 18px;
	}
	.slick-dots {
		bottom: -20px !important;
	}
	.footer {
		width: 100%; min-width: 100%;
	}
	.footer-nav {
		float: right;
	}
	.footer-nav-list {
		margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; overflow: hidden;
	}
	.footer-nav-list li {
		margin-left: 0px; vertical-align: middle; display: inline-block; list-style-type: none; list-style-image: none; white-space: nowrap;
	}
	.footer-nav-list li {
		margin-left: 18px; vertical-align: top;
	}
}
@media only screen and (max-width:1024px) and (min-width:871px)
{
	body {
		background-color: rgb(223, 223, 223);
	}
	.container {
		width: 900px;
	}
	.navbar-contact {
		display: none;
	}
	.navbar-nav {
		display: none;
	}
	.title {
		margin-left: 10px;
	}
	.itservice-title {
		margin-left: 10px;
	}
	.title-en {
		font-size: 30px;
	}
	.title-zh {
		padding-top: 10px; font-size: 18px; margin-top: 5px;
	}
	.service-item-name {
		font-size: 14px;
	}
	.service-item {
		width: 85px;
	}
	.service-item-icon {
		width: 71px;
	}
	.service-ul .service-li-6 {
		margin-right: 0px;
	}
	.service-ul li {
		margin: 0px 32px 0px 30px;
	}
	.slick-dots {
		bottom: -30px !important;
	}
	.case {
		background-color: rgb(255, 255, 255);
	}
	.itservice {
		background-color: rgb(255, 255, 255);
	}
	.case-item-inner {
		box-shadow: none;
	}
	.itservice-item-inner {
		box-shadow: none;
	}
	.advantagebg-item-inner {
		box-shadow: none;
	}
	.certs-item-inner {
		box-shadow: none;
	}
	.case-detail {
		padding: 30px 0px; background-color: rgb(231, 230, 230);
	}
	.itservice-detail {
		padding: 10px 0px; background-color: rgb(231, 230, 230);
	}
	.client {
		background-color: rgb(255, 255, 255);
	}
	.clttech {
		padding-bottom: 40px; background-color: rgb(255, 255, 255);
	}
	.footer-nav {
		float: right;
	}
	.footer-nav-list {
		margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; overflow: hidden;
	}
	.footer-nav-list li {
		line-height: 33px;
	}
	.footer-nav-inner-list {
		display: none;
	}
}
@media only screen and (max-width:870px) and (min-width:741px)
{
	body {
		position: relative; background-color: rgb(223, 223, 223);
	}
	.container {
		width: 701px !important;
	}
	.navbar-contact {
		display: none;
	}
	.navbar-nav {
		display: none;
	}
	.title {
		margin-left: 10px;
	}
	.itservice-title {
		margin-left: 10px;
	}
	.title-en {
		text-align: left; font-size: 36px;
	}
	.title-zh {
		padding-top: 10px; font-size: 18px; margin-top: 5px;
	}
	.clttech-us-img {
		font-size: 18px;
	}
	.clttech-us-text {
		font-size: 16px;
	}
	.service-item-name {
		font-size: 14px;
	}
	.service-item {
		width: 85px;
	}
	.service-item-icon {
		width: 71px;
	}
	.service-ul .service-li-6 {
		margin-right: 0px;
	}
	.service-ul li {
		margin-top: 0px; margin-right: 34px !important; margin-bottom: 0px; margin-left: 0px !important;
	}
	.slick-dots {
		bottom: -30px !important;
	}
	.case {
		background-color: rgb(255, 255, 255);
	}
	.itservice {
		background-color: rgb(255, 255, 255);
	}
	.case-item-inner {
		box-shadow: none;
	}
	.itservice-item-inner {
		box-shadow: none;
	}
	.advantagebg-item-inner {
		box-shadow: none;
	}
	.certs-item-inner {
		box-shadow: none;
	}
	.case-detail {
		padding: 30px 0px; background-color: rgb(231, 230, 230);
	}
	.itservice-detail {
		padding: 10px 0px; background-color: rgb(231, 230, 230);
	}
	.client {
		background-color: rgb(255, 255, 255);
	}
	.clttech {
		padding-bottom: 40px; background-color: rgb(255, 255, 255);
	}
	.footer-nav {
		float: right;
	}
	.footer-nav-list {
		margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; overflow: hidden;
	}
	.footer-nav-list li {
		line-height: 33px;
	}
	.footer-nav-inner-list {
		display: none;
	}
}
@media only screen and (max-width:740px) and (min-width:521px)
{
	body {
		background-color: rgb(223, 223, 223);
	}
	.container {
		width: 460px !important;
	}
	.navbar-contact {
		display: none;
	}
	.navbar-nav {
		display: none;
	}
	#slick-banner .slick-dots {
		margin-top: -34px; margin-left: -100px;
	}
	.title {
		margin-left: 10px;
	}
	.itservice-title {
		margin-left: 10px;
	}
	.title-en {
		font-size: 34px;
	}
	.title-zh {
		padding-top: 0px; font-size: 16px; margin-top: 17px;
	}
	.client {
		padding: 25px 0px; background-color: rgb(255, 255, 255);
	}
	.clttech-us {
		display: none;
	}
	.clttech {
		padding-bottom: 40px; background-color: rgb(255, 255, 255);
	}
	.case {
		padding: 25px 0px; background-color: rgb(255, 255, 255);
	}
	.itservice {
		padding: 25px 0px; background-color: rgb(255, 255, 255);
	}
	.case-detail {
		padding: 30px 0px; background-color: rgb(231, 230, 230);
	}
	.itservice-detail {
		padding: 10px 0px; background-color: rgb(231, 230, 230);
	}
	.case-detail-title a {
		font-size: 15px;
	}
	.case-item-inner {
		box-shadow: none;
	}
	.itservice-item-inner {
		box-shadow: none;
	}
	.advantagebg-item-inner {
		box-shadow: none;
	}
	.certs-item-inner {
		box-shadow: none;
	}
	.service-item-name {
		font-size: 15px;
	}
	.service-ul li {
		margin-right: 16px !important; margin-bottom: 20px; margin-left: 30px !important;
	}
	.slick-dots {
		bottom: -26px !important;
	}
	.footer-nav {
		margin-bottom: 18px; float: none;
	}
	.footer-nav ul {
		list-style-type: none;
	}
	.footer-nav li {
		list-style-type: none;
	}
	.contact {
		float: none;
	}
	.footer-nav-title {
		font-size: 14px;
	}
	.footer-nav-inner-list {
		display: none;
	}
}
@media only screen and (max-width:520px) and (min-width:321px)
{
	body {
		position: relative; background-color: rgb(223, 223, 223);
	}
	.container {
		width: 281px !important;
	}
	.navbar-contact {
		display: none;
	}
	.navbar-nav {
		display: none;
	}
	#slick-banner .slick-dots {
		margin-top: -24px; margin-left: -100px;
	}
	#slick-banner .slick-dots li {
		margin: 0px 3px; width: 14px; height: 3px;
	}
	#slick-banner .slick-dots li button {
		padding: 0px; width: 14px; height: 3px; background-color: rgb(229, 229, 229);
	}
	#slick-banner .slick-dots li button::before {
		content: no-close-quote;
	}
	#slick-banner .slick-active button::before {
		width: 14px; height: 3px; background-color: rgb(232, 56, 40);
	}
	.clttech-us {
		display: none;
	}
	.clttech {
		padding-bottom: 40px;
	}
	.container {
		width: 335px !important;
	}
	.service-item {
		width: 77px;
	}
	.service-item-name {
		font-size: 15px;
	}
	.service-item-name p {
		display: none;
	}
	.service-item-name span {
		display: block;
	}
	.case {
		padding: 25px 0px; background-color: rgb(255, 255, 255);
	}
	.itservice {
		padding: 25px 0px; background-color: rgb(255, 255, 255);
	}
	.title {
		margin-left: 15px;
	}
	.itservice-title {
		margin-left: 15px;
	}
	.title-en {
		font-size: 32px;
	}
	.title-zh {
		padding-top: 0px; font-size: 16px; margin-top: 14px;
	}
	.case-item-inner {
		box-shadow: none;
	}
	.itservice-item-inner {
		box-shadow: none;
	}
	.advantagebg-item-inner {
		box-shadow: none;
	}
	.certs-item-inner {
		box-shadow: none;
	}
	.case-detail {
		padding: 30px 0px; background-color: rgb(231, 230, 230);
	}
	.itservice-detail {
		padding: 10px 0px; background-color: rgb(231, 230, 230);
	}
	.case-detail-title h3 {
		padding: 0px; height: auto; margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
	}
	.itservice-detail-title h3 {
		padding: 0px; height: auto; margin-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
	}
	.slick-dots {
		bottom: -16px !important;
	}
	.client {
		padding: 25px 0px; background-color: rgb(255, 255, 255);
	}
	.clttech {
		padding-bottom: 40px; background-color: rgb(255, 255, 255);
	}
	.footer-nav {
		margin-bottom: 18px; float: none;
	}
	.footer-nav ul {
		list-style-type: none;
	}
	.footer-nav li {
		list-style-type: none;
	}
	.contact {
		float: none;
	}
	.footer-nav-title {
		font-size: 14px;
	}
	.footer-nav-inner-list {
		display: none;
	}
}
@media only screen and (max-width:320px)
{
	body {
		background-color: rgb(223, 223, 223);
	}
	.container {
		width: 230px !important;
	}
	.case .container {
		width: 280px !important;
	}
	.client .container {
		width: 280px !important;
	}
	.clttech .container {
		width: 280px !important;
	}
	.footer .container {
		width: 280px !important;
	}
	.navbar-contact {
		display: none;
	}
	.navbar-nav {
		display: none;
	}
	#slick-banner img {
		height: 120px;
	}
	#slick-banner .slick-dots {
		margin-top: -24px; margin-left: -100px;
	}
	#slick-banner .slick-dots li {
		margin: 0px 3px; width: 14px; height: 3px;
	}
	#slick-banner .slick-dots li button {
		padding: 0px; width: 14px; height: 3px; background-color: rgb(229, 229, 229);
	}
	#slick-banner .slick-dots li button::before {
		content: no-close-quote;
	}
	#slick-banner .slick-active button::before {
		width: 14px; height: 3px; background-color: rgb(232, 56, 40);
	}
	.case {
		background-color: rgb(255, 255, 255);
	}
	.itservice {
		background-color: rgb(255, 255, 255);
	}
	.title {
		margin-left: 10px;
	}
	.itservice-title {
		margin-left: 10px;
	}
	.title-en {
		font-size: 22px;
	}
	.title-zh {
		padding-top: 0px; font-size: 16px; margin-top: 5px;
	}
	.case-item-inner {
		box-shadow: none;
	}
	.itservice-item-inner {
		box-shadow: none;
	}
	.advantagebg-item-inner {
		box-shadow: none;
	}
	.certs-item-inner {
		box-shadow: none;
	}
	.case-detail {
		padding: 30px 0px; background-color: rgb(231, 230, 230);
	}
	.itservice-detail {
		padding: 10px 0px; background-color: rgb(231, 230, 230);
	}
	.case-detail-title a {
		font-size: 14px;
	}
	.case-slide .slick-dots {
		bottom: -20px;
	}
	.itservice-slide .slick-dots {
		bottom: -20px;
	}
	.advantagebg-slide .slick-dots {
		bottom: -20px;
	}
	.certs-slide .slick-dots {
		bottom: -20px;
	}
	#slick-case .slick-dots li {
		margin: 0px 3px;
	}
	#slick-itservice.slick-dots li {
		margin: 0px 3px;
	}
	#slick-advantagebg.slick-dots li {
		margin: 0px 3px;
	}
	#slick-case .slick-dots li button::before {
		opacity: 0.2;
	}
	#slick-itservice .slick-dots li button::before {
		opacity: 0.2;
	}
	#slick-advantagebg .slick-dots li button::before {
		opacity: 0.2;
	}
	#slick-case .slick-dots li.slick-active button::before {
		opacity: 0.5;
	}
	#slick-itservice .slick-dots li.slick-active button::before {
		opacity: 0.5;
	}
	#slick-advantagebg .slick-dots li.slick-active button::before {
		opacity: 0.5;
	}
	.clttech-us {
		display: none;
	}
	.clttech {
		padding-bottom: 40px; background-color: rgb(255, 255, 255);
	}
	.service-item-name {
		font-size: 14px;
	}
	.service-item-name p {
		display: none;
	}
	.service-item-name span {
		display: block;
	}
	.service-item {
		width: 60px;
	}
	.service-ul .service-li-4 {
		margin-right: 20px;
	}
	.service-ul .service-li-5 {
		margin-right: 20px;
	}
	.service-ul .service-li-1 {
		margin-right: 20px;
	}
	.service-ul .service-li-2 {
		margin-right: 20px;
	}
	.service-ul .service-li-3 {
		margin-right: 20px;
	}
	.service-ul li {
		margin-right: 69px; margin-bottom: 0px; margin-left: 0px;
	}
	.client {
		background-color: rgb(255, 255, 255);
	}
	.footer-nav {
		margin-bottom: 18px; float: none;
	}
	.footer-top p {
		display: none;
	}
	.footer-top span {
		display: block;
	}
	.contact {
		width: 230px; font-size: 75%; float: none;
	}
	.footer-nav-title {
		font-size: 15px;
	}
	.footer-nav-inner-list {
		display: none;
	}
	.footer-nav-list {
		margin-bottom: 30px;
	}
	.footer-nav-list li {
		margin-bottom: 8px;
	}
	.footer-nav-list li a {
		color: rgb(171, 171, 171);
	}
}
.testimonial-image{
	width:220px;
	background-color: #F5F5F5;
	margin-left: 64px;
	line-height:30px;
	text-align:center;
	font-size:10px;
}
.testimonial-image span{
	display:block;
}