@charset "utf-8";
/*    __banner
----------------------------------------------*/
.tecBanner{width:100%; height:580px; background:url(../images/Technology/banner.jpg) no-repeat top center; }
.tecBannerTitle{ max-width:1120px; margin:0 auto; font-size:50px; color:#fff; padding-top:235px; padding-left:42%;text-shadow:0 4px 3px rgba(115, 40, 48, .4); font-weight:600;}

/*    __videoSunmary
----------------------------------------------*/
.warp{ width:1120px; margin:0 auto; padding:70px 0;}
.sunPic{ width:520px; height:330px; float:left;}
.sunPic img{ width:100%; height:auto;}
.sunInfo{ width:50%; height:330px; float:right; background: url(../images/Video/sunmaryMap.jpg) no-repeat 0 16px;}
.sunTitle{ font-size:32px; text-align:center; padding:46px 0 35px; font-weight:600;}
.sunInfo p{ color:#666; line-height:30px; padding-left:30px; font-size:15px; text-indent:30px;}
@media screen and (max-width: 1152px){
	.warp{ width:900px;}
	.sunPic{ width:450px;}
	.sunTitle{padding:35px 0 25px;}
	.sunInfo p{padding-left:30px; font-size:14px;}
}
/*    __core
----------------------------------------------*/
.coreList li{ width:33.33%; margin-top:24px; float:left; }
.coreMargin{ height:345px; padding-top:57px; background:#fff; margin:0 13px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .03);transition-duration:.6s;}
.coreIcon{ width:96px; height:96px; border:2px dashed #0080ff; margin:0 auto; border-radius:50%; background:url(../images/Technology/technology-icon.jpg) no-repeat 20px 26px;}
.coreIcon02{ background-position:-172px 26px;}.coreIcon03{ background-position:-364px 26px;}.coreIcon04{ background-position:20px -124px;}.coreIcon05{ background-position:-172px -124px;}.coreIcon06{ background-position:-363px -124px;}
.coreTitle{ padding:0 38px; font-size:22px; text-align:center; margin:37px 0 16px;}
.coreInfo{ padding:0 37px; color:#666;}
.coreList li:nth-child(4) .coreMargin{ height:320px;}
.coreList li:nth-child(5) .coreMargin{ height:320px;}
.coreList li:nth-child(6) .coreMargin{ height:320px;}

@media screen and (max-width: 1152px){
	.coreInfo {padding:0 22px; color:#666;}
	.coreMargin {height:370px;}
}

/*    __rvc
----------------------------------------------*/
.rvc{ width:100%;max-width:1140px;	position:relative;margin:auto; margin-top:48px;}
.rvc .rvc-wrapper{margin:auto;overflow:hidden;}
.rvc .rvc-wrapper ul{overflow:hidden;position:relative;}
.rvc .rvc-wrapper ul li{float:left;	background:#f6f7f9;transition-duration:.6s;}
.rvc .rvc-wrapper ul li:hover{ background:#fff; cursor:pointer;box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1);}
.rvc .rvc-wrapper ul li img{ width:100%; height:174px;}
.rvc .rvc-wrapper ul li .img-wrapper{height:150px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.rvc .rvc-wrapper ul li h3{ font-size:22px; margin:43px 36px 0 36px; font-weight:500;}
.rvc .rvc-wrapper ul li p{ height:130px;color:#666; line-height:24px; margin:14px 36px 0;}
.rvc-prv,.rvc-next{position:absolute; height:100%; top:0;display:-webkit-box;display:-ms-flexbox; 
	display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.rvc-prv{left:0;}
.rvc-next{right:0;}
@media screen and (max-width: 1152px){
	.rvcBox { width:100%; max-width:900px;margin:45px auto 0;}
	.rvc{ width:100%; max-width:900px; margin:0 auto; }
}


/*    __service
----------------------------------------------*/
.serviceBox{ width:1120px;margin:24px auto 0;}
.serItem li{ width:50%; float:left;}
.cloud{ margin:24px 0 0;transition-duration:.6s;}
.serMl{ margin-right:13px;}
.serMr{ margin-left:13px;}
.cloudPic img{ width:100%; height:230px;}
.service{height:118px; background:#fff;box-shadow: 0 0 10px 5px rgba(0, 0, 0, .03); padding:34px 39px 0;}
.serIcon{ width:76px; height:76px; background:#0080ff; border-radius:50%; float:left; text-align:center;}
.serText{ float:left; padding-left:14px; width:70%;}
.serText p:nth-child(1){ font-size:22px; margin:11px 0 4px;}
.serText p:nth-child(2){ color:#666;}
.serIcon .iconfont{ font-size:34px; color:#fff; margin:0; position:relative; top:25px;}
@media screen and (max-width: 1152px){
	.serviceBox {width:900px;}
}