@charset "utf-8";
/* CSS Document */

header{ position:fixed; width:100%; z-index:999; background:rgba(255, 255, 255, 0.1);}

.head_logo{ height:68px; line-height:68px; margin-left:5%;}
.head_logo .logo{ margin-top:0px;}
.head_logo .logo a{display: block; width:101px; height:67px; background:url(../images/mlogo.png) center center no-repeat;}

.head_logo .lang{ margin-right:5%;color:#fff; }
.head_logo .lang a{display:inline-block; margin:0px 5px; color:#fff;  height:67px;}

.nav{ float:right;margin-right:1%;}
.nav li{ display:inline-block; *display:inline; zoom:1; height:68px; position:relative; vertical-align:top;}
.nav li a{ font-size:16px;width:100px;height:68px; text-align:center; line-height:68px; color:#fff;display:inline-block; *display:inline; zoom:1; vertical-align:top;}
.nav li.now a,.nav li:hover a{ color:#FFF; background:#0964a1;}

.nav li:hover .er{ display:block;}
.nav li .er{ width:100px; position:absolute; left:0; top:68px; z-index:999; display:none;}
.nav li .er .er_m{ width:100%; position:relative;}
.nav li .er .er_m  ul{ width:100%; height:auto; background:rgba(9, 100, 161, 0.75);}
.nav li .er .er_m  ul li{ width:100%; height:40px; line-height:40px; text-align:center; margin-left:0;}
.nav li .er .er_m  ul li a{ width:100%; font-size:12px; height:40px; line-height:40px;margin-top:0; margin-left:0;}
.nav li:hover .er .er_m  ul li a{ background:none; color:#fff;}
.nav li .er .er_m  ul li a:hover{ color:#313131;}


.scrollNav{background:rgba(255, 255, 255, 0.98);}
.scrollNav .nav li a{ color:#333;}
.scrollNav .nav li.now a,.scrollNav .nav li:hover a{ color:#FFF; background:#0964a1;}


.scrollNav .logo a{ width:101px; height:67px; background:url(../images/logo.png) center center no-repeat;}
.scrollNav .lang {color:#333;}
.scrollNav .lang a{color:#333;}

.pro_channel{ width:100%; max-width:1500px;position: absolute; bottom: 42px;left: 50%;margin-left: -750px;z-index: 29;}
.pro_channel ul{ overflow:hidden;}
.pro_channel li{width: 25%;padding-left: 3px;float: left;position: relative;top:0px; box-sizing:border-box;overflow: hidden;}
.pro_channel li a{width: 100%;padding: 14px 22% 18px 9%;display: block;transition:background 0.3s;position: relative;box-sizing: border-box;z-index: 2;}
.pro_channel li .bg{position: absolute;top: 0;left: 3px;width: 0;height: 100%;z-index: 1;background: #f38e02;transition:width 0.5s;}

.pro_channel li.li1 a{background:rgba(255, 255, 255, 0.85)  url(../images/wel01.png) no-repeat 92% center;}
.pro_channel li.li2 a{background:rgba(255, 255, 255, 0.85) url(../images/wel02.png) no-repeat 92% center;}
.pro_channel li.li3 a{background:rgba(255, 255, 255, 0.85) url(../images/wel03.png) no-repeat 92% center;}
.pro_channel li.li4 a{background:rgba(255, 255, 255, 0.85) url(../images/wel04.png) no-repeat 92% center;}

.pro_channel li h2{font-size: 20px;color: #333333;line-height: 35px;transition:color 0.3s;}
.pro_channel li p{font-size: 14px;color: #666666;line-height: 24px;height: 24px;transition:color 0.3s;overflow: hidden;}


.pro_channel li:hover h2{color: #fff;}
.pro_channel li:hover p{color: #fff;}
.pro_channel li:hover .bg{width: 100%;}

.pro_channel li.li1:hover a{background:url(../images/wel01_h.png) no-repeat 92% center;}
.pro_channel li.li2:hover a{background:url(../images/wel02_h.png) no-repeat 92% center;}
.pro_channel li.li3:hover a{background:url(../images/wel03_h.png) no-repeat 92% center;}
.pro_channel li.li4:hover a{background:url(../images/wel04_h.png) no-repeat 92% center;}



@media only screen and (max-width:1599px ) {
.pro_channel{margin-left: -50%;}	
}	

/*------标题-----------*/
.zh{text-align: center;}
.zh .zh_cn{color:#444; font-size:28px;line-height:1.5; }
.zh .zh_en{color:#c1c1c1; font-size:18px;line-height:1.5; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";}


/*-------产品中心-------------*/
.pro_bg{ width:100%;padding:50px 0 60px; background:#f6f6f6;}
.pro_box{ overflow:hidden; margin-top:30px;}

.projectitem { width:calc(25% - 15px);margin: 0 20px 25px 0; height: 300px; position: relative;   float: left;}
.projectitem:nth-child(4n) { margin-right: 0;}
.projectitem a { display: block; overflow: hidden;}
.projectitem .project_img {background:#000; text-align:center;}
.projectitem a img { float: none; width: 100%;height: 250px;overflow: hidden;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}

.projectitem a .project_info { width: 100%;  height: 100%;background: rgba(0, 0, 0, 0.2);position: absolute; top: 0; left: 0;transition: all ease-out 0.3s;}
.projectitem a .project_info div { height: 50px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: absolute; bottom: 0px; top: auto;width: 100%;background: #fff;}
.projectitem a .project_info div::before { content: "";position: absolute; width: 100%;height:99%;border-bottom: 1px solid rgba(0, 0, 0, 0.1);left: 0;}

.projectitem a .project_info div:after { content: ""; width: 37px; height: 20px; display: block;position: absolute; top: 50%;right: 2px; background:url(../images/icon.png)no-repeat -30px -66px;transition: all 0.3s ease-out 0s; margin-top: -11px; border-left: 1px solid rgba(0, 0, 0, 0);}
.projectitem a .project_info .title {
    font-size: 15px;
    color: #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 24px;
    line-height: 24px;
    margin: 0px;
    padding: 15px 30px 0px 20px;
}

.projectitem a .project_info .subtitle {
    color: #b7b7b7;
    display: block;
    height: 20px;
    line-height: 24px; 
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px;
    padding: 0px 60px 0 20px;
}

.projectitem a:hover img {transform: scale(1.1, 1.1);}
.projectitem:hover a .project_info {background: rgba(0, 0, 0, 0.5);}
.projectitem:hover a .project_info div:after { background: url(../images/icon.png)no-repeat 16px -66px; border-left: 1px solid rgba(0, 0, 0, 0.1);}



/*------多元业务----------*/
.he_bg{ width:100%; padding:50px 0px 60px;background: url(../images/he_bg.jpg) no-repeat top center; }
.he_bg .zh .zh_cn{color:#fff;}
.he_bg .zh .zh_en{color:#fff;}


.dk-index-block{ width: 1200px; margin:0 auto;  margin-top:100px; overflow:hidden;}
.dk-index-block .bl{float: left;width: 900px;}
.dk-index-block .item{ position: static;}
.dk-index-block .item a{display: block;height: 100%;position: relative;overflow:hidden;}
.dk-index-block .item img{width: 100%;height: 100%; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.dk-index-block .item-block1{float: left;width:600px;height:280px;}
.dk-index-block .item-block2{float: left;width:300px; height:280px;}
.dk-index-block .item-block3{float: left;width:300px; height:280px;}
.dk-index-block .item-block4{float: left;width:300px; height:280px;}
.dk-index-block .item-block5{float: left;width:300px; height:280px;}
.dk-index-block .item-block6{float: right;width: 300px; height:560px; }

.dk-index-block h3{  position:absolute;right:20px; bottom:15px; z-index:1; font-weight:normal; color:#fff;text-align:right;font-size:24px; height:70px;padding-top:19px;box-sizing: border-box;}
.dk-index-block h3 span{display:block;font-size:14px; text-transform:uppercase;line-height:1.5;}

.dk-index-block .item-block1 h3{background:url(../images/h1.png) no-repeat left bottom; padding-left: 80px;}
.dk-index-block .item-block2 h3{background:url(../images/h2.png) no-repeat left bottom; padding-left: 80px;}
.dk-index-block .item-block3 h3{background:url(../images/h3.png) no-repeat left bottom; padding-left: 80px;}
.dk-index-block .item-block4 h3{background:url(../images/h4.png) no-repeat left bottom; padding-left: 80px;}
.dk-index-block .item-block5 h3{background:url(../images/h5.png) no-repeat left bottom; padding-left: 80px;}
.dk-index-block .item-block6 h3{background:url(../images/h6.png) no-repeat left bottom; padding-left: 80px; top:40px;}

.dk-index-block .item-block6 .wel-h6 {font-size: 18px;line-height: 28px;color:#fff; position:absolute;left:0px; top:140px;  padding:0px 30px 0px 40px;}
.dk-index-block .item-block6 .wel-detail { position:absolute;left:0px; top:180px; font-size: 13px; line-height: 28px;color:#fff;display:block; padding:0px 30px 0px 40px; box-sizing:border-box;}
.dk-index-block .item a:hover img{transform: scale(1.1, 1.1);}



/*********vr*************/
.m-s-vr {position: relative;overflow: hidden;background-color: #666; height:800px;}
.m-s-vr .vr {position: relative;width: 100%;}
.m-s-vr .layer {position: absolute;left: 0;top: 0;width: 100%;height:50%;background: url(../images/vr-layer.png) no-repeat center center; background-size:cover;}
.m-s-vr .vr-content {position: absolute;left: 0;top: 10%;width: 100%;z-index: 1;}
.m-s-vr .vr-hd {color: #fff;font-size: 14px;}
.m-s-vr .vr-title {margin-bottom: 20px;height: 48px;font-size: 32px;font-weight: 600; color:#fff; }
.m-s-vr .vr-hd .iconfont {margin-right: 0px;font-size: 46px;float: left;line-height: 1;height: 48px;font-weight: 400;}
.m-s-vr .vr-des {line-height: 1.7;font-size: 18px; max-width:75%;}
.m-s-vr .vr-des p{line-height: 1.7;font-size: 18px; color:#fff;}


/*-------关于我们------------*/
.about_bg{ width:100%; padding:90px 0px 120px; background:#abc4f1;}

.box_a {width:1200px;overflow:hidden; position:relative; margin-top:30px;    margin: 0 auto;} 
.box_a .about_lf{ float:left; width: 840px;height: 384px; background:#f38e02; padding-left: 74px;padding-top: 100px; box-sizing:border-box;}
.box_a .about_lf .zh_cn{color:#fff; font-size:20px;line-height:1.5; }
.box_a .about_lf .zh_en{color:rgba(255, 255, 255, 0.7); font-size:16px;line-height:1.5; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";}

.box_a .about_lf .des-wrap{ width:70%;margin-top:25px; position:relative;padding-bottom: 20px;}
.box_a .about_lf p{ font-size:13px; color:rgba(255, 255, 255, 0.8); line-height:2;}
.box_a .about_lf a.more{ margin-top:35px; background:url(../images/more.jpg) no-repeat; width:114px; height:29px; display:inline-block;}
.box_a .about_lf .des-wrap::after {content: "";width: 0px;height: 1px;background: rgba(255, 255, 255, 0.5);transition: all ease-out 0.3s;bottom: 0;position: absolute; left: 0;}
.box_a .about_lf:hover .des-wrap::after { width: 30px;}
.box_a .about_rf{width: 523px;height: 296px; position: absolute; top: 40px; animation: inherit;right:0;}


ul.content_list {width: 100%;height: auto;padding-top: 100px;padding-bottom: 75px; overflow:hidden;}
ul.content_list li { width: 25%; height: 108px;float: left;text-align: center;}
ul.content_list li div { border-right:1px solid rgba(0,0,0,.08) ;}
ul.content_list li:last-child div { border-right: none;}
ul.content_list li p { text-align: center;font-size: 14px;color: #9e9e9e;}
ul.content_list li p.number { margin-top: 15px;}
ul.content_list li p.number .counterDX {
    font-size: 48px;
    color: rgba(60, 60, 60, 1);
    font-family: HELVETICANEUELTPRO-THEX, Arial;
    text-align: center;
    margin-top: 15px;
}

ul.content_list li p.number .unit {
    font-size: 14px;
    margin-left: 5px;
}
ul.content_list li p.title {
    margin-bottom: 10px; color:rgba(149, 149, 149, 1);
}

/*-------合作客户------------*/
.hezuo_bg{padding:50px 0px;}

.hezuo_bg .box_hy{  margin:30px auto 0px auto;}
.hezuo_box .swiper-slide {overflow: hidden;position:relative;}
.hezuo_box .swiper-slide .hezuo_img{ overflow:hidden; border: 1px solid #d6d6d6;}
.hezuo_box .swiper-slide img {width:100%;vertical-align:top;transition: all 0.36s ease;}


.hezuo_box .swiper-slide:hover img{ transform: scale(1.08);}




/*--------新闻资讯------------*/
.news_bg{padding:50px 0px;}

.box_hy{  margin:30px auto;}
.news_box .swiper-slide {overflow: hidden;position:relative;}
.news_box .swiper-slide .news_img{ overflow:hidden;}
.news_box .swiper-slide img {width:100%;height:230px; vertical-align:top;transition: all 0.36s ease;}
.news_box .swiper-slide .jianj{ background:#397ED4; padding:25px 15px;color:#333; }
.news_box .swiper-slide .jianj h3{ color:#fff; font-weight:normal; font-size:16px; line-height:30px; margin-bottom:5px;}

.news_box .swiper-slide .jianj p.date{font-size:14px; line-height:30px;color:#fff; transition: all 0.36s ease;}
.news_box .swiper-slide .jianj p.des{ margin-top:10px;font-size:13px; line-height:26px; height:78px; overflow:hidden;color:#fff; transition: all 0.36s ease;}

.news_box .swiper-slide:hover{box-shadow: 2px 12px 25px rgba(0, 0, 0, 0.08);}
.news_box .swiper-slide:hover .jianj{background:#0964a1;}
.news_box .swiper-slide:hover .jianj h3{ color:#fff;}
.news_box .swiper-slide:hover .jianj p.date{ color:#fff;}
.news_box .swiper-slide:hover .jianj p.des{ color:#fff;}

.news_box .swiper-slide:hover img{ transform: scale(1.08);}


.news_box  .swiper-button-prev{ background:url(../images/hy_left.png)  no-repeat; width:36px; height:74px; left: 0px;}
.news_box  .swiper-button-next{ background:url(../images/hy_right.png)  no-repeat;width:36px; height:74px; right: 0px;}




/*------------联系我们--------------*/
.footer-top{background:url(../images/contact_bg.jpg) bottom center no-repeat;padding:40px 0px 0px;position: relative;border-bottom:1px solid rgba(255, 255, 255, 0.3); min-width: 1200px;}
.footer-top .f-text{line-height:2;font-size:20px;color: #fff;padding-bottom:10px;border-bottom:1px solid rgba(255, 255, 255, 0.2);}

.f-nav-box{margin:5% 0 40px; overflow:hidden;}
.footer-top .f-nav {width:56%;}
.footer-top .f-nav li{float:left;width:20%;}
.footer-top .f-nav li a{display: block;font-size: 14px;color:rgba(255, 255, 255, 0.8);line-height: 30px;transition:all .3s linear;}
.footer-top .f-nav li .tit{font-size: 16px;color:#fff;margin-bottom: 8px;}
.footer-top .f-nav li a:hover{ color:#0964a1;}

.f_con{width:230px;margin-right:1%; float:left;}
.f_con dt{color: #f1f2f2;line-height: 30px;margin-bottom: 8px;}
.f_con dt a{color: #f1f2f2; font-size:16px;}
.f_con dt img{margin-right: 13px;}
.f_con dd{margin-left: 40px;}
.f_con dd a{display: block;float: left;width:70px;height:32px;line-height: 32px;text-align: center;color:rgba(255, 255, 255, 0.8); border:1px solid rgba(255, 255, 255, 1);border-radius: 5px;margin-top: 7px;margin-right: 20px;}
.f_con dd a:hover{background: #0964a1;border:1px solid #0964a1;color: #fff;}


.lixi{}
.lixi a.tit{ color:#fff; font-size:16px;margin-bottom: 8px; line-height:30px;}
.footer-right-address {font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.8);}
.footer-right-address .footer-company, .footer-right-address .work-h5, .footer-right-address .ser-line { color: rgba(255, 255, 255, 0.8);margin-top:12px; }
.footer-right-address .footer-add-h5 {font-size: 15px; padding-left: 15px;color: #0964a1; margin-top:20px; margin-bottom:10px; background: url(/i/images/add2.png) no-repeat left center;}


.lixi a.kk{display: block;float: left; padding:0px 8px;height:32px; font-size:14px;line-height: 32px;text-align: center;color:#fff;background: #0964a1; border:1px solid #3f4347;border-radius: 5px;margin-top: 27px;margin-right: 20px;}
.lixi a.kk:hover{background: rgba(9, 100, 161, 0);border:1px solid #0964a1;color: #f1f2f2;}




.footer-top .qrcode-box{text-align: center;width:135px;}
.footer-top .qrcode-box .qrcode{width:96px;height:96px;margin:0 auto;}
.footer-top .qrcode-box img{width: 100%;height:100%;}
.footer-top .qrcode-box .text{font-size: 14px;color: rgba(255, 255, 255, 0.8);line-height: 24px;margin:15px 0 0;}


.footer-bottom{position: relative;z-index: 9; padding:20px 0 20px; overflow:hidden;}
.footer-bottom .copy,
.footer-bottom .copy a,
.footer-bottom .beian,.footer-bottom .beian a{
	font-size: 14px;
	color:rgba(255, 255, 255, 0.8);
	transition:all .3s linear;
}
.footer-bottom .beian{
	margin-right:20px;
}
.footer-bottom .copy a:hover{
	color:#fff;
}
@media only screen and (max-width:767px ) {	

.footer-top .f-nav .lf {
    width: 50%;
}
.f_con {
    width: 50%;
    margin-right: 0;
    float: left;
}
.footer-top .f-nav .lf.lixi {
    width: 65%;
}
.footer-top .qrcode-box {
    text-align: center;
    width: 35%;
}
.footer-bottom .copy,.footer-bottom .beian { width:100%; float:none;}
.footer-bottom .copy, .footer-bottom .copy a, .footer-bottom .beian, .footer-bottom .beian a {
	text-align:center;
}