﻿@import url(/template/default/index/css/style.css);
@import url(/template/default/index/css/swiper.min.css);
@import url(/template/default/index/css/lrtk3.css);
@import url(/template/default/index/css/pscroll.css);
@import url(/template/default/index/css/aos.css);
:root{    
	--mColor:#0051B6;        /* #023A91主色 */
  --aColor:#52a12d;      /* 副色 */ 
	--hui_color:#eff0f4;    

}
/*首页*/
@keyframes myfirst
{
    from {transform:translateY(-10PX);}
    to {transform: translateY(10px);}
}
@-webkit-keyframes myfirst
{
    from {transform:translateY(-10PX);}
    to {transform: translateY(10px);}
}
/*内页*/
@keyframes scaleAnim{
  0%{         
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100%{
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
}
/*轮显*/
.banner{ width: 100%; overflow:hidden; position:relative;max-height: 100vh;}
.banner .lzpic1,
.banner .lzpic2 { width: 100%;height: 100%; background: no-repeat center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;transition:all 0.3s;}
.banner .text { width: 85%; position: absolute; left: 7%; top: 36%; z-index: 10; color: #fff; padding: 0 20px; line-height:1.5;}

.banner .text h3{font-size:4.6rem; color:#fff;  margin-bottom:.25rem; letter-spacing:1px;}
.banner .text p{font-size:1.6rem; color:#fff; line-height:2em; letter-spacing:1px; font-weight: lighter; position:relative; padding-left:20px;}
.banner .text p:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: rgba(255,255,255,0.6);
    position: absolute;
    top: 45%;
    left: 0;
}
.viewmore-btn {position: relative;}
.banner .text .viewmore-btn {transform:translateY(50px);transition:all 0.9s; margin-top:0;}
.banner .text .viewmore-btn a{
    pointer-events: all;
    display: block;
    width: 110px;
    height: 46px;
    line-height: 46px;
    border: 1px solid rgba(255,255,255,.35);
    color: #fff;
    padding: 0 25px;
    position: relative;
    transition: all 0.3s;
}
.banner .text .viewmore-btn a i {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15%;
    top: 50%;
    margin-top: -10px;
    background: url("/template/default/index/images/rb-1.png") center no-repeat;
}


.banner .text h3 {transform:translateY(200px);opacity:0;transition:all 0.3s;}
.banner .text p {transform:translateY(200px);opacity:0;transition:all 0.6s; }
.banner .text .viewmore-btn {transform:translateY(200px);opacity:0;transition:all 0.9s; margin-top:50px;}
.banner .swiper-slide-active .text h3,
.banner .swiper-slide-active .text p,
.banner .swiper-slide-active .text .viewmore-btn{transform:translateY(0px);opacity:1; transition-delay:0.5s;}

.viewmore-btn {position: relative;}
.viewmore-btn a{pointer-events: all; display: block;width: 110px;height: 46px;line-height: 46px;border: 1px solid rgba(255,255,255,.35); color:#fff;padding:0 25px;position: relative;transition:all 0.3s; }
.viewmore-btn a i{width: 20px;height: 20px;position: absolute;right: 15%;top: 50%;margin-top: -10px; background: url("/template/default/index/images/rb-1.png") center no-repeat;}
.viewmore-btn a:after { position:absolute; right:0; top:0; content: ""; width:0;background:rgba(255,255,255,.35);height:100%; transition:0.6s all;}
.viewmore-btn a:hover:after{width:100%; left:0;}

.banner .swiper-pagination{bottom: .7rem;}
.banner .swiper-pagination-bullet {width: 46px;height: 5px;border-radius:5px;background: rgba(255, 255, 255, .2);opacity: 1;position: relative;margin: 0 5px !important;}
.banner .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 0;height: 5px;z-index: 1;transition: 0s; border-radius:5px;}
.banner .swiper-pagination-bullet-active:before{width: 100%;transition: all 5s ease; border-radius:3px;}

.lzpic1 img{ width:100%; opacity:0; filter:Alpha(opacity=0);}

/* .banner:hover .lzpic1{transform:scale(1.05, 1.05);} */
.lzpic2 { display: none;}
.lzpic2 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.o_big_con{ width: 100%;  overflow: hidden;  position: relative;  max-height: 100vh;}
.o_big{ overflow:hidden; background-repeat:no-repeat; background-position:70% center; background-size:cover; position:relative;  width:100%;-webkit-animation:scaleAnim 5s ease forwards; animation: scaleAnim 5s ease forwards;}
.o_big2{width: 100%;height: 100%; background: no-repeat center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;transition:all 0.3s;}
.o_big img, .o_big2 img{ width:100%;filter: Alpha(Opacity=0);opacity: 0;}
.o_big2 { display: none;}

.banner .anim-1,.banner .anim-4{filter:alpha(opacity=0);opacity:0; }
.banner .swiper-slide-active .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.2s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.2s;
}
.banner .swiper-slide-active .anim-4{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.8s;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.8s;
}

#particles-js{position: absolute;width: 100%; z-index:2; pointer-events:none;}
#particles-js {opacity: 0.6;}



/* 产品优势 */
.section{padding-bottom: 50px; padding-top: 50px;}
.section .mod-title{padding-bottom:35px;text-align:center;color:#333}
.section .mod-title h2{margin-bottom:17px}
.section .mode-list{ height: 384px; }
.section .mode-list .mode-item{ width: 250px; height: 384px; text-align: center; float: left; margin-right: 16px; overflow: hidden; background: #fff; transition: width .4s; border-radius: 5px;}
.section .mode-list .mode-wrap{ width: 750px; height: 384px;}
.section .mode-list .mode-view{ float: left; width: 250px; height: 382px; border: 0px solid #DCDCDC; opacity: 1;}
.section .mode-list .mode-view h3{ font-size: 60px; padding-top: 20px; padding-bottom: 11px;}
.section .mode-list .mode-view h4{ font-size: 18px; color: #333; }
.section .mode-list .mode-view i{ display: block; width: 160px; height: 50px; margin: 20px auto 20px; font-style: normal;}
.section .mode-list .mode-view h3 span{ border-bottom: 5px solid #333; color: #98CCF8;}
.section .mode-list .mode-view img{ width: 65%; }
.section .mode-list .mode-view ul{ padding-left: 20px; }
.section .mode-list .mode-view li{ float: left; width: 90px; height: 30px; line-height: 30px; margin: 0 5px 10px 5px; background: #EDEDED; }
.section .mode-list .mode-detail{ float: left; color: #fff; width: 500px; height: 382px;  }
.section .mode-list .mode-detail .content{ color: #333;}
.section .mode-list .mode-detail .content .titBar{ width: 100%; height: 100px; background: #52a12d; margin-top: 20px; color: #fff; text-align: left; position: relative;}
.section .mode-list .mode-detail .content .titBar h3{ font-size: 40px;  font-weight: bold; font-style: normal; padding-left: 20px; padding-top: 10px;}
.section .mode-list .mode-detail .content .titBar h4{ font-size: 18px; padding-bottom: 11px; padding-left: 20px;}
.section .mode-list .mode-detail .content .titBar .icon{ position: absolute; right: 20px; top: 20px; width: 75px; height: 60px;}
.section .mode-list .mode-detail .content .items{ padding: 20px; font-size: 14px; margin-left: 20px;}
.section .mode-list .mode-detail .content .items li{ text-align: left; width: 100%; margin-bottom: 15px; list-style:disc;}
.section .mode-list .mode-item:last-child{ margin-right: 0; }
.section .mode-list .mode-item.active{ width: 500px; }
.section .mode-list .mode-item.active .mode-wrap{ margin-left: -250px; opacity: 1; }
.section .mode-list .mode-item.active .mode-view{ opacity: 0; }
.section .mode-list .mode-item.active .mode-detail{ opacity: 1; }

/*建设方案*/
.jsfa_tit{ clear: both; font-size: 1.3rem; margin-top:2%;}
.team_ul{ margin-top:2%;}
.team_ul ul li{ float:left; width:32%; margin-right:2%; overflow:hidden; background:#fff;transition:all 0.3s; color:#999999; font-size:14px; text-align:center;  border-radius:8px;  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); position: relative;}
.team_ul ul li:nth-child(3n+0){ margin-right:0;}
.team_ul ul li .imgs{ height: 200px; background-color: #eee; border-top-left-radius: 8px; border-top-right-radius: 8px;display: flex; justify-content: center; align-items: center;}
.team_ul ul li .imgs img{ max-width: 100%; display:block; height:auto;}
.team_ul ul li .h3{ font-weight:bold; overflow:hidden; color:#333333; font-size:18px; line-height:30px; padding-top:0; position:relative; margin-top:10px; padding-left:2%; padding-right:2%;transition:all 0.3s;}
.team_ul ul li .p{ line-height:20px; height:40px; overflow:hidden; margin-top:5px; padding-left:10px; padding-right:10px; padding-bottom: 20px;}
.team_ul li .box{opacity:0;position:absolute;width:100%; height:0;left:0;bottom:0;background:rgba(82,161,45,1);padding:0 .3rem;box-sizing:border-box;border-radius:8px; transition:all .5s;}
.team_ul li .box h2{font-size:18px; margin-top:50px; color:#fff;}
.team_ul li .box p{font-size:16px; color:rgba(255,255,255,.8); line-height:1.8;text-align:justify; padding: 20px;}
.team_ul li:hover .box{opacity:1;height:100%;}
.team_ul li:hover {transform: translate3d(0, -0, 0);-webkit-transform: translate3d(0, -0, 0);}

.team_ul2{ margin-top:2%;}
.team_ul2 ul li{ float:left; width:23.5%; margin-right:2%; overflow:hidden; background:#fff;transition:all 0.3s; color:#999999; font-size:14px; text-align:center;  border-radius:8px;  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); position: relative;}
.team_ul2 ul li:nth-child(4n+0){ margin-right:0;}
.team_ul2 ul li .imgs{ height: 200px; background-color: #eee; border-top-left-radius: 8px; border-top-right-radius: 8px;display: flex; justify-content: center; align-items: center;}
.team_ul2 ul li .imgs img{ max-width: 100%; display:block; height:auto;}
.team_ul2 ul li .h3{ font-weight:bold; overflow:hidden; color:#333333; font-size:18px; line-height:30px; padding-top:0; position:relative; margin-top:10px; padding-left:2%; padding-right:2%;transition:all 0.3s;}
.team_ul2 ul li .p{ line-height:20px; height:40px; overflow:hidden; margin-top:5px; padding-left:10px; padding-right:10px; padding-bottom: 20px;}
.team_ul2 li .box{opacity:0;position:absolute;width:100%; height:0;left:0;bottom:0;background:rgba(82,161,45,1);padding:0 .3rem;box-sizing:border-box;border-radius:8px; transition:all .5s;}
.team_ul2 li .box h2{font-size:18px; margin-top:50px; color:#fff;}
.team_ul2 li .box p{font-size:16px; color:rgba(255,255,255,.8); line-height:1.8;text-align:justify; padding: 20px;}
.team_ul2 li:hover .box{opacity:1;height:100%;}
.team_ul2 li:hover {transform: translate3d(0, -0, 0);-webkit-transform: translate3d(0, -0, 0);}

/*产品优势*/
.cpys_ul{ margin-top:2%;}
.cpys_ul ul li{ float:left; width:32%; margin-right:2%; overflow:hidden; transition:all 0.3s; color:#999999; font-size:14px; text-align:center;  border-radius:8px;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: relative; background-color: #fff; height: 225px; margin-bottom: 2%;}
.cpys_ul ul li:nth-child(3n+0){ margin-right:0;}
.cpys_ul ul li.li_bg_1{ background-image: url('/template/default/index/images/cpys/cpys_icon_1.png'); background-repeat: no-repeat; background-position: right bottom;background-size: 38%;}
.cpys_ul ul li.li_bg_2{ background-image: url('/template/default/index/images/cpys/cpys_icon_2.png'); background-repeat: no-repeat; background-position: right bottom;background-size: 38%;}
.cpys_ul ul li.li_bg_3{ background-image: url('/template/default/index/images/cpys/cpys_icon_3.png'); background-repeat: no-repeat; background-position: right bottom;background-size: 38%;}
.cpys_ul ul li.li_bg_4{ background-image: url('/template/default/index/images/cpys/cpys_icon_4.png'); background-repeat: no-repeat; background-position: right bottom;background-size: 38%;}
.cpys_ul ul li.li_bg_5{ background-image: url('/template/default/index/images/cpys/cpys_icon_5.png'); background-repeat: no-repeat; background-position: right bottom;background-size: 38%;}
.cpys_ul ul li.li_bg_6{ background-image: url('/template/default/index/images/cpys/cpys_icon_6.png'); background-repeat: no-repeat; background-position: right bottom;background-size: 38%;}

.cpys_ul ul li .number{ font-weight:bold; overflow:hidden; color:#98CCF8; font-size:52px; padding-top:0; position:absolute; margin-top:1%; padding-left:5%; padding-right:40%;transition:all 0.3s;}
.cpys_ul ul li .h3{ font-weight:bold; overflow:hidden; color:#333333; font-size:18px; line-height:30px; padding-top:0; position:absolute; margin-top:20%; padding-left:5%; padding-right:40%;transition:all 0.3s;}
.cpys_ul ul li .p{ line-height:20px;  overflow:hidden; position:absolute; margin-top:30%; padding-left:5%; padding-right:50%; text-align: left;}
.cpys_ul li .box{opacity:0;position:absolute;width:100%; height:0;left:0;bottom:0;background:rgba(82,161,45,0.9);padding:0 .3rem;box-sizing:border-box;border-radius:8px; transition:all .5s;}
.cpys_ul li .box h2{font-size:16px; margin-top:20px; color:#fff; text-align: left; padding-left: 10px;}
.cpys_ul li .box .items{ padding: 10px; font-size: 14px;}
.cpys_ul li .box .items dd{ text-align: left; width: 100%; color: #fff; line-height: 1.6;}
.cpys_ul li .box .items dd::before { content: ""; display: inline-block; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; margin-right: 5px;}
.cpys_ul li:hover .box{opacity:1;height:100%;}
.cpys_ul li:hover {transform: translate3d(0, -0, 0);-webkit-transform: translate3d(0, -0, 0);}


/*产品优势-军体*/
.cpys_ul2{ margin-top:2%;}
.cpys_ul2 ul li{ float:left; width:32%; margin-right:2%; overflow:hidden; transition:all 0.3s; color:#999999; font-size:14px; text-align:center;  border-radius:8px;  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: relative; background-color: #fff; height: 225px; margin-bottom: 2%;}
.cpys_ul2 ul li:nth-child(3n+0){ margin-right:0;}
.cpys_ul2 ul li.li_bg_1{ background-image: url('/template/default/index/images/index_jt/cpys/cpys_icon_1.png'); background-repeat: no-repeat; background-position: right bottom;background-size: 38%;}
.cpys_ul2 ul li.li_bg_2{ background-image: url('/template/default/index/images/index_jt/cpys/cpys_icon_2.png'); background-repeat: no-repeat; background-position: right bottom;background-size: 38%;}
.cpys_ul2 ul li.li_bg_3{ background-image: url('/template/default/index/images/index_jt/cpys/cpys_icon_3.png'); background-repeat: no-repeat; background-position: right bottom;background-size: 38%;}
.cpys_ul2 ul li.li_bg_4{ background-image: url('/template/default/index/images/index_jt/cpys/cpys_icon_4.png'); background-repeat: no-repeat; background-position: right bottom;background-size: 38%;}
.cpys_ul2 ul li.li_bg_5{ background-image: url('/template/default/index/images/index_jt/cpys/cpys_icon_5.png'); background-repeat: no-repeat; background-position: right bottom;background-size: 38%;}
.cpys_ul2 ul li.li_bg_6{ background-image: url('/template/default/index/images/index_jt/cpys/cpys_icon_6.png'); background-repeat: no-repeat; background-position: right bottom;background-size: 38%;}

.cpys_ul2 ul li .number{ font-weight:bold; overflow:hidden; color:#C8E0CE; font-size:52px; padding-top:0; position:absolute; margin-top:1%; padding-left:5%; padding-right:40%;transition:all 0.3s;}
.cpys_ul2 ul li .h3{ font-weight:bold; overflow:hidden; color:#333333; font-size:18px; line-height:30px; padding-top:0; position:absolute; margin-top:20%; padding-left:5%; padding-right:40%;transition:all 0.3s;}
.cpys_ul2 ul li .p{ line-height:20px;  overflow:hidden; position:absolute; margin-top:30%; padding-left:5%; padding-right:50%; text-align: left;}
.cpys_ul2 li .box{opacity:0;position:absolute;width:100%; height:0;left:0;bottom:0;background:rgba(82,161,45,0.9);padding:0 .3rem;box-sizing:border-box;border-radius:8px; transition:all .5s;}
.cpys_ul2 li .box h2{font-size:16px; margin-top:20px; color:#fff; text-align: left; padding-left: 10px;}
.cpys_ul2 li .box .items{ padding: 10px; font-size: 14px;}
.cpys_ul2 li .box .items dd{ text-align: left; width: 100%; color: #fff; line-height: 1.6;}
.cpys_ul2 li .box .items dd::before { content: ""; display: inline-block; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; margin-right: 5px;}
.cpys_ul2 li:hover .box{opacity:1;height:100%;}
.cpys_ul2 li:hover {transform: translate3d(0, -0, 0);-webkit-transform: translate3d(0, -0, 0);}

/* 产品中心 */
.product_1_ul, .product_2_ul{ margin-top:4%; margin-bottom:6%;}
.product_1_ul ul li{ float:left; width:49%; margin-right:2%; overflow:hidden;}
.product_1_ul ul li:nth-child(2n+0){ margin-right:0;}
.product_1_ul ul li .imgs{ overflow:hidden; position:relative; padding-top:63.2%; border-radius: 4px;}
.product_1_ul ul li .imgs img{ width:100%; display:block; height:100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product_1_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_1_ul ul li .txts{ width:94%; margin:0 auto; overflow:hidden; text-align: center;}
.product_1_ul ul li .txts .h3{font-weight:normal;  height:38px; line-height:38px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:18px;transition:all 0.3s; margin-top:10px; color:#333;}
.product_1_ul ul li .txts .p{ height:24px; line-height:24px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:14px;color:#999999;}

.product_2_ul ul li{ float:left; width:32%; margin-right:2%; overflow:hidden;}
.product_2_ul ul li:nth-child(3n+0){ margin-right:0;}
.product_2_ul ul li .imgs{ overflow:hidden; position:relative; padding-top:63.2%; border-radius: 4px;}
.product_2_ul ul li .imgs img{ width:100%; display:block; height:100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.product_2_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_2_ul ul li .txts{ width:94%; margin:0 auto; overflow:hidden; text-align: center;}
.product_2_ul ul li .txts .h3{font-weight:normal;  height:38px; line-height:38px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:18px;transition:all 0.3s; margin-top:10px; color:#333;}
.product_2_ul ul li .txts .p{ height:24px; line-height:24px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:14px;color:#999999;}

/*优势*/
.i_t{ text-align:center; color:#333333; overflow:hidden;display: flex;justify-content: center;align-items: center; margin-bottom: 3%;position: relative;}
.i_t.nomt{ margin-top:0;}
.i_t .h3{ font-weight:bold; overflow:hidden; line-height:48px; position:relative; margin-bottom: 30px; z-index: 99;}
.i_t .p{ color:#e3e9f3; font-size:68px; font-weight: bold; line-height:70px; clear:both;overflow:hidden; position: absolute; top: -10px; z-index: 1;}
.i_a{ margin-top:2%; overflow:hidden; text-align:center;}
.i_a a{ display:inline-block; vertical-align:top; width:170px; height:48px; line-height:48px; overflow:hidden; border:1px solid #52a12d; color:#52a12d; font-size:16px; border-radius:30px;transition:all 0.3s; margin-left:13px; margin-right:13px;}
.i_a a:hover{ background:#52a12d; color:#fff;}
.i_a a.bgs2{ background:#52a12d; color:#fff;}
.i_a a.bgs2:hover{ background:#f01a20;}
.i_bg1{ overflow:hidden; background:url() top center no-repeat; background-size:cover;}
.shuju_bg{ background:url(/template/default/index/images/shuju_bg.png) top center no-repeat; background-size:cover;}
.rongyu_bg{ background:url(/template/default/index/images/rongyu_bg.jpg) top center no-repeat;}
.i_bg_cpys{ overflow:hidden; background:url(/template/default/index/images/i_bg_cpys.png) top center no-repeat; background-size:cover;}
.i_bg_cpys2{ overflow:hidden; background:url(/template/default/index/images/index_jt/cpys/cpys_bg.png) top center no-repeat; background-size:cover;}
.i_bg_yycj{ overflow:hidden; background:url(/template/default/index/images/i_bg_yycj.jpg) top center no-repeat; background-size:cover;}
.i_bg_hxjs{ overflow:hidden; background:url(/template/default/index/images/i_bg_hxjs.png) top center no-repeat; background-size:cover;}
.i_bg_gsgk{ overflow:hidden; background:url(/template/default/index/images/i_bg_gsgk.png) top center no-repeat; background-size:cover;}
/*.i_one{ overflow:hidden;}*/
.i_one ul li{ overflow:hidden; display:block; position:relative; margin-top:3%; margin-bottom:4%;}
.i_one ul li .txts{position:absolute; top:0; right: 0; width:48%; max-width:530px; overflow:hidden;transition:all 0.3s;}
.i_one ul li .txts:hover{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_one ul li:nth-child(2n+0) .txts{ max-width:566px; right:0;}
.i_one ul li .txts .h3{ font-weight:normal; overflow:hidden; line-height:1.2;}
.i_one ul li .txts .h3 .blue{ color:#257df4;}
.i_one ul li .txts .p{ color:#555555; overflow:hidden; font-size:18px; line-height:2.2; margin-top:5%;}
.i_one ul li .imgs{ float:left; width:50%;/* overflow:hidden;*/}
.i_one ul li:nth-child(2n+0) .imgs{ float:left;}
.i_one ul li .imgs img{ max-width:100%; max-height:444px;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

/*.i_one ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}*/

/*产品与服务*/
.i_a2{ margin-top:2%; overflow:hidden; text-align:center;}
.i_a2 a{ display:inline-block; vertical-align:top; height:86px; line-height:86px; overflow:hidden;  color:#333333;transition:all 0.3s; margin-left:2%; margin-right:2%; position:relative; padding-left:2%; padding-right:2%;}
.i_a2 a:after{ content:""; position:absolute; bottom:0; width:0; left:50%; right:50%; height:4px; background:#52a12d;}
.i_a2 a:hover{color:#52a12d;}
.i_a2 a.isel{color:#52a12d;}
.i_a2 a.isel:after{ width:100%; left:0; right:0;}
.i_two{ overflow:hidden;}
.i_two .divhidden{ background:no-repeat; background-size:cover; background-position:center center; color:#fff; overflow:hidden;}
.i_two .divhidden .wrap2{ position:relative; }
.i_two .bgs1{padding-top:5%; padding-bottom:5%;}
.i_two .bgs1 .txts{ float:left; width:40%; overflow:hidden; margin-top:10%;}
.i_two .bgs1 .txts .h4{ font-weight:bold; line-height:1.6;}
.i_two .a{display:block; width:170px; background:#52a12d; color:#fff; font-size:15px; text-align:center; height:48px; line-height:48px; border:1px solid #52a12d;border-radius:30px;transition:all 0.3s; }
.i_two .a span{ padding-left:5%; font-family:"宋体";}
.i_two .a:hover{ text-indent:5px;}
.i_two .bgs1 .txts .a{ margin-top:10%;}
.i_two .bgs1 .imgs{ float:right; width:57%;font-size:15px;}
.i_two .bgs1 .imgs .p1{ padding-left:14%; text-align:center; margin-bottom:20px;}
.i_two .bgs1 .imgs .p2{ width:23%; text-align:center; margin-top:20px;}
.i_two .bgs1 .imgs .img img{ max-width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_two .bgs1 .imgs .img:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_two .bgs2{padding-top:4%; padding-bottom:4%;}
.i_two .bgs2 .h4{ text-align:center; overflow:hidden; line-height:1.5; font-weight:bold;}
.i_two .bgs2 ul{ max-width:1200px; margin:0 auto; text-align:center; margin-top:5%;}
.i_two .bgs2 ul li{ float:left; width:50%; font-size:16px;}
.i_two .bgs2 ul li .img{ margin-bottom:3%;}
.i_two .bgs2 ul li .img img{ margin:0 auto; max-width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_two .bgs2 ul li:hover .img img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_two .bgs2 .a{ clear:both; margin:0 auto; margin-top:5%;}
.i_two .bgs3{padding-top:4%; padding-bottom:4%;}
.i_two .bgs3 .h4{ text-align:center; overflow:hidden; line-height:1.5; font-weight:bold;}
.i_two .bgs3 .a{ clear:both; margin:0 auto; margin-top:4%;}
.i_two .bgs3 .img{ margin-top:4%;}
.i_two .bgs3 .img img{ margin:0 auto; max-width:100%; display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_two .bgs3 .img:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

/*精选案例*/
.i_case_bg{overflow:hidden;padding:80px 0;}
.i_more{display:block; width:170px; margin:0 auto;  color:#fff; font-size:14px; text-align:center; height:48px; line-height:48px; border:1px solid #1c2ead;border-radius:30px;transition:all 0.3s; margin-top:3%; margin-bottom:1%; background: linear-gradient(to right, #1c2ead, #233ded);}
.i_more span{ position: relative; left:-8%;}
.i_more svg{ left:63%; display: block; position: relative; top: -50%; transform: translateY(-50%);}
.i_more:hover{ color:#fff; text-indent:5px;}

.i_more2{display:block; width:170px; margin:0 auto;  color:#fff; font-size:14px; text-align:center; height:48px; line-height:48px; border:1px solid #31763d;border-radius:30px;transition:all 0.3s; margin-top:3%; margin-bottom:1%; background: linear-gradient(to right, #31763d, #2d8f1e);}
.i_more2 span{ position: relative; left:-8%;}
.i_more2 svg{ left:63%; display: block; position: relative; top: -50%; transform: translateY(-50%);}
.i_more2:hover{ color:#fff; text-indent:5px;}

.i_case{ margin-top:4%; position:relative; }

.i_case:after{ position:absolute; content:""; right:-72px; top:22px; width:34px; height:29px;}
.i_case ul li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; overflow:hidden; background:#fff; border-radius:4px;transition:all 0.3s;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);}
.i_case ul li:nth-child(4n+0){ margin-right:0;}
.i_case ul li:hover{box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);}
.i_case ul li .imgs{ overflow:hidden; position:relative; padding-top:63.2%;}
.i_case ul li .imgs img{ width:100%; display:block; height:100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_case ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_case ul li .imgs .mask{ position:absolute; left:0; top:0; bottom:0; right:0; background:rgba(0,0,0,0.5); opacity:0; transition: all 0.5s ease;}
.i_case ul li .imgs .mask dt{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5; width: 36px; height: 36px;}
.i_case ul li .imgs .mask dd{position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5; width: 120px; height: 120px;}
.i_case ul li:hover .imgs .mask{ opacity:1;}
.i_case ul li:hover .imgs .mask dd img{-webkit-transform:rotate(360deg);animation:rotation 10s linear infinite;-moz-animation:rotation 10s linear infinite;-webkit-animation:rotation 10s linear infinite;-o-animation:rotation 10s linear infinite;}
@-webkit-keyframes rotation{
	from{-webkit-transform:rotate(0deg);}
	to{-webkit-transform:rotate(360deg);}
}
.i_case ul li .txts{ width:100%; margin:0 auto; overflow:hidden; background-color: var(--hui_color);}
.i_case ul li .txts .h3{font-weight:normal; padding:0 10px; height:44px; line-height:44px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:14px;transition:all 0.3s;color:#333;}
.i_case li:hover .txts .h3{ background:var(--aColor); color:#fff;}

.i_case ul li .imgs::before {
  background: rgba(255,255,255,.3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  z-index: 9;
  pointer-events: none;
  -webkit-transition: all .5s linear;
  transition: all .5s linear
}

.i_case ul li .imgs:hover::before {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all .5s linear;
  transition: all .5s linear
}

.i_case ul li .imgs::after {
  background: rgba(255,255,255,.3);
  bottom: 50%;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all .6s linear;
  transition: all .6s linear
}

.i_case ul li .imgs:hover::after {
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all .6s linear;
  transition: all .6s linear
}

/*======================首页支持项目====================================*/
.zcxm_bg{padding-bottom:4rem;overflow:hidden;background:url() no-repeat top center ;}
.zcxm_box{ position:relative;margin-top:2rem;}
.zcxm_box a{display:block;position:relative;}
.zcxm_box .pic{overflow:hidden;}
.zcxm_box .pic img{width:100%;display:block;}
.zcxm_box .play{width:100%;height:100%;position:absolute;top:0;left:0; }
.zcxm_box .play img{width:60px; opacity:0;transform: scale(.7);transition:all .7s;}
.zcxm_box .play:hover img{ opacity:1;transform: scale(1)}
.t_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.zcxm_box .text{ text-align: center; height: 36px; line-height: 36px; background-color: #eee; border-radius: 20px; margin-top: 10px;}

/*按钮切换*/	
#zcxm_bg .swiper-button-prev{position:absolute;left:0;top:50%; transform:translateY(-50%);}
#zcxm_bg .swiper-button-next{position:absolute;right:0;top:50%;transform:translateY(-50%);}
#zcxm_bg .swiper-button-prev,#zcxm_bg .swiper-button-next {background:rgba(0,0,0,.2);width:40px;height:60px;transition:all .3s;}
#zcxm_bg .swiper-button-prev i,#zcxm_bg .swiper-button-next i{color:#fff;font-size:.24rem;}
#zcxm_bg .swiper-button-prev:hover,#zcxm_bg .swiper-button-next:hover{background:#2B58F9;}

/*分页器*/
#zcxm_bg .swiper-pagination{ display:block; width:100%; text-align:center; position:relative; margin-top:25px; cursor:pointer;}
#zcxm_bg .swiper-pagination-bullet{width:10px;height: 10px; display: inline-block;  background:none; border:solid 1px #666; opacity:1; margin:0 3px; transition:0.3s all; border-radius:10px;}
#zcxm_bg .swiper-pagination-bullet-active{  background: #2B58F9; border:solid 1px #2B58F9;}

/* 应用场景 */
.yycj{ height: 85vh;display: flex; justify-content: center; align-items: center; position: relative;}
.yycj .c1{position: absolute; animation: myfirst linear 2s infinite alternate; -webkit-animation: myfirst linear 2s infinite alternate; width: 35%;}
.yycj .c2{position: absolute; width: 65%;}
.yycj .items_1{ width: 26vh; height: 18vh; position: absolute; top: 10%; left: 5%;}
.yycj .items_2{ width: 26vh; height: 18vh; position: absolute; top: 10%; right: 5%;}
.yycj .items_3{ width: 26vh; height: 18vh; position: absolute; top: 40%; left: -8%;}
.yycj .items_4{ width: 26vh; height: 18vh; position: absolute; top: 40%; right: -8%;}
.yycj .items_5{ width: 26vh; height: 18vh; position: absolute; top: 68%; left: 5%;}
.yycj .items_6{ width: 26vh; height: 18vh; position: absolute; top: 68%; right: 5%;}
.yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 100%; object-fit: contain;}

.yycj .items_1::before,.yycj .items_2::before,.yycj .items_3::before,.yycj .items_4::before,.yycj .items_5::before,.yycj .items_6::before{
  background: rgba(255,255,255,.3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  z-index: 9;
  pointer-events: none;
  -webkit-transition: all .5s linear;
  transition: all .5s linear
}

.yycj .items_1:hover::before,.yycj .items_2:hover::before,.yycj .items_3:hover::before,.yycj .items_4:hover::before,.yycj .items_5:hover::before,.yycj .items_6:hover::before {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all .5s linear;
  transition: all .5s linear
}

.yycj .items_1::after,.yycj .items_2::after,.yycj .items_3::after,.yycj .items_4::after,.yycj .items_5::after,.yycj .items_6::after {
  background: rgba(255,255,255,.3);
  bottom: 50%;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all .6s linear;
  transition: all .6s linear
}

.yycj .items_1:hover::after,.yycj .items_2:hover::after,.yycj .items_3:hover::after,.yycj .items_4:hover::after,.yycj .items_5:hover::after,.yycj .items_6:hover::after {
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all .6s linear;
  transition: all .6s linear
}

/* 核心技术 */
.hxjs{ height: 40vh;display: flex; justify-content: center; align-items: center; position: relative;}
.hxjs .c1{position: absolute; animation: myfirst2 linear 2s infinite alternate; -webkit-animation: myfirst2 linear 2s infinite alternate;}
.hxjs .c2{position: absolute;}
.hxjs_tit{color: #fff;}
.hxjs_p{color: #2d4ceb;}
@keyframes myfirst2
{
    from {transform:translateY(-10PX);}
    to {transform: translateY(10px);}
}
@-webkit-keyframes myfirst2
{
    from {transform:translateY(-10PX);}
    to {transform: translateY(10px);}
}
.hxjs .items_1{position: absolute; top: 0vh; left: -1vh;}
.hxjs .items_2{position: absolute; top: 0vh; right: -5vh;}
.hxjs .items_3{position: absolute; top: 28vh; left: -1vh;}
.hxjs .items_4{position: absolute; top: 28vh; right: -5vh;}

.hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 90%;}

.hxjs .items_1:hover img,.hxjs .items_2:hover img,.hxjs .items_3:hover img,.hxjs .items_4:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}


/* 数据 */
.shuju_box{padding-top: 0px;}
.shuju_box ul li{float: left; width: 33%; text-align: center; color: #fff;}
.shuju_box ul li .num{font-size: 48px; font-weight: bold;}
.shuju_box ul li .txt{font-size: 18px;}

/* 荣誉数据 */
.rongyu_shuju_box{ height: 558px;}
.rongyu_shuju_box .tit{ color: #fff; font-size: 48px; clear: both;  padding-top: 70px; padding-bottom: 50px;}
.rongyu_shuju_box .shuju_num{ float: left; width: 60%;}
.rongyu_shuju_box .shuju_num li{float: left; width: 40%; text-align: left; color: #fff;}
.rongyu_shuju_box .shuju_num li .num{font-size: 68px; font-weight: bold; }
.rongyu_shuju_box .shuju_num li .txt{font-size: 28px;}
/*合作伙伴*/
.i_partner_ul{ overflow:hidden; margin-top:4%;  /*border-left:1px solid #ececec;border-top:1px solid #ececec; */margin-bottom:6%;}
.i_partner_ul ul li{ width:20%;float:left; overflow:hidden; transition:all 0.3s;}
.i_partner_ul ul li .box{ /*border-right:1px solid #ececec; border-bottom:1px solid #ececec;*/ overflow:hidden;}
.i_partner_ul ul li .imgs{ overflow:hidden;transition:all 0.6s;}
.i_partner_ul ul li .imgs img{ display:block; width:100%;transition:all 0.6s;/* -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
/*.partner_ul ul li:hover .imgs img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;}*/
.i_partner_ul ul li:hover .imgs{transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.i_partner_ul ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}

/*在线留言*/
.feedback_bgs{z-index: 19;background-color: #000;opacity: 0.5; width:100%; height:100%; position:fixed; left:0; top:0; display:none;}
.feedback_box{z-index: 19; /*width: 600px; height: 360px;*/ width:0; height:0; /*top: 157.5px;*/  left: 50%;/* margin-left:-300px; */position:fixed; background-color:#ffffff;  overflow:hidden; border-radius:10px;}
.feedback_box.showdiv{ width:96%;max-width:802px; height:462px; margin-left:-401px;/*top:157.5px;*/top:50%; margin-top:-231px;transition:all 0.3s;}
.feedback_box .feedback_box_close{position: absolute; right: 15px; top: 0px;  font-size: 0; line-height: initial;}
.feedback_box .feedback_box_close a{ color:#fff; font-size:36px;}
.feedback_box .feedback_con{ width:94%; max-width:712px; margin:0 auto; padding-top:10px;}
.feedback_box .feedtack_tt{ overflow:hidden; margin-bottom:20px;}
.feedback_box .feedtack_tt img{ width:100%;}
.feedback_box .divs{ float:left; margin-right:2%; width:49%;}
.feedback_box .divs.r{ margin-right:0;}
.feedback_box .input_shurk{width:calc(100% - 2px);width:-webkit-calc(100% - 2px);width:-moz-calc(100% - 2px);height: 46px;font-size: 15px; border:1px solid #d2d2d2; overflow:hidden; color:#999999;text-indent:16px; line-height:46px; outline:none; background:#fff;margin-bottom:13px;font-family:"微软雅黑"; border-radius:4px;}
.feedback_box .textarea{ padding:1%; width:calc(99% - 18px);width:-webkit-calc(99% - 18px);width:-moz-calc(99% - 18px); padding-left:16px; background:#fff; font-size:14px; border:1px solid #e3e3e3; outline:none;margin-bottom:14px; color:#777777; height:80px;font-family:"微软雅黑";  }
.feedback_box .bnts{ width:100%; max-width:180px; margin:0 auto; display:block; overflow:hidden;line-height:48px; height:48px; background:#52a12d; outline:none;-webkit-tap-highlight-color:transparent;transition:all 0.3s; cursor:pointer; color:#fff; font-size:16px; border-radius:30px; margin-top:9px; border:0;}
.feedback_box .bnts:hover{opacity:0.8;filter:Alpha(opacity=80);}
.feedback_box .divs3{ color:#333; font-size:15px; margin-bottom:25px; line-height:22px; margin-top:10px; overflow:hidden;}
/*行业资讯*/
.i_news{ margin-top:4%; overflow:hidden; }
.i_news ul li{ float:left; width:49%; margin-right:2%; margin-bottom:2%; overflow:hidden; background:#f3f5f7; position:relative;}
.i_news ul li:nth-child(2n+0){ margin-right:0;}
.i_news ul li .imgs{ float:left; width:42.3%;overflow:hidden; position:relative; padding-top:29.43%;}
.i_news ul li .imgs img{ width:100%; display:block; height:100%; position:absolute; top:0; left:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_news ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_news ul li .txts{ width:57.7%; position:absolute; top:0; right:0%; height:100%;display: flex; align-items: center; justify-content: left;  overflow:hidden;}
.i_news ul li .txts .cons{max-width:310px; margin:0 auto; width:94%; overflow:hidden;}
.i_news ul li .txts .h3{font-weight:bold;  height:30px; line-height:30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:16px;transition:all 0.3s;  color:#333333;}
.i_news ul li .txts .p{ height:48px; line-height:24px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:14px;color:#999999; margin-top:8px;}
.i_news ul li .txts em{ font-family:Arial; font-size:14px; color:#c7c7c7; font-style:normal; overflow:hidden; display:block; height:24px; line-height:24px; text-transform:uppercase; margin-top:20px; }
@media screen and (max-width: 2560px)  {
  .banner .swiper-pagination{bottom: 2.7rem;}

}

@media screen and (max-width: 2160px)  {
  .yycj .items_1{top: 13%; left: 1%;}
  .yycj .items_2{top: 13%; right: 1%;}
  .yycj .items_3{top: 40%; left: -12%;}
  .yycj .items_4{top: 40%; right: -12%;}
  .yycj .items_5{top: 65%; left: 1%;}
  .yycj .items_6{top: 65%; right: 1%;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 100%;}

  .hxjs .items_1{position: absolute; top: 0vh; left: -1vh;}
  .hxjs .items_2{position: absolute; top: 0vh; right: -5vh;}
  .hxjs .items_3{position: absolute; top: 28vh; left: -1vh;}
  .hxjs .items_4{position: absolute; top: 28vh; right: -5vh;}
}
@media screen and (max-width: 1920px)  {
  .banner .swiper-pagination{bottom: .7rem;}

  .hxjs .items_1{position: absolute; top: 0vh; left: -1vh;}
  .hxjs .items_2{position: absolute; top: 0vh; right: -5vh;}
  .hxjs .items_3{position: absolute; top: 28vh; left: -1vh;}
  .hxjs .items_4{position: absolute; top: 28vh; right: -5vh;}

  /* 应用场景 */
  .yycj .items_1{top: 6%; left: 9%;}
  .yycj .items_2{top: 6%; right: 9%;}
  .yycj .items_3{top: 40%; left: -4%;}
  .yycj .items_4{top: 40%; right: -4%;}
  .yycj .items_5{top: 73%; left: 9%;}
  .yycj .items_6{top: 73%; right: 9%;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 100%;}
}

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

  .yycj .c1{ width: 30%;}
  .yycj .c2{width: 60%;}
  .yycj .items_1{top: 10%; left: 7%;}
  .yycj .items_2{top: 10%; right: 7%;}
  .yycj .items_3{top: 40%; left: -6%;}
  .yycj .items_4{top: 40%; right: -6%;}
  .yycj .items_5{top: 68%; left: 7%;}
  .yycj .items_6{top: 68%; right: 7%;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 100%;}

}

@media screen and (max-width: 1440px) {
  .banner .text{top: 30%;}
  .banner .text h3 { font-size: 3.2rem;}
  .banner .text p {
    font-size: 1.4rem;
    line-height: 1.8em;
  }
  .section .mode-list .mode-detail{ width: 500px;}
  .section .mode-list .mode-item{ margin-right: 15px; width: 250px;}
  .section .mode-list .mode-wrap{ width: 750px;}
  .section .mode-list .mode-view{width: 250px;}
  .section .mode-list .mode-item.active{width: 500px;}
  .section .mode-list .mode-item.active .mode-wrap{margin-left: -250px;}


  .yycj .c1{ width: 30%;}
  .yycj .c2{width: 60%;}
  .yycj .items_1{top: 8%; left: 10%;}
  .yycj .items_2{top: 8%; right: 10%;}
  .yycj .items_3{top: 40%; left: -1%;}
  .yycj .items_4{top: 40%; right: -1%;}
  .yycj .items_5{top: 70%; left: 10%;}
  .yycj .items_6{top: 70%; right: 10%;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 100%;}

}

@media screen and (max-width: 1260px) {
  .banner .text{top: 30%;}
  /*行业资讯*/
  .i_news ul li .txts .p{ font-size:13px; line-height:22px; height:44px; margin-top:5px;}
  .i_news ul li .txts em{ height:20px; line-height:20px; margin-top:10px; font-size:13px;}
  .section .mode-list .mode-detail{ width: 440px;}
  .section .mode-list .mode-item{ margin-right: 20px; width: 220px;}
  .section .mode-list .mode-wrap{ width: 660px;}
  .section .mode-list .mode-view{width: 220px;}
  .section .mode-list .mode-item.active{width: 440px;}
  .section .mode-list .mode-item.active .mode-wrap{margin-left: -220px;}

  /* 建设方案 */
  .team_ul{ margin-top:4%;}
  .team_ul ul li{  width:32%; margin-right:2%; font-size:14px;}
  .team_ul ul li:nth-child(3n+0){ margin-right:0;}
  .team_ul ul li .imgs{ height: 200px; }
  .team_ul ul li.imgs img{ max-width: 100%; display:block; height:auto;}
  .team_ul ul li .h3{ font-size:18px;}
  .team_ul li .box h2{font-size:18px; margin-top:50px; color:#fff;}
  .team_ul li .box p{font-size:16px; padding: 10px;}

  .team_ul2{ margin-top:2%;}
  .team_ul2 ul li{ width:23.5%; margin-right:2%; font-size:14px; }
  .team_ul2 ul li:nth-child(4n+0){ margin-right:0;}
  .team_ul2 ul li .imgs{ height: 200px;}
  .team_ul2 ul li .h3{ font-size:18px;}
  .team_ul2 li .box h2{font-size:18px; margin-top:50px; color:#fff;}
  .team_ul2 li .box p{font-size:16px; padding: 10px;}
}

@media screen and (max-width: 1180px) {
  .o_big2{display: block;}
  .o_big{display: none;}
  /* 建设方案 */
  .team_ul{ margin-top:4%;}
  .team_ul ul li{  width:32%; margin-right:2%; font-size:14px;}
  .team_ul ul li:nth-child(3n+0){ margin-right:0;}
  .team_ul ul li .imgs{ height: 200px; }
  .team_ul ul li.imgs img{ max-width: 100%; display:block; height:auto;}
  .team_ul ul li .h3{ font-size:18px;}
  .team_ul li .box h2{font-size:18px; margin-top:30px; color:#fff;}
  .team_ul li .box p{font-size:14px; padding: 10px;}

  .team_ul2{ margin-top:2%;}
  .team_ul2 ul li{ width:23.5%; margin-right:2%; font-size:14px; }
  .team_ul2 ul li:nth-child(4n+0){ margin-right:0;}
  .team_ul2 ul li .imgs{ height: 200px;}
  .team_ul2 ul li .h3{ font-size:18px;}
  .team_ul2 li .box h2{font-size:18px; margin-top:30px; color:#fff;}
  .team_ul2 li .box p{font-size:14px; padding: 10px;}

  .section .mode-list .mode-detail{ width: 420px;}
  .section .mode-list .mode-item{ margin-right: 20px; width: 210px;}
  .section .mode-list .mode-wrap{ width: 630px;}
  .section .mode-list .mode-view{width: 210px;}
  .section .mode-list .mode-item.active{width: 420px;}
  .section .mode-list .mode-item.active .mode-wrap{margin-left: -210px;}
  /*轮显*/
  .lzpic2{display: block;}
  .lzpic1{display: none;}
  /*.banner .swiper-container{ position:static;}*/
  .banner .swiper-pagination { bottom:25px;}
  .banner .swiper-pagination .swiper-pagination-bullet {width: 22px; margin: 0 3px;}
  .banner .text { display:none;}
  /*优势*/
  .i_t.nomt{ margin-top:6%;}
  .i_t .p{ font-size:16px;}
  .i_one ul li .txts .p{font-size:16px;}
  .i_two .bgs2 ul li{ font-size:15px;}

  /* 应用场景 */
  .yycj{ height: 45vh;}
  .yycj .c1{ width: 30%;}
  .yycj .c2{ width: 60%;}
  .yycj .items_1{top: 2vh; left: 12vh;}
  .yycj .items_2{top: 2vh; right: 2vh;}
  .yycj .items_3{top: 19vh; left: 2vh;}
  .yycj .items_4{top: 19vh; right: -8vh;}
  .yycj .items_5{top: 35vh; left: 12vh;}
  .yycj .items_6{top: 35vh; right: 2vh;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 60%;}


  .rongyu_bg{ background:url(/template/default/index/images/rongyu_bg2.jpg) bottom center no-repeat; background-size:cover;}
  .rongyu_shuju_box {height: 680px;}
  .rongyu_shuju_box .shuju_num {width: 90%;}

}

@media screen and (max-width: 1024px) {
  .section .mode-list .mode-detail{ width: 360px;}
  .section .mode-list .mode-item{ margin-right: 22px; width: 180px;}
  .section .mode-list .mode-wrap{ width: 540px;}
  .section .mode-list .mode-view{width: 180px;}
  .section .mode-list .mode-item.active{width: 360px;}
  .section .mode-list .mode-item.active .mode-wrap{margin-left: -180px;}


  /* 应用场景 */
  .yycj{ height: 65vh;}
  .yycj .c1{ width: 30%;}
  .yycj .c2{ width: 60%;}
  .yycj .items_1{top: 0vh; left: 18vh;}
  .yycj .items_2{top: 0vh; right: -6vh;}
  .yycj .items_3{top: 25vh; left: 2vh;}
  .yycj .items_4{top: 25vh; right: -21vh;}
  .yycj .items_5{top: 50vh; left: 18vh;}
  .yycj .items_6{top: 50vh; right: -6vh;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 50%;}

  /* 核心技术 */
  .hxjs{ height: 30vh;}
  .hxjs .c1{ width: 30%;}
  .hxjs .items_1{top: 0vh; left: 1vh;}
  .hxjs .items_2{top: 0vh; right: -11vh;}
  .hxjs .items_3{top: 17vh; left: 1vh;}
  .hxjs .items_4{top: 17vh; right: -11vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 65%;}

  /* 应用场景 */
  .yycj{ height: 40vh;}
  .yycj .c1{ width: 30%;}
  .yycj .c2{ width: 60%;}
  .yycj .items_1{top: 2vh; left: 8vh;}
  .yycj .items_2{top: 2vh; right: -2vh;}
  .yycj .items_3{top: 16vh; left: -1vh;}
  .yycj .items_4{top: 16vh; right: -10vh;}
  .yycj .items_5{top: 28vh; left: 8vh;}
  .yycj .items_6{top: 28vh; right: -2vh;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 60%;}
}


@media screen and (max-width: 960px) {
  /* 建设方案 */
  .team_ul{ margin-top:4%;}
  .team_ul ul li{  width:32%; margin-right:2%; font-size:14px;}
  .team_ul ul li:nth-child(3n+0){ margin-right:0;}
  .team_ul ul li .imgs{ height: 200px; }
  .team_ul ul li .imgs img{ width: 90%;}
  .team_ul ul li .h3{ font-size:16px;}
  .team_ul li .box h2{font-size:16px; margin-top:30px; color:#fff;}
  .team_ul li .box p{font-size:14px; padding: 10px;}

  .team_ul2{ margin-top:2%;}
  .team_ul2 ul li{ width:23.5%; margin-right:2%; font-size:14px; }
  .team_ul2 ul li:nth-child(4n+0){ margin-right:0;}
  .team_ul2 ul li .imgs{ height: 200px;}
  .team_ul2 ul li .imgs img{ width: 90%;}
  .team_ul2 ul li .h3{ font-size:16px;}
  .team_ul2 li .box h2{font-size:16px; margin-top:30px; color:#fff;}
  .team_ul2 li .box p{font-size:14px; padding: 10px;}


  .section .mode-list .mode-item{ margin-right: 2%; width: 23.5%;}
  .section .mode-list .mode-detail{ width: 30%; right: -4.6%; position: relative;}
  .section .mode-list .mode-view{width: 30%;}
  .section .mode-list .mode-item.active{width: 23.5%;}
  .section .mode-list .mode-item.active .mode-wrap{ margin-left: -114%; opacity: 1; }
  .section .mode-list .mode-detail .content .items{ padding: 15px; font-size: 12px; margin-left: 10px;}
  .section .mode-list .mode-detail .content .items li{ margin-bottom: 10px; }
  .section .mode-list .mode-detail .content .titBar .icon{ display: none;}
  .section .mode-list .mode-detail .content .titBar h3{ font-size: 32px; padding-left: 10px; padding-top: 10px;}
  .section .mode-list .mode-detail .content .titBar h4{ font-size: 14px; padding-left: 10px;}
  /* 产品优势 */
  .cpys_ul ul li{ width:49%;  height: 225px;}
  .cpys_ul ul li:nth-child(3n+0){ margin-right:2%;}
  .cpys_ul ul li.li_bg_1{ background-size: 48%;}
  .cpys_ul ul li.li_bg_2{ background-size: 48%; margin-right: 0;}
  .cpys_ul ul li.li_bg_3{ background-size: 48%;}
  .cpys_ul ul li.li_bg_4{ background-size: 48%; margin-right: 0;}
  .cpys_ul ul li.li_bg_5{ background-size: 48%;}
  .cpys_ul ul li.li_bg_6{ background-size: 48%; margin-right: 0;}

  /* 产品优势 */
  .cpys_ul2 ul li{ width:49%;  height: 225px;}
  .cpys_ul2 ul li:nth-child(3n+0){ margin-right:2%;}
  .cpys_ul2 ul li.li_bg_1{ background-size: 48%;}
  .cpys_ul2 ul li.li_bg_2{ background-size: 48%; margin-right: 0;}
  .cpys_ul2 ul li.li_bg_3{ background-size: 48%;}
  .cpys_ul2 ul li.li_bg_4{ background-size: 48%; margin-right: 0;}
  .cpys_ul2 ul li.li_bg_5{ background-size: 48%;}
  .cpys_ul2 ul li.li_bg_6{ background-size: 48%; margin-right: 0;}

  /* 技术 */
  .team_ul ul li {
      font-size: 14px;
  }

  /*优势*/
  .i_t .p{ font-size:42px;}
  .i_a a{ margin-left:1%; margin-right:1%; font-size:15px; width:150px; height:40px; line-height:40px;}
  .i_one ul li .txts .p{font-size:14px; margin-top: 0;}

  /*产品与服务*/
  .i_a2 a{ height:70px; line-height:70px;}
  .i_two .bgs1 .imgs{ font-size:14px;}
  .i_two .a{font-size:15px; width:150px; height:40px; line-height:40px;}
  .i_two .bgs2{padding-top:5%; padding-bottom:5%;}
  .i_two .bgs2 ul li{ font-size:14px;}
  .i_two .bgs3{padding-top:5%; padding-bottom:5%;}

  /*精选案例*/
  .i_more, .i_more2{font-size:15px; width:150px; height:40px; line-height:40px;}
  .i_case ul li{ width:32%;}
  .i_case ul li:nth-child(4n+0){ margin-right:2%;}
  .i_case ul li:nth-child(3n+0){ margin-right:0;}

  /*合作伙伴*/
  .i_partner_ul ul li{ width:25%;}

  /*行业资讯*/
  .i_news ul li .txts .h3{ font-size:15px; line-height:24px; height:24px;}
  .i_news ul li .txts .p{ margin-top:0;}
  .i_news ul li .txts em{ margin-top:5px;}


  /* 应用场景 */
  .yycj{ height: 40vh;}
  .yycj .c1{ width: 30%;}
  .yycj .c2{ width: 60%;}
  .yycj .items_1{top: 2vh; left: 6vh;}
  .yycj .items_2{top: 2vh; right: -9vh;}
  .yycj .items_3{top: 16vh; left: -1vh;}
  .yycj .items_4{top: 16vh; right: -16vh;}
  .yycj .items_5{top: 28vh; left: 6vh;}
  .yycj .items_6{top: 28vh; right: -9vh;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 50%;}

  /* 数据 */
  .shuju_box{padding-top: 20px;}
  .shuju_box ul li{padding: 20px 0;}
  .shuju_box ul li .num{font-size: 36px; font-weight: bold;}
  .shuju_box ul li .txt{font-size: 14px;}

  /* 核心技术 */
  .hxjs{ height: 30vh;}
  .hxjs .c1{ width: 30%;}
  .hxjs .items_1{top: 0vh; left: 0vh;}
  .hxjs .items_2{top: 0vh; right: -25vh;}
  .hxjs .items_3{top: 23vh; left: 0vh;}
  .hxjs .items_4{top: 23vh; right: -25vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 55%;}


  /* 应用场景 */
  .yycj{ height: 35vh;}
  .yycj .c1{ width: 30%;}
  .yycj .c2{ width: 60%;}
  .yycj .items_1{top: 2%; left: 11%;}
  .yycj .items_2{top: 2%; right: -6%;}
  .yycj .items_3{top: 36%; left: 0%;}
  .yycj .items_4{top: 36%; right: -17%;}
  .yycj .items_5{top: 70%; left: 11%;}
  .yycj .items_6{top: 70%; right: -6%;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 55%;}

}

@media screen and (max-width: 780px) {
  .section .mode-list .mode-item{ margin-right: 2%; width: 23.5%;}
  .section .mode-list .mode-detail{ width: 29%; right: -4%; position: relative;}
  .section .mode-list .mode-view{width: 29%;}
  .section .mode-list .mode-item.active{width: 23.5%;}
  .section .mode-list .mode-item.active .mode-wrap{ margin-left: -114%; opacity: 1; }
  .section .mode-list .mode-detail .content .items{ padding: 15px; font-size: 12px; margin-left: 10px;}
  .section .mode-list .mode-detail .content .items li{ margin-bottom: 10px; }
  .section .mode-list .mode-detail .content .titBar .icon{ display: none;}
  .section .mode-list .mode-detail .content .titBar h3{ font-size: 32px; padding-left: 10px; padding-top: 10px;}
  .section .mode-list .mode-detail .content .titBar h4{ font-size: 14px; padding-left: 10px;}

  /* 产品优势 */
  .cpys_ul ul li{ width:49%;  height: 225px;}
  .cpys_ul ul li:nth-child(3n+0){ margin-right:2%;}
  .cpys_ul ul li.li_bg_1{ background-size: 48%;}
  .cpys_ul ul li.li_bg_2{ background-size: 48%; margin-right: 0;}
  .cpys_ul ul li.li_bg_3{ background-size: 48%;}
  .cpys_ul ul li.li_bg_4{ background-size: 48%; margin-right: 0;}
  .cpys_ul ul li.li_bg_5{ background-size: 48%;}
  .cpys_ul ul li.li_bg_6{ background-size: 48%s; margin-right: 0;}
  .cpys_ul ul li .number{ font-size:52px; margin-top:1%; padding-left:5%; padding-right:40%;}
  .cpys_ul ul li .h3{font-size:18px; line-height:30px; padding-top:0;margin-top:20%; padding-left:5%; padding-right:40%;}
  .cpys_ul ul li .p{ line-height:20px; margin-top:30%; padding-left:5%; padding-right:50%;}
  .cpys_ul li .box h2{font-size:16px; margin-top:20px; }
  .cpys_ul li .box .items{ padding: 10px; font-size: 14px;}
  .cpys_ul li .box .items dd{ text-align: left; width: 100%; color: #fff; line-height: 1.6;}


    /* 产品优势-军体 */
    .cpys_ul2 ul li{ width:49%;  height: 225px;}
    .cpys_ul2 ul li:nth-child(3n+0){ margin-right:2%;}
    .cpys_ul2 ul li.li_bg_1{ background-size: 48%;}
    .cpys_ul2 ul li.li_bg_2{ background-size: 48%; margin-right: 0;}
    .cpys_ul2 ul li.li_bg_3{ background-size: 48%;}
    .cpys_ul2 ul li.li_bg_4{ background-size: 48%; margin-right: 0;}
    .cpys_ul2 ul li.li_bg_5{ background-size: 48%;}
    .cpys_ul2 ul li.li_bg_6{ background-size: 48%s; margin-right: 0;}
    .cpys_ul2 ul li .number{ font-size:52px; margin-top:1%; padding-left:5%; padding-right:40%;}
    .cpys_ul2 ul li .h3{font-size:18px; line-height:30px; padding-top:0;margin-top:20%; padding-left:5%; padding-right:40%;}
    .cpys_ul2 ul li .p{ line-height:20px; margin-top:30%; padding-left:5%; padding-right:50%;}
    .cpys_ul2 li .box h2{font-size:16px; margin-top:20px; }
    .cpys_ul2 li .box .items{ padding: 10px; font-size: 14px;}
    .cpys_ul2 li .box .items dd{ text-align: left; width: 100%; color: #fff; line-height: 1.6;}

  /*轮显*/
  .banner .swiper-pagination { bottom:20px;}
  .banner .swiper-pagination .swiper-pagination-bullet {width: 20px;}

  /*精选案例*/
  .i_case ul li .txts .h3{ font-size:15px; height:32px; line-height:32px;}
  .i_case ul li .txts .p{ font-size:13px; line-height:22px; height:44px;}
  .i_case ul li .txts em{ margin-bottom:15px;}

  /*行业资讯*/
  .i_news ul li{ float:none; width:100%; margin-right:0;}
  .i_news ul li .txts .h3{ font-size:16px; line-height:30px; height:30px;}
  .i_news ul li .txts .p{ margin-top:10px;}
  .i_news ul li .txts em{ margin-top:15px;}

  /* 数据 */
  .shuju_box{padding-top: 20px;}
  .shuju_box ul li{padding: 20px 0;}
  .shuju_box ul li .num{font-size: 36px; font-weight: bold;}
  .shuju_box ul li .txt{font-size: 14px;}

  /* 建设方案 */
  .team_ul ul li .h3{font-size:14px; line-height:20px;}
  .team_ul ul li .p{font-size: 12px;}
  .team_ul2 ul li .h3{font-size:14px; line-height:20px;}
  .team_ul2 ul li .p{font-size: 12px;}
}

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

  /* 应用场景 */
  .yycj{ height: 40vh;}
  .yycj .c1{ width: 30%;}
  .yycj .c2{ width: 60%; display: none;}
  .yycj .items_1{top: 0%; left: 1%;}
  .yycj .items_2{top: 0%; right: -14%;}
  .yycj .items_3{top: 34%; left: 1%;}
  .yycj .items_4{top: 34%; right: -14%;}
  .yycj .items_5{top: 68%; left: 1%;}
  .yycj .items_6{top: 68%; right: -14%;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 75%;}

  /* 核心技术 */
  .hxjs{ height: 55vh;}
  .hxjs .c1{ width: 70%;}
  .hxjs .items_1{top: 0vh; left: 8vh;}
  .hxjs .items_2{top: 15vh; right: 8vh;}
  .hxjs .items_3{top: 30vh; left: 8vh;}
  .hxjs .items_4{top: 45vh; right: 8vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 100%;}

    /*精选案例*/
    .i_more, .i_more2{ height:32px; line-height:32px; font-size:14px;}
    .i_case ul li{ width:49%;}
    .i_case ul li:nth-child(3n+0){ margin-right:2%;}
    .i_case ul li:nth-child(2n+0){ margin-right:0;}

}

@media screen and (max-width: 640px) {
 /* 产品优势 */
 .cpys_ul ul li{ width:49%;  height: 210px;}
 .cpys_ul ul li:nth-child(3n+0){ margin-right:2%;}
 .cpys_ul ul li.li_bg_1{ background-size: 45%;}
 .cpys_ul ul li.li_bg_2{ background-size: 45%; margin-right: 0;}
 .cpys_ul ul li.li_bg_3{ background-size: 45%}
 .cpys_ul ul li.li_bg_4{ background-size: 45%; margin-right: 0;}
 .cpys_ul ul li.li_bg_5{ background-size: 45%;}
 .cpys_ul ul li.li_bg_6{ background-size: 45%; margin-right: 0;}
 .cpys_ul ul li .number{ font-size:32px; margin-top:1%; padding-left:5%; padding-right:35%;}
 .cpys_ul ul li .h3{font-size:12px; line-height:30px; padding-top:14%;margin-top:5%; padding-left:5%;}
 .cpys_ul ul li .p{ line-height:16px; margin-top: 33%; padding-left:5%; padding-right:45%; font-size: 12px;}
 .cpys_ul li .box h2{font-size:16px; margin-top:20px; }
 .cpys_ul li .box .items{ padding: 10px; font-size: 14px;}
 .cpys_ul li .box .items dd{line-height: 1.3;}
 /* 产品优势-具体 */
 .cpys_ul2 ul li{ width:49%;  height: 210px;}
 .cpys_ul2 ul li:nth-child(3n+0){ margin-right:2%;}
 .cpys_ul2 ul li.li_bg_1{ background-size: 45%;}
 .cpys_ul2 ul li.li_bg_2{ background-size: 45%; margin-right: 0;}
 .cpys_ul2 ul li.li_bg_3{ background-size: 45%}
 .cpys_ul2 ul li.li_bg_4{ background-size: 45%; margin-right: 0;}
 .cpys_ul2 ul li.li_bg_5{ background-size: 45%;}
 .cpys_ul2 ul li.li_bg_6{ background-size: 45%; margin-right: 0;}
 .cpys_ul2 ul li .number{ font-size:32px; margin-top:1%; padding-left:5%; padding-right:35%;}
 .cpys_ul2 ul li .h3{font-size:12px; line-height:30px; padding-top:14%;margin-top:5%; padding-left:5%;}
 .cpys_ul2 ul li .p{ line-height:16px; margin-top: 33%; padding-left:5%; padding-right:45%; font-size: 12px;}
 .cpys_ul2 li .box h2{font-size:16px; margin-top:20px; }
 .cpys_ul2 li .box .items{ padding: 10px; font-size: 14px;}
 .cpys_ul2 li .box .items dd{line-height: 1.3;}
  /* 技术 */
  .team_ul ul li { float: left; width: 49%; margin-right: 2%; margin-bottom: 2%;}
  .team_ul ul li:nth-child(2n+0){ margin-right:0;}
  .team_ul ul li .imgs{ height: 150px;}
  .team_ul ul li .imgs img{ width: 88%;}
  /* .team_ul ul li:first-child .imgs img{ width: 58%;} */
  .team_ul ul li .h3{font-size:14px; line-height:20px;}
  .team_ul ul li .p{font-size: 12px;}
  .team_ul2 ul li { float: left; width: 49%; margin-right: 2%; margin-bottom: 2%;}
  .team_ul2 ul li:nth-child(2n+0){ margin-right:0;}
  .team_ul2 ul li .imgs{ height: 150px;}
  .team_ul2 ul li .imgs img{ width: 88%;}
  .team_ul2 ul li .h3{font-size:14px; line-height:20px;}
  .team_ul2 ul li .p{font-size: 12px;}
  /*优势*/
  .i_a{ margin-top:2%;}
  .i_a a{ height:32px; line-height:32px; font-size:14px;}
  .i_bg1{ background:none;}
  .i_one{ text-align:center;}
  .i_one ul li .txts{ width:100%; max-width:none; position:static;}
  .i_one ul li:nth-child(2n+0) .txts{ max-width:none;}
  .i_one ul li .txts .p{ line-height:1.6; margin-top:3%;}
  .i_one ul li .imgs{ float:none; width:100%; margin-top:3%;}
  .i_one ul li:nth-child(2n+0) .imgs{ float:none;}
  .i_one ul li .imgs img{ max-height:none;}

  /* 产品中心 */
  .product_1_ul ul li .txts .h3{font-size: 16px;}
  .product_2_ul ul li .txts .h3{font-size: 16px;}
  /*产品与服务*/
  .i_a2 a{ height:50px; line-height:50px;}
  .i_a2 a:after{ height:3px; }
  .i_two .bgs1{padding-top:6%; padding-bottom:6%;}
  .i_two .bgs1 .txts{ float:none; width:100%; margin-top:4%; text-align:center;}
  .i_two .bgs1 .imgs{ float:none; width:100%;}
  .i_two .a{height:32px; line-height:32px; font-size:14px;}
  .i_two .bgs1 .txts .a{ margin: 0 auto; margin-top:5%;}
  .i_two .bgs2{padding-top:6%; padding-bottom:6%;}
  .i_two .bgs2 ul li{ font-size:13px;}
  .i_two .bgs3{padding-top:6%; padding-bottom:6%;}

  /*精选案例*/
  .i_more, .i_more2{ height:32px; line-height:32px; font-size:14px;}
  .i_case ul li{ width:49%;}
  .i_case ul li:nth-child(3n+0){ margin-right:2%;}
  .i_case ul li:nth-child(2n+0){ margin-right:0;}

  /*合作伙伴*/
  .i_partner_ul ul li{ width:33.33%;}

  /*行业资讯*/
  .i_news ul li .txts .h3{ font-size:15px; line-height:24px; height:24px;}
  .i_news ul li .txts .p{ margin-top:5px;}
  .i_news ul li .txts em{ margin-top:10px;}

  /* 数据 */
  .shuju_box{padding-top: 20px;}
  .shuju_box ul li{padding: 20px 0;}
  .shuju_box ul li .num{font-size: 22px; font-weight: bold;}
  .shuju_box ul li .txt{font-size: 14px;}

  /* 荣誉数据 */
  .rongyu_shuju_box .tit{font-size: 30px; padding-top: 50px; padding-bottom: 50px; text-align: center;}
  .rongyu_shuju_box .shuju_num{ width: 100%;}
  .rongyu_shuju_box .shuju_num li{ width: 50%; text-align: center; }
  .rongyu_shuju_box .shuju_num li .num{font-size: 52px;}
  .rongyu_shuju_box .shuju_num li .txt{font-size: 22px;}
}

@media screen and (max-width: 540px) {
  /* 应用场景 */
  .yycj{ height: 30vh;}
  .yycj .c1{ width: 30%;}
  .yycj .c2{ width: 60%;}
  .yycj .items_1{top: 6%; left: 3%;}
  .yycj .items_2{top: 6%; right: -22%;}
  .yycj .items_3{top: 36%; left: 3%;}
  .yycj .items_4{top: 36%; right: -22%;}
  .yycj .items_5{top: 66%; left: 3%;}
  .yycj .items_6{top: 66%; right: -22%;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 55%;}

  /* 产品优势 */
  .cpys_ul ul li{ width:49%;  height: 210px;}
  .cpys_ul ul li:nth-child(3n+0){ margin-right:2%;}
  .cpys_ul ul li.li_bg_1{ background-size: 45%;}
  .cpys_ul ul li.li_bg_2{ background-size: 45%; margin-right: 0;}
  .cpys_ul ul li.li_bg_3{ background-size: 45%}
  .cpys_ul ul li.li_bg_4{ background-size: 45%; margin-right: 0;}
  .cpys_ul ul li.li_bg_5{ background-size: 45%;}
  .cpys_ul ul li.li_bg_6{ background-size: 45%; margin-right: 0;}
  .cpys_ul ul li .number{ font-size:32px; margin-top:1%; padding-left:5%; padding-right:35%;}
  .cpys_ul ul li .h3{font-size:13px; line-height:30px; padding-top:14%;margin-top:5%; padding-left:2%;}
  .cpys_ul ul li .p{ line-height:20px; margin-top: 33%; padding-left:5%; padding-right:45%; font-size: 12px;}
  .cpys_ul li .box h2{font-size:16px; margin-top:20px; }
  .cpys_ul li .box .items{ padding: 10px; font-size: 14px;}
  .cpys_ul li .box .items dd{line-height: 1.3;}
  /* 产品优势-军体 */
  .cpys_ul2 ul li{ width:49%;  height: 210px;}
  .cpys_ul2 ul li:nth-child(3n+0){ margin-right:2%;}
  .cpys_ul2 ul li.li_bg_1{ background-size: 45%;}
  .cpys_ul2 ul li.li_bg_2{ background-size: 45%; margin-right: 0;}
  .cpys_ul2 ul li.li_bg_3{ background-size: 45%}
  .cpys_ul2 ul li.li_bg_4{ background-size: 45%; margin-right: 0;}
  .cpys_ul2 ul li.li_bg_5{ background-size: 45%;}
  .cpys_ul2 ul li.li_bg_6{ background-size: 45%; margin-right: 0;}
  .cpys_ul2 ul li .number{ font-size:32px; margin-top:1%; padding-left:5%; padding-right:35%;}
  .cpys_ul2 ul li .h3{font-size:13px; line-height:30px; padding-top:14%;margin-top:5%; padding-left:2%;}
  .cpys_ul2 ul li .p{ line-height:20px; margin-top: 33%; padding-left:5%; padding-right:45%; font-size: 12px;}
  .cpys_ul2 li .box h2{font-size:16px; margin-top:20px; }
  .cpys_ul2 li .box .items{ padding: 10px; font-size: 14px;}
  .cpys_ul2 li .box .items dd{line-height: 1.3;}
  /* 数据 */
  .shuju_box{padding-top: 20px;}
  .shuju_box ul li{padding: 20px 0;}
  .shuju_box ul li .num{font-size: 22px; font-weight: bold;}
  .shuju_box ul li .txt{font-size: 14px;}

  /* 荣誉数据 */
  .rongyu_shuju_box {height: 500px;}
  .rongyu_shuju_box .tit{font-size: 30px; padding-top: 50px; padding-bottom: 50px; text-align: center;}
  .rongyu_shuju_box .shuju_num{ width: 100%;}
  .rongyu_shuju_box .shuju_num li{ width: 50%; text-align: center; }
  .rongyu_shuju_box .shuju_num li .num{font-size: 52px;}
  .rongyu_shuju_box .shuju_num li .txt{font-size: 22px;}

  /* 核心技术 */
  .hxjs{ height: 55vh;}
  .hxjs .c1{ width: 70%;}
  .hxjs .items_1{top: 0vh; left: 8vh;}
  .hxjs .items_2{top: 15vh; right: 8vh;}
  .hxjs .items_3{top: 30vh; left: 8vh;}
  .hxjs .items_4{top: 45vh; right: 8vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 100%;}

}

@media screen and (max-width: 480px) {
  .section{padding-top: 0; padding-bottom: 0;}
  .section .mode-list .mode-view h3 { padding-top: 5px;}
  .section .mode-list .mode-item{ margin-right: 1%; margin-left: 1px; margin-bottom: 2%; width: 48%; height: 190px;}
  .section .mode-list .mode-view{width:38%; height: 190px;}
  .section .mode-list .mode-item.active{width: 48%; height: 190px;}
  .section .mode-list .mode-item.active .mode-wrap{ margin-left: -5%; opacity: 1; }
  .section .mode-list .mode-detail .content .items{ padding: 15px; font-size: 12px; margin-left: 10px;}
  .section .mode-list .mode-detail .content .items li{ margin-bottom: 10px; }
  .section .mode-list .mode-detail .content .titBar .icon{ display: none;}
  .section .mode-list .mode-detail .content .titBar h3{ font-size: 32px; padding-left: 10px; padding-top: 10px;}
  .section .mode-list .mode-detail .content .titBar h4{ font-size: 14px; padding-left: 10px;}
  .section .mode-list .mode-item.active .mode-view{ opacity: 1; }
  .section .mode-list .mode-item.active .mode-detail{ opacity: 0; }
  .section .mode-list .mode-view i {width: 160px;height: 50px;margin: 5px auto 10px;}
  /* 技术 */
  .team_ul ul li {
      padding-top: 0;
      padding-bottom: 0;
  }
  .team_ul2 ul li {
    padding-top: 0;
    padding-bottom: 0;
  }
  /*优势*/
  .i_t .p{ font-size:28px;}
  .i_a{ margin-top:3%;}
  .i_a a{ font-size:13px;}
  .i_one ul li .txts .p{ font-size:13px;}

  /*产品与服务*/
  .i_two .bgs1 .imgs{ font-size:13px;}

  /*精选案例*/
  .i_case ul li .txts .h3{ font-size:14px; height:28px; line-height:28px;}
  .i_case ul li .txts .p{ font-size:12px; line-height:20px; height:40px;}
  .i_case ul li .txts em{ margin-bottom:12px; margin-top:12px; height:20px; line-height:20px;}

  /*合作伙伴*/
  .i_partner_ul ul li{ width:50%;}

  /*在线留言*/
  .feedback_box.showdiv{ max-width:none; margin-left:-48%;/*top:90px;*/height:340px; margin-top:-170px;}
  .feedback_box .feedtack_tt{ margin-bottom:6px;}
  .feedback_box .textarea{ margin-bottom:3px; height:60px;font-size:13px;}
  .feedback_box .input_shurk{ margin-bottom:4px; height:32px; line-height:32px;font-size:13px;}
  .feedback_box .bnts{ height:36px; line-height:36px; max-width:none; font-size:14px;}
  .feedback_box .divs3{ margin-top:7px; font-size:13px; margin-bottom:15px;}
  .feedback_box .divs{ float:none; width:100%; margin-right:0;}
  .feedback_box .feedback_box_close{ right:10px;}
  .feedback_box .feedback_box_close a{ font-size:26px;}
  /*行业资讯*/
  .i_news ul li .txts .h3{ font-size:14px; line-height:24px; height:24px;}
  .i_news ul li .txts .p{ margin-top:0; font-size:12px; line-height:20px; height:40px;}
  .i_news ul li .txts em{ margin-top:5px; font-size:12px;}

  /* 应用场景 */
  .yycj{ height: 40vh;}
  .yycj .c1{ width: 45%;}
  .yycj .c2{ width: 60%;}
  .yycj .items_1{top: 0%; left: 2%;}
  .yycj .items_2{top: 0%; right: -10%;}
  .yycj .items_3{top: 38%; left: 2%;}
  .yycj .items_4{top: 38%; right: -10%;}
  .yycj .items_5{top: 77%; left: 2%;}
  .yycj .items_6{top: 77%; right: -10%;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 80%;}

  /* 核心技术 */
  .hxjs{ height: 55vh;}
  .hxjs .c1{ width: 70%;}
  .hxjs .items_1{top: 0vh; left: 8vh;}
  .hxjs .items_2{top: 15vh; right: 8vh;}
  .hxjs .items_3{top: 30vh; left: 8vh;}
  .hxjs .items_4{top: 45vh; right: 8vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 100%;}

  /* 数据 */
  .shuju_box{padding-top: 20px;}
  .shuju_box ul li{padding: 20px 0;}
  .shuju_box ul li .num{font-size: 22px; font-weight: bold;}
  .shuju_box ul li .txt{font-size: 14px;}

  /* 荣誉数据 */
  .rongyu_shuju_box {height: 400px;}
  .rongyu_shuju_box .tit{font-size: 30px; padding-top: 0; padding-bottom: 30px; text-align: center;}
  .rongyu_shuju_box .shuju_num{ width: 100%;}
  .rongyu_shuju_box .shuju_num li{ width: 50%; text-align: center; }
  .rongyu_shuju_box .shuju_num li .num{font-size: 52px;}
  .rongyu_shuju_box .shuju_num li .txt{font-size: 22px;}

}

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

   /* 产品优势 */
   .cpys_ul ul li{ width:49%;  height: 210px;}
   .cpys_ul ul li:nth-child(3n+0){ margin-right:2%;}
   .cpys_ul ul li.li_bg_1{ background-size: 45%;}
   .cpys_ul ul li.li_bg_2{ background-size: 45%; margin-right: 0;}
   .cpys_ul ul li.li_bg_3{ background-size: 45%}
   .cpys_ul ul li.li_bg_4{ background-size: 45%; margin-right: 0;}
   .cpys_ul ul li.li_bg_5{ background-size: 45%;}
   .cpys_ul ul li.li_bg_6{ background-size: 45%; margin-right: 0;}
   .cpys_ul ul li .number{ font-size:32px; margin-top:1%; padding-left:5%; padding-right:35%;}
   .cpys_ul ul li .h3{font-size:12px; line-height:30px; padding-top:14%;margin-top:5%; padding-left:2%;}
   .cpys_ul ul li .p{ line-height:20px; margin-top: 33%; padding-left:2%; padding-right:45%; font-size: 12px;}
   .cpys_ul li .box h2{font-size:16px; margin-top:20px; }
   .cpys_ul li .box .items{ padding: 10px; font-size: 14px;}
   .cpys_ul li .box .items dd{line-height: 1.3;}

  /* 产品优势-军体 */
  .cpys_ul2 ul li{ width:49%;  height: 210px;}
  .cpys_ul2 ul li:nth-child(3n+0){ margin-right:2%;}
  .cpys_ul2 ul li.li_bg_1{ background-size: 45%;}
  .cpys_ul2 ul li.li_bg_2{ background-size: 45%; margin-right: 0;}
  .cpys_ul2 ul li.li_bg_3{ background-size: 45%}
  .cpys_ul2 ul li.li_bg_4{ background-size: 45%; margin-right: 0;}
  .cpys_ul2 ul li.li_bg_5{ background-size: 45%;}
  .cpys_ul2 ul li.li_bg_6{ background-size: 45%; margin-right: 0;}
  .cpys_ul2 ul li .number{ font-size:32px; margin-top:1%; padding-left:5%; padding-right:35%;}
  .cpys_ul2 ul li .h3{font-size:12px; line-height:30px; padding-top:14%;margin-top:5%; padding-left:2%;}
  .cpys_ul2 ul li .p{ line-height:20px; margin-top: 33%; padding-left:2%; padding-right:45%; font-size: 12px;}
  .cpys_ul2 li .box h2{font-size:16px; margin-top:20px; }
  .cpys_ul2 li .box .items{ padding: 10px; font-size: 14px;}
  .cpys_ul2 li .box .items dd{line-height: 1.3;}

  .section{padding-top: 0; padding-bottom: 0;}
  .section .mode-list .mode-view h3 { padding-top: 5px;}
  .section .mode-list .mode-item{ margin-right: 1%; margin-left: 1px; margin-bottom: 2%; width: 48%; height: 190px;}
  .section .mode-list .mode-view{width: 36%; height: 190px;}
  .section .mode-list .mode-item.active{width: 48%; height: 190px;}
  .section .mode-list .mode-item.active .mode-wrap{ margin-left: -5%; opacity: 1; }
  .section .mode-list .mode-detail .content .items{ padding: 15px; font-size: 12px; margin-left: 10px;}
  .section .mode-list .mode-detail .content .items li{ margin-bottom: 10px; }
  .section .mode-list .mode-detail .content .titBar .icon{ display: none;}
  .section .mode-list .mode-detail .content .titBar h3{ font-size: 32px; padding-left: 10px; padding-top: 10px;}
  .section .mode-list .mode-detail .content .titBar h4{ font-size: 14px; padding-left: 10px;}
  .section .mode-list .mode-item.active .mode-view{ opacity: 1; }
  .section .mode-list .mode-item.active .mode-detail{ opacity: 0; }
  .section .mode-list .mode-view i {width: 160px;height: 50px;margin: 5px auto 10px;}

  /* 应用场景 */
  .yycj{ height: 40vh;}
  .yycj .c1{ width: 45%;}
  .yycj .c2{ width: 60%;}
  .yycj .items_1{top: 0%; left: 2%;}
  .yycj .items_2{top: 0%; right: -10%;}
  .yycj .items_3{top: 38%; left: 2%;}
  .yycj .items_4{top: 38%; right: -10%;}
  .yycj .items_5{top: 78%; left: 2%;}
  .yycj .items_6{top: 78%; right: -10%;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 80%;}

  /* 数据 */
  .shuju_box{padding-top: 20px;}
  .shuju_box ul li{padding: 20px 0;}
  .shuju_box ul li .num{font-size: 20px; font-weight: bold;}
  .shuju_box ul li .txt{font-size: 14px;}

  /* 荣誉数据 */
  .rongyu_shuju_box {height: 400px;}
  .rongyu_shuju_box .tit{font-size: 30px; padding-top: 0; padding-bottom: 30px; text-align: center;}
  .rongyu_shuju_box .shuju_num{ width: 100%;}
  .rongyu_shuju_box .shuju_num li{ width: 50%; text-align: center; }
  .rongyu_shuju_box .shuju_num li .num{font-size: 46px;}
  .rongyu_shuju_box .shuju_num li .txt{font-size: 22px;}
}

@media screen and (max-width: 380px) {
  .section{padding-top: 0; padding-bottom: 0;}
  .section .mode-list .mode-view h3 { padding-top: 5px;}
  .section .mode-list .mode-item{ margin-right: 1%; margin-left: 1px; margin-bottom: 2%; width: 48%; height: 190px;}
  .section .mode-list .mode-view{width: 32%; height: 190px;}
  .section .mode-list .mode-item.active{width: 48%; height: 190px;}
  .section .mode-list .mode-item.active .mode-wrap{ margin-left: -5%; opacity: 1; }
  .section .mode-list .mode-detail .content .items{ padding: 15px; font-size: 12px; margin-left: 10px;}
  .section .mode-list .mode-detail .content .items li{ margin-bottom: 10px; }
  .section .mode-list .mode-detail .content .titBar .icon{ display: none;}
  .section .mode-list .mode-detail .content .titBar h3{ font-size: 32px; padding-left: 10px; padding-top: 10px;}
  .section .mode-list .mode-detail .content .titBar h4{ font-size: 14px; padding-left: 10px;}
  .section .mode-list .mode-item.active .mode-view{ opacity: 1; }
  .section .mode-list .mode-item.active .mode-detail{ opacity: 0; }
  .section .mode-list .mode-view i {width: 160px;height: 50px;margin: 5px auto 10px;}

  /* 应用场景 */
  .yycj{ height: 50vh;}
  .yycj .c1{ width: 45%;}
  .yycj .c2{ width: 60%;}
  .yycj .items_1{top: 0%; left: 2%;}
  .yycj .items_2{top: 0%; right: 0%;}
  .yycj .items_3{top: 38%; left: 2%;}
  .yycj .items_4{top: 38%; right: 0%;}
  .yycj .items_5{top: 78%; left: 2%;}
  .yycj .items_6{top: 78%; right: 0%;}
  .yycj .items_1 img,.yycj .items_2 img,.yycj .items_3 img,.yycj .items_4 img,.yycj .items_5 img,.yycj .items_6 img{ width: 100%;}

  /* 核心技术 */
  .hxjs{ height: 55vh;}
  .hxjs .c1{ width: 70%;}
  .hxjs .items_1{top: 0vh; left: 14vh;}
  .hxjs .items_2{top: 15vh; right: 14vh;}
  .hxjs .items_3{top: 30vh; left: 14vh;}
  .hxjs .items_4{top: 45vh; right: 14vh;}
  .hxjs .items_1 img,.hxjs .items_2 img,.hxjs .items_3 img,.hxjs .items_4 img{ width: 98%;}

  /* 数据 */
  .shuju_box{padding-top: 20px;}
  .shuju_box ul li{padding: 20px 0;}
  .shuju_box ul li .num{font-size: 20px; font-weight: bold;}
  .shuju_box ul li .txt{font-size: 14px;}

  /* 荣誉数据 */
  .rongyu_shuju_box {height: 370px;}
  .rongyu_shuju_box .tit{font-size: 28px; padding-top: 0px; padding-bottom: 30px; text-align: center;}
  .rongyu_shuju_box .shuju_num{ width: 100%;}
  .rongyu_shuju_box .shuju_num li{ width: 50%; text-align: center; }
  .rongyu_shuju_box .shuju_num li .num{font-size: 48px;}
  .rongyu_shuju_box .shuju_num li .txt{font-size: 24px;}
}

@keyframes mymove6
{
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove6
{
	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}
	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}