@charset "utf-8";



/* CSS Document */



body {margin: 0px;font-size: 12px;color: #333333; font-family:Arial, Helvetica, sans-serif; }



* {padding: 0px;margin: 0px;}



body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, th, td {margin: 0;padding: 0;font-family:"微软雅黑";/* font-weight:200; */}



h1, h2, h3, h4, h5, h6 {font-size: 12px;list-style: none;font-weight: normal;}



input, select {font: 100% Helvetica, Tahoma, Arial, "Microsoft YaHei","微软雅黑"}



button {overflow: visible}



img {border: none;max-width: 100%;}



a {



    /* color: #333333; */



    text-decoration: none;



    font-size: 12px;



    outline: none;



    font-family:"微软雅黑";



    transition:all .5s;



    -moz-transition: all .5s; /* Firefox 4 */



    -webkit-transition:all .5s; /* Safari 和 Chrome */



    -o-transition: all .5s; /* Opera */



}



a:hover{ text-decoration:none}



li {list-style: none;}



input, select, button {font: 12px Verdana, Arial, Tahoma;vertical-align: middle;}



.clear {clear: both;}



.lf {float: left;}



.rt {float: right;}



.m {max-width: 1400px;margin: 0px auto;}



.my{width: 1050px;margin: 0px auto;}



.mm {margin-top:60px;}



.red{ margin-bottom:15px;}



.red a{ font-size:12px!important;}



.aa{ color:#b5001b!important;}



.e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}



.e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;



    transform:translate(-50%,-50%);



    -webkit-transform:translate(-50%,-50%);



    -moz-transform:translate(-50%,-50%);



    -ms-transform:translate(-50%,-50%);



    -o-transform:translate(-50%,-50%);}



.e_m .n_r img{width:100%; height:auto; display:block;}



.e_m .n_r p{font-size:15px; color:#888; margin-top:10px;}



.tpd {



    width: 100%;



    height: auto;



    overflow: hidden;



    position:  relative;



}



.tpd img {



    max-width: 100%;



    transition: all .5s;



    -moz-transition: all .5s; /* Firefox 4 */



    -webkit-transition: all .5s; /* Safari 和 Chrome */



    -o-transition: all .5s; /* Opera */



    cursor: pointer;



}



.tpd img:hover {



    transform: scale(1.1);

top: 25%;

}

.tpd {



    width: 100%;



    height: auto;



    overflow: hidden;



    position:  relative;



}



.tpd2 img {



    max-width: 100%;



    transition: all .5s;



    -moz-transition: all .5s; /* Firefox 4 */



    -webkit-transition: all .5s; /* Safari 和 Chrome */



    -o-transition: all .5s; /* Opera */



    cursor: pointer;



}



.tpd2 img:hover {



    transform: rotateY(360deg);

    -webkit-transform: rotateY(360deg);

    -moz-transform: rotateY(360deg);

    -ms-transform: rotateY(360deg);

    -o-transform: rotateY(360deg);



}



.container {

    max-width: 1220px;

}

@font-face

{

    font-family: zt1;

    src: url(../fonts/Montserrat-Light.otf);

}

@font-face

{

    font-family: zt1;

    src: url(../fonts/Montserrat-Medium.otf);

}

@font-face

{

    font-family: zt1;

    src: url(../fonts/Montserrat-Regular.otf);

}

@font-face

{

    font-family: zt1;

    src: url(../fonts/Montserrat-SemiBold.otf);

}



/*导航*/

.head{width: 100%;height: 70px;background: #ffffff;border-bottom: 1px solid #eee;}

.head .container{ padding:0}

.head .logo{width: 270px;line-height: 70px;margin-left: 20px;}

.head .slogan{font-size: 16px;color: #00a1d5;background: url(bei-1.png) no-repeat center;width: 242px;line-height: 100px;text-align: center;margin-left: 35px;}

.head .nav{margin-right: 50px;float: right;}

.head .nav .on{

 /*background: url(../images/xian.jpg)bottom center no-repeat;*/

 color: #ff6a00;



	}

	.head .nav .on a{

		color:#ff6a00!important;

	}

.head .nav li{
	float: left;
	font-size: 16px;
	color: #000000;
	margin: 0 15px;
	cursor:pointer;
	line-height: 70px;
}

.head .nav li:hover{

    /*background: url(../images/xian.jpg)bottom center no-repeat;*/

    color: #ff6a00;

}



.head .nav li>span a{

	color:#ff6a00!important;

	background:#fff4ed;

	padding:6px 20px;

	border-radius:5px

}

.head .nav li i{

	font-weight:lighter;

	font-size:14px;

	margin-left:7px

}

.head .nav li.on>a{}

.head .nav .d-box{position: absolute;min-width: 40%;height: auto;border-top: 1px solid #cccccc;opacity: 0;visibility: hidden;z-index: 99;padding: 30px 0;margin: 0 auto;line-height: 35px;left: 40%;padding-top: 5px;}
.head .nav .d-box{
	width: 100%;
	left: 0;
	border-top: 0;
	background: #fff;
}
.head .nav .d-box dd{display: block;font-size: 16px;color: #00a1d5;padding: 15px;font-weight: bold;}

.head .nav .d-box dd:hover{}

.head .nav .d-box .nav-list{text-align: center;background: #fff;height: auto;overflow: hidden;border-radius: 20px;}

.head .nav .on .nav-list span a{ color:#000!important;}

.head .nav .on .nav-list a{ color:#6a6968!important;}

.head .nav .on .nav-list a:hover{ color:#ff6a00!important;}

.head .nav li:hover .d-box{opacity: 1;visibility: inherit;transition: all 0.3s ease-in-out;}

.head .nav li:nth-child(1) .d-box .nav-list{padding-right: 235px;}

.head .nav li:nth-child(2) .d-box .nav-list{padding-right: 120px;}

.nav-list span{
	text-align: left;
}
.nav-list{
	display: flex;
	padding: 0 !important;
	justify-content: center;
}
.nav-list ul{
    padding: 25px 70px 55px 70px;
    float: left;
	border-left: 1px solid #eee;
}
.nav-list ul a{
	font-size: 14px !important;
}
.nav-list-box{
	text-align: left;
}
.nav-list-box i{
	color: #888D92;
	margin-left: 0 !important;
}
.nav-list-box li{
	padding-left: 20px;
}

.nav-list ul li {

    float: unset!important;

    background: none!important;

    line-height: 40px!important;

    text-align: left;

    margin: 0!important;

}

.nav-list span{

    display: block;

    margin-bottom: 7px;

}

.nav-list span a{
    font-size: 16px!important;
    color: #000!important;
    font-weight: bold;
}



.nav-list li a{

    color: #6a6968!important;

}

.nav-list li a:hover{

	color:#3472fe!important;

}

.head .search{margin-top: 30px;border: 1px solid #e1e1e1;}

.head .search input{display: inline-block;width:165px;height: 40px;font-size: 14px;color: #cdcdcd;padding-left: 10px;}

.head .search button{float: right;display: block;width: 50px;height: 40px;border: 0;background: url(sou.png) no-repeat center #00a1d5;cursor:pointer;}

.head_wap{display: none;}

.head .nav.rt a{

	font-size: 18px;
	color: #555B61;

}

.head .nav li:hover a{

    color: #3472fe;

}

.head .nav.rt dd a{

    font-weight:normal;

    padding-bottom: 5px;

}

.head .nav.rt dd a:hover{

    color:#00a1d5;

    border-bottom:1px solid;

}

.tbdh{

    line-height: 80px;

    font-size: 18px;

    font-family: "zt1";

}

.tbdh img{

    margin-right: 10px;

    vertical-align: middle;

}

@media screen and (max-width:768px) {

/* 手机导航 */

.sj_bt{position: absolute;width: 36px;height: 36px;right: 6px;top: 9px;z-index: 999999;}

.sj_bt span{position: absolute;height: 2px;width: 26px;background: #ff6a00;top: 7px;left: 5px;transition: all 0.3s ease-in-out;}

.sj_bt span:nth-child(2){top: 17px;}

.sj_bt span:nth-child(3){top: 28px;}

.sj_bt.on{position: fixed;}

.sj_bt.on span{}

.sj_bt.on span:nth-child(1){transform: rotate(45deg);top: 17px;left: 10px;}

.sj_bt.on span:nth-child(2){display: none;}

.sj_bt.on span:nth-child(3){transform: rotate(-45deg);top: 17px;left: 10px;}

.wpnvbg{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 999;transition: .25s;display:none;}

.head_wap{width: 80%;
max-height: 60%;
overflow: hidden !important;
overflow-y: auto !important;
-webkit-overflow-scrolling: touch;
/*height: 60%;*/
display: none;position: fixed;left: 0;right: 0;top: 55px;padding: 0 4%;padding-top: 20px;background: #fff;z-index: 9999;overflow-y: auto;color: #000;margin: auto;box-shadow: 0 5px 10px 0 rgb(0 0 0 / 0.16);}

.wapnava{padding: 0 0 15px 0;}

.wapnava .on .wapprda{

	color: #ff6a00;

	}

.wapnava span{width: 100%;}

.wpheadhide span a{

	font-weight:bold;

	color: #000!important;

	font-size: 14px!important;

	margin-left: 0;

}

.wapnava a.wapprda{display: block;height: 50px;line-height: 48px;padding: 0 10px;color: #000;width: 100%;border-bottom: 1px solid rgba(255,255,255,.1);font-size: 15px;}

.wapprda, .wapprda1{position: relative;}

.wpheadhide{display: none;}

.wpheadhide p{padding-left: 10px;}

.wpheadhide a{

	font-size:14px!important;

	margin-left: 20px;

}

.wpheadhide p a{font-size: 12px;}

.wapprda i, .wapprda1 i{display: block;position: absolute;right: 15px;top: 0;height: 44px;line-height: 44px;}

.wapprda i img, .wapprda1 i img{height: 10px;}

.wpheadhide a{font-size: 13px;padding-left: 30px;display: block;height: 35px;line-height: 35px;padding: 0 25px;color: #fff;width: 100%;border-bottom: 1px solid rgba(255,255,255,.1);overflow:hidden;text-overflow:ellipsis;white-space: nowrap;color: #000!important;}

.head .slogan,.head .nav,.head .search{display: none;}





.tbdh{ display:none}

.head{height: 50px;padding: 5% 0;line-height: 50px;z-index: 999;position: fixed;top: 0;}

.head .logo{line-height: normal;width: 200px;padding-left: 20px;margin-left:0}

}

/*轮播图*/



.sy_ban{width:100%;height: 480px;position:relative;}



.sy_ban a{display:block; width:100%; height:100%;}



.sy_ban .swiper-pagination{

	text-align: center;

	color: #fff;

	z-index: 1;

	width: 100%;

}



.sy_ban span{

    /*text-align: center;*/

    animation: move 1.5s infinite ease;

    font-size: 16px;

    font-family: "zt1";

}



.sy_ban .swiper-button-prev{background:no-repeat;width: 30px;height:30px;margin-top:-15px;background-size:16px 30px;-webkit-background-size:16px 30px;-moz-background-size:16px 30px;-ms-background-size:16px 30px;-o-background-size:16px 30px;background: url(lf.png);outline: none;right: 215px;left: unset;top: unset;bottom: 88px;}



.sy_ban .swiper-button-next{background:no-repeat;width: 30px;height:30px;margin-top:-15px;background-size:16px 30px;-webkit-background-size:16px 30px;-moz-background-size:16px 30px;-ms-background-size:16px 30px;-o-background-size:16px 30px;background: url(rt.png);right: 105px;bottom: 88px;top: unset;outline: none;}



.sy_ban .swiper-pagination-bullet{width: 8px;height: 8px;display: inline-block;border-radius: 100%;border: 4px solid;opacity:1;background: #fff;outline: none;padding-top: 0px;}



.sy_ban .swiper-pagination-bullet-active{background: #f47830;opacity: 1;width: 12px;height: 12px;margin-top: 17px!important;border: 2px solid #fff;padding-top: 3px;}



@media only screen and (max-width:992px){



    .sy_ban{height: 67vh;margin-top: 50px;}



    .sy_ban .swiper-button-next, .sy_ban .swiper-button-prev{/* display:none; */}

	

	.sy_ban .swiper-button-prev{background:no-repeat;width: 30px;height:30px;margin-top:-15px;background-size:16px 30px;-webkit-background-size:16px 30px;-moz-background-size:16px 30px;-ms-background-size:16px 30px;-o-background-size:16px 30px;background: url(lf.png);outline: none;right: 0;left: 0;bottom: 88px;top: 50%;}

	

	.sy_ban .swiper-button-next{background:no-repeat;width: 30px;height:30px;margin-top:-15px;background-size:16px 30px;-webkit-background-size:16px 30px;-moz-background-size:16px 30px;-ms-background-size:16px 30px;-o-background-size:16px 30px;background: url(rt.png);right: 0;bottom: 0;top: 50%;outline: none;}

	

	.sy_ban .swiper-pagination-bullet{

	width:10px;

	height:10px;

	display: inline-block;

	border-radius: 100%;

	border:2px solid #fff;

	opacity:1;

	background: #fff;

	}

	.sy_ban .swiper-pagination-bullet-active{

		background:#ff6a00;

		border:none

	}

	.sy_ban .swiper-pagination{

		text-align: center;

		color: #fff;

		z-index: 1;

		width: 100%;

		padding-right: 0;

		padding-bottom: 0;

	}



}



@media only screen and (max-width:320px){



    .sy_ban{height:12rem;}



}



.xiaocms-page {font-family: "微软雅黑";padding: 5px;margin: 5px;text-align: center;margin: 30px auto;

}

.xiaocms-page a {

    color: #ff6a00;

    font-size: 18px;

    border: 1px solid #ff6a00;

    border-radius: 50%;

    display: inline-block;

    width: 40px;

    height: 40px;

    line-height: 38px;

    margin: 0 5px;

}

.xiaocms-page a:nth-of-type(1){}

.xiaocms-page a:last-child{}

.xiaocms-page a:hover {

    color: #fff;

    background: #ff6a00;

}



.xiaocms-page span {

    font-size: 18px;

    color: #fff;

    width: 40px;

    height: 40px;

    border: 1px solid #ff6a00;

    display: inline-block;

    line-height: 38px;

    border-radius: 50%;

    background: #ff6a00;

    margin: 0 5px;

}

/*赋能*/

.syfn{

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 90px 0 0 10px;

}

.bt{

    width: 100%;

    text-align: center;

    font-size: 32px;

}

.bt p{

	color:#6a6968;

	font-size:24px

}

.bt span{

    display: block;

    background: #3472fe;

    width: 80px;

    height: 8px;

    border-radius: 50px;

    margin: 15px auto;

    border: 1px solid #3472fe;

}

.fnqh{}

.fnqh .hd{}

.fnqh .hd ul{

    width: 100%;

    text-align: center;

    margin: 40px auto;

}

.fnqh .hd ul li{

    display: inline-block;

    margin: 0 9px;

    border: 1px solid #c1bdbb;

    padding: 10px 40px;

    font-size: 16px;

    font-weight: 400;

    color: #6a6968;

    font-family: PingFangSC-Regular,PingFang SC;

    cursor: pointer;

}

.fnqh .hd ul .on{

    background: #3472fe;

    border: 1px solid;

    color: #fff;

}

.fnqh .hd ul li:hover{}

.bd{

}

.bd1{

    width: 100%;

    height: 600px;

    overflow: hidden;

    background: #f0f0f0;

    position: relative;

}

.fnqh .bdm{

    width: 70%;

    background: #fff;

    height: 340px;

    position: absolute;

    z-index: 9;

    top: 50%;

    transform: translateY(-50%);

    padding: 50px;

}

.fnqh .bdm span{

    font-size: 48px;

    font-family: PingFangSC-Light,PingFang SC;

    font-weight: 300;

    color: #2d2b29;

    line-height: 48px;

    letter-spacing: 2px;
	 

}

.fnqh .bdm p{

    width: 100%;

    font-size: 24px;

    font-family: PingFangSC-Light,PingFang SC;

    font-weight: 300;

    color: #6a6968;

    line-height: 32px;

    letter-spacing: 1px;

    margin: 28px 0;

}
.fnqh .bdm p b{ color:#f00}
.fnqh .bd2{

    width: 70%;

    height: 90%;

    position: absolute;

    right: 5%;

    overflow: hidden;

    top: 50%;

    transform: translateY(-50%);

}

.fnqh .bd2 img{

    width: 100%;

    height: auto;

}

@media only screen and (max-width:992px){

/*赋能*/

.syfn{

    width: 100%;

    height: auto;

    overflow: hidden;

    padding: 30px 0;

}

.bt{

    width: 100%;

    text-align: center;

    font-size: 22px;

}

.bt p{

	

font-size: 16px;

	

padding: 15px 30px;

}

.bt span{

    display: block;

    background: #3472fe;

    width: 60px;

    height: 4px;

    border-radius: 50px;

    margin: 15px auto;

}

.fnqh{}

.fnqh .hd{}

.fnqh .hd ul{

    width: 100%;

    text-align: center;

    margin: 20px auto;

}

.fnqh .hd ul li{

    display: inline-block;

    margin: 0 2px;

    border: 1px solid #c1bdbb;

    padding: 5px;

    font-size: 14px;

    font-weight: 400;

    color: #6a6968;

    font-family: PingFangSC-Regular,PingFang SC;

    cursor: pointer;

    width: 22%;

}

.bd1{

	height:auto;

}

.fnqh .hd ul .on{

    background: #3472fe;

    border: 1px solid;

    color: #fff;

}

.fnqh .hd ul li:hover{}

.fnqh .bd{height: auto;overflow: hidden;}

.fnqh .fnqh .bd1{

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #f0f0f0;

    position: unset;

}

.fnqh .bdm{

    width: 100%;

    background: #fff;

    height: auto;

    position: relative;

    z-index: 9;

    top: 0;

    transform: unset;

    padding: 15px;


}

.fnqh .bdm span{

    font-size: 24px;

    font-family: PingFangSC-Light,PingFang SC;

    font-weight: 300;

    color: #2d2b29;

    line-height: 48px;

    letter-spacing: 2px;

    top: 0;

    position: absolute;

    display: block;

}

.fnqh .bdm p{

    width: 100%;

    font-size: 16px;

    font-family: PingFangSC-Light,PingFang SC;

    font-weight: 300;

    color: #6a6968;

    line-height: 32px;

    letter-spacing: 1px;

    margin-bottom: 0px;

    margin-top: 25px;

}

.fnqh .bd2{

    width: 100%;

    height: auto;

    position: unset;

    right: 0;

    overflow: hidden;

    transform: unset;

    margin: auto;

}

.fnqh .bd2 img{

    width: 100%;

    height: auto;

}

}

/*解决方案*/

.case{

    width: 100%;

    height: auto;

    overflow: hidden;

    background:url(case.jpg)center top no-repeat;

    padding: 65px 0;

}

.bt2{

    width: 100%;

    text-align: center;

    color: #fff;

    font-size: 32px;

}

.bt2 span{

    display: block;

    background: #fff;

    width: 80px;

    height: 5px;

    border-radius: 50px;

    margin: 13px auto;

}

.casem {}

.caseqh{}

.caseqh .hd{

    text-align: center;

    width: 100%;

	    display: flex;
    justify-content: space-around;
	  border-bottom: 3px solid #3472fe;

}

.caseqh .hd li{

 width: 100%;
     position: relative;

    text-align: center;

    

    color: #fff;

    padding: 20px;

  

    font-size: 26px;

    cursor: pointer;

}

.caseqh .hd .on{

     position: relative;
    top: 2px;
    border-bottom: 3px solid #fff;

}

.caseqh .hd li:hover{}

.caseqh .bd{

    width: 100%;

}

.caseqh .bdm{

    width: 100%;

    padding: 50px;

    font-size: 17px;

    color: #fff;

}

.caseqh .bdimg{

    max-width: 100%;

}

.caseqh .bdwz{

    font-size: 17px;

    color: #fff;

    padding: 0 35px;

}

.caseqh .bdwz span{

    display: block;

    font-size: 24px;

    margin-bottom: 20px;

}

.caseqh .bdwz p{

    font-weight: lighter;

    line-height: 35px;

    width: 100%;

}

@media only screen and (max-width:992px){

.case{

    width: 100%;

    height: auto;

    overflow: hidden;

    background: url(case.jpg)center top no-repeat;

    padding: 35px 0;

    background-size: cover;

}

.bt2{

    width: 100%;

    text-align: center;

    font-size: 22px;

}

.bt2 span{

    display: block;

    background: #fff;

    width: 80px;

    height: 5px;

    border-radius: 50px;

    margin: 20px auto;

}

.casem {}

.caseqh{}

.caseqh .hd{

    text-align: center;

    width: 100%;

}

.caseqh .hd li{

    width: 49%;

    text-align: center;

    display: inline-block;

    color: #fff;

    padding: 15px 0;

    border-bottom: 3px solid #3472fe;

    font-size: 19px;

    cursor: pointer;

}

.caseqh .hd .on{

    border-bottom: 3px solid #fff;

}

.caseqh .hd li:hover{}

.caseqh .bd{

    width: 100%;

}

.caseqh .bdm{

    width: 100%;

    padding: 15px 0;

    font-size: 17px;

    color: #fff;

}

.caseqh .bdimg{

    max-width: 100%;

}

.caseqh .bdwz{

    /*font-size: 13px;*/
    font-size: 16px;

    color: #fff;

    padding: 0;

    margin: 15px 0;

}

.caseqh .bdwz span{

    display: block;

    font-size: 17px!important;

    /*margin-bottom: 15px;*/

    margin-bottom: 0;

}

.caseqh .bdwz p{

    font-weight: lighter;

    /*line-height: 35px;*/

    line-height: 1.6;

    width: 100%;

}

}

/*四大维度*/

.sywd{

    width: 100%;

    padding: 60px 0;

}

.wdqh{

    margin-top: 40px;

}

.wdqh .hd{

    width: 100%;

    margin-bottom: 40px;

}

.wdqh .hd ul{

    text-align: center;

    background: url(xian.png)bottom center no-repeat;
    display: flex;
      justify-content: space-around;
}

.wdqh .hd ul li{

  

    margin: 0 11px;

    padding-bottom: 30px;

    cursor: pointer;

}

.wdqh .hd ul .on{

background: url(jt2.png)bottom center no-repeat;

}

.wdqh .hd ul li .hdm{

    width: 100%;

    /*box-shadow: 0 0 15px 5px #efefef;*/

    padding: 50px 0 0 0;

    border-radius: 15px;

}

.wdqh .hd ul li .hdm span{

    display: block;

    font-size: 32px;

    margin: 20px 0;

}

.wdqh .hd ul li .hdm p{}

.wdqh .hd ul li .hdm img{    width: 40%;}

.wdqh .bd{}

.wdqh .bd .bdm{}

.wdqh .bd .bdm .col-xl-6 img{

	max-width: 100%;

}

.wdqh .bd .bdm .bdm1{

}

.wdqh .bd .bdm .bdm1 span{

    font-size: 32px;

    font-weight: 400;

    display: block;

    margin-bottom: 25px;

}

.wdqh .bd .bdm .bdm1 p{

    font-size: 14px;

    color: #323541;

    line-height: 35px;

    padding-bottom: 25px;

   

}

.wdqh .bd .bdm .bdm11{

    margin-top: 25px;

}

.wdqh .bd .bdm .bdm11 a{

    width: 31%;

    display: inline-block;

    text-align: center;

    background: #f7f7f7;

    border-radius: 10px;

    padding: 11px 22px;

    font-size: 16px;

    color: #2e2e2e;

    margin-bottom: 20px;

    margin: 5px;

}

.wdqh .bd .bdm .bdm11 img{

    margin-right: 20px;

}



.wdqh .bd .bdm .bdm11 a:hover{

	background:#3472fe;

	color:#fff

}

.wdqh .bd .bdm .bdm11 a:hover img{

    filter: brightness(500);

}

@media only screen and (max-width:992px){

.sywd{

    width: 100%;

    padding: 30px 0;

}

.wdqh{

    margin-top: 40px;

}

.wdqh .hd{

    width: 100%;

    margin-bottom: 20px;

}

.wdqh .hd ul{

    text-align: center;

    background: url(xian.png)bottom center no-repeat;

}

.wdqh .hd ul li{

    display: inline-block;

    width: 22%;

    margin: 0px 2px;



















    padding-bottom: 20px;

    cursor: pointer;

}

.wdqh .hd ul .on{background: url(jt2.png)bottom center no-repeat;}

.wdqh .hd ul li .hdm{

    width: 100%;

    box-shadow: 0 0 15px 5px #efefef;

    padding: 20px 7px;

    border-radius: 15px;

}

.wdqh .hd ul li .hdm span{

    display: block;

    /*font-size: 12px;*/
    font-size: 16px;

    margin: 0;

}

.wdqh .hd ul li .hdm p{

    font-size: 14px;

    overflow: hidden;

    display:-webkit-box;

    line-clamp: 1;

    -webkit-line-clamp: 1;

    -moz-line-clamp: 1;

    -ms-line-clamp: 1;

    -o-line-clamp: 1;

    -webkit-box-orient: vertical;

    display: none;

}

.wdqh .hd ul li .hdm img{

    width: 50%;

    margin-bottom: 10px;

}

.wdqh .bd{}

.wdqh .bd .bdm{}

.wdqh .bd .bdm .col-xl-6 img{

	max-width: 100%;

}

.wdqh .bd .bdm .bdm1{margin-bottom: 20px;}

.wdqh .bd .bdm .bdm1 span{

    font-size: 20px;

    font-weight: 400;

    display: block;

    margin-bottom: 15px;

}

.wdqh .bd .bdm .bdm1 p{

    /*font-size: 14px;*/
        font-size: 16px;
    text-align: justify;

    color: #323541;

    line-height: 2;

    padding-bottom: 15px;

    border-bottom: 1px dashed #dddddd;

}

.wdqh .bd .bdm .bdm11{

    margin-top: 15px;

}

.wdqh .bd .bdm .bdm11 a{

    width: 46%;

    display: inline-block;

    text-align: center;

    background: #f7f7f7;

    border-radius: 10px;

    padding: 11px 22px;

    /*font-size: 14px;*/
    font-size: 16px;

    color: #2e2e2e;

    margin-bottom: 20px;

    margin: 5px;

}

.wdqh .bd .bdm .bdm11 img{

    margin-right: 10px;

}



.wdqh .bd .bdm .bdm11 a:hover{

	background:#3472fe;

	color:#fff

}

.wdqh .bd .bdm .bdm11 a:hover img{

    filter: brightness(500);

}

}

/*数据*/

.sysj{

    width: 100%;

    height: auto;

    overflow: hidden;

    background: url(map.png)center top no-repeat;

    padding: 90px 0;

}

.sysjm{

    width: 100%;

    margin-top: 40px;

	overflow: hidden;

}

.sysjm .col-xl-3{

	padding:25px

}

.sysjm1{

    width: 100%;

    height: auto;

    overflow: hidden;

    background: rgba(255,255,255,.7);

    border-radius: 20px;

    padding: 60px 40px;

    text-align: center;

    color: #6a6968;

    font-size: 32px;

    font-weight: lighter;

}

.sysjm1 span{

    display: block;

    font-size: 40px;

    font-weight: bold;

    color: #000;

}

.sysjm1 span a{

    margin-left: 15px;

    font-size: 16px;

    font-weight: bold;

}

@media only screen and (max-width: 992px){

.sysj{

    width: 100%;

    height: auto;

    overflow: hidden;

    background: url(map.png)center top no-repeat;

    padding: 40px 0;

}

.sysjm{

    width: 100%;

    margin-top: 40px;

}

.sysjm1{

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #fff;

    border-radius: 20px;

    padding: 15px;

    text-align: center;

    color: #6a6968;

    font-size: 18px;

    font-weight: lighter;

    margin-bottom: 20px;

}

.sysjm .col-xl-3{

	padding:5px

}

.sysjm1 span{

    display: block;

    font-size: 20px;

    font-weight: bold;

    color: #000;

}

.sysjm1 span a{

    margin-left: 10px;

    font-size: 14px;

    font-weight: bold;

}

}

/*客户*/

.sykh{

    width: 100%;

    padding: 90px 0;

}

.kh1{

    width: 100%;

    box-shadow: 0 0 15px 5px #efefef;

    margin: 20px auto;

    border-radius: 10px;

}

.sykh img{}

.gd{
    border-radius: 5px;
    display: block;

    margin: 0 auto;

    text-align: center;

    width: 150px;

    height: 40px;

    line-height: 40px;

    margin-top: 30px;

    box-shadow: 0 0 15px 3px #dae2f7;

    font-size: 16px;

    color: #3472fe;

    background: #fff;

}

.gd:hover{

    background: #3472fe;

    color: #fff;

}

/*敏捷开发*/

.sykf{

    width: 100%;

    height: auto;

    overflow: hidden;

    background: url(kf.jpg)top center no-repeat;
background-size: cover;
    /*padding: 60px 0;*/
    padding: 130px 0;
}

.sykf .col-xl-4{

	padding:0px

}

.kf1{

    width: 87%;

    margin-top: 20px;

    cursor: pointer;

    text-align: center;

    position: relative;

}

.kf1 img{

    position: relative;

    transition: all .5s;

    -moz-transition: all .5s; /* Firefox 4 */





    -webkit-transition:all .5s; /* Safari 和 Chrome */



    -o-transition: all .5s; /* Opera */

}

.kf1 p{

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    margin: auto;

    text-align: center;

    color: #fff;

    font-size: 18px;

    transform: translateY(-50%);

    line-height: 30px;

    width: 100%;

}

.kf1 p span{

    font-size: 24px;

    display: block;

    margin-bottom: 15px;

}

.kf1:hover{

    background: #3472fe;

}

.kf1:hover img{

    opacity: 0;

    width: 100%;

}

.kfm{

    width: 100%;

    text-align: center;

    font-size: 32px;

}

@media only screen and (max-width:992px){

.sykf{

    width: 100%;

    height: auto;

    overflow: hidden;

    background: url(kf.jpg)top center no-repeat;

    padding: 50px 0;

    background-size: cover;

}

.kf1{

    width: 100%;

    margin-top: 20px;

    cursor: pointer;

}

.kf1 img{

    position: relative;

    transition: all .5s;

    -moz-transition: all .5s; /* Firefox 4 */

    -webkit-transition:all .5s; /* Safari 和 Chrome */

    -o-transition: all .5s; /* Opera */

}

.kf1 p{

    position: absolute;

    top: 50%;

    left: 0;

    right: 0;

    margin: auto;

    text-align: center;

    color: #fff;

    font-size: 16px;

    transform: translateY(-50%);

    line-height: 30px;

}

.kf1 p span{

    font-size: 20px;

    display: block;

    margin-bottom: 5px;

}

.kf1:hover{

    background: #3472fe;

}

.kf1:hover img{

    opacity: 0;

}

.kfm{

    width: 100%;

    text-align: center;

    /*margin-top: 30px;*/

    font-size: 22px;

}

.sykh{

    width: 100%;

    padding: 30px 0;

}

}

/*底部*/

.db{

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #0e131d;

    padding: 50px 0;

    color: #fff;

}

.db span{

    font-weight: bold;

    font-size: 20px;

    margin-bottom: 10px;

    display: block;

    text-align: left;

    color: #fff;

}

.db1{}

.db1 span{

    font-weight: 400;

    margin-bottom: 0px;

}

.db1 li{

    font-size: 32px;

    color: #3472fe;

    margin: 15px 0;

}

.db1 p{

    color: #aaaaaa;

    font-size: 16px;

}

.dbdh{}

.dbdh ul{

}

.dbdh ul li{

    line-height: 30px;

}

.dbdh ul li a{

    font-size: 14px;

    color: #aaaaaa;

}

.dbdh ul li a:hover{

    color: #fff;

}

.dbwx{

    color: #aaaaaa;

    font-size: 14px;

    text-align: left;

}

.dbwx img{

    margin-bottom: 10px;

    max-width: 100%;
    margin: 10px;
    display: block;

}

.bq{

    width: 100%;

    text-align: center;

    background: #03050b;

    line-height: 75px;

    color: #aaaaaa;

    font-size: 16px;

}

@media only screen and (max-width:992px){

.db{

    width: 100%;

    height: auto;

    overflow: hidden;

    background: #0e131d;

    padding: 30px 0;

    color: #fff;

}

.db span{

    font-weight: bold;

    font-size: 16px;

    margin-bottom: 10px;

    display: block;

    color: #fff;

    /*text-align: center;*/

}

.db1{}

.db1 span{

    /*font-weight: 400;*/

    /*margin-bottom: 0px;*/

    text-align: left;

}

.db1 li{

    font-size: 24px;

    color: #3472fe;

    margin: 5px 0;

}

.db1 p{

    color: #aaaaaa;

    font-size: 14px;

    margin-bottom: 9px;

}

.dbdh{

    width: 100%;

    /*text-align: center;*/
    padding-top: 20px;
}

.dbdh ul{

}

.dbdh ul li{

    line-height: 30px;

}

.dbdh ul li a{

    font-size: 14px;

    color: #aaaaaa;

}

.dbdh ul li a:hover{}

.dbwx{

    color: #aaaaaa;

    font-size: 14px;

    text-align: center;

    margin: 20px auto;

}
.dbwx span {
    text-align: center;
}
.dbwx img{

    margin-bottom: 20px;

    max-width: 50%;

    display: block;

    margin: auto;

}

.bq{

    width: 100%;

    text-align: center;

    background: #03050b;

    line-height: 30px;

    color: #aaaaaa;

    font-size: 14px;

    padding: 15px 0;

    height: auto;

}

}

/*内页*/

.nb{

    width: 100%;

    height: 480px;

    overflow: hidden;

    position: relative;

}

.nb .container{

	position:absolute;

	top: 50%;

	left: 0;

	right: 0;

	margin: auto;

	transform: translateY(-50%);

}

.nbm{

    width: 100%;

    top: 50%;

    margin: auto;

    color: #fff;

    font-size: 24px;

    font-weight: lighter;

     position: absolute; 

     transform: translateY(-50%); 

}

.nbm span{

    font-size: 40px;

    font-weight: bold;

    display: block;

    margin-bottom: 15px;

}

.pos{

    width: 100%;

    line-height: 70px;

    border-bottom: 1px solid #eeeeee;

}

.pos1{



    font-size: 14px;

    color: #666666;

}

.pos1 a{

    margin: 0 8px;

    font-size: 14px;

    color: #666666;





}

.pos1 a:hover{}

.pos2{

    float: right;

}

.pos2 .cur{

	background:#3472fe;

	color:#fff

}

.pos2 a:hover{

		background:#3472fe;

	color:#fff

}

.pos2 a{

    display: inline-block;

    margin: 0 5px;

    background: #ebebeb;

    height: 30px;

    line-height: 30px;

    width: 125px;

    text-align: center;

    border-radius: 15px;

    font-size: 14px;

    color: #333333;

}

@media only screen and (max-width: 992px){
.nbm span {
    text-align: center;
}
.nbm p {
    text-align: center;
}
.nb{

    width: 100%;

    height: 50vh;

    overflow: hidden;

    position: relative;

    background-size: cover!important;

    margin-top: 0;

}

.nb .col-xl-8{

	

}



.nb .col-xl-4{}

.nb .col-xl-6 img{

	/*width: 50%;*/

	position:absolute;

	margin: auto;

	left: 0;

	right: 0;
	
	    /*max-width: 172px;*/
    max-height: 162px;

}

.nbm{

    width: 100%;

    top: 0;

    margin: auto;

    color: #fff;

    font-size: 14px;

    font-weight: lighter;

    overflow: hidden;

    padding: 0;

    line-height: 2;

    position: unset;

    position: relative; 

     transform: translateY(0%); 

}

.nb .container {

    position: absolute;

    top: 18%;

    left: 0;

    right: 0;

    margin: auto;

    transform: unset;

}

.nbm span{

    /*font-size: 18px;*/

    font-weight: normal;

    display: block;

    margin-bottom: 5px;

    /*text-align: center;*/

}

.nbm p{
    font-weight: normal;
    /*text-align: center;*/

        padding-bottom: 20px;

    padding-top: 5px;

}

.pos{

    width: 100%;

    line-height: 35px;    display: none;

}

.pos1{

    font-size: 14px;

    color: #666666;

}

.pos1 a{

    margin: 0 5px;

    font-size: 14px;

    color: #666666;

}

.pos1 a:hover{}

.pos2{

    float: unset;

    line-height: 40px;

    margin-bottom: 0;

}

.pos2 .cur{

	background:#3472fe;

	color:#fff

}

.pos2 a:hover{

		background:#3472fe;

	color:#fff

}

.pos2 a{

    display: inline-block;

    margin: 0 5px;

    background: #ebebeb;

    height: 30px;

    line-height: 30px;

    width: 46%;

    text-align: center;

    border-radius: 15px;

    font-size: 14px;

    color: #333333;

}

}

/*数字工程*/

.szgc{

    width: 100%;

    padding: 60px 0;

}

.szgc1{

    text-align: center;

    font-size: 28px;

    padding: 35px 20px;

    box-shadow: 0 10px 15px 5px #ededed;

    margin: 15px 0;

    transition: all .5s;

    -moz-transition: all .5s; /* Firefox 4 */

    -webkit-transition:all .5s; /* Safari 和 Chrome */

    -o-transition: all .5s; /* Opera */

    cursor: pointer;

    border-radius: 15px;

	color:#000

}

.szgc1 img{

    margin: auto;
    display: block;

}

.szgc1:hover{

    background: #3471fe;

    color: #fff;

}

.szgc1:hover img{

    /*filter: brightness(500);*/
    filter: drop-shadow(2px 2px 2px black);

}

.szgc .bdm .bdm1 span{

    font-size: 32px;

    font-weight: 400;

    display: block;

    margin-bottom: 25px;

}

.szgc .bdm .bdm1 p{

    font-size: 14px;

    color: #323541;

    line-height: 35px;

    padding-bottom: 25px;

}

.szgc .bdm .bdm11{

    padding-top: 25px;

    border-top: 1px dashed #dddddd;

}

.szgc .bdm .bdm11 a{

    width: 46%;

    display: inline-block;

    text-align: center;

    background: #f7f7f7;

    border-radius: 10px;

    padding: 11px 22px;

    font-size: 16px;

    color: #2e2e2e;

    margin-bottom: 20px;

    margin: 5px;

}

.szgc .bdm .bdm11 img{

    margin-right: 20px;    width: 21px;

    height: 21px;

}

.szgc .bdm .bdm11 a:hover{

	background:#3472fe;

	color:#fff

}

.szgc .bdm .bdm11 a:hover img{

    filter: brightness(500);

}

.szgc .bdm{

	margin: 120px 0;

}

.szgc .cur{

	background:#3472fe;

	color:#fff

}

.szgc .cur img{

	filter: brightness(500);

}

@media only screen and (max-width:992px){

.szgc{

    width: 100%;

    padding: 15px 0;

}

.szgc1{

    text-align: center;

    font-size: 18px;

    padding: 20px 15px;

    box-shadow: 0 10px 15px 5px #ededed;

    margin: 15px 0;

    transition: all .5s;

    -moz-transition: all .5s; /* Firefox 4 */

    -webkit-transition:all .5s; /* Safari 和 Chrome */

    -o-transition: all .5s; /* Opera */

    cursor: pointer;

    border-radius: 15px;

}

.szgc1 img{

    display: block;

    margin: auto;

    margin-bottom: 10px;

}

.szgc1:hover{

    background: #3471fe;

    color: #fff;

}

.szgc1:hover img{

    filter: brightness(500);

}

.szgc .bdm .bdm1 span{

    font-size: 20px;

    font-weight: 400;

    display: block;

    margin-bottom: 15px;

}

.szgc .bdm .bdm1 p{

    font-size: 12px;

    color: #323541;

    line-height: 35px;

    padding-bottom: 10px;

}

.szgc .bdm .bdm11{

    margin-top: 0;

    padding-top: 15px;
overflow: hidden;
}

.szgc .bdm .bdm11 a{

    /*width: 30%;*/

    /*display: inline-block;*/

    /*text-align: center;*/

    /*background: #f7f7f7;*/

    /*border-radius: 10px;*/

    /*padding: 5px;*/

    /*font-size: 12px;*/

    /*color: #2e2e2e;*/

    /*margin-bottom: 15px;*/

    /*margin: 5px 0;*/

    width: 46%;
float: left;
    display: inline-block;

    text-align: center;

    background: #f7f7f7;

    border-radius: 10px;

    padding: 11px 22px;

    font-size: 14px;

    color: #2e2e2e;

    margin-bottom: 20px;

    margin: 5px;

}

.szgc .bdm .bdm11 img{





    margin-right: 5px;

    width: 20px;

}

.szgc .bdm .bdm11 a:hover{

	background:#3472fe;

	color:#fff

}

.szgc .bdm .bdm11 a:hover img{

    filter: brightness(500);

}

.szgc .bdm{

	margin: 30px 0;

	text-align: center;

}

.szgc .cur{

	background:#3472fe;

	color:#fff

}

.szgc .cur img{

	filter: brightness(500);

}

}

/*智能住建*/

.znzj{

    width: 100%;

    padding: 50px 0;

}

.znzj1{}

.znzj1{

    text-align: center;

    font-size: 32px;

    padding: 35px 20px;

    box-shadow: 0 10px 15px 5px #ededed;

    margin: 15px 0;

    transition: all .5s;

    -moz-transition: all .5s; /* Firefox 4 */

    -webkit-transition:all .5s; /* Safari 和 Chrome */

    -o-transition: all .5s; /* Opera */

    cursor: pointer;

    border-radius: 15px;

    color: #000;

}

.znzj1 img{

    margin-right: 30px;

    display: block;

    margin: auto;

    margin-bottom: 20px;

}

.znzj1:hover{background: #3472fe;color: #fff;}

.znzj1:hover img{

}

.znzj .bdm .bdm1 span{

    font-size: 32px;

    font-weight: 400;

    display: block;

    margin-bottom: 25px;

}

.znzj .bdm .bdm1 p{

    font-size: 14px;

    color: #323541;

    line-height: 35px;

    padding-bottom: 25px;

}

.znzj .bdm .bdm11{

    padding-top: 25px;

    border-top: 1px dashed #dddddd;

}

.znzj .bdm .bdm11 a{

    width: 46%;

    display: inline-block;

    text-align: center;

    background: #f7f7f7;

    border-radius: 10px;

    padding: 11px 22px;

    font-size: 16px;

    color: #2e2e2e;

    margin-bottom: 20px;

    margin: 5px;

}

.znzj .bdm .bdm11 img{

    margin-right: 20px;    width: 21px;

    height: 21px;

}

.znzj .bdm .bdm11 a:hover{

	background:#3472fe;

	color:#fff

}

.znzj .bdm .bdm11 a:hover img{

    filter: brightness(500);

}

.znzj .bdm{

	margin: 120px 0;

}

.znzj .cur{

	background:#3472fe;

	color:#fff

}

.znzj .cur img{

}

@media only screen and (max-width:992px){

.znzj{

    width: 100%;

    padding: 15px 0;

}

.znzj1{

    text-align: center;

    font-size: 14px;

    padding: 20px 5px;

    box-shadow: 0 10px 15px 5px #ededed;

    margin: 10px 0;

    transition: all .5s;

    -moz-transition: all .5s; /* Firefox 4 */

    -webkit-transition:all .5s; /* Safari 和 Chrome */

    -o-transition: all .5s; /* Opera */

    cursor: pointer;

    border-radius: 15px;

    color: #000;

}

.znzj1 img{

    display: block;

    margin: auto;

    margin-bottom: 10px;

    width: 60px;

    height: 50px;

}

.znzj1:hover{

    background: #3471fe;

    color: #fff;

}

.znzj1:hover img{

    filter: brightness(500);

}

.znzj .bdm .bdm1 span{

    font-size: 20px;

    font-weight: 400;

    display: block;

    margin-bottom: 15px;

}

.znzj .bdm .bdm1 p{

    font-size: 12px;

    color: #323541;

    line-height: 35px;

    padding-bottom: 10px;

}

.znzj .bdm .bdm11{    padding-top: 25px;

    border-top: 1px dashed #dddddd;
    overflow: hidden;

}

.znzj .bdm .bdm11 a{

    width: 46%;

    display: inline-block;
float: left;
    text-align: center;

    background: #f7f7f7;

    border-radius: 10px;

    padding: 11px 22px;

    font-size: 14px;

    color: #2e2e2e;

    margin-bottom: 20px;

    margin: 5px;

}

.znzj .bdm .bdm11 img{



    margin-right: 5px;


    width: 20px;

}

.znzj .bdm .bdm11 a:hover{

	background:#3472fe;

	color:#fff

}

.znzj .bdm .bdm11 a:hover img{

    filter: brightness(500);

}

.znzj .bdm{

	margin: 30px 0;

	text-align: center;

}

.znzj .cur{

	background:#3472fe;

	color:#fff

}

.znzj .cur img{

}

}

/*数字设计*/

.szsj{}

/*服务*/

.fuwu{

    width: 100%;

    padding: 40px 0;

}

.bdhbs{}

.bsm{

    width: 100%;

    margin: 40px 0;

}

.bsm1{

    width: 100%;

    padding: 30px 20px;

    box-shadow: 0 0 15px 10px #e5eaef;

    border-radius: 15px;

    height: 248px;

}

.bsm2 {

    width: 100%;

    box-shadow: 0 0 15px 10px #e5eaef;

    border-radius: 15px;

    background: #3471fd;

    text-align: center;

    color: #fff;

    line-height: 40px;

    padding: 60px 20px;

}

.bsm2 span{

    font-size: 28px;

}

.bsm2 p{

    font-size: 20px;

}

.bsm1 span{

    display: block;

    text-align: center;

    font-size: 28px;

    padding-bottom: 15px;

    border-bottom: 1px solid #dddddd;

    font-weight: lighter;

}

.bsm1 ul{

    padding-top: 10px;

    padding-left: 10px;

}

.bsm1 ul li{

    line-height: 45px;

    font-size: 18px;

    font-weight: lighter;

    padding: 0 15px;

}

.bsm1 ul li a{

	color: #3471fd!important;

	font-size:24px;

	margin-right:5px;

}

.bsm1 ul li img{

    margin-right: 5px;

}

.ydzy{

    margin-top: 115px;

}

.ydzy .col-xl-3:nth-of-type(1) .ydzym2 li{

	float:left;

}

.ydzy .col-xl-3:nth-of-type(1) .ydzym2 li:nth-of-type(2n){

	float: right;

}

.ydzy1{

    width: 100%;

    margin: 40px 0;

    padding: 20px 20px;

    box-shadow: 0 0 15px 10px #e5eaef;

    border-radius: 15px;

}

.ydzym{

    width: 100%;

    border-bottom: 1px solid #cccccc;

    text-align: center;

}

.ydzym h1{

    font-size: 28px;

    font-weight: lighter;

}

.ydzym span{

    display: block;

    text-align: center;

    margin: 10px 0;

    font-size: 28px;

    color: #666666;

    color: #3471fd;

    font-weight: bold;

}

.ydzym li{

    color: #6a6968;

    font-size: 16px;

    text-align: center;

}

.ydzym a{

    display: block;

    width: 150px;

    height: 40px;

    line-height: 40px;

    border-radius: 30px;

    text-align: center;

    background: #3471fd;

    color: #fff;

    margin: 20px auto;

    font-size: 14px;

}

.ydzym2{

    width: 100%;

    height: 230px;

    overflow: hidden;

    padding: 0;

}

.ydzym2 ul{

    padding: 15px 0;

}

.ydzym2 ul li{

    font-size: 18px;

    line-height: 40px;

    font-weight: lighter;

}



.ydzym2:nth-of-type(4) li{

	float:right

}



.ydzym2 ul li a{

    margin-right: 5px;

    font-size: 24px;

    color: #3471fd!important;

}

.ydzy2{

    width: 100%;

    margin: 40px 0;

    padding: 20px;

    box-shadow: 0 0 15px 10px #e5eaef;

    border-radius: 15px;

    background: #3471fd;

}

.ydzy2:nth-of-type(4){

	display:none;

}

.ydzy2 .ydzym{color: #fff;border-bottom: 1px solid #fff;}

.ydzy2 .ydzym h1{

    font-weight: lighter;

}

.ydzy2 .ydzym span{

    color: #fff;

}

.ydzy2 .ydzym li{

    color: #fff;

}

.ydzy2 .ydzym2 ul li a{

	color:#fff!important;

}

.ydzy2 .ydzym a{

    background: #fff;

    color: #3472fe;

}

.ydzy2 .ydzym2{}

.ydzy2 .ydzym2 ul{}

.ydzy2 .ydzym2 ul li{

    color: #fff;

}

.ydzy2 .ydzym2 ul li img{

    filter: brightness(100);

}

.yft{

    width: 100%;

    margin: 40px 0;

}

.yft1{

    box-shadow: 0 0 15px 10px #e5eaef;

    border-radius: 15px;

    padding: 40px 35px;

}

.yft1 p a{

	margin-right: 5px;

	font-size: 24px;

	color: #3471fd!important;

}

.yft1 img{

	margin-right:5px

}

.yft1 span{

    font-size: 28px;

    display: block;

    text-align: center;

    font-weight: lighter;

}

.yft1 p{

    margin: 30px 0;

    color: #2d2b29;

    font-size: 20px;

    line-height: 45px;

    font-weight: lighter;

}

.yft2 {

    box-shadow: 0 0 15px 10px #e5eaef;

    border-radius: 15px;

    padding: 40px;

    background: #3471fd;

    height: 317px;

    text-align: center;

}

.yft2 h1{

	font-size:50px;

	color:#fff

}

.yft .row{

    margin: 40px 0;

}

.yft2 span{

    font-size: 28px;

    color: #fff;

    text-align: center;

    display: block;

    font-weight: lighter;

}

.yft2 p{

    font-size: 26px;

    color: #fff;

    line-height: 100px;

    position: absolute;



    left: 0;

    right: 0;

    bottom: 90px;

    font-weight: lighter;

}

.yft2 p span{

	display: inline;

	/*font-size: 57px;*/

	font-size: 28px;

	font-weight: lighter;

}

.yft2 a{

    display: block;

    width: 150px;

    height: 40px;

    background: #fff;

    border-radius: 30px;

    text-align: center;

    line-height: 40px;

    margin: auto;

    font-size: 14px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 35px;

}

@media only screen and (max-width:992px){

.fuwu{

    width: 100%;

    padding: 20px 0;

}

.ydzy .col-xl-3:nth-of-type(1) .ydzym2 li:nth-of-type(2n){

	/*float: left;*/

	/*float: none;*/

	float: right;

}

.bdhbs{}

.bsm{

    width: 100%;

    margin: 40px 0;

}

.bsm1{

    width: 100%;

    padding: 15px;

    box-shadow: 0 0 15px 10px #e5eaef;

    border-radius: 15px;

    height: 200px;

    min-height: 200px;

    margin: 15px auto;

}

.bsm2 {

    width: 100%;

    box-shadow: 0 0 15px 10px #e5eaef;

    border-radius: 15px;

    background: #3471fd;

    text-align: center;

    color: #fff;

    line-height: 40px;

    padding: 20px 15px;

    margin: 15px auto;

    height: auto;

}

.bsm2 span{

    font-size: 16px;

}

.bsm2 p{

    font-size: 12px;

}

.bsm1 span{

    display: block;

    text-align: center;

    font-size: 16px;

    padding-bottom: 15px;

    border-bottom: 1px solid #dddddd;

}

.bsm1 ul li a{

font-size:14px;

}

.bsm1 ul{

    /*padding: 0;*/

    padding: 10px 0 0 0;

}

.bsm1 ul li{

    line-height: 35px;
    
    font-size: 14px;
    
    /*font-size: 12px;*/
    max-width: 135px;

    margin: auto;padding: 0 0 0 15px;

}

.bsm1 ul li img{

    margin-right: 10px;

}

.ydzy{

    margin-top: 25px;

}

.ydzy1{

    width: 100%;

    margin: 20px 0;

    padding: 20px 15px;

    box-shadow: 0 0 15px 10px #e5eaef;

    border-radius: 15px;

}

.ydzym{

    width: 100%;

    border-bottom: 1px solid #cccccc;

    text-align: center;

}

.ydzym h1{

    font-size: 16px;

}

.ydzym span{

    display: block;

    text-align: center;

    margin: 10px 0;

    font-size: 20px;

    font-weight: bold;

    color: #666666;

}

.ydzym li{

    color: #6a6968;

    font-size: 12px;

    text-align: center;

}

.ydzym a{

    display: block;

    /*width: 50%;*/

    height: 40px;

    line-height: 40px;

    border-radius: 30px;

    text-align: center;

    /*background: #3472fe;*/

    background: #3471fd;

    background-size: 100% 100%;

    color: #fff;

    margin: 20px auto;

    font-size: 14px;

}

.ydzym2{

    width: 100%;

    height: auto;

    overflow: hidden;

}

.ydzym2 ul{

    padding: 15px 0;    width: 167px;

    margin: auto;

}

.ydzym2 ul li{

    /*font-size: 12px;*/
    font-size: 14px;

    line-height: 40px;

    /*float: left;*/

    float: none;

    margin-right: 5px;

    max-width: 135px;

    margin: auto;

}

.ydzym2 ul li img{

    margin-right: 5px;

}

.ydzy2{

    width: 100%;

    margin: 20px 0;

    padding: 25px 20px;

    box-shadow: 0 0 15px 10px #e5eaef;

    border-radius: 15px;

    background: #3471fd;

}

.ydzy2 .ydzym{color: #fff;border-bottom: 1px solid #fff;}

.ydzy2 .ydzym h1{

    font-size: 16px;

}

.ydzy2 .ydzym span{

    color: #fff;

}

.ydzy2 .ydzym li{

    color: #fff;

}

.ydzy2 .ydzym a{

    background: #fff;

    color: #3472fe;

}

.ydzy2 .ydzym2{}

.ydzy2 .ydzym2 ul{}

.ydzy2 .ydzym2 ul li{

    color: #fff;

}

.ydzy2 .ydzym2 ul li img{

    filter: brightness(100);

}

.yft{

    width: 100%;

    margin: 20px 0;

}

.yft1{

    box-shadow: 0 0 15px 10px #e5eaef;

    border-radius: 15px;

    padding: 20px 15px;

    height: auto;

    overflow: hidden;

    margin-bottom: 30px;

}

.yft1 span{

    font-size: 16px;

    display: block;

    text-align: center;

}

.yft1 p{

    margin: 15px 0;

    color: #2d2b29;

    font-size: 12px;

    line-height: 40px;

    text-align: c;

}

.yft2 {

    box-shadow: 0 0 15px 10px #e5eaef;

    border-radius: 15px;

    padding: 20px;

    background: #3471fd;

    height: 200px;

    text-align: center;

    margin-bottom: 30px;

}

.yft .row{

    margin: 40px 0;

}

.yft2 span{

    font-size: 16px;

    color: #fff;

    text-align: center;

    display: block;

}

.yft2 h1{

	font-size: 30px;

	margin-top: 5px;

}

.yft2 p{

    /*font-size: 12px;*/
font-size: 14px;
    color: #fff;

    line-height: 40px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 45%;

}

.yft2 p span{

	display: inline;

	font-size: 20px;

}

.yft2 a{

    display: block;

    width: 180px;

    height: 40px;

    background: #fff;

    border-radius: 30px;

    text-align: center;

    line-height: 40px;

    margin: 0 auto 30px  auto;

    font-size: 14px;

    position: absolute;

    left: 0;

    right: 0;

    bottom: 10%;

}

}

/*我们的客户*/

.khlb{

    width: 100%;

    margin: 60px 0;

}

.khl1{

    width: 100%;

    box-shadow: 0 10px 15px 5px #ededed;

    margin: 20px 0;

    border-radius: 20px;

    padding: 30px;

}

.khl1 img{}

.khl1 span{

    font-size: 20px;

    font-weight: bold;

    display: block;

    margin-bottom: 10px;

}

.khl1 p{

    color: #8e8e8e;

    font-size: 16px;

}

@media only screen and (max-width:992px){

.khlb{

    width: 100%;

    margin: 30px 0;

}

.khlb .col-6{

	padding:5px

}

.khl1{

    width: 100%;

    box-shadow: 0 10px 15px 5px #ededed;

    margin: 15px 0;

    border-radius: 20px;

    padding: 10px;

}

.khl1 img{}

.khl1 span{

    font-size: 17px;

    font-weight: bold;

    display: block;

    margin-bottom: 10px;

}

.khl1 p{

    color: #8e8e8e;

    font-size: 14px;

    overflow: hidden;

    display:-webkit-box;

    line-clamp: 3;

    -webkit-line-clamp: 3;

    -moz-line-clamp: 3;

    -ms-line-clamp: 3;

    -o-line-clamp: 3;

    -webkit-box-orient: vertical;

}



}

/*关于我们*/

.ab{

    width: 100%;



    margin: 40px 0;

}

.ab .tpd{

	margin:20px 0 ;

}

.ab1{

    font-size: 14px;

    color: #000000;

    margin: 20px 0;

	font-weight:lighter;

}

.fzlc{

    width: 100%;

    height: 685px;

    background: url(fz.jpg);

    padding: 60px 0 0;

    position: relative;

}



.fzlc .col-xl-2{

	

}

.fzlc .container{

	bottom:0;

	position:absolute;

	margin:auto;

	left:0;

	right:0;

}

.fz1{}

.fz1 ul{}

.fz1 ul li{}

.fz1 ul li img{}

.fz span{

    display: block;

    text-align: center;

    font-size: 32px;

    color: #3472fe;

    font-weight: bold;

    font-family: fantasy;

}

.fz{

    width: 88%;

    height: 460px;

    overflow: hidden;

    background: #fff;

    border-top: 10px solid #3472fe;

    position: absolute;

    bottom: 0;

}

/* .fzlc .col-xl-2:nth-of-type(2) .fz span{

    margin-top: 36%;

}

.fzlc .col-xl-2:nth-of-type(3) .fz span{

	    margin-top: 70%;

}

.fzlc .col-xl-2:nth-of-type(4) .fz span{

	margin-top: 111%;

}

.fzlc .col-xl-2:nth-of-type(5) .fz span{

	margin-top: 144%;

}

.fzlc .col-xl-2:nth-of-type(6) .fz span{

	margin-top: 179%;

} */

.fz li{

    width: 100%;

}

.fz ul{

    width: 100%;
    height: 400px;
    padding: 10px;

}

.fz ul li{

    font-size: 15px;

    color: #333333;

    line-height: 30px;

    margin-bottom: 5px;

}

.fz ul li a{

    margin-right: 5px;

    font-size: 24px;

    color: #3471fd!important;float: left;

}

.fz ul li img{

	margin-right:5px

}

@media only screen and (max-width:992px){

.ab{

    width: 100%;

    margin: 40px 0;

}

.ab .container{

	padding:2px

	}

.ab .tpd{

	margin:20px 0 ;

}

.ab1{

    font-size: 4.26667vw;

    color: rgb(34,34,34);

    margin: 20px 0;

    line-height: 8vw;

    text-align: justify;
    letter-spacing: 1.5px;
    font-family: PingFangSC-Light,PingFang SC;
}

.fzlc{

    width: 100%;

    height: auto;

    position: relative;

    overflow: hidden;

    padding: 30px 0;

}

.fzlc .col-xl-2{

	

}

.fzlc .container{

	bottom:0;

	position: relative;

	margin:auto;

	left:0;

	right:0;

}

.fz1{}

.fz1 ul{}

.fz1 ul li{}

.fz1 ul li img{}

.fz span{

    display: block;

    text-align: center;

    font-size: 24px;

    color: #3472fe;

    font-weight: bold;

    font-family: PingFangSC-Light,PingFang SC;

    margin-top: 0!important;

}

.fz{

    width: 100%;

    height: 460px;

    overflow: hidden;

    background: #fff;

    border-top: 10px solid #3472fe;

    position: relative;

    bottom: 0;

    margin: 10px 0;

}

/* .fzlc .col-xl-2:nth-of-type(2) .fz span{

    margin-top: 25%;

}

.fzlc .col-xl-2:nth-of-type(3) .fz span{

	    margin-top:50%;

}

.fzlc .col-xl-2:nth-of-type(4) .fz span{

	margin-top:75%;

}

.fzlc .col-xl-2:nth-of-type(5) .fz span{

	margin-top: 100%;

}

.fzlc .col-xl-2:nth-of-type(6) .fz span{

	margin-top: 125%;



} */

.fz li{

    width: 100%;

}

.fz ul{

    width: 100%;
    height: 400px;
    /*padding: 10px;*/
    padding: 17px 10px 10px;

}

.fz ul li{

    /*font-size: 12px;*/
        font-size: 4.26667vw;

    color: #333333;

    line-height: 25px;

    margin-bottom: 15px;

}

}

/*技术专利*/

.jszl{

    width: 100%;

    padding: 90px 0;

}

.jszl1{

    width: 100%;

    margin: 10px 0;

    padding: 30px 0;

    box-shadow: 0 10px 15px 5px #ededed;

}

.jszl1 .col-xl-3 img{

	width:100%;

	height:auto;

}

.jsm{}

.jsm span{

    font-size: 22px;

    display: block;

    margin-bottom: 15px;

}

.jsm p{

    font-size: 16px;

    color: #555555;



}

@media only screen and (max-width:992px){

.jszl{

    width: 100%;

    padding: 30px 0;



}

.bdm .bdm1 {

    margin-bottom: 20px;

}

.jszl1{

    width: 100%;

    margin: 15px 0;

    padding: 10px;

    box-shadow: 0 10px 15px 5px #ededed;

}

.jsm{

    margin: 10px 0;

}

.jsm span{

    font-size: 18px;

    font-weight: bold;

    display: block;

    margin: 10px 0;

    text-align: center;

    text-overflow: ellipsis;

    white-space:nowrap;

    overflow:hidden;

}



.jsm p{

    font-size: 14px;

    color: #555555;

    overflow: hidden;

    display:-webkit-box;

    line-clamp:3;

    -webkit-line-clamp:3;

    -moz-line-clamp:3;

    -ms-line-clamp3;

    -o-line-clamp:3;

    -webkit-box-orient: vertical;

}

}

.main{

	font-size:16px;

	line-height:35px;

	}

	.main img{

		max-width:100%;}

.kh1 a {

    display: block;

    width: 100%;

    height: 76px;

    position: relative;

}

.kh1 a img {

    height: 40px;

    margin: auto;

    display: block;

    position: relative;

    top: 50%;

    transform: translate(0,-50%);

}

.khl1 a img {

    margin-bottom: 15px;

    height: 40px;

}

.sj{

	display:none;

	}

@media screen and (max-width: 992px) {
    .gd {
    margin-top: 20px;
}

    .ydzym2 ul li a {

        float: left;

        line-height: 37.5px;
    font-size: 14px;

    }

    .bsm1 ul li a {

        float: left;

        line-height: 33.5px;

    }

    .yft1 p a {

        float: left;

        line-height: 35.5px;

    }

    .kh1 a {

        height: 56px;

    }

    .kh1 a img {

        /*height: 20px;*/
            height: 26px;
    max-width: 100%;

    }

    .khl1 a img {

        margin-bottom: 12px;

        height: 20px;

    }

	.dn{

		display:none;

		}

		.sj{

		display:block;

		}

		.fz ul li a {

        line-height: 23.5px;
    font-size: 14px;

}

}
.lbm{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    font-size: 16px;
}
.lbm span{
    display: block;
    font-size: 40px;
    font-weight: bold;
}

/*服务*/

.home_cont1{ float:left; width:100%; margin-top:95px;border-bottom:1px solid #dbdbdb; border-top:1px solid #dbdbdb; background:url(main6.png) center bottom no-repeat;}
.home_cont1 li{float:left;width:20%; border-right:1px solid #dbdbdb; text-align:center;}
.home_cont1 li a{ float:left; width:100%; padding:45px 10%; text-align:center;vertical-align:top;ms-interpolation-mode:bicubic; position:relative;}
.home_cont1 li:last{border-right:none;}
.home_cont1 li i{ float:left; width:100%; position:relative; z-index:2;}
.home_cont1 li i img{ display:block; margin:0 auto; width:114px;  border-radius: 50%; height:114px;-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic}
.home_cont1 li h2{ float:left; width:100%; color:#4c4c4c; font-size:20px; line-height:30px; margin-top:28px; position:relative; z-index:2;}
.home_cont1 li h6{ float:left; width:100%; color:#999999; font-size:12px; line-height:22px; font-family:Arial; text-transform:uppercase; padding-bottom:25px; position:relative; z-index:2;}
.home_cont1 li h6:after{ float:left; width:30px; height:1px; background:#eb8f1a; position:absolute; left:50%; margin-left:-15px; bottom:0; content:'';}
.home_cont1 li p{ float:left; width:100%; margin:18px 0 10px 0; color:#666666; font-size:14px; line-height:24px; position:relative; z-index:2;}
.home_cont1 li a:hover{ background:#fff; box-shadow:0 3px 7px rgba(0,0,0,0.17); -moz- box-shadow:0 3px 7px rgba(0,0,0,0.17); -webkit- box-shadow:0 3px 7px rgba(0,0,0,0.17);} 
.home_cont1 li a:hover i img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2);transform: scale(1.2);}
.home_cont1 .slick-prev{ width:30px; height:30px; left:1%; margin-top:-15px; background:url(img38_1.png) center bottom no-repeat; background-size:100% 100%;opacity:0.4; filter:alpha(opacity=40); }
.home_cont1 .slick-next{ width:30px; height:30px; right:1%; margin-top:-15px; background:url(img37_1.png) center bottom no-repeat; background-size:100% 100%;opacity:0.4; filter:alpha(opacity=40); }
.home_cont1 .slick-dots{ position:absolute; left:30px; top:35%; width:11px;}
.home_cont1 .slick-dots li{ float:none; width:11px; height:11px; margin:5px 0; background:#dfdfdf; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden; text-indent:-999px;}
.home_cont1 .slick-dots li.slick-active{ background:#ff9a18;}
.home_cont1 .slick-list{ overflow:visible;}


@media  screen and (max-width:991px){
.home_tit{ float:left; width:100%; margin-top:50px;}	
.home_cont1 .slick-dots{ left:15px;}
.home_tit .l1{ font-size:22px; line-height:22px; padding-bottom:15px;}
.home_tit .l1:after{ width:60px; margin-left:-30px;}
.home_tit .l2{ margin-top:15px;}
.home_cont1{ margin-top:48px;}
.home_cont1 li a{ padding:20px 10%;}
.home_cont1 li i img{ width:80px; height:72px;}
.home_cont1 li h2{ margin-top:15px; font-size:18px; line-height:28px;}
.home_cont1 li h6{ padding-bottom:12px;}
.home_cont1 li p{ margin:10px 0 5px 0;}



}

@media  screen and (max-width:767px){
.home_tit{ float:left; width:100%; margin-top:30px;}
.home_cont1{ margin-top:24px;}	


}





/**/
.case_cont1{ float:left; width:100%;}
.small_tit{ float:left; width:100%; background:url(main14.jpg) center repeat-x; text-align:center; padding:45px 15px;}
.small_tit ul{ display:inline-block; width:800px;}
.small_tit ul .slick-track{margin:0 auto;}
.small_tit li{ /*float:left;*/ display:inline-block; padding:0 9px; background:#fff; margin:0 5px;}
.small_tit li span{ /*float:left;*/ display:block; width:100%; padding:0 16px; color:#4c4c4c; font-size:16px; height:32px; line-height:32px; border-radius:32px; -moz-border-radius:32px; -webkit-border-radius:32px; cursor:pointer; text-transform:uppercase;}
.news_small li span { min-width:96px; padding:0 10px;}
.small_tit li.on span,
.small_tit li:hover span,
.small_tit li.slick-current span{ background:#ff9a18; color:#fff;}
.small_tit .slick-prev{ width:0; height:0; overflow:hidden;}
.small_tit .slick-next{ width:0; height:0; overflow:hidden;}
.small_tit .slick-dots{ width:0; height:0; overflow:hidden;}

.case_big{ float:left; width:100%;}
.case_big li{ float:left; width:33.3333%; padding:15px;}
.case_big li a{ float:left; width:100%; overflow:hidden; position:relative;}
.case_big li a img{
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.case_big li a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.case_tx1{ float:left; width:100%; position:absolute; left:0; bottom:-100%; padding:5%; text-align:center;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.case_la{ float:left; width:100%; background:url(main15.png) center repeat; padding:6% 8% 5% 8%;}
.case_tx1 .l1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px;}
.case_tx1 .l2{ float:left; width:100%; color:#ececec; font-size:14px; line-height:26px; height:52px; overflow:hidden; margin:1.5% 0 4% 0;}
.case_tx1 .l3{ float:left; width:100%;}
.case_tx1 .l3 img{ display:block; margin:0 auto; width:38px; height:38px;}
.case_big li a:hover .case_tx1 .l3 img{ -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.case_big li a:hover .case_tx1{ bottom:0;}



.case_cont2{ float:left; width:100%; padding:50px 15px 100px 15px; text-align:center;}
.case_cont2 .l1{ float:left; width:100%; color:#333; font-size:30px; line-height:46px;}
.case_cont2 .l2{ float:left; width:100%; color:#808080; font-size:20px; line-height:30px; margin:17px 0 28px 0;}
.case_cont2 .l3{ float:left; width:100%;}
.case_cont2 .l3 a{ display:inline-block; *display:inline; *zoom:1; width:179px; height:38px; line-height:38px; border:1px solid #ff9a18; border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; color:#ff9a18; font-size:14px; margin:0 15px;}
.case_cont2 .l3 a:hover{ background:#ff9a18; color:#fff;}
.case_cont2 .l3_1 a{ font-weight:bold; font-family:"Arial"}

@media  screen and (max-width:991px){
.case_big{ padding:0 7px;}	
.case_big li{ padding:7px;}	
.case_cont2{ padding:25px 15px 50px 15px;}
.case_tx1 .l1{ font-size:18px; line-height:28px;}
.case_tx1 .l2{ line-height:22px; height:44px;}
.case_tx1 .l3 img{ width:26px; height:26px;}
.case_la{ padding:5%;}
.small_tit{ padding:20px 15px;}
.small_tit ul{width:auto;}
.small_tit li span{ font-size:14px;}
.news_small li span {  min-width:78px; padding:0 5px;}
.case_cont2 .l3 a{ width:120px; margin:0 8px; height:34px; line-height:34px; border-radius:34px; -moz-border-radius:34px; -webkit-border-radius:34px;}
.case_cont2 .l1{ font-size:20px; line-height:36px;}
.case_cont2 .l2{ font-size:15px; line-height:26px; margin:7px 0 18px 0;}


}
.visible-xs{  display: none !important;}


@media  screen and (max-width:767px){
.hidden-xs {
    display: none !important;
}
.case_big li{ width:50%;}
.case_tx1 .l2{ height:22px; margin:0;}
.case_tx1 .l3{ display:none;}
.case_cont2{ padding:20px 15px 30px 15px;}
.small_tit li{ padding:0 4px; margin:0 3px;}
.small_tit li span{ font-size:14px; padding:0 8px; font-size:13px;}
}

.pz_SideLayerph{ display:none; width:100%; left:0; top:49px; background-color:#fff;}
.pz_SideLayerph .l1{}
.pz_SideLayerph .l1 h3{ color:#333; font-size:16px; line-height:48px; cursor:pointer; border-bottom:#e1e1e1 solid 1px;}
.pz_SideLayerph .l1 h3 a{ color:#333; padding-left:15px;}
.pz_SideLayerph .l1 h3.active a{ color:#ff9a18;}
.pz_SideLayerph .l1 h3 img{ float:right; margin:25px 15px 0 0;}
.pz_SideLayerph .l1 h3 img.img3{ display:block;}
.pz_SideLayerph .l1 h3 img.img3h{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3{ display:none;}
.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}
.pz_SideLayerph .l1 .l1ul{ display:none;}
.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}
.pz_SideLayerph .l1 .l1ul li a{color:#999999;}
.babyser{ float:left; width:100%; padding:0 15px; margin:10px 0 19px 0; position: relative; z-index: 5;}
.babyser h2{ float:left; width:100%; padding:0 10px 0 10px; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:16px; line-height:48px; text-transform:uppercase;}
.babyser h2 .imgr{ float:right; margin:16px 0 0 0;}

.case_la{ float:left; width:100%; background:url(main15.png) center repeat; padding:6% 8% 5% 8%;}
.case_tx1 .l1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px;}
.case_tx1 .l2{ float:left; width:100%; color:#ececec; font-size:14px; line-height:26px; height:52px; overflow:hidden; margin:1.5% 0 4% 0;}
.case_tx1 .l3{ float:left; width:100%;}
.case_tx1 .l3 img{ display:block; margin:0 auto; width:38px; height:38px;}
.case_big li a:hover .case_tx1 .l3 img{ -webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.case_big li a:hover .case_tx1{ bottom:0;}
.case_tx2{ float:left; width:100%; height:100%; position:absolute; left:0; top:0;  background:url(main7_4.png) center bottom no-repeat; background-size:100% 100%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.case_tx2 span{ float:left; width:100%; position:absolute; left:0; bottom:0;padding:5%; overflow:hidden; color:#fff; font-size:22px; line-height:32px;white-space: nowrap; text-overflow:ellipsis; text-align:center;}
.case_list li a:hover .case_tx2{ top:100%;}
		.css-8-1 aside{font-size:0.24rem;margin-bottom:1.04rem;}
@media (min-width:1025px){.css-8-1 .t-2,.css-8-1 .t-1{width:84%;}
}
.css-8-1 .t-2{margin-top:0.55rem;}
@media (max-width:480px){.css-8-1 aside{margin-bottom:0.5rem;}
}
.css-8-2{position:relative;z-index:1;}
.css-8-2 img{float:right;width:116.667%;max-width:none;}
.css-8-2 .txt h4{margin:0 0 1em 0;font-weight:900;}
.css-8-2 .txt p{margin:0; text-indent: 20px;
    line-height: 45px;}
@media (min-width:769px){.css-8-2 .txt{position:absolute;right:0;bottom:0;background-color:#fff;top:18.182%;max-width:40%;padding-left:50px;}
}

@media (max-width:768px){.css-8-2 .txt{padding:0.5rem 0;clear:both;}
}
.ytable{display:table;width:100%;    padding: 15px;}
.css-8-2 .txt h4{margin:50px 0;font-size:22px;}
.ytable .h100pc{height:100%}
.ytable .fixed{table-layout:fixed;}
.ytable-cell{display:table-cell;vertical-align:middle; font-size:16px; line-height:30px}
/*内页头部*/
.localtion{background:#f6f6f6;}
.localtion .container>div{background:#f7f7f7;}
.localtion .H4{font-size:14px; color:#888888; line-height:60px; float:right;}
.localtion .H4 .i_c{background:url(images/li_im.png)no-repeat center; width:20px; height:20px; 
  background-size:20px 20px; float:left; 
margin:20px 6px 0 0;
}
.localtion .H4 a{color:#888888;}
.localtion .H4 a:hover{color:#c9151e;}
.pz_SideLayer{ float:left;}
.pz_SideLayer .l1{ float:left; font-size:16px; color:#555555; line-height:60px; padding:0 30px; position: relative;}
.pz_SideLayer .l1::after{width:0; height:0;border-width:0 8px 8px 8px; border-style: solid; border-color:transparent transparent #fff transparent; content: ""; position: absolute; bottom:0; left: 50%; margin-left:-8px; opacity: 0;
}
.pz_SideLayer .l1 a{ font-size:16px;}
.pz_SideLayer .l1:hover,.pz_SideLayer .l1.on{background:#3472fe;}
.pz_SideLayer .l1.on::after{opacity:1}
.pz_SideLayer .l1.on a{color:#fff;}
.pz_SideLayer .l1:hover a{color:#fff;}
.pz_SideLayer .l1:hover::after{opacity:1}
@media screen and (max-width:1199px){
  .pz_SideLayer .l1{ padding:0 18px}
}
@media screen and (max-width:991px){
  .pro2Nav a{font-size:14px; line-height: 18px; padding:5px}
  .localtion .H4{display:none;}
}
@media screen and (max-width:767px){
  .pz_SideLayer .l1{line-height:40px;}
}

@media screen and (max-width:1629px){

  .ny{padding:80px 0;}
}
@media screen and (max-width:1199px){
  .ny{padding:60px 0;}


}
@media screen and (max-width:991px){
  .ny{padding:50px 0;}
  .about_a .about_title .h3_a{font-size:26px; line-height:40px;}
  .about_a .about_title .p_a{padding-bottom:10px; line-height:26px;}
  .pz_SideLayer .l1{line-height:50px; padding:0 15px;}
  .pz_SideLayer .l1::after{border-width: 0 6px 6px 6px; margin-left: -6px;}

}
@media screen and (max-width:767px){
  .ny{padding:30px 0;}
  .about_a .about_title .h3_a{font-size:22px; line-height:28px;}
  .about_a .about_title .p_a{padding-bottom:6px; line-height:22px; font-size:14px;}
  .pz_SideLayer{float:none; width:100%;
    height:auto;  overflow-x: scroll;white-space: nowrap;
  }
  .pz_SideLayer .l1{line-height:36px; float:inherit; display: inline-block; padding:0 10px; text-align:center;}
  .pz_SideLayer .l1 a{font-size:15px;}
  .pz_SideLayer .l1::after{border-width: 0 5px 5px 5px; margin-left: -5px;}

}





/*案例详情*/
.al_xq{display:block; width:100%;}
.al_xq .al_top{padding-bottom:70px; display:block;    border-bottom: 5px solid #f3f3f3;}
.al_xq .top_left{width:65%; float:left;  position:relative; padding:26px 0;}
.al_xq .top_left .h3_a{line-height:60px; color:#454545; font-size:30px; font-weight:normal;}
.al_xq .top_left .p_a{color:#454545;  font-size:18px; line-height:26px; }
.al_xq .top_left .p_a::after{position:absolute; left:0; width:16%; bottom:0; content:""; background:#d6151a; height:2px;}
.al_xq .top_right{width:35%;text-align: right; float:right; padding-top:10px; line-height:36px; color:#676767; font-size:16px;}
.al_xq .al_obtn{width:100%; display:block; padding:70px 0 80px;}
.al_xq .al_obtn .h3_title{text-align:center; display:block; color:#454545; font-size:30px; font-weight:normal; padding-bottom:48px;}
/*图片集*/
.al_xq .al_obtn .obtn_pic{width:98%; margin:0 auto; display:block;}
.al_xq .obtn_pic .slick-list{padding:0 174px 80px; display:block;}
.al_xq .obtn_pic .slick-prev, .al_xq .obtn_pic .slick-next{position:absolute; width:56px; 
  height:56px; background-size:56px 56px; border-radius:50%;
}
.al_xq .obtn_pic .slick-prev{background:url(images/an_im_08.png)no-repeat center #fff;}
.al_xq .obtn_pic .slick-prev:hover{background:url(images/an_im_08a.png)no-repeat center;}
.al_xq .obtn_pic .slick-next{background:url(images/an_im_11a.png)no-repeat center #fff;}
.al_xq .obtn_pic .slick-next:hover{background:url(images/an_im_11.png)no-repeat center;}
.al_xq .obtn_pic .slick-dots{bottom:0;}
.al_xq .obtn_pic .slick-dots li{width:43px; height:43px; line-height:43px; text-align:center; border-radius:50%;
 border:2px solid #f3f3f3; margin:0 10px;}
.al_xq .al_obtn .slick-dots li button{display:block; font-size:20px; color:#474747; width:100%; line-height:auto; height:100%;}
.al_xq .obtn_pic .slick-dots li.slick-active,.al_xq .obtn_pic .slick-dots li:hover{border:2px solid #d6151a;}
.al_xq .obtn_pic .slick-dots li.slick-active button,.al_xq .obtn_pic .slick-dots li:hover button{color:#d6151a;}

.al_xq .al_fy{margin-top:72px; display:block;}
.al_xq .al_a{border-top:1px solid #eeeeee; padding:25px 0; display:block;}
.al_xq .al_a .span_a{width:40%; float:left; text-align:left;}
.al_xq .al_a .span_a:hover .b,.al_xq .al_a .span_a:hover .span{color:#d6151a;}
.al_xq .al_a .span_right{float:right; text-align:right}
.al_xq .al_a .i{width:20px;  height:20px;
 background-size:20px 20px; margin:20px 0; padding:0 30px;}

.al_xq .al_a .span_left .p_a{float:left; margin-left:30px;}
.al_xq .al_a .span_right .p_a{float:right; margin-right:30px;}
.al_xq .al_a .p_a .b{width:100%; font-size:16px; font-weight:normal; display:block; line-height:32px; color:#454545; }
.al_xq .al_a .p_a .span{padding-top:10px; colro:#d1d1d1; line-height:20px; font-size:14px; display:block;}
.al_xq .al_a .p_a .b a{ font-size:16px}
@media  screen and (max-width:1629px){
  .al_xq .al_obtn{padding:60px 0 70px;}
  .al_xq .al_top{padding-bottom:60px;}
}
@media  screen and (max-width:1199px){
  .al_xq .top_left{width:36%;}
  .al_xq .top_right{width:60%; line-height:30px;}
  .al_xq .al_top{padding-bottom:50px;}
  .al_xq .al_obtn .h3_title{padding-bottom:38px;}
  .al_xq .obtn_pic .slick-dots li{width:36px; height:36px; line-height:36px;}
  .al_xq .obtn_pic .slick-list{padding:0 160px 60px;}
  .al_xq .al_fy{margin-top:60px;}
}
@media  screen and (max-width:991px){
  .al_xq .top_left{width:40%; padding-bottom:14px;}
  .al_xq .top_right{width:56%; line-height:24px;}
  .al_xq .top_left .h3_a{line-height:46px; font-size:24px;}
  .al_xq .top_left .p_a{font-size:20px; line-height:22px; }
  .al_xq .al_obtn{padding:40px 0 50px;}
  .al_xq .al_obtn .h3_title{padding-bottom:20px; font-size:24px;}
  .al_xq .obtn_pic .slick-list{padding:0 100px 50px;}
  .al_xq .obtn_pic .slick-dots li{width:24px; height:24px; line-height:24px;}
  .al_xq .obtn_pic .slick-prev, .al_xq .obtn_pic .slick-next{width:40px; height:40px; background-size:100% 100%;}
  .al_xq .obtn_pic .slick-prev:hover{background:url(images/an_im_08a.png)no-repeat center; background-size:100% 100%;}
  .al_xq .obtn_pic .slick-next:hover{background:url(images/an_im_11.png)no-repeat center; background-size:100% 100%;}
  .al_xq .al_obtn .slick-dots li button{font-size:14px;}
  .al_xq .al_fy{margin-top:50px;}
  .al_xq .al_a{padding:16px 0;}
}

@media  screen and (max-width:767px){
  .al_xq .top_left{width:100%; padding-bottom:10px; margin-bottom:10px;}
  .al_xq .top_right{width:100%; line-height:22px; font-size:14px;}
  .al_xq .top_left .h3_a{font-size:18px; line-height:24px;}
  .al_xq .top_left .p_a{font-size:15px;}
  .al_xq .al_top{padding-bottom:20px;}
  .al_xq .al_obtn{padding:30px 0 40px;}
  .al_xq .al_obtn .h3_title{font-size:18px; padding-bottom:16px;}
  .al_xq .al_obtn .obtn_pic{width:100%;}
  .al_xq .obtn_pic .slick-list{width:100%; padding:0 0 36px;}
  .al_xq .obtn_pic .slick-dots li{width:18px; height:18px; line-height:18px; margin:0 5px;}
  .al_xq .obtn_pic .slick-prev, .al_xq .obtn_pic .slick-next{width:35px; height:35px; top:41%; background-size:100% 100%;}
  .al_xq .obtn_pic .slick-prev:hover{background:url(images/an_im_08a.png)no-repeat center; background-size:100% 100%;}
  .al_xq .obtn_pic .slick-next:hover{background:url(images/an_im_11.png)no-repeat center; background-size:100% 100%;}
  .al_xq .al_obtn .slick-dots li button{font-size:14px;}
  .al_xq .obtn_pic .slick-dots li button:before{line-height:18; width:18px; height:18px; text-align:center;}
  .al_xq .al_fy{margin-top:30px;}
  .al_xq .al_a .span_a{width:48%; margin:0 auto;}
  .al_xq .al_a .span_left .p_a{margin-left:10px;}
  .al_xq .al_a .p_a .b{font-size:14px; line-height:22px;}
  .al_xq .al_a .p_a .span{padding-top:0;}
  .al_xq .al_a{padding:8px 0;}
  .al_xq .al_a .i{margin:10px 0; padding:0 10px;}
  .al_xq .al_a .span_right .p_a{margin-right:10px;}
  .al_xq .obtn_pic .slick-dots li button{padding:0;}
}