@charset "UTF-8";
.swiper-container {
    width:100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
	/* Center slide text vertically */
	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;
}
.swiper-slide img{width:100% !important;}
.swiper-button-next,.swiper-button-prev {
	padding-top: 65px;
	position: absolute;
	top: 50%;
	width: 48px;
	height: 48px;
	margin-top: -24px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 48px 48px;
	-webkit-background-size: 48px 48px;
	background-size: 48px 48px;
	background-position: center;
	background-repeat: no-repeat
}
.swiper-pagination-bullet {
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius:13px;
	background: #fff;
	opacity: .6
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #047ec9;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 60px !important;
}

/*V-MYS介绍*/
.hom_box01{width: 100%;margin: auto;padding-top: 60px; padding-bottom: 60px;}
.hom_vr{ width: 1200px; margin: 0 auto;}
.hom_vr_a{float: left; display: block; width: 300px; height: 300px; background: #062f49;}
.hom_js_left{width: 50%; display: inline-block; text-align: right; float: left; margin-top: 65px;}
.hom_js_left h1,.hom_h1_xian,.hom_js_left p,.hom_js_more{margin-right: 90px !important;}
.hom_h1_xian{width: 115px; height: 6px; background-color: #fff; margin: 70px 0px;display: inline-block; text-align: right;}
.hom_js_left p{line-height: 35px; color: #a5b3bc; font-size: 18px;}
.hom_js_more{margin-top: 70px;}
.hom_js_more a{width: 144px; display: inline-block; line-height: 44px; color: #d2d2d2; font-size: 14px; text-align: center; border: 1px solid #d2d2d2;}
.hom_js_more a:hover{background-color: #047ec9;border: 1px solid #047ec9;}
.hom_js_right{width: 50%; float: left; position: relative;}
.right_kuang{width: 455px; height: 535px; border:16px solid #1a2a38; position: absolute; top: 0px; left: 42px;}
.right_pic{width: 490px; height: 645px; border:16px solid #afc5cd; position: absolute; top: 40px; left: 105px;}
.right_pic img{width: 490px; height: 645px;}

.hom_js_fl{padding-bottom: 100px; max-width: 1920px; margin: auto;}
.hom_js_fl ul{padding-left: 60px; padding-right: 60px;}
.hom_js_fl li{width: 19.8%; float: left; position: relative;}
.hom_js_fl li img{display: block;max-width: 100%;height: auto; margin: auto;}
.hom_js_fl li{margin-right: 0.25%; }
.hom_js_fl li:nth-child(5n){margin-right: 0px !important;}
.hom_js_show01{position: absolute;width: 100%;background: rgba(0, 0, 0, 0.6); height: 100%; top: 0px;}
.hom_js_show02{position: absolute;top: 130px;left: 58px; right: 58px;}
.hom_js_show02 h1 img{width: 100px; height: 100px;}
.hom_js_show02 h1{padding: 8px;width: 100px; height: 100px; margin: auto; background-color: rgba(20, 133, 205, 0.5); display: block; border-radius: 100%;}
.hom_js_show02 h2{margin-top: 34px; margin-bottom: 100px; overflow: hidden; font-size: 24px; line-height: 40px; height: 40px; color: #f3f3f3; font-weight: bold; text-align: center;}
.hom_js_show02 p{line-height: 24px; font-size: 14px; color: #e1e5e9; height: 72px; overflow: hidden; text-align: center;}
.hom_js_pic a:hover .work_in {opacity: 0;}
.hom_js_pic a:hover .work_img {filter: none;-webkit-filter: none;-moz-filter: none;-ms-filter: none;-o-filter: none;}

/*经典案例*/
.hom_box02_bg{width: 100%; background-color: #0a1923;margin: auto;}
.hom_box02{max-width: 1920px;background:url(../images/box02_bg.jpg) left 227px no-repeat; height: 933px; margin: auto;}
.hom_jdal{padding-left: 145px; padding-right: 145px; padding-top: 126px; padding-bottom: 70px;position: relative;}
.hom_jdal h1{margin-top: 139px;}

.lanrenzhijia{max-width: 1800px; margin:0px auto;}
.lanrenzhijia .tab{overflow:hidden;width: 390px; margin-top: 100px; text-align: center;}
.lanrenzhijia .tab a{line-height: 66px;color: #f3f3f3;font-size: 24px; text-align: right; font-weight: bold; display: block;}
.lanrenzhijia .tab a:hover{color: #1485cd;}
.lanrenzhijia .tab a.on{color: #1485cd;}
/*.lanrenzhijia .content{overflow:hidden;}*/
.lanrenzhijia .content li{width: 1115px; position: absolute;display:none; right: 145px; top: 126px;}

.main_img{float:left;height:auto;width: 545px;overflow:hidden;position: relative;margin-right: 25px;margin-bottom: 30px;}
.main_img:nth-child(2n){margin-right: 0px;}
.main_img img{
	width: 505px;
	height: 300px;
	border: solid 20px #062f49;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
	width: 200px;
    background: #062f49;
    height: 340px;
    right: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    z-index: 200;
}
.main_img .show .show_title{line-height: 36px; margin-bottom: 40px; height: 72px; display: block; overflow: hidden; font-size: 24px; font-weight: bold; color: #fff;}
.main_img .show .show_text{color: #8093a6; font-size: 16px;line-height: 24px; height: 96px; display: block; overflow: hidden;}
.main_img .show_tubiao{display: block; position: absolute; bottom: 46px;}
.main_img .show_tubiao img{width: 59px !important; height: 8px !important; border: 0px;}
.main_img .show .imgArea {
	height: 290px;
	position: absolute;
	top: 50px;
	left: 24px;
	right: 24px;
    opacity: 0;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);/*bottom:40%;*/}

/*技术团队*/
.hom_box03_bg{max-width: 1920px; background:url(../images/box03_bg.jpg) left top no-repeat;margin: auto;}
.hom_box03{max-width: 1920px;background:url(../images/hom_box03.png) left 160px no-repeat; height: 880px;}
.hom_jstd{padding-left: 145px; padding-right: 145px; padding-top: 125px; padding-bottom: 100px;position: relative;}
.hom_jstd h1{margin-top: 78px; margin-bottom: 70px;}
.hom_jstd p{color: #eaeaea; font-size: 14px; line-height: 30px; width: 340px; margin-bottom: 50px;}
.hom_jstd_xian{background-color: #047ec9; width: 86px; height: 2px;}

.hom_jstd_td{width: 1115px; padding: 80px 0px;background-color: #fff; height: 495px; position: absolute; right: 145px; top: 125px;}
.swiper-containeraaa{width:955px; padding-bottom: 60px !important;height: 450px;}
.swiper-containerbbb{padding-left: 48px !important;padding-right: 48px !important; overflow: hidden;}
.swiper-containeraaa .swiper-button-prev, .swiper-containeraaa .swiper-containeraaa-rtl .swiper-button-next {
    background-image: url(../images/left_btn.png);
    background-repeat: no-repeat;
    left: 0px !important;
    right: auto;
}
.swiper-containeraaa .swiper-button-next, .swiper-containeraaa.swiper-containeraaa-rtl .swiper-button-prev {
    background-image: url(../images/right_btn.png);
    right: 0px !important;
    left: auto;
}

.swiper-containeraaa .swiper-button-next,.swiper-containeraaa .swiper-button-prev{
    padding-top: 0px !important;
    position: absolute;
    top: 0% !important;
    width: 48px !important;
    height: 48px !important;
    margin-top: 0px !important;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 48px 48px !important;
    -webkit-background-size: 48px 48px !important;
    background-size: 48px 48px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff !important;
    height: 100% !important;
}

.hom_jstd_td .swiper-slide{z-index: 2; text-align: center;}
.hom_jstd_td .swiper-slide:after{ content: ""; display: block; width: 100%; height: 100%; z-index: -1; position: absolute; top: 0; left: 0; }
.hom_jstd_td .box{width: 80%; position: absolute; bottom: 0px;}
.hom_jstd_td .box .Title{width: 100%; display: block; text-align: center;}
.swiper-containeraaa .swiper-slide .jstd_td_title {font-size: 24px;color: #000;display: block;line-height: 48px;height: 48px;overflow: hidden;}
.swiper-containeraaa .swiper-slide .jstd_td_text {font-size: 14px;color: #606163;display: block;line-height: 30px;height: 30px;overflow: hidden;}
.hom_jstd_td .box h3{text-align: left; font-size: 14px; line-height: 24px; padding-top: 12px; color: #c3e1f3; display: block; height: 0; overflow: hidden;}
.hom_jstd_td .swiper-slide:hover h3{height: 120px;}
.hom_jstd_td .swiper-slide:hover:after{background: rgba(67,141,189,.8); border-radius: 9px;}
.hom_jstd_td .swiper-slide:hover .jstd_td_title{color: #fff; font-size: 26px; text-align: left;}
.hom_jstd_td .swiper-slide:hover .jstd_td_text {color: #fff; font-size: 18px; text-align: left;}
.hom_jstd_td .box h3,.hom_jstd_td .swiper-slide:after{transition: all .4s ease-out;-moz-transition: all .4s ease-out;-webkit-transition: all .4s ease-out;}

/*.swiper-containeraaa .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
	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;
}*/
.swiper-containeraaa .swiper-slide img{width:100% !important;}
.swiper-containeraaa .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius:12px;
	background: #e5e5e5;
	opacity: .6
}
.swiper-containeraaa .swiper-pagination-bullet-active {
	opacity: 1;
	background: #047ec9;
}

/*新闻资讯*/
.hom_box04_bg{width: 100%;background-color: #001222;}
.hom_box04{max-width: 1920px;background:url(../images/box04_bg.png) left 150px no-repeat; height: 840px;margin: auto;}
.hom_news{padding-left: 395px;padding-top: 100px; padding-bottom: 100px;position: relative;}
.hom_news h1{margin-top: 90px; margin-bottom: 70px;}
.hom_news_left{width: 430px; float: left;}
.hom_news_left dl dt img{width: 430px; height: 240px;}
.news_left_nr{color: #fff; font-size: 16px; line-height: 30px; height: 30px; margin-bottom: 6px; display: block; overflow: hidden;}
.news_left_sj{color: #fff; font-size: 12px; line-height: 24px; height: 24px; margin-top: 12px; font-family: arial; display: block; overflow: hidden;}
.news_left_jt{width: 26px;height: 7px;display: block;background-position: 0px 0px;background-image: url(../images/hom_news_jt.png);background-repeat: no-repeat;}
.hom_news_left a:hover .news_left_nr,.hom_news_left a:hover .news_left_sj{color: #047ec9;}
.hom_news_left a:hover .news_left_jt{background-position: 0px -7px;}
/*.hom_news_left a:hover dt img{filter:alpha(opacity=60);-moz-opacity:0.60; opacity:0.60;}*/

.hom_news_right{width: 1000px; float: right;}
.news_right_title{display: inline-block; vertical-align: middle;}
.news_right_nr{color: #fff; font-size: 16px; line-height: 30px; height: 30px; display: inline-block;vertical-align: middle; overflow: hidden;}
.news_right_jt{width: 26px;height: 7px;display: inline-block;vertical-align: middle;background-position: 0px 0px;background-image: url(../images/hom_news_jt.png);background-repeat: no-repeat;}
.news_right_sj{color: #fff; font-size: 12px; line-height: 24px; height: 24px; font-family: arial; display: block; overflow: hidden;}
.news_right_text{color: #d6d6d6; font-size: 13px; line-height: 24px; height: 24px; font-family: arial; display: block; overflow: hidden;}
.hom_news_right a{padding: 40px 58px; display: block;}
.hom_news_right a:hover{background:url(../images/hom_news_bg.png) center center no-repeat;}
.hom_news_right a:hover .news_right_text{color: #fff;}
.hom_news_right a:hover .news_right_jt{background-position: 0px -7px;}

/*联系我们*/
.hom_box05{max-width: 1920px;margin: auto;}
.hom_lxwm{width: 26%; float: left; background-color: #047ec9;height: 590px;}
.hom_contact{padding: 110px 55px 80px 55px;}
.hom_contact h1{font-size: 30px; color: #fff;line-height: 50px;}
.hom_contact h2{font-size: 30px; color: #fff;line-height: 40px; font-family: "Cambria"; margin-bottom: 30px;}
.hom_contact_xian{width: 160px; background-color: #fff; height: 1px;margin-bottom: 30px;}
.hom_contact h3{font-size: 45px; color: #fff; font-family: "Cambria"; margin-bottom: 10px;}
.hom_contact h4{font-size: 20px; color: #fff; margin-bottom: 20px;}
.hom_contact p{font-size: 14px; color: #fff; line-height: 24px; margin-top: 40px;}

.social-share .icon-qzone {color: #fff;border-color: #fff;}
.social-share .icon-weibo {color: #fff;border-color: #fff;}
.social-share .icon-qq {color: #fff;border-color: #fff;}
.social-share .icon-wechat {color: #fff;border-color: #fff;}
.social-share .social-share-icon {width: 28px;height: 28px;font-size: 20px;line-height: 28px;}

.hom_zxfw{width: 74%; float: left;height: 590px;background:url(../images/box05_bg.jpg) left center no-repeat;}
.hom_service{margin: 76px 40px; padding: 50px 60px ; background-color: #fff;}
.hom_service h1{font-size: 24px; color: #444;}

.hom_service_input{width: 49%; margin-right: 2%; float: left; position: relative;}
.hom_service_input:nth-child(2n){margin-right: 0px !important;} 
.hom_service_input input {
    width: 90%;
    padding-left: 10%;
    height: 48px;
    font-size: 14px !important;
    color: #a9a9a9 !important;
    border: 1px solid #dfdfdf;
    border-radius: 0px;
    outline: none;
    margin-top: 25px;
}
.hom_service_input span{position: absolute; bottom: 10px; color: #999999; font-size: 12px; left: 12px;}
.hom_service textarea{
    width: 98%;
    padding-left: 2%;
    height: 48px;
    line-height: 48px;
    font-size: 14px !important;
    color: #a9a9a9 !important;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    outline: none;
    margin-top: 25px;
}
.hom_service button{margin-top: 30px;border: none;cursor: pointer;outline: none;background-color: #047ec9; height: 48px; line-height: 48px; text-align: center; width: 190px; border-radius: 24px; font-size: 16px; color: #fff;}


@media (min-width:1280px){
/*V-MYS介绍*/
.hom_js_left h1 img{width: 180px;}
.right_kuang{width: 455px; height: 535px; border:16px solid #1a2a38; position: absolute; top: 0px; left: 0px;}
.right_pic{width: 490px; height: 645px; border:16px solid #afc5cd; position: absolute; top: 40px; left: 60px;}
.hom_js_fl ul {padding-left: 25px;padding-right: 25px;}
.hom_js_fl li{width: 19.6%; float: left; position: relative;}
.hom_js_fl li{margin-right: 0.5%;}
.hom_js_fl li:nth-child(5n){margin-right: 0px !important;}
.hom_js_show02{position: absolute;top: 60px;left: 30px; right: 30px;}
.hom_js_show02 h2{margin-top: 34px; margin-bottom: 60px; overflow: hidden; font-size: 24px; line-height: 40px; height: 40px; color: #f3f3f3; font-weight: bold; text-align: center;}

/*经典案例*/
.hom_jdal{padding-left: 25px; padding-right: 25px;}
.lanrenzhijia .content li{width: 1115px; position: absolute; right: 25px; top: 126px;}
.lanrenzhijia .tab{overflow:hidden;width: 100px; margin-top: 100px; text-align: center;}
.hom_jdal h1 img{width: 100px;}
.lanrenzhijia .tab a{line-height: 66px;font-size: 18px;}

/*技术团队*/
.hom_jstd{padding-left: 25px; padding-right: 25px; padding-top: 125px; padding-bottom: 100px;position: relative;}
.hom_jstd h1 img{width: 100px;}
.hom_jstd p{color: #eaeaea; font-size: 14px; line-height: 24px; width: 100px; margin-bottom: 50px;}
.hom_jstd_td{right: 25px; top: 125px;}

/*新闻资讯*/
.hom_news{padding-left: 80px;padding-top: 100px; padding-bottom: 100px;position: relative;}
.hom_news h1 img{width: 100px;}
.hom_news_left{width: 430px; float: left;}
.hom_news_right{width: 730px; float: right;}

/*联系我们*/
.hom_contact h3{font-size: 30px; color: #fff; font-family: "Cambria"; margin-bottom: 10px;}
.hom_contact h4{font-size: 18px; color: #fff; margin-bottom: 20px;}
.hom_service_input input {width: 86%;padding-left: 14%;}
.hom_service textarea{width: 96%;padding-left: 4%;}

}

@media (min-width:1400px){
/*V-MYS介绍*/
.hom_js_left h1 img{width: 290px;}
.hom_js_fl ul {padding-left: 30px;padding-right: 30px;}

/*经典案例*/
.hom_jdal{padding-left: 30px; padding-right: 30px;}
.lanrenzhijia .content li{width: 1115px; position: absolute; right: 30px; top: 126px;}
.lanrenzhijia .tab{overflow:hidden;width: 200px; margin-top: 160px; text-align: center;}
.hom_jdal h1 img{width: 200px;}
.lanrenzhijia .tab a{line-height: 66px;font-size: 18px;}

/*技术团队*/
.hom_jstd{padding-left: 30px; padding-right: 30px; padding-top: 125px; padding-bottom: 100px;position: relative;}
.hom_jstd h1 img{width: 200px;}
.hom_jstd p{color: #eaeaea; font-size: 14px; line-height: 30px; width: 200px; margin-bottom: 50px;}
.hom_jstd_td{right: 30px; top: 125px;}

/*新闻资讯*/
.hom_news{padding-left: 100px;padding-top: 100px; padding-bottom: 100px;position: relative;}
.hom_news h1 img{width: 200px;}
.hom_news_left{width: 430px; float: left;}
.hom_news_right{width: 830px; float: right;}

/*联系我们*/
.hom_contact h3{font-size: 35px; color: #fff; font-family: "Cambria"; margin-bottom: 10px;}
.hom_contact h4{font-size: 20px; color: #fff; margin-bottom: 20px;}
.hom_service_input input {width: 88%;padding-left: 12%;}
.hom_service textarea{width: 98%;padding-left: 2%;}

}

@media (min-width:1920px){
/*V-MYS介绍*/
.hom_js_left h1 img{width: 315px;}
.right_kuang{width: 455px; height: 535px; border:16px solid #1a2a38; position: absolute; top: 0px; left: 42px;}
.right_pic{width: 490px; height: 645px; border:16px solid #afc5cd; position: absolute; top: 40px; left: 105px;}
.hom_js_fl ul {padding-left: 60px;padding-right: 60px;}
.hom_js_fl li{width: 19.8%; float: left; position: relative;}
.hom_js_fl li{margin-right: 0.25%;}
.hom_js_fl li:nth-child(5n){margin-right: 0px !important;}
.hom_js_show02{position: absolute;top: 130px;left: 58px; right: 58px;}
.hom_js_show02 h2{margin-top: 34px; margin-bottom: 100px; overflow: hidden; font-size: 24px; line-height: 40px; height: 40px; color: #f3f3f3; font-weight: bold; text-align: center;}

/*经典案例*/
.hom_jdal{padding-left: 145px; padding-right: 145px;}
.lanrenzhijia .content li{width: 1115px; position: absolute; right: 145px; top: 126px;}
.lanrenzhijia .tab{overflow:hidden;width: 390px; margin-top: 100px; text-align: center;}
.hom_jdal h1 img{width: 215px;}
.lanrenzhijia .tab a{line-height: 66px;font-size: 24px;}

/*技术团队*/
.hom_jstd{padding-left: 145px; padding-right: 145px; padding-top: 125px; padding-bottom: 100px;position: relative;}
.hom_jstd h1 img{width: 215px;}
.hom_jstd p{color: #eaeaea; font-size: 14px; line-height: 30px; width: 340px; margin-bottom: 50px;}
.hom_jstd_td{right: 145px; top: 125px;}

/*新闻资讯*/
.hom_news{padding-left: 395px;padding-top: 100px; padding-bottom: 100px;position: relative;}
.hom_news h1 img{width: 215px;}
.hom_news_left{width: 430px; float: left;}
.hom_news_right{width: 1000px; float: right;}

/*联系我们*/
.hom_contact h3{font-size: 45px; color: #fff; font-family: "Cambria"; margin-bottom: 10px;}
.hom_service_input input {width: 90%;padding-left: 10%;}
.hom_service textarea{width: 98%;padding-left: 2%;}

}