.index .header{background: none;}
.index .navbar-nav>li .dropnav{top: 0; background-color:rgba(255,255,255,0.65);}
.index .navbar-default .navbar-nav>.open>a, .index .navbar-default .navbar-nav>.open>a:focus, .index .navbar-default .navbar-nav>.open>a:hover{position: relative; z-index: 1001;}
.index .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
.index .language, .index .language a{color: #fff;}
.index .language .radius-half{color: #727272;background:url(../image/search.png) no-repeat center}
.index .language i{background: #fff}
@media (min-width: 992px){
.index .navbar-nav>li>a{color: #fff;}
.index .navbar-nav>li .dropdown-menu{margin-top: 50px;}
}
@media (max-width: 1199px){
.index .navbar-nav>li>a{-webkit-transition: none; transition: none;}
/*.index .navbar-nav>li>a:visited{color: #fff;}*/
}

.idx-banner{background-color:#000;height:100vh}
.idx-banner .swiper-container{width: 100%; z-index: 0; height: 100%;}
.idx-banner .swiper-slide{background-color: rgba(0,0,0,.5);}
.idx-banner .swiper-wrapper, .idx-banner [data-swiper-parallax]{will-change:transform}
.idx-banner .headbg{position:absolute;z-index:0;width:100%;height: 100%;background-repeat:no-repeat;background-size:cover;background-position:center center;-webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .headbg::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.1);background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 30%);background-image:linear-gradient(to bottom,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 30%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#00000000', GradientType=0);z-index: 1;}
.idx-banner .textbox{position: absolute; left:0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center;}
.idx-banner .weui-cell{width: 100%; height: 100%;}
.idx-banner .cn{display:block;opacity: 0; text-align: center; font-size:4vw;font-weight:bold;text-shadow: 0 1px 16px rgba(0,0,0,.16); -webkit-animation: fadeOutUp 2s; animation: fadeOutUp 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-slide-active .headbg{-webkit-animation: scaleBigToSmall 4s; animation: scaleBigToSmall 4s;}
.idx-banner .swiper-slide-active .cn{-webkit-animation: fadeInUp 1.5s; animation: fadeInUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;opacity: 1; }
.idx-banner .swiper-button-prev, .idx-banner .swiper-button-next{top: 25%; left: 36%; right: 0; width: 34px; height: 34px; border: 1px solid transparent; background: none; -webkit-border-radius: 50%; border-radius: 50%;}
.idx-banner .swiper-button-next{margin-top: 20px;}
.idx-banner .swiper-button-prev::before, .idx-banner .swiper-button-next::before{position: absolute; display: block; content: ""; left: 50%; top: 50%; margin-top: -4px; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff;}
.idx-banner .swiper-button-prev::before{margin-left: -3px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.idx-banner .swiper-button-next::before{margin-left: -5px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.idx-banner .swiper-pagination{width: auto !important; bottom: .5rem !important; left: 50% !important; border-bottom: 1px solid rgba(255,255,255,.35); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.idx-banner .swiper-pagination-bullet{position: relative; width: auto; height: auto; margin: 0 .36rem !important; padding: 5px .24rem; font-size: 14px; color: #f5f5f5; opacity: 1; background: none; -webkit-border-radius: 0; border-radius: 0;}
.idx-banner .swiper-pagination-bullet::after{position: absolute; display: block; content: ""; left: 50%; bottom: -15px; width: 0; height: 2px; background: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .4s cubic-bezier(0.28, 0.51, 0.38, 1); transition: all .4s cubic-bezier(0.28, 0.51, 0.38, 1);}
.idx-banner .swiper-pagination-bullet-active::after{width: 16px;}
.idx-banner .swiper-pagination-bullet:first-child{margin-left: 0 !important;}
.idx-banner .swiper-pagination-bullet:last-child{margin-right: 0 !important;}
@media (min-width: 640px){.idx-banner .en{margin-left: -10%;}}
@media (min-width: 1200px){.idx-banner .swiper-button-prev:hover, .idx-banner .swiper-button-next:hover{border-color: #fff;}}
@media (max-width: 639px){
.idx-banner .swiper-pagination-bullet{margin: 0 !important;}
}

.idx-title .en{line-height: 15px; font-size: 12px; color: #888;}
.idx-title .cn{margin-top: 45px; font-size: 16px; color: #1f97d4;}
.idx-title h3{margin-top: 15px; font-size: 40px; color: #191919;font-weight:400}
.idx-title p{margin-top: 35px; font-size: 14px; color: #999999;line-height: 24px; }
.idx-title .more {margin-top:60px;}
.idx-title .cn2{margin-top: 75px;}

.idx-advantage {background:url(../image/list1.jpg) no-repeat right top;}
.idx-advantage .container {border-left:1px solid #e9e9e9;border-right:1px solid #5c656d;position:relative;padding-top:72px;}
.idx-advantage .upper {width:15px;background:#fff;position:absolute;left:-8px;top:100px;height:90px;background:url(../image/adv.png) #fff;}
.idx-advantage1 {}
.idx-advantage1 .container {border-left:1px solid #e9e9e9;height:115px;}

.idx-aboutus {background:#f4f4f6}
.idx-aboutus .about-img {position:relative;}
.idx-aboutus .about-img div{width:15px;border-left:1px solid #819296;position:absolute;left:15.3%;top:0px;}
.idx-aboutus .about-img div img{margin-left:-7px;margin-top:95px;}

.idx-aboutus .textbox {margin-top:110px;}
.idx-aboutus .textbox h3{margin-top: 15px; font-size: 40px; color: #191919;font-weight:400}
.idx-aboutus .textbox h3 span{font-weight:bold; color: #1f97d4;}
.idx-aboutus .textbox p{text-transform:uppercase;font-size:18px;color:#191919;margin-top:20px;font-weight:300}
.idx-aboutus .textbox p.span{margin-top: 45px; font-size: 14px; color: #999999;line-height: 24px; }
.idx-aboutus .textbox .numList {float:left;width:100%;margin-top:80px;display: flex;justify-content: space-between;}

.idx-aboutus .textbox .num strong{font-size:30px;font-weight:normal;color:#191919;line-height:50px;}
.idx-aboutus .textbox .num div{color:#a4a4a5;font-size:16px;line-height:24px;}
.idx-aboutus .more {margin-top:110px;}
.idx-aboutus .col-sm-6 {width:55%;}
.idx-aboutus .colsm {width:45%;}

.more {font-size: 16px;overflow: hidden;position: relative;z-index: 0;display: flex;width: 250px;height: 54px;padding: 0;text-indent: 10px;border: 1px solid #d2d3d4;border-radius: 32px;align-items: center;justify-content: center;color: #1f97d4;font-weight:300;float:left;}
.more:hover {color: #fff;border: 1px solid #d2d3d4;border-color: transparent;background: transparent;}
.more:hover:before {content: "";transform: scale(10);color: #332d43;}
.more:hover:after {color: #fff;}
.more::before {font-size: 33px;line-height: 46px;position: absolute;z-index: -1;top: 3px;left: 3px;width: 46px;height: 46px;content: "";transition: all 0.56s;text-align: center;text-indent: 0;color: #fff;border-radius: 50%;background: #1f97d4;}
.more::after {font: normal normal normal 18px/1 FontAwesome;font-size: 24px;line-height: 46px;position: absolute;z-index: -1;top: 3px;left: 3px;width: 46px;height: 46px;content: "\f101";transition: all 0.56s;text-align: center;text-indent: 0;color: #fff;border-radius: 50%;background: transparent;}
.str_wrap {
	overflow:hidden;
	zoom:1;
	width:100%;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	background:#f6f6f6;
	white-space:nowrap;
}

.str_wrap.str_active {
	background:#f1f1f1;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}

.dowebok { width: 100%;margin-top:12%;}
.dowebok img { margin-left: 10px; vertical-align: top;height:110px;}
.abmScroll {float:left;width:100%;padding-left:10%;}

@media (max-width: 992px){
    .dowebok { display:none;}
}
@media (max-width: 767px){
    .dowebok { display:block;margin-top:20px;}
    .abmScroll {float:left;width:100%;padding-left:0%;}
}





/*场地规划S*/

.common-box{max-width:1400px;margin:0 auto;}
@media (max-width: 1440px){
.common-box{max-width:1200px;}
}
.idx-cdgh{position:relative;background:-o-linear-gradient(333deg, #00999a, #0099cb);background:linear-gradient(117deg, #00999a, #0099cb);}
.idx-cdgh .bg-lists{position:absolute;left:0;width:100%;height:100%;top:0;z-index:2;}
@media (max-width: 1280px){
.idx-cdgh .bg-lists{display:none;}
}
.idx-cdgh .bg{position:absolute;width:100%;left:0;top:0;height:100%;background-color:#0099cb;background-size:cover;background-position:center center;}
.idx-cdgh .bg:before{content:'';position:absolute;width:36%;height:100%;background:-o-linear-gradient(333deg, #00999a, #0099cb);background:linear-gradient(117deg, #00999a, #0099cb);left:0;top:0;opacity:0.8;}
.idx-cdgh .common-box{position:relative;z-index:5;color:#fff;padding:100px 0;}
.idx-cdgh .common-box .lists{margin-top:50px;}
.idx-cdgh .common-box .lists .item{height:110px;display:-webkit-box;display:-ms-flexbox;display:flex;width:700px;position:relative;}
.idx-cdgh .common-box .lists .item > .iconfont{line-height:110px;font-size:54px;width:70px;opacity:0.75;position:relative;z-index:2;-webkit-transition:all 0.25s;-o-transition:all 0.25s;transition:all 0.25s;padding-right:30px;text-align:center;}
@media (max-width: 1440px){
.idx-cdgh .common-box .lists .item > .iconfont{font-size:40px;}
}
.idx-cdgh .common-box .lists .item:before{content:'';position:absolute;height:100%;width:200%;right:0;top:0;background-color:#10c8de;-webkit-transform:scaleX(0) translate3d(0, 0, 0);transform:scaleX(0) translate3d(0, 0, 0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;-o-transition:transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;border-bottom-right-radius:10px;border-top-right-radius:10px;}
.idx-cdgh .common-box .lists .item .right{padding-right:35px;height:110px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:2;}
.idx-cdgh .common-box .lists .item .right .l .name{font-size:24px;font-weight:700;color: #fff;}
@media (max-width: 1440px){
.idx-cdgh .common-box .lists .item .right .l .name{font-size:20px;}
}
.idx-cdgh .common-box .lists .item .right .l .des{width:450px;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;font-size:16px;opacity:0;padding-top:8px;height:0;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;}
.idx-cdgh .common-box .lists .item .right .jt-more{font-size:12px;width:36px;height:36px;line-height:34px;border:1px solid #fff;border-radius:50%;text-align:center;opacity:0;cursor:pointer;-webkit-transform:translateX(-100%) translate3d(0, 0, 0);transform:translateX(-100%) translate3d(0, 0, 0);-webkit-transition:all 0.25s;-o-transition:all 0.25s;transition:all 0.25s;}
.idx-cdgh .common-box .lists .item.active{width:700px;}
.idx-cdgh .common-box .lists .item.active:before{-webkit-transform:scaleX(1) translate3d(0, 0, 0);transform:scaleX(1) translate3d(0, 0, 0);}
.idx-cdgh .common-box .lists .item.active > .iconfont{background-color:#0abfd3;width:118px;opacity:1;padding-right:0;}
.idx-cdgh .common-box .lists .item.active .right{padding-left:25px;width:calc(100% - 118px);}
.idx-cdgh .common-box .lists .item.active .right .l .des{height:30px;opacity:0.8; color: #fff;}
.idx-cdgh .common-box .lists .item.active .right .jt-more{opacity:1;-webkit-transform:translateX(0) translate3d(0, 0, 0);transform:translateX(0) translate3d(0, 0, 0);-webkit-transition-delay:0.25s;-o-transition-delay:0.25s;transition-delay:0.25s;}
.idx-cdgh .common-box .lists .item + .item{margin-top:10px;}
.idx-cdgh .common-box .lists .item:hover{color:inherit!important;}
@media (max-width: 1280px){
.idx-cdgh .common-box .lists{display:none;}
}
.idx-cdgh .common-box .swiper-container{display:none;}
.idx-cdgh .common-box .swiper-container .swiper-slide{background-color:#00999a;background-position:center center;background-size:cover;}
.idx-cdgh .common-box .swiper-container .swiper-slide .item{position:relative;left:50px;bottom:50px;background-color:#0abfd3;padding:25px 30px;border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:3;}
.idx-cdgh .common-box .swiper-container .swiper-slide .item > .iconfont{font-size:40px;}
.idx-cdgh .common-box .swiper-container .swiper-slide .item .right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:30px;}
.idx-cdgh .common-box .swiper-container .swiper-slide .item .right .name{font-size:18px;font-weight:700;margin-bottom:5px;}
.idx-cdgh .common-box .swiper-container .swiper-slide .item .right .l{width:400px;padding-right:40px;}
.idx-cdgh .common-box .swiper-container .swiper-slide .item .right .more{width:35px;height:35px;border:1px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-radius:50%;}
.idx-cdgh .common-box .swiper-container .swiper-slide .item .right .des{opacity:0.75;}
.idx-cdgh .common-box .swiper-container .swiper-slide .img-box{}
.idx-cdgh .common-box .swiper-container .swiper-slide .img-box .bg:before{display:none;}
@media (max-width: 767px){
.idx-cdgh .common-box .swiper-container .swiper-slide{padding:0 5vw 5vw;background-color:transparent;display: flex;flex-direction: column-reverse;}
.idx-cdgh .common-box .swiper-container .swiper-slide .img-box{position:relative;}
.idx-cdgh .common-box .swiper-container .swiper-slide .img-box:after{display:block;content:'';padding-bottom:76.25%;}
.idx-cdgh .common-box .swiper-container .swiper-slide .item{left:0;bottom:0;width:90vw;border-radius:0;padding:15px 20px;}
.idx-cdgh .common-box .swiper-container .swiper-slide .item > .iconfont{font-size:30px;}
.idx-cdgh .common-box .swiper-container .swiper-slide .item .right{width:calc(100% - 30px);padding-left:5vw;}
.idx-cdgh .common-box .swiper-container .swiper-slide .item .right .name{font-size:16px;color:#fff}
.idx-cdgh .common-box .swiper-container .swiper-slide .item .right .l{width:calc(100% - 30px);}
.idx-cdgh .common-box .swiper-container .swiper-slide .item .right .more{font-size:12px;width:30px;height:30px;}
.idx-cdgh .common-box .swiper-container .swiper-slide .item .right .des{font-size:12px;color: rgb(255, 255, 255);}

.toTop{display:none;}
}
@media (max-width: 1280px){
.idx-cdgh .common-box .swiper-container{display:block;}
}
@media (max-width: 1280px){
.idx-cdgh .common-box{padding:0;}
.idx-cdgh .common-box .common-title{margin-bottom:40px;color:#3e3e3e;}
}
@media (max-width: 767px){
.idx-cdgh .common-box .common-title{margin-bottom:8vw;color:#fff;}
}
@media (max-width: 1280px){
.idx-cdgh{background:none;}
}
@media (max-width: 767px){
.idx-cdgh{background:-o-linear-gradient(333deg, #00999a, #0099cb);background:linear-gradient(117deg, #00999a, #0099cb);padding:8vw 0 5vw;}
}
.common-title .e{font-size:16px;text-transform:uppercase;font-weight:100;}
@media (max-width: 1440px){
.common-title .e{font-size:14px;}
}
.common-title .c{font-size:36px;letter-spacing:2px;margin-top:3px;font-weight:700;}
@media (max-width: 1440px){
.common-title .c{font-size:28px;letter-spacing:1px;}
}
@media (max-width: 1280px){
.common-title{text-align:center;}
}
@media (max-width: 767px){
.common-title .e{font-size:12px;}
.common-title .c{font-size:20px;}
}
.img-box{background-position:center center;background-size:cover;background-color:#fff;overflow:hidden;position:relative;}
.img-box .bg{width:100%;height:100%;background-position:center center;background-size:cover;background-color:#fff;left:0;top:0;position:absolute;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.25s;transition:-webkit-transform 0.25s;-o-transition:transform 0.25s;transition:transform 0.25s;transition:transform 0.25s, -webkit-transform 0.25s;}



@font-face{
font-family:'iconfont';src:url('../fonts/font_1912107_omc37hydf2l.eot');
src:url('../fonts/font_1912107_omc37hydf2l.eot') format('embedded-opentype'), 
url('../fonts/font_1912107_omc37hydf2l.woff2') format('woff2'), 
url('../fonts/font_1912107_omc37hydf2l.woff') format('woff'),
 url('../fonts/font_1912107_omc37hydf2l.ttf') format('truetype'), 
 url('../fonts/font_1912107_omc37hydf2l.svg') format('svg');
 }
/*场地规划E*/






@media (max-width: 1600px){
    .idx-title .cn{margin-top: 35px;}
    .idx-title h3{margin-top: 15px; font-size: 36px;}
    .idx-title .more {margin-top:40px;}
    .idx-advantage {background:url(../image/list1.jpg) no-repeat right -70px top;}
    .idx-aboutus .textbox {margin-top:60px;}
    .idx-aboutus .textbox h3{font-size:32px;}
    .idx-aboutus .textbox .numList {margin-top:40px;}
    .idx-aboutus .textbox .num strong{font-size:24px;line-height:40px;}
    .idx-aboutus .textbox .num div{font-size:14px;}

    .idx-aboutus .more {margin-top:60px;}
}
@media (max-width: 1440px){
    .idx-title .cn{margin-top: 35px;}
    .idx-title h3{margin-top: 15px; font-size: 32px;}
    .idx-title .more {margin-top:30px;}
    .idx-advantage {background:url(../image/list1.jpg) no-repeat right -70px top;}
    .idx-aboutus .textbox {margin-top:50px;}
    .idx-aboutus .textbox h3{font-size:32px;}
    .idx-aboutus .textbox .numList {margin-top:40px;}

    .idx-aboutus .textbox .num strong{font-size:24px;line-height:40px;}
    .idx-aboutus .textbox .num div{font-size:14px;}
    .idx-aboutus .more {margin-top:60px;}
    .idx-advantage1 .container {height:90px;}
}
@media (max-width: 1360px){
    .idx-title .cn{margin-top: 20px;}
    .idx-title h3{margin-top: 10px; font-size: 28px;}
    .idx-title .more {margin-top:20px;}
    .idx-advantage {background:url(../image/list1.jpg) no-repeat right -70px top;}
    .idx-aboutus .textbox {margin-top:40px;}
    .idx-aboutus .textbox h3{font-size:28px;}
    .idx-aboutus .textbox .numList {margin-top:30px;}

    .idx-aboutus .col-sm-9 {width:85%;}
    .idx-aboutus .textbox .num strong{font-size:22px;line-height:40px;}
    .idx-aboutus .textbox .num div{font-size:14px;}
    .idx-aboutus .more {margin-top:40px;}
    .idx-advantage1 .container {height:80px;}
}
@media (max-width: 1199px){
    .idx-advantage .col-md-8 {width:80%;}
    .idx-title .cn{margin-top: 20px;}
    .idx-title h3{margin-top: 10px; font-size: 22px;}
    .idx-title p{margin-top: 15px; font-size: 13px; line-height: 24px; }
    .idx-title .more {margin-top:10px;}
    .idx-advantage {background:url(../image/list1.jpg) no-repeat right -145px top;}
    .idx-aboutus .textbox {margin-top:40px;}
    .idx-aboutus .textbox h3{font-size:22px;}
    .idx-aboutus .textbox p{font-size:16px;margin-top:16px;}
    .idx-aboutus .textbox p.span{margin-top: 25px; font-size: 14px; color: #999999;line-height: 24px; }
    .idx-aboutus .textbox .numList {margin-top:30px;}

    .idx-aboutus .col-sm-9 {width:85%;}
    .idx-aboutus .textbox .num strong{font-size:24px;line-height:40px;}
    .idx-aboutus .textbox .num div{font-size:14px;}
    .idx-aboutus .more {margin-top:40px;}
    .idx-advantage1 .container {height:60px;}
}
@media (max-width: 992px){
    .idx-advantage .col-md-8 {width:85%;}
    .idx-advantage .col-md-offset-1 {margin-left:5%}
    .idx-title .cn{margin-top: 10px;}
    .idx-title h3{margin-top: 10px; font-size: 18px;}
    .idx-title p{margin-top: 15px; font-size:12px; line-height: 20px; }
    .idx-title .more {margin-top:10px;}
    .idx-advantage {background:url(../image/list1.jpg) no-repeat right -185px top;}
    .idx-aboutus .textbox {margin-top:20px;}
    .idx-aboutus .textbox h3{font-size:18px;}
    .idx-aboutus .textbox p{font-size:14px;margin-top:14px;}
    .idx-aboutus .textbox p.span{margin-top: 15px; font-size: 14px;line-height:24px; }
    .idx-aboutus .textbox .numList {margin-top:20px;}

    .idx-aboutus .col-sm-9 {width:100%;}
    .idx-aboutus .textbox .num strong{font-size:18px;line-height:30px;}
    .idx-aboutus .textbox .num div{font-size:12px;}
    .idx-aboutus .more {margin-top:20px;}
    .idx-advantage1 .container {height:40px;}
    .idx-aboutus .col-sm-6 {width:50%;}
    .idx-aboutus .colsm {width:50%;}
}
@media (max-width: 767px){
    .idx-advantage {background:none;}
    .idx-advantage .col-xs-12{float:left;width:100%;}
    .idx-advantage .container {border-right:1px solid #e9e9e9;position:relative;padding-top:32px;}
    .idx-advantage .col-md-8 {width:100%;float:left;}
    .idx-aboutus {padding-bottom:20px;}
    .idx-aboutus .col-sm-9 {width:100%;}
    .idx-advantage .col-md-offset-1 {margin-left:0%}
    .idx-aboutus .about-img div{left:4.2%;}
    .idx-aboutus .textbox .num strong{font-size:16px;line-height:30px;}
    .idx-aboutus .more {margin-bottom:20px;}

    .idx-advantage .upper {top:280px;}
    .idx-aboutus .col-sm-6 {width:100%;}
    .idx-aboutus .colsm {width:100%;}
}

.pcp-category {float:left;width:100%;padding:50px 10px}
.pcp-category ul{float:left;width:100%;}
.pcp-category ul li{float:left;width:10%;}
.pcp-category ul li a{height:45px;display:table;font-size:16px;color:#999;margin:0 auto}
.pcp-category ul li a img{float:left;display:block}
.pcp-category ul li a span{float:left;height:45px;line-height:45px;margin-left:10px;}
.pcp-category ul li a:hover {color:#1f97d4}
.pcp-category ul li a.on {color:#1f97d4}
/*
.idx-products {padding:30px 0px;}
.pcp-content {float:left;width:100%;padding-left:9px;padding-right:9px;}
.pcp-content .list {float:left;width:33.33333333%;padding:0px 9px;}
.pcp-content .artlist {float:left;width:100%;margin-bottom:18px;}

.fix {overflow: hidden}
h1,h2,h3,h4,h5,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color: inherit;}
.p-relative {position: relative;}

.project-thumb img {width: 100%;}
.project-thumb::before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(to top, #1f97d4, transparent);background: linear-gradient(to top, #29a268, transparent);z-index: 1;transition: .3s;opacity: 0;}
.project-overlay {position: absolute;bottom: -35px;z-index: 9;left: 40px;right: 40px;transition: .5s;opacity: 0;}
.project-overlay h5 {overflow: hidden;display: inline-block;margin-bottom: 0;font-size: 24px;line-height: 40px;color: #fff;}
.project-overlay > a {float: right;font-size: 14px;height: 40px;width: 40px;text-align: center;line-height: 40px;background: #fff;border-radius: 50%;color: #1f97d4;}
.project-overlay h5:hover a {color: #fff;}
.project-overlay > a:hover {background: #1f97d4;color: #fff;}
.single-project:hover .project-thumb::before {opacity: 1;}
.single-project:hover .project-overlay {opacity: 1;bottom: 35px;}
.project-active .slick-arrow {position: absolute;top: -190px;right: 15px;z-index: 9;background: transparent;padding: 0;height: 60px;width: 60px;text-align: center;line-height: 60px;color: #13287e;font-size: 18px;border: 2px solid #eaeaea;border-radius: 50%;cursor: pointer;transition: .3s;}
.project-active .slick-arrow.slick-prev {right: 85px;}
.project-active .slick-arrow:hover {background: #29a268;border-color: #29a268;color: #fff;}
.portfolio-menu button {font-size: 16px;font-weight: 700;border: none;background: none;color: #5f5f5f;display: inline-block;padding: 10px 15px;line-height: 1;cursor: pointer;transition: .3s;}
.portfolio-menu button:hover {color: #29a268;}
.portfolio-menu button.active {color: #29a268;}
.s-project-thumb img {width: 100%;}
.s-project-content {box-shadow: 0px 16px 32px 0px rgba(236, 236, 236, 0.56);padding: 25px 40px;}
.s-project-content h4 {font-size: 24px;letter-spacing: -1px;margin-bottom: 5px;}
.s-project-content span {font-size: 15px;display: block;}
.s-project-content h4:hover a {color: #29a268;}
.s-project-btn .btn {background: transparent;color: #13287e;border: 2px solid #29a268;}
.s-project-btn .btn::after {background: #29a268;}
.s-project-btn .btn:hover {color: #fff;}
.inner-project-area-p.pt-105 {padding-top: 108px;}

@media (max-width: 1600px){

}
@media (max-width: 1440px){
    .pcp-category ul li a img{width:35px;}
    .pcp-category ul li a{height:40px;font-size:14px;}
}
@media (max-width: 1360px){
    .pcp-category ul li a img{width:35px;}
    .pcp-category ul li a{height:35px;font-size:13px;}
}
@media (max-width: 1199px){
    .idx-products {padding:30px 0px 10px;}

    .pcp-category {padding:30px 5px}
    .pcp-category ul li a{height:30px;font-size:13px;}
    .pcp-category ul li a img{width:30px;float:none;margin:0 auto;}
    .pcp-category ul li a span{width:100%;text-align:center;margin-left:0px;}
}
@media (max-width: 992px){
    .idx-products {padding:30px 0px 0px;}

    .pcp-category {padding:30px 5px}
    .pcp-category ul li{width:20%;}
    .pcp-category ul li a{height:30px;font-size:12px;}
    .pcp-category ul li a img{width:30px;float:none;margin:0 auto;}
    .pcp-category ul li a span{width:100%;text-align:center;margin-left:0px;height:30px;line-height:30px;overflow:hidden;}
}
@media (max-width: 767px){
    .idx-products {padding:10px 0px 0px;}
    .pcp-content .list {width:100%;padding:0px 9px;}
    .project-overlay h5 {font-size: 18px;line-height:30px;}
    .project-overlay > a {height: 30px;width: 30px;text-align: center;line-height: 30px;margin-top:10px}

    .single-project .project-thumb::before {opacity: 1;}
    .single-project .project-overlay {opacity: 1;bottom: 35px;}
}
*/



.idx-products {padding-bottom:.63rem;float:left;width:100%;background:#fff;}
.idx-products .tmp1{float:left;width:100%;background:#565f6a;height:380px;padding-top:.73rem}
.idx-products .cml {float:left;color:#fff;font-size:.48rem;font-family:"AvantGardeITCbyBT";text-transform:uppercase;line-height:.5rem;padding-left:20px;}
.idx-products .cml span {font-size:.3rem;margin-left:5px;}
.idx-products .cmr {float:right;}

.tmp2 {float:left;width:100%;margin-top:-132px;}
.fms {float:left;width:100%;background:#fff;border-top-left-radius:30px;border-top-right-radius:30px;padding:15px 80px}
.fms ul {/*float:left;margin:0px;padding:0px;width:100%;*/    display: flex; flex-direction: row; flex-wrap: nowrap; flex-flow: row nowrap;justify-content: center;}
.fms ul li{float:left;width:11.111111111%;text-align:center;}
.fms ul li a{float:left;width:100%;display:block;}
.fms ul li img{display:table;margin:0 auto;}
.fms ul li strong{color:#565f6a;font-size:18px;font-weight:normal;line-height:40px;height:40px;overflow:hidden;display:block;}
.fms ul li p{color:#565f6a;font-size:8px;line-height:15px;height:15px;text-transform:uppercase; overflow:hidden;}
.fms ul li a:hover strong{color:#1f97d4}
.fms ul li a:hover p{color:#1f97d4}
.fms ul li .iconfont{color:#565f6a;line-height:65px;font-size:54px;width:70px;opacity:0.75;position:relative;z-index:2;-webkit-transition:all 0.25s;-o-transition:all 0.25s;transition:all 0.25s;text-align:center;}
.tmp3 {float:left;width:100%;margin-top:30px;border-bottom:1px solid #dadada}
.pmp1{float:left;width:40.1%}
.pmp1 img{width:100%;}
.pmp2{float:left;width:59.9%;border-bottom:1px solid #dadada}
.tmp3 .item{float:left;width:20%;padding: 15px;border-top:1px solid #dadada;border-right:1px solid #dadada;display: block;transition: all .3s;position:relative;}
.tmp3 .item .imgbox{position: relative;}
.tmp3 .item:nth-child(5n) {border-right:none}
.tmp3 .item .imgbox .img{position: relative;}
.tmp3 .item .imgbox .img:after{display: block;content: '';padding-bottom: 76.92%;}
.tmp3 .item .imgbox .img img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top:0;object-fit: cover;}
.dmH {width:100%;height:100%;position:absolute;left:0px;top:0px;}
.dmHot {position:absolute;left:30px;top:20px}
.dmTit {position:absolute;right:30px;bottom:20px;text-align:right;}
.dmTit strong {font-size:24px;color:#fff;line-height:30px;}
.dmTit p {font-size:14px;color:#fff;}/*6e767f*/


@media (max-width: 767px){
    .idx-products .tmp1{float:left;width:100%;background:#565f6a;height:280px;padding-top:.73rem}
    .idx-products .cml {float:left;color:#fff;font-size:.48rem;font-family:"AvantGardeITCbyBT";text-transform:uppercase;line-height:.5rem;padding-left:20px;}
    .idx-products .cml span {font-size:.3rem;margin-left:5px;}
    .fms {padding:20px 15px}
    .fms ul li{float:left;width:25%;text-align:center;margin-bottom:15px;}
    .fms ul li:last-child{display:none}
    .fms ul li img{width:35px;}
    .fms ul li strong{font-size:14px;line-height:25px;height:25px;}
    .fms ul li p{font-size:7px;}
    .tmp3 {float:left;width:100%;margin-top:0px;padding:0px 15px;}
	.tmp3 .item{width: 100%;border-left: 1px solid #dadada;;}
    .pmp1{float:left;width:100%}
    .pmp2{float:left;width:100%;border-right:1px solid #dadada;border-bottom:none}
    .pmp2 .item{float:left;width:50%;border:none; border-bottom:1px solid #dadada;border-left:1px solid #dadada;display: block;transition: all .3s;position:relative;}
    .dmHot {position:absolute;left:10px;top:10px}
    .dmTit {position:absolute;right:10px;bottom:10px;text-align:right;}
    .dmTit strong {font-size:16px;line-height:24px;}
    .dmTit p {font-size:12px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .idx-products .tmp1{float:left;width:100%;background:#565f6a;height:280px;padding-top:.73rem}
    .idx-products .cmr img{width:70%;float:right;margin-right:15px;}
    .idx-products .cml {float:left;color:#fff;font-size:.48rem;font-family:"AvantGardeITCbyBT";text-transform:uppercase;line-height:.5rem;padding-left:20px;}
    .idx-products .cml span {font-size:.3rem;margin-left:5px;}
    .fms {padding:20px 15px}
    .fms ul li{float:left;text-align:center;margin-bottom:15px;}
    .fms ul li img{width:35px;}
    .fms ul li strong{font-size:14px;line-height:25px;height:25px;}
    .fms ul li p{font-size:7px;}
    .tmp2 {float:left;width:100%;margin-top:-130px;}
    .tmp3 {float:left;width:100%;margin-top:0px;}
    .pmp1{float:left;width:100%}
    .pmp2{float:left;width:100%;border-bottom:none;border-bottom:1px solid #dadada;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .idx-products .tmp1{float:left;width:100%;background:#565f6a;height:300px;padding-top:.73rem}
    .idx-products .cmr img{width:70%;float:right;margin-right:15px;}
    .tmp2 {float:left;width:100%;margin-top:-122px;}  
    .fms {padding:20px 15px}
    .fms ul li{float:left;text-align:center;margin-bottom:15px;}
    .fms ul li img{width:35px;}
    .fms ul li strong{font-size:16px;line-height:35px;height:35px;}
    .fms ul li p{font-size:9px;}

    .dmHot {position:absolute;left:10px;top:15px}
    .dmTit {position:absolute;right:30px;bottom:20px;text-align:right;}
    .dmTit strong {font-size:18px;color:#4c4e51;line-height:22px;}
    .dmTit p {font-size:14px;color:#6e767f;}
}
@media (min-width: 1200px) and (max-width: 1360px){
    .idx-products .tmp1{float:left;width:100%;background:#565f6a;height:300px;padding-top:.73rem}
    .tmp2 {float:left;width:100%;margin-top:-122px;} 
    .idx-products .cmr img{width:70%;float:right;margin-right:15px;}
    .fms {padding:30px 20px}
    .fms ul {float:left;margin:0px;padding:0px;width:100%;}
    .fms ul li{float:left;}
    .fms ul li a{float:left;width:100%;display:block;}
    .fms ul li img{display:table;margin:0 auto;}
    .fms ul li strong{color:#565f6a;font-size:16px;font-weight:normal;line-height:40px;height:40px;overflow:hidden;}
    .fms ul li p{color:#565f6a;font-size:8px;line-height:15px;height:15px;text-transform:uppercase; overflow:hidden;}  
    
    .dmH {width:100%;height:100%;position:absolute;left:0px;top:0px;}
    .dmHot {position:absolute;left:20px;top:15px}
    .dmTit {position:absolute;right:20px;bottom:15px;text-align:right;}
    .dmTit strong {font-size:18px;color:#4c4e51;line-height:26px;}
    .dmTit p {font-size:14px;color:#6e767f;}     
    .cover1 .content strong {font-size:.25rem;color:#fff;float:left;width:100%;}
}
@media (min-width: 1361px) and (max-width: 1440px){

}


.idx-video {float:left;background-position: center top;background-size: cover; background-attachment: fixed;background-repeat: no-repeat;width:100%;padding:2.85rem 0px 1.4rem}
.idx-video img {float:left;}

@media (max-width: 767px){
    .idx-video  {background:none; padding:100px 0px 100px}
    .idx-video  img {width:80%;}
    .idx-video ::before {content: ' ';position: fixed;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: url(../image/v_bg.jpg) center 0 no-repeat;background-size: cover;}
}

.idx-case{float:left;width:100%;}
.idx-case .mtit{float:left;width:100%;background:#565f6a;padding:.95rem 0;color:#fff}
.idx-case .mtit .cml {float:left;color:#fff;font-size:.48rem;font-family:"AvantGardeITCbyBT";text-transform:uppercase;line-height:.5rem;padding-left:20px;}
.idx-case .mtit .cml span {font-size:.3rem;margin-left:5px;}
.idx-case .mtit .cmr {float:right;}

.idx-case .mcon {background:#e6e6e6;position:relative;}
.idx-case .mcon .item {float:left;}
.idx-case .mcon .item a{float:left;display:block;width:100%;}
.idx-case .mcon .item .img{float:left;width:100%;position:relative;}
.idx-case .mcon .item .img:after{display:block;content:'';padding-bottom:65%;}
.idx-case .mcon .item .img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.idx-case .mcon .item .con{float:left;width:100%;text-align:center;padding:20px 10px;}
.idx-case .mcon .item .con strong {font-size:.2rem;line-height:.4rem;font-weight:normal;color:#282d34;float:left;width:100%;}
.idx-case .mcon .item .con img {width:auto;display:table;margin:0 auto;float:none;margin-bottom:15px;}
.idx-case .mcon .item .con p {font-size:.18rem;line-height:.2rem;color:#282d34;float:left;width:100%;}
.idx-case .mcon .item a:hover{background:#d3d3d3}
.idx-case .mcon .item a:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:initial;}

.swiper-Prev, .swiper-Next {position:absolute;left:0px;top:0px; padding-top:0;width:5.6%;height:100%;cursor:pointer;background:url(../image/l.png) no-repeat center}
.swiper-Next {right:0px;left:auto;background:url(../image/r.png) no-repeat center}
.swiper-Next:hover {background:url(../image/rh.png) no-repeat center #1f97d4}
.swiper-Prev:hover {background:url(../image/lh.png) no-repeat center #1f97d4}

@media (max-width: 767px){
    .idx-case .container {padding:0px;margin:0px;}
    .swiper-Prev, .swiper-Next {position:absolute;left:10px;top:0px; padding-top:50%;width:5.6%;height:100%;cursor:pointer;background:url(../image/lh.png) no-repeat center;z-index:999}
    .swiper-Next {right:10px;left:auto;background:url(../image/rh.png) no-repeat center}
    .swiper-Next:hover {background:url(../image/rh.png) no-repeat center}
    .swiper-Prev:hover {background:url(../image/lh.png) no-repeat center}
    .idx-case .mcon .item img {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:initial;}

    .idx-case .mcon .item .con{padding: 20px 10px;}
    .idx-case .mcon .item .con strong{margin-bottom: 0;font-size: 16px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .idx-case .mtit .cmr img{width:70%;float:right;margin-right:15px;}
    .idx-case .mcon .item .con strong {font-size:.2rem;line-height:.3rem;}
}
@media (min-width: 768px) and (max-width: 991px){
    .idx-case .mtit .cmr img{width:70%;float:right;margin-right:15px;}
    .idx-case .mcon .item .con strong {font-size:.2rem;line-height:.3rem;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .idx-case .mtit .cmr img{width:70%;float:right;margin-right:15px;}
    .idx-case .mcon .item .con strong {font-size:.2rem;line-height:.3rem;}
}
@media (min-width: 1200px) and (max-width: 1360px){
    .idx-case .mcon .item .con strong {font-size:.2rem;line-height:.3rem;}
}


.idx-news{float:left;width:100%;}
.idx-news .mtit{float:left;width:100%;background:#565f6a;padding:.95rem 0;color:#fff}
.idx-news .mtit .cml {float:left;color:#fff;font-size:.48rem;font-family:"AvantGardeITCbyBT";text-transform:uppercase;line-height:.5rem;padding-left:20px;}
.idx-news .mtit .cml span {font-size:.3rem;margin-left:5px;}
.idx-news .mtit .cmr {float:right;}

.idx-news .mcon {background:#f3f3f3;padding-top:.73rem;padding-bottom:.76rem;}
.idx-news .mcon .nl {float:left;width:30%;}
.idx-news .mcon .item2 {float:left;width:100%;padding:40px;padding-bottom:30px; background:#fff;}
.idx-news .mcon .item2:hover {box-shadow:0 0 15px 2px #dadada}
.idx-news .mcon .item2:hover .lm a{background:#1f97d4;color:#fff;}
.idx-news .mcon .item2 .topm {float:left;width:100%;}
.idx-news .mcon .item2 .topm .tm1{float:left;width:calc(100% - 75px);overflow:hidden;padding-right:20px;}
.idx-news .mcon .item2 .topm .tm1 a {color:#222222;font-size:24px;line-height:35px;height:70px;overflow:hidden;display:block;}
.idx-news .mcon .item2 .topm .tm2{float:left;width:75px;height:60px;border-left:1px solid #e4e4e4;text-align:center}
.idx-news .mcon .item2 .topm .tm2 strong {font-size:30px;}
.idx-news .mcon .item2 .topm .tm2 span {font-size:10px;color:#a0a0a0;}
.idx-news .mcon .item2 p {float:left;width:100%;height:98px;margin-top: 20px;font-size:.18rem;overflow:hidden;}
.idx-news .mcon .item2 .lm {float:left;width:100%;margin-top:30px;}
.idx-news .mcon .item2 .lm a{float:left;display:block;padding:8px 35px;border:1px solid #e4e4e4;border-radius:30px;}
.idx-news .mcon .item2 .lm span {font-size:14px;color:#666;float:right;margin-top:10px;}
.idx-news .mcon .item2:nth-child(2) {margin-top:20px;}

.idx-news .mcon .nr {float:right;width:68%;}
.idx-news .mcon .item {float:left;width:49%;padding:40px;padding-bottom:30px; background:#fff;cursor:pointer}
.idx-news .mcon .item:hover {box-shadow:0 0 15px 2px #dadada}
.idx-news .mcon .item:hover .lm a{background:#1f97d4;color:#fff;}
.idx-news .mcon .item .topm {float:left;width:100%;}
.idx-news .mcon .item .topm .tm1{float:left;width:calc(100% - 75px);overflow:hidden;padding-right:20px;}
.idx-news .mcon .item .topm .tm1 a {color:#222222;font-size:24px;line-height:35px;height:70px;overflow:hidden;display:block;}
.idx-news .mcon .item .topm .tm2{float:left;width:75px;height:60px;border-left:1px solid #e4e4e4;text-align:center}
.idx-news .mcon .item .topm .tm2 strong {font-size:30px;}
.idx-news .mcon .item .topm .tm2 span {font-size:10px;color:#a0a0a0;}
.idx-news .mcon .item p {float:left;width:100%;font-size:.18rem;color:#666;height:.96rem;line-height:.24rem;overflow:hidden;margin-top:20px;}
.idx-news .mcon .item .lm {float:left;width:100%;margin-top:50px;}
.idx-news .mcon .item .lm a{float:left;display:block;padding:8px 35px;border:1px solid #e4e4e4;border-radius:30px;}
.idx-news .mcon .item .li {float:left;width:100%;margin-top:26px;}
.idx-news .mcon .item .li .img{float:left;width:100%;position: relative;}
.idx-news .mcon .item .li .img::after{display: block;content: '';padding-bottom: 69.5%;}
.idx-news .mcon .item .li .img img{display: block;width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.idx-news .mcon .item:nth-child(2) {float:right;}

@media (max-width: 767px){
    .idx-news .mcon .nl {float:left;width:100%;}
   
    .idx-news .mcon .item2 {float:left;width:100%;padding:20px;padding-bottom:20px;}
    .idx-news .mcon .item2 .topm .tm1 a {color:#222222;font-size:16px;line-height:28px;height:70px;overflow:hidden;display:block;}
    .idx-news .mcon .item2:nth-child(2) {margin-top:20px;}
    .idx-news .mcon .item2 .lm {float:left;width:100%;margin-top:20px;}

    .idx-news .mcon .nr {float:right;width:100%;}
    .idx-news .mcon .item {float:left;width:100%;padding:20px;margin-top:20px;}
    .idx-news .mcon .item .topm .tm1 a {color:#222222;font-size:16px;line-height:28px;height:70px;overflow:hidden;display:block;}
    .idx-news .mcon .item p {font-size:14px;color:#666;height:auto;line-height:22px;overflow:auto;margin-top:10px;}
    .idx-news .mcon .item .lm {float:left;width:100%;margin-top:30px;}

    .btnSubmit1{width: 100%!important;height: 36px!important;line-height: 36px!important}
}
@media (min-width: 768px) and (max-width: 991px){
    .idx-news .mcon .nl {float:left;width:100%;}
    .idx-news .cmr img{width:70%;float:right;margin-right:15px;}
    .idx-news .mcon .item2 {float:left;width:49%;padding:40px;padding-bottom:30px; background:#fff;}
    .idx-news .mcon .item2:nth-child(2) {margin-top:0px;float:right;}
    .idx-news .mcon .nr {float:right;width:100%;margin-top:20px;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .idx-news .mcon .nl {float:left;width:100%;}
    .idx-news .cmr img{width:70%;float:right;margin-right:15px;}
    .idx-news .mcon .item2 {float:left;width:49%;padding:40px;padding-bottom:30px; background:#fff;}
    .idx-news .mcon .item2:nth-child(2) {margin-top:0px;float:right;}
    .idx-news .mcon .nr {float:right;width:100%;margin-top:20px;}
}
@media (min-width: 1200px) and (max-width: 1360px){
    .idx-news .mcon .item2 p {float:left;width:100%;height:28px;}
    .idx-news .mcon .item2 .topm .tm1 a {color:#222222;font-size:20px;line-height:35px;height:70px;overflow:hidden;display:block;}
    .idx-news .mcon .item .topm .tm1 a {color:#222222;font-size:20px;line-height:35px;height:70px;overflow:hidden;display:block;}
}
@media (min-width: 1361px) and (max-width: 1440px){
    .idx-news .mcon .item2 p {float:left;width:100%;height:42px;}
    .idx-news .mcon .item2 .topm .tm1 a {color:#222222;font-size:20px;line-height:35px;height:70px;overflow:hidden;display:block;}
    .idx-news .mcon .item .topm .tm1 a {color:#222222;font-size:20px;line-height:35px;height:70px;overflow:hidden;display:block;}
}


.mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,.3);z-index: 10;display: none;}
.video-boxM{position: fixed;top:50%;left:50%;padding-bottom: .2rem;border-radius: .1rem;background: #fff;width:55vw;display: none;z-index:15}
.video-boxM .videoclose{float: right;margin-right: .1rem;cursor:pointer;}
.video-boxM video{display: block;width: 100%}
.video-boxM .top{padding: .15rem 0}
@media (max-width: 767px){
    .video-boxM{width: 100vw;}
	.video-boxM .videoclose{width: 10px;}
}


.idx-news {float:left;width:100%;margin-top:46px;}
.itop {float:left;width:100%;background:#f4f4f6;margin-bottom:60px;}
.itop .ntxt {padding-top:10%;}
.itop .ntxt strong{font-size:28px;font-weight:normal;color:#191919;line-height:32px;float:left;width:100%;}
.itop .ntxt span{font-size:16px;color:#999;line-height:32px;width:100%;float:left;width:100%;padding:30px 0px 40px;}
.itop .ntxt p{font-size: 14px; color: #999999;line-height: 24px; }
.itop .ntxt .more {margin-top:70px;}

.inList {float:left;width:50%;margin-bottom:30px;}
.inList:nth-child(1) {padding-right:70px;}
.inList:nth-child(2) {padding-left:70px;}
.inList:nth-child(3) {padding-right:70px;}
.inList:nth-child(4) {padding-left:70px;}

.mDate {float:left;width:17%;background:#eeeeee;text-align:center;padding:30px 0px;}
.mDate .sp1 {float:left;width:100%;font-size:24px;color:#0f0f0f;font-family:"Myriad Pro";}
.mDate .sp2 {float:left;width:100%;font-size:16px;color:#999}

.mContent {float:left;width:83%;padding:30px 50px 50px 50px}
.mContent strong {float:left;width:100%;font-size:28px;color:#191919;line-height:30px; font-weight:normal;height:30px;overflow:hidden;}
.mContent p {float:left;width:100%;font-size:14px;color:#999;line-height:24px;margin-top:20px;}

.inList:hover {cursor:pointer}
.inList:hover .mDate{background:#1f97d4}
.inList:hover .mDate .sp1{color:#fff}
.inList:hover .mDate .sp2{color:#fff}
.inList:hover .mContent{background:#acacac}
.inList:hover .mContent strong{color:#fff}
.inList:hover .mContent p{color:#fff}


@media (max-width: 1600px){
    .itop .ntxt strong{font-size:24px;line-height:28px;}
    .itop .ntxt span{font-size:15px;line-height:30px;padding:20px 0px 30px;}
    .itop .ntxt .more {margin-top:50px;}
    .inList:nth-child(1) {padding-right:50px;}
    .inList:nth-child(2) {padding-left:50px;}
    .inList:nth-child(3) {padding-right:50px;}
    .inList:nth-child(4) {padding-left:50px;}
    .mContent strong {font-size:24px;line-height:28px;height:28px;}
}
@media (max-width: 1440px){
    .mContent {float:left;width:83%;padding:30px 45px 45px 45px}
    .itop .ntxt strong{font-size:22px;line-height:26px;}
    .itop .ntxt span{font-size:14px;line-height:28px;padding:15px 0px 25px;}
    .itop .ntxt .more {margin-top:35px;}
    .mDate {padding:20px 0px;}
    .inList:nth-child(1) {padding-right:40px;}
    .inList:nth-child(2) {padding-left:40px;}
    .inList:nth-child(3) {padding-right:40px;}
    .inList:nth-child(4) {padding-left:40px;}
    .mContent strong {font-size:22px;line-height:26px;height:26px;}
}
@media (max-width: 1360px){
    .mContent {float:left;width:83%;padding:30px 45px 45px 45px}
    .itop .ntxt {padding-top:8%;}
    .itop .col-sm-9 {width:85%;}
    .itop .ntxt strong{font-size:22px;line-height:26px;}
    .itop .ntxt span{font-size:14px;line-height:28px;padding:15px 0px 25px;}
    .itop .ntxt .more {margin-top:20px;}
    .mDate {padding:20px 0px;}
    .inList:nth-child(1) {padding-right:25px;}
    .inList:nth-child(2) {padding-left:25px;}
    .inList:nth-child(3) {padding-right:25px;}
    .inList:nth-child(4) {padding-left:25px;}
    .mContent strong {font-size:20px;line-height:26px;height:26px;}
}
@media (max-width: 1199px){
    .mContent {float:left;width:83%;padding:30px 45px 45px 45px}
    .itop .ntxt {padding-top:6%;}
    .itop .col-sm-9 {width:85%;}
    .itop .ntxt strong{font-size:18px;line-height:24px;}
    .itop .ntxt span{font-size:14px;line-height:28px;padding:15px 0px 25px;}
    .itop .ntxt .more {margin-top:20px;}
    .mDate {padding:20px 0px;}
    .inList:nth-child(1) {padding-right:15px;}
    .inList:nth-child(2) {padding-left:15px;}
    .inList:nth-child(3) {padding-right:15px;}
    .inList:nth-child(4) {padding-left:15px;}
    .mContent strong {font-size:18px;line-height:24px;height:24px;}
}
@media (max-width: 992px){
    .mContent {float:left;width:85%;padding:10px 25px 25px 25px}
    .itop .ntxt {padding-top:4%;}
    .itop .col-sm-9 {width:85%;}
    .itop .ntxt strong{font-size:16px;line-height:20px;}
    .itop .ntxt span{font-size:12px;line-height:20px;padding:10px 0px 20px;}
    .itop .ntxt p{font-size: 12px; line-height: 20px; }
    .itop .ntxt .more {margin-top:5px;}
    .mDate {padding:10px 0px;width:15%}
    .mDate .sp1 {font-size:20px;}
    .mDate .sp2 {font-size:14px;}
    .inList:nth-child(1) {padding-right:15px;}
    .inList:nth-child(2) {padding-left:15px;}
    .inList:nth-child(3) {padding-right:15px;}
    .inList:nth-child(4) {padding-left:15px;}
    .mContent strong {font-size:16px;line-height:22px;height:22px;}
}
@media (max-width: 767px){
    .idx-news {margin-top:16px;}
    .itop {margin-bottom:30px;padding-bottom:20px;}
    .itop .col-sm-9 {width:100%;}


    .inList {float:left;width:100%;margin-bottom:10px;}

    .mDate {padding:10px 0px;width:18%}
    .mContent {float:left;width:82%;padding:10px 25px 25px 25px}
    .mContent strong {font-size:16px;line-height:22px;height:auto}

    .inList:nth-child(1) {padding-right:0px;}
    .inList:nth-child(2) {padding-left:0px;}
    .inList:nth-child(3) {padding-right:0px;}
    .inList:nth-child(4) {padding-left:0px;}

    .inList .mDate .sp1{color:#fff}
    .inList .mDate .sp2{color:#fff}
    .inList .mContent strong{color:#fff}
    .inList .mContent p{color:#fff}

    .inList:nth-child(1) .mDate{background:#1f97d4}
    .inList:nth-child(1) .mContent{background:#d891d9}
    .inList:nth-child(2) .mDate{background:#1f97d4}
    .inList:nth-child(2) .mContent{background:#fd756a}
    .inList:nth-child(3) .mDate{background:#978bd4}
    .inList:nth-child(3) .mContent{background:#1f97d4}
    .inList:nth-child(4) .mDate{background:#fd756a}
    .inList:nth-child(4) .mContent{background:#fdc16a}
}



.idx-frindlink {background:#f4f4f6;float:left;width:100%;padding:57px 0px}
.idx-frindlink ul {float: left;width:100%;}
.idx-frindlink ul li{float:left;width:11.11100%}
.idx-frindlink ul li a{float:left;width:100%;display:block;}
.idx-frindlink ul li a img{margin:0 auto; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.idx-frindlink ul li a:hover img {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter:none; }

ul {margin:0px; padding:0px; list-style:none}
.foot {float:left; width:100%;background:#424242;position:relative}
.fotMenu {float:left; width:100%; text-align:center;border-bottom:1px solid #4c4c4e;padding:25px 0px;color:#999}
.fotMenu a {font-size:18px;color:#999;padding:0px 80px}
.fotCon {float:left; width:100%;padding:0 3%;color:#999;}
.m1{float:left;width:35%;padding: 1% 3%;}
.m2 {float:left; width:40%;border-left:1px solid #4c4c4e;border-right:1px solid #4c4c4e;padding-top:35px;padding-bottom:55px;padding-left:3%;}
.m2 strong {float:left; width:100%;font-size:30px;color:#fff; line-height:50px;font-weight:normal}
.m2 p {float:left; width:100%;font-size:18px;color:#999}
.m2 ul{float:left; width:50%; margin-top:20px;}
.m2 ul li{float:left; width:50%; line-height:30px;}
.m2 ul li a{color:#999999}
.m2 ul li a:hover{color:#1f97d4}
.m2 ul li a:hover:before{content:"-";padding-right:5px;}
.m2 .mcont {float:left; width:50%; margin-top:20px; line-height:30px;}

.m3{float:left; width:25%; text-align:right}
.m3 .ewm {float:right;margin-left:55px; margin-top:100px;text-align: center;}
.m3 .ewm img{max-width: 140px;margin-bottom: 10px;}
.copy{float:left; width:100%;padding:20px 3%;border-top:1px solid #4c4c4e;}
.lcopy{float:left;color:#999}
.lcopy a{color:#999}
.sj {float:right;}
.mShare {float:left; margin-top:3px;}
.mShare li{float:left; margin-right:20px;}
.mShare li a{float:left; width:25px;height:25px; display:block;text-align:center; line-height:25px;}
.mShare li a i {color:#606060; font-size:24px;}
.mShare li a:hover i {color:#b9b9b9;}


.inp{position:relative;}
.l100{float:left;width:100%;margin-top:30px;}
.l1000{float:left;width:100%;margin-top:20px;}
.l50{float:left;width:48%;margin-top:20px;}
.m1 .l50:nth-child(3){margin-left:4%;}
.lpName{color:#fff;float:left;width:100%;}
.lpName span{color:#1f97d4;}
.txtInput{float:left;width:100%;border:none;border-bottom:1px solid #636f80;background-color:transparent;height:50px;line-height:50px;padding:0px 3px;margin-top:20px;color:#fff;}
.inp i{position:absolute;display:block;content:"";left:0;bottom:0;width:0px;height:1px;background:#1f97d4;-webkit-transition:all 0.5s;transition:all 0.5s;}
.txtInput:focus+i{width:100%;}
.conLay{display:flex;justify-content:center;align-items:center;width:160px;height:110px;margin-top:20px;float:left;}
.conLay a{float:left;width:160px;height:55px;line-height:55px;color:#fff;font-size:18px;text-align:center;background:#EDBD1C;border-radius:30px;}
@media (min-width: 1200px) and (max-width: 1360px){
.m1{float:left;width:25%;}
}
@media (min-width: 992px) and (max-width: 1199px){
.m1{float:left;width:100%;margin-top:20px;}
.l100{float:left;width:100%;margin-top:20px;}
.l1000{float:left;width:100%;margin-top:40px;}
.l50{float:left;width:48%;margin-top:40px;}
.txtInput{height:30px;line-height:30px;padding:0px 3px;margin-top:10px;}
.conLay{width:100%;height:55px;margin-top:15px;}
.conLay a{float:left;width:100%;height:45px;line-height:45px;color:#fff;font-size:16px;}
}
@media (min-width: 768px) and (max-width: 991px){
.m1{float:left;width:100%;margin-top:20px;}
.l100{float:left;width:100%;margin-top:20px;}
.l1000{float:left;width:100%;margin-top:40px;}
.l50{float:left;width:48%;margin-top:40px;}
.txtInput{height:30px;line-height:30px;padding:0px 3px;margin-top:10px;}
.conLay{width:100%;height:55px;margin-top:15px;}
.conLay a{float:left;width:100%;height:45px;line-height:45px;color:#fff;font-size:16px;}
}
@media (max-width: 767px){
.m1{float:left;width:100%;margin-top:20px;}
.l100{float:left;width:100%;margin-top:20px;}
.l1000{float:left;width:100%;margin-top:20px;}
.l50{float:left;width:48%;margin-top:40px;}
.txtInput{height:30px;line-height:30px;padding:0px 3px;margin-top:10px;}
.conLay{width:100%;height:55px;margin-top:15px;}
.conLay a{float:left;width:100%;height:45px;line-height:45px;color:#fff;font-size:16px;}


}








@media (max-width: 768px){
    .idx-banner{height: 56.25vh;}
    .idx-banner .cn{font-size: 5.5vw;}
    .fms ul li .iconfont{font-size: 24px;}
    .fms ul li strong{font-size: 12px;}
    .idx-video{background-size: cover;}
   .fotMenu {display:none}
   .lcopy{width:100%;text-align:center;}
   .sj {float:right;width:100%;}
   .mShare {float:none;display:table;margin:0 auto; margin-top:10px;}

   .m2,.m3 {display:none}  
   .frindLink{display: none;}
.copy{margin-top: 20px;}

.xgPCP.col-sm-6:nth-of-type(even){float: right;}

}
@media (min-width: 768px) and (max-width: 991px) {
   .fotMenu a {padding:0px 25px;font-size:14px;}

   .m2 {width:60%;padding-top:15px;padding-bottom:55px;padding-left:3%;border-right:none}
   .m2 strong {font-size:20px;}
   .m2 ul{margin-top:10px;}
   .m2 p {font-size:14px;}
   .m3 .ewm {margin-left:15px;display:none}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .fotMenu a {padding:0px 25px}

   .m2 {width:50%;padding-top:35px;padding-bottom:55px;padding-left:3%;border-right:none}
   .m2 strong {font-size:20px;}
   .m2 ul{margin-top:10px;}
   .m2 p {font-size:14px;}
   .m3 .ewm {margin-left:15px;display:none}
}
@media (min-width: 1200px) and (max-width: 1439px) {
   .fotMenu a {padding:0px 40px}

   .m2 {width:40%;padding-top:35px;padding-bottom:55px;padding-left:3%;}
   .m2 strong {font-size:20px;}
   .m2 ul{margin-top:10px;}
   .m2 p {font-size:14px;}
   .m3 .ewm {margin-left:15px;}
   .m3 .ewm img{width:110px;}
}
@media (min-width: 1440px) and (max-width: 1680px) {
  .fotMenu a {padding:0px 60px}
  .m2 strong {font-size:24px;}
  .m2 p {font-size:16px;}
  .m3 .ewm {margin-left:25px;}
}



/*内页*/
.nbanner {background-size:cover; background-repeat:no-repeat;background-position:center; background-attachment: scroll;width:100%;height:500px;margin-top:85px;}
.nbanner:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}
.centered {display: inline-block;vertical-align: middle;width: 99.9%;color:#fff;}
.centered .wp1 {float:left;width:33.333%;font-size:.34rem;text-align:right;letter-spacing:5px}

.centered .wp2 {float:left;width:66.666%;padding-left:50px;margin-top:10px;padding-right:50px;}
.centered .wp2:before {width:3px;height:80px;display:table;content:" ";background:#fff;float:left;}
.centered .wp2 .content {    font-size: 16px;padding: 10px 30px;line-height: 32px;}
.centered .wp2 .content strong{font-family:"GillSansMTBold";}

@media (max-width: 767px){
    .nbanner {margin-top:60px;height:400px;}
    .contactus     .nbanner {margin-top:60px;height:300px;}
    .nbanner:before {content: '';display:table;height: 15%;vertical-align: middle;margin-right: -0.25em; }
    .centered .wp1 {float:left;width:100%;text-align:center;letter-spacing:5px}
    .centered .wp2 {float:left;width:100%;padding:0px;}
    .centered .wp2:before {display:none}
    .centered .wp2 .content {padding-left:0px;font-size:14px;text-align:center;}
}


.frame {float:left;width:100%;/*padding:.8rem 10%;*/}

.about-us-title{text-align: center;}
.about-us-title span{font-size: 28px;display: inline-block;vertical-align: middle;font-weight: bold;}
.about-us-title span:nth-of-type(1){color: #333;}
.about-us-title span:nth-of-type(2){color: #3a3a3a;}
.about-us-title em{display: inline-block;width: 1px;margin: 0 25px;height: 28px;background-color: #e2e2e2;vertical-align: middle;}

@media screen and (max-width: 768px){
	.about-us-title span{font-size: 24px;}
}
@media screen and (max-width: 640px){
	.about-us-title span{font-size: 22px;}
	.about-us-title em{display: none;}
	.about-us-title span{display: block;margin: 5px 0;}
}

.idx-title{text-align: center;}
.idx-title .h1{font-size: .42rem;color:#000;margin-bottom: .25rem;}
.idx-title .h2{font-size: .16rem;color: #333}
.idx-title .h2 br{display:none}
.idx1box{position: relative;margin-top: 4vw}
.idx1left{width: 51.66%;padding-right: 5vw;position: relative;}
.idx1left .content{font-size: .16rem;color: #333;line-height: 2.125;}
.index1{padding:.7rem 0 10.8vw;position: relative;}
.index1 .wavebox{position: absolute;bottom: 0;left: 0;height:1.5rem;overflow: hidden;width: 100%;}
.index1 .wavebox>div{position: absolute;width: 200%;height: 100%;background-size: 100% 100%;transform-origin: center bottom;}
.index1 .wave1{animation: move_wave 10s infinite linear;}
.index1 .wave2{animation: move_wave 15s infinite linear;}
.index1 .wave3{animation: move_wave 20s infinite linear;}

.idx1box{position: relative;margin-top: 4vw}
.idx1left{width: 51.66%;padding-right: 5vw;position: relative;}
.idx1left .content{font-size: .16rem;color: #333;line-height: 2.125;}
.index1{padding:.7rem 0 10.8vw;position: relative;}
.idx1left .countbox{margin-top:2.5vw;margin-bottom: 3.3vw;display: flex;justify-content: space-between;flex-wrap: wrap;}
.idx1left .countbox .item .num{font-size: .4rem;font-weight: bold;color: #eb6100;line-height: 1;display:inline-block}
.idx1left .countbox .item p{font-size: 12px;color: #333333;margin-top: .1rem}
.idx1left .countbox .item .numbox{font-size:0;position:relative;display:inline-block;}
.idx1left .countbox .item .txt{font-size:12px;color:#eb6100;display:inline-block;margin-left:.08rem;position:relative;z-index:2}
.idx1left .countbox .item .numbox img{position:absolute;right: -10px;bottom: -5px;width: 32px;}


.idx1left:before{content:"";width: 26vw;height: 26vw;position: absolute;background: url(../image/circle1.png);background-size: cover;left: -5vw;bottom:3vw;-webkit-animation: round1 10s linear infinite;animation: round1 10s linear infinite;}
.idx1left:after{content:"";width: 16.2vw;height: 16.2vw;position: absolute;background: url(../image/circle2.png);background-size: cover;bottom: -4.5vw;left:8.3vw;-webkit-animation: round2 10s linear infinite;animation: round2 8s linear infinite;}
.idx1right{width: 48.33%;position: absolute;top:-.75vw;right: 0}
.idx1right .item1{/*width:63%;border-radius: 50%;*/object-fit: cover;position:relative}
.idx1right .item1 .img1{width:100%;height:100%;object-fit: cover;/*border-radius:50%;*/}
.idx1right .item1 .playbtn{width:.72rem;height:.72rem;cursor:pointer;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.idx1right .item2{width:45%;border-radius: 50%;object-fit: cover;position: absolute;top: 16%;right:-.5vw;border:.5vw solid #fff;z-index: 3;}
.idx1right .item3{width:28%;border-radius: 50%;object-fit: cover;position: absolute;right: 28%;bottom:-8%;z-index: 2;}
.idx1right .item4{width: 17.8%; border-radius: 50%;position: absolute;background: rgba(98, 177, 193,.3);right:1.3%;bottom: 0}
.idx1right .item5{width: 8.3%;border-radius: 50%;position: absolute;background: rgba(98, 177, 193,.3);right: 0;bottom: 0}

.idx2box{margin-bottom:5vw;float:left;width: 100%;}
.quan {display:table;margin:0 auto;width:80%;}
.idx2box .item {float:left;width:18%;margin-right:2.5%;position:relative;}
.idx2box .item:after{display: block;content: '';padding-bottom: 100%;}
.idx2box .item:last-child {margin-right:0px}
.idx2box .item img {width:100%;border-radius:50%}
.idx2box .item .imgs {position:absolute;left:0px;top:0px;padding:.2rem;background-color: #00999a;border-radius: 50%;}
.idx2box .item:nth-of-type(2) .imgs{background-color: #0099cb;}
.idx2box .item:nth-of-type(3) .imgs{background-color: #f2d929;}
.idx2box .item:nth-of-type(4) .imgs{background-color: #1269a7;}
.idx2box .item:nth-of-type(5) .imgs{background-color: #d9621d;}
.idx2box .item .imgs .sInfo {float:left;width:100%;height:100%;position:relative;}
.idx2box .item .imgs .sDesc {position:absolute;left:0px;top:0px;z-index:3;width:100%;height:100%;padding:.3rem;text-align:center;font-size:.18rem;}

.idx2box .item .imgs .sDesc strong{font-size:.24rem;float:left;width:100%;margin-top:.1rem}
.idx2box .item .imgs .sDesc p{font-size:.16rem;margin-top:.1rem;line-height:.2rem;float:left;width:100%;}


@media (min-width: 768px) and (max-width: 1199px){
    .quan {display:table;margin:0 auto;width:100%;}
    .idx2box .item {width:32%;margin-right:2%;margin-bottom:30px;}
    .idx2box .item:nth-child(3n) {margin-right:0px}
}
@media (min-width: 1200px) and (max-width: 1360px){
        /*.quan {display:table;margin:0 auto;width:100%;}
    .idx2box .item {width:32%;margin-right:2%;margin-bottom:30px;}
    .idx2box .item:nth-child(3n) {margin-right:0px}*/
            .quan {display:table;margin:0 auto;width:100%;}
    .idx2box .item {float:left;width:18.5%;margin-right:1.5%;position:relative;}
    .idx2box .item .imgs {position:absolute;left:0px;top:0px;padding:.1rem;}
    .idx2box .item .imgs .sDesc {position:absolute;left:0px;top:0px;z-index:3;width:100%;height:100%;padding:.35rem;text-align:center;font-size:.18rem;}
    .idx2box .item .imgs .sDesc p{font-size:.16rem;margin-top:.1rem;line-height:.24rem;}
}
@media (min-width: 1361px) and (max-width: 1440px){
    .quan {display:table;margin:0 auto;width:100%;}
    .idx2box .item {float:left;width:18.5%;margin-right:1.5%;position:relative;}
    .idx2box .item .imgs {position:absolute;left:0px;top:0px;padding:.1rem;}
    .idx2box .item .imgs .sDesc {position:absolute;left:0px;top:0px;z-index:3;width:100%;height:100%;padding:.35rem;text-align:center;font-size:.18rem;}
    .idx2box .item .imgs .sDesc p{font-size:.16rem;margin-top:.1rem;line-height:.24rem;}
}
@media (max-width: 767px){
    .idx2box .item .imgs .sDesc strong{font-size:.24rem;float:left;width:100%;margin-top:.3rem}
    .quan {display:table;margin:0 auto;width:100%;}
    .idx2box .item {width:48%;margin-right:4%;margin-bottom:30px;}
    .idx2box .item:nth-child(2n) {margin-right:0px}
}


@media (max-width:992px){
	.idx1left{width: 52%;padding-right: 2vw}
	.idx1right{width: 48%}
}
@media (max-width: 640px){
   .idx1left{width: 100%;padding-right: 0}
   .idx1right{position: relative;width: 100%;top: 0;display: none;}
   .idx1left .content{font-size: 13px;}
   .idx1left .countbox .item p{font-size: 12px;}
   .idx1left .countbox{display: block;margin: 0;font-size:0}
   .idx1left .countbox .item:nth-child(3){padding-right: 0}
   .idx1left .countbox .item{margin-top: 15px;width: 50%;display: inline-block;text-align: center;}
   .idx1left .countbox .item .num{font-size: 10vw;}

   .idx1left:before{width: 60vw;height: 60vw;bottom: 100vw;left: 0}
   .idx1left:after{width: 40vw;height: 40vw;bottom: 80vw;left: 40vw}
   .index1{padding-bottom:1.2rem}
}

.join3{padding: .6rem 0 .4rem;background: url(../image/idx3bg.jpg);background-size: cover;background-position: center;}
.join3 .idx-title .h1{margin-bottom: .8rem}

@media (max-width: 767px) {
    .join3 .idx-title .h1{margin-bottom: .5rem}
}

/*.platform .two{background: url(../image/idx3bg.jpg);background-size: cover;background-position: center;}
.platform .two .top{display: flex;}
.platform .two .top .item{transition: all .3s ease-in-out;position: relative;flex: 1;text-align: center;padding: .25rem 0;border-bottom:1px solid rgba(234, 233, 229,.3);cursor: pointer;z-index: 0}
.platform .two .top .item:not(:last-child){border-right: 1px solid rgba(234, 233, 229,.3)}
.platform .two .top .item img{margin: 0 auto;width: .6rem}
.platform .two .top .item p{color: rgba(255, 255, 255, 0.6);font-size: .18rem;margin-top: .1rem}
.platform .two .bottom{padding: .4rem 0 .55rem .9rem}
.platform .two .bottom .box{display: none;}
.platform .two .bottom h1{font-size: .3rem;color: #fff}
.platform .two .bottom p{font-size: .18rem;color: rgba(255, 254, 254, 0.7);padding-left: .05rem;margin-top: .15rem}
.platform .two .bottom p:before{content: "";display: inline-block;width: 12px;height: 4px;background: #1f97d4;vertical-align: middle;margin-right: 15px;}
.platform .two .top .item:after{transition: all .3s;content:"";position: absolute;left: 0;right: 0;top: 0;bottom:0;background: #1f97d4;z-index: -1;opacity: 0;}
.platform .two .top .item.on p{color: #fff}
@media (min-width: 676px){
	.platform .two .top .item.on:after{bottom: -8%;opacity: 1;}   
    .platform .two .top .item.on{padding: .35rem 0 .15rem}
}
@media (max-width: 767px){
	.platform .two .top{display: block;}
	.platform .two .top .item{width: 33.33%;float: left;}
	.platform .two .top .item.on:after{opacity: 1;}
	.platform .two .bottom{padding:.4rem}
	.platform .two .top .item p{font-size: 14px;}
	.platform .two .bottom p{font-size: 14px;}
}*/



/*.join3 .two{position: relative;}
.join3 .two .box{margin-left: 10vw;padding-left: 11vw;padding-right: 4vw;background: url(../images/supbg1.jpg);background-size: cover;padding-top: .7rem;padding-bottom: 1rem}
.join3 .two .box .content img{margin: .6rem auto 0}
.join3 .two .box .content{display: none;}
.join3 .two .tabs .item2{width:17.5vw;line-height: .88rem;text-align: center;font-size: .24rem;color: #fff;background: #eb6100;cursor: pointer;position: relative;transition: all .3s}
.join3 .two .tabs .item2:not(:first-child):before{content:"";left: .25rem;right: .25rem;top: 0;height: 1px;background: rgba(255,255,255,.2);position: absolute;}
.join3 .two .tabs .item2.on{background: #ffeabd;color: #333}
.join3 .two .tabs{position: absolute;left: 0;top: 0;z-index: 5}
.join3 .two .right-title{font-size: .3rem;color: rgb(51, 51, 51);padding: .35rem 0;float: right;position: relative;z-index: 0}
.join3 .two .right-title:before{content:"";width: .72rem;height: .72rem;border-radius: 50%;left: -.2rem;position: absolute;top: 50%;margin-top: -.36rem;background: #eb6100;z-index: -1}
.join3 .two .box h1{font-size: .24rem;color: #fff;margin-bottom: .1rem}
.join3 .two .box h2{font-size: .18rem;color: rgba(255, 255, 255, 0.6);line-height: 2;padding-bottom: .5rem;border-bottom: 1px dotted rgba(255, 255, 255, 0.18);}

@media (max-width: 767px){
	.join3 .two .tabs .item2{width:100%;}
	.join3 .one .right{padding:0;padding-top:.5rem;}
    .join3 .one .right p{font-size:14px;}
	.join3 .two .box{margin-left:0;padding:.8rem 15px 1rem}
	.join3 .two .tabs{position:static}
	.join3 .two .box h2{font-size:12px;}
}*/

.about5{padding: .8rem 0 .9rem;position: relative;background:url(../image/about6bg.jpg);background-size:cover;}
.about5 .item .imgbox{width: 1.9rem;margin: 0 auto;}
.about5 .item .imgbox img{border-radius:50%;}
.about5 .item .point{width: 8px;height: 8px;border-radius: 50%;background: #fff;margin: 0 auto;margin-top: .44rem;margin-bottom: .15rem;}
.about5 .item .year{font-size: .24rem;color: #fff;line-height: 1;margin-bottom: .2rem;}
.about5 .item p{font-size: .16rem;color: #fff;line-height: 1.5;padding: 0 1.5vw}
.about5 .item{text-align: center;}
.about5 .idx-title .h1{margin-bottom:.6rem;color:#fff}
.about5 .swiper-box{padding:0 3vw;}
.about5 .swiper-box{position: relative;}
.about5 .nextbtn{width:.46rem;position: absolute;right: 0;top:1.2rem;z-index: 3;cursor:pointer;transition:all .3s ease}
.about5 .prevbtn{width:.46rem;position: absolute;left:0;top:1.2rem;z-index: 3;cursor:pointer;transition:all .3s ease}
.about5 .linebox{height: 18px;background: url(../image/line1.png);background-size: cover;background-position: center;position: absolute;top: 4.72rem;left: 0;width: 100%;}

@media (max-width: 1400px){
	.about5 .item .imgbox{width: 1.6rem}
	.about5 .linebox{top:4.4rem}
}
@media (min-width: 1000px){
    .about5 .prevbtn:hover{transform:translateX(-3px)}
    .about5 .nextbtn:hover{transform:translateX(3px)}
}
@media (max-width: 767px){
    .about5 .swiper-box{padding:0 5vw;}
    .about5 .item p{padding:0 10px;}
    .about5 .item .year{font-size:16px;}
    .about5 .item p{font-size: 13px;}
    .about5 .nextbtn{right: 0}
}

.about6{padding: .8rem 0 .9rem;position: relative;background:url(../image/about3bg.jpg);background-size:cover;}
.about6 .linebox{height: 18px;background: url(../image/line1.png);background-size: cover;background-position: center;position: absolute;top: 4.72rem;left: 0;width: 100%;}
.about6 .idx-title .h1{margin-bottom: .5rem;color:#000}


.aboue-culture-list ul{float:left;margin:0px;padding:0px;width:100%;}
.aboue-culture-list ul li {float:left;width:32%;margin-right:2%;padding:50px;cursor:pointer}
.aboue-culture-list ul li:nth-child(1) {background-color:#1f97d4;}
.aboue-culture-list ul li:nth-child(2) {background-color:#86bb29;}
.aboue-culture-list ul li:nth-child(3) {background-color:#f3d826;}
.aboue-culture-list ul li:last-child {margin-right:0px}
.aboue-culture-list ul li .word{width: 100%;text-align:center;}
.aboue-culture-list ul li .title{font-size: 26px;color: #fff; font-weight: bold;}
.aboue-culture-list ul li .title:after{display: block;content: '';margin:26px auto 22px; width:70%;height: 1px;background-color: #fff;}
.aboue-culture-list ul li .text{display:-webkit-box ;padding: 0 2%;font-size: 18px;color: #fff;line-height:30px; height: 76px; overflow: hidden; text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.aboue-culture-list ul li .pic {transition: 0.5s ease;}
.aboue-culture-list ul li:hover .pic{transform: scale3d(1.05,1.05,1.05); z-index: 9;}

@media screen and (max-width: 640px){
    .aboue-culture-list ul li {width:100%;margin-right:0px;margin-bottom:20px;padding:25px;}
}


.about5 .four{display: flex;margin-bottom: .5rem}
.about5 .four .swiper-container{width:69%;margin: 0 1.25%;}
.about5 .four .swiper-btn{width: 14.25%;position: relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.about5 .four .swiper-container img{width: 100%}
.about5 .four video{width:100%;height:100%;object-fit:cover;}
/*.about5 .four .prev{background: url(../images/prevbg.jpg) center;-webkit-background-size: cover;background-size: cover;}
.about5 .four .next{background: url(../images/nextbg.jpg) center;-webkit-background-size: cover;background-size: cover;}*/
.about5 .four .swiper-btn img{width: .41rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition:all .25s}
.about5 .four .swiper-page{position: absolute;right: .3rem;bottom: .2rem;z-index: 10;color: #fff;font-size: .18rem}
.about5 .four .swiper-page .current{font-size: .3rem;line-height: 1;margin-right: 2px}
.about5 .four .swiper-page span{float: left;}

.about5 .four .next:hover img{transform:translateX(8px)}
.about5 .four .prev:hover img{transform:translateX(-8px)}

@media (max-width: 767px){
	.about5 .four{display: block;position: relative;}
	.about5 .four .swiper-container{width: 100%;margin: 0}
	.about5 .four .swiper-btn{position: absolute;z-index: 10;background: none}
	.about5 .four .prev{left: 0;top: 0;bottom: 0;}
	.about5 .four .next{right: 0;top: 0;bottom: 0;}
}

.partner {background:#dcdcdc}
.partner .five{display: flex;}
.partner .five .swiper-slide {height:auto;}
.partner .item{float:left;}
.partner .item a{float:left;}
.partner .item a img{float:left;border:3px solid #fff;width:100%;}
.partner .item a:hover img{border:3px solid #1f97d4;}
.partner .item a .title{float:left;width:100%;text-align:center;line-height:30px;}
.partner .swiper-container{width:87.5%;margin: 0 1.25%;}
.partner .five .swiper-btn{width: 5%;position: relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.partner .five .swiper-btn img{width: .41rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition:all .25s}
@media (max-width: 767px){
	.partner .five{display: block;position: relative;}
	.partner .five .swiper-container{width: 100%;margin: 0}
	.partner .five .swiper-btn{position: absolute;z-index: 10;background: none}
	.partner .five .prev{left: 0;top: 0;bottom: 0;}
	.partner .five .next{right: 0;top: 0;bottom: 0;}
}

/*.team {background:#dcdcdc}*/
.team .six{display: flex;}
.team .six .swiper-slide {height:auto;}
.team .item{float:left;}
.team .item a{float:left;}
.team .item a img{float:left;border:3px solid #fff;width:100%;}
.team .item a:hover img{border:3px solid #1f97d4;}
.team .item a .title{float:left;width:100%;text-align:center;line-height:30px;}
.team .swiper-container{width:87.5%;margin: 0 1.25%;}
.team .six .swiper-btn{width: 5%;position: relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.team .six .swiper-btn img{width: .41rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition:all .25s}
@media (max-width: 767px){
	.team .six{display: block;position: relative;}
	.team .six .swiper-container{width: 100%;margin: 0}
	.team .six .swiper-btn{position: absolute;z-index: 10;background: none}
	.team .six .prev{left: 0;top: 0;bottom: 0;}
	.team .six .next{right: 0;top: 0;bottom: 0;}
}

/*.team {background:#dcdcdc}*/
.workshop .seven{display: flex;}
.workshop .seven .swiper-slide {height:auto;}
.workshop .item{float:left;}
.workshop .item a{float:left;}
.workshop .item a img{float:left;border:3px solid #fff;width:100%;}
.workshop .item a:hover img{border:3px solid #1f97d4;}
.workshop .item a .title{float:left;width:100%;text-align:center;line-height:30px;}
.workshop .swiper-container{width:87.5%;margin: 0 1.25%;}
.workshop .seven .swiper-btn{width: 5%;position: relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;}
.workshop .seven .swiper-btn img{width: .41rem;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;transition:all .25s}
@media (max-width: 767px){
	.workshop .seven{display: block;position: relative;}
	.workshop .seven .swiper-container{width: 100%;margin: 0}
	.workshop .seven .swiper-btn{position: absolute;z-index: 10;background: none}
	.workshop .seven .prev{left: 0;top: 0;bottom: 0;}
	.workshop .seven .next{right: 0;top: 0;bottom: 0;}
}


.contactcon{padding: .6rem 0 .6rem;background:#f3f3f3}

.idx-title{text-align: center;}
.idx-title .h1{font-size: .42rem;color:#000;margin-bottom: .45rem;}
.idx-title .h2{font-size: .16rem;color: #333}
.idx-title .h2 br{display:none}

.contMain {width:100%;background:#fff;padding:48px;float:left;}
.contMain .top1 {float:left;width:100%;}

.contMain .grid {float:left;width:32%;margin-right:2%;border:1px solid #dddddd;padding:32px 20px;}
.contMain .grid:last-child {margin-right:0%;margin-bottom:0px;}
.contMain .grid .dizhi{border-radius: 50px;width: 55px;height: 55px;background-color: #1f97d4;text-align: center;line-height:55px;margin:0 auto;}
.contMain .grid .wechat{position:relative; cursor:pointer;}
.contMain .grid .wechat span{
display: block;
position: absolute;
right: -50px;
top: 80px;
z-index: 9;
width:145px;
height: 145px;
background-position: center;
background-size: contain;
border: 5px solid #1f97d4;
border-radius: 4px;
transform-origin: top right;
transform: scale(0);
opacity: 0;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

.contMain .grid .wechat:hover span{
transform:scale(1);
opacity: 1;
}

.contMain .grid h1{font-size: 16px;text-align: center;color:#333;margin-top:30px;line-height:24px;height:48px;}
.contMain .grid h1 a{color:#333;}

.feedItem {float:left;width:100%;margin-bottom:20px;}
.feedItem span{float:left;width:100%;font-size:14px;color:#797979}
.txtInput3 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;height:140px;}
.txtInput4 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
.txtInput5 {float:left;width:50%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
.btnSubmit1 {float:left;width: 160px; height: 55px;line-height: 55px; color: #fff; font-size: 18px; text-align: center; background: #EDBD1C; border-radius: 30px;}
.btnSubmit2 {float:left;width:250px;height:42px;line-height:42px;background:#1f97d4;text-align:center;color:#fff;}
.btnSubmit2:hover {background:#1f97d4}

.codeimg{height: 38px;margin-top: 10px;}

.contMain .top2 {float:left;width:100%;margin-top:20px;}
.contMain .top2 .dl{float:left;width:60%;}
.contMain .top2 .top2Tit {float:left;width:100%;font-size:.24rem;line-height:.8rem}

.contMain .top2 .dr{float:left;width:40%;padding-left:40px;}

@media (max-width: 767px){
    .contMain .grid {float:left;width:100%;margin-right:0%;margin-bottom:20px;}
    .contMain {width:100%;background:#fff;padding:18px;float:left;}
    .contMain .top2 .dl{float:left;width:100%;}
    .contMain .top2 .dr{float:left;width:100%;padding-left:0px;display: none;}
    .txtInput5 {float:left;width:100%;border:1px solid #9c9c9c;margin-top:10px;padding:10px;}
    .btnSubmit2 {float:left;width:100%;height:42px;line-height:42px;background:#1f97d4;text-align:center;color:#fff;}
    .mapContent{height: 300px!important;}
}

.qiye{border-bottom: 1px solid #CCCCCC;}
.qiye ul{margin: 0 36px;text-align: center;}
.qiye ul li{font-size: 16px;line-height: 18px;color: #333333;display: inline-block;padding: 30px 78px;cursor: pointer;}
.qiye ul li.j_li{border-bottom: 1px solid #1f97d4;color: #83c326;position: relative;}
.qiye .j_x{position: absolute;left:48%;bottom: -10px;z-index: 2;}

.lianxi .fangshi{padding:64px 20px;width: 25%;	}
.lianxi .dizhi{border-radius: 50px;width: 55px;height: 55px;background-color: #1f97d4;text-align: center;line-height:55px;margin:0 auto;}
.lianxi .fangshi h1{font-size: 18px;text-align: center;color:#333;margin-top:20px;}
.lianxi .fangshi .o_p{font-size: 14px;color: #333;margin-top: 12px;text-align: center;display: block;line-height: 1.5;}
.lianxi .fangshi .o_p p{font-size: 14px;color: #333;text-align: center;display: block;line-height: 1.5;}
.lianxi .fangshi span a{color: #333;}

@media (max-width: 767px){
    .lianxi .fangshi{padding:24px 20px;width: 100%;	}
    .qiye ul li{font-size: 14px;line-height: 18px;color: #333333;display: inline-block;padding: 20px 30px;cursor: pointer;}
}

.msLY {float:left;background-position: center top;background-size: cover;background-image:url(../image/Main_Contact_BG.jpg); background-attachment: fixed;background-repeat: no-repeat;width:100%;padding:150px 0px 150px;margin-top:50px;}

.frame2 {background:#fff;padding:50px 5%;max-width:1260px;margin:0 auto;}
.frame2 .frameTit2 {float:left;width:100%;text-align:center;font-size:24px;}
.frame2 .frameTit2 strong {font-family:"GillSansMTBold"}
.frame2 .line {width:80%;margin:30px 10%;float:left;border-top:1px solid #EBEBEB}


.inp2 {position:relative;}
.lpName2 {color:#898989;float:left;width:100%;font-family:"GillSansMTBold"}
.lpName2 span{color:Red;}
.txtInput2 {float:left;width:100%;border:none;border-bottom:1px solid #EBEBEB;background-color:transparent;height:50px;line-height:50px;padding:0px 3px;margin-top:20px;color:#4b5461}
.inp2 i{position: absolute; display: block; content: ""; left: 0; bottom: 0; width: 0px; height: 1px; background: #1f97d4; -webkit-transition: all 0.5s; transition: all 0.5s;}
.txtInput2:focus+i{width: 100%;}

.frame2 .l50:nth-child(3) {margin-left:4%;}
.frame2 .l50:nth-child(5) {margin-left:4%;}

@media (max-width: 767px){
    .msLY {float:left;background-position: center top;background-size: cover;background-image:url(../image/Main_Contact_BG.jpg); background-attachment: fixed;background-repeat: no-repeat;width:100%;padding:30px 0px 30px}
}

.con_map{float:left;width:100%;border:2px solid #1f97d4;margin-top:30px;}
.mapContent{float:left;width:100%;height:500px;}
.mapContent .title{font-size: 16px;font-weight: bold;}
.mapContent .content{font-size: 16px;}
.con_map img {max-width:initial}
/*.BMap_Marker > div{
    position: relative;
    text-align: center;
    overflow: auto !important;
    animation: loc 2000ms infinite;
    -webkit-animation: loc 2000ms infinite;
    line-height: 150px;
}
.BMap_Marker > div > img{
    display: inline-block !important;
}
@keyframes loc
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}
@-webkit-keyframes
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}*/

.contact-map-focus {  position: fixed; top: 300px;  left: 15px;  width: 35px; height: 35px;  opacity: 0; background: url(https://www.duomaitoy.com/static/images/map_focus.png) no-repeat; background-size: 35px 35px; z-index: 1; cursor: pointer;}
.BMap_stdMpPan{ top: 88px;}
.BMap_stdMpZoom{ top: 133px !important;}
	
.BMap_bubble_content{ padding: 5%; font-size: 18px; line-height: 24px;}
.BMap_bubble_content span{ font-size: 15px; margin-top: 5px; display: block;}


.news2con{padding: .65rem 0 1.3rem;background: #fbfbfb}
.news2box{background: #fff;box-shadow: 0.349px 9.994px .3rem 0px rgba(179, 179, 179, 0.15);}
.news2box{padding:3.5vw 9vw 4.5vw}
.news2box .contentbox{padding: .3rem 0;line-height:.4rem}
.news2box .contentbox img{display:inline-block;}
.news2top .h1{font-size: .34rem;color: #2f2f2f;margin-bottom: .25rem}
.news2top .h2 {font-size: .14rem;color: #2f2f2f;}
.news2top{text-align: center;padding-bottom: .5rem;border-bottom: .02rem solid #cccccc}
.news2top .h2{font-size: .14rem;color: #2f2f2f;display: flex;justify-content: center;}
.news2top .h2 span{margin-right: 30px;}
.news2top .h2 a{color: #2f2f2f;text-decoration: none;outline: none;}
.news2top .h2 em{font-style: normal;}
.news2bottom .item{float: left;width: 50%;text-align: center;font-size: 0;background: #f8f8f8;line-height: .7rem;transition: all .3s ease-in-out}
.news2bottom .item span{display: inline-block;vertical-align: middle;font-size: .14rem;color: #333;transition: all .3s ease-in-out;margin: 0 .15rem}
.news2bottom .item .txt{max-width: 65%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.article_share{background-color: #ffffff;height: 90px;display: flex;justify-content: space-between;align-items: center;padding: 0 30px;position: relative;}
.article_share dt{font-size: 14px;}
.article_share dd{display: flex;justify-content: flex-end;align-items: center;}
.article_share .social_share a{ display: flex;flex-direction: column;justify-content: center;align-items: center; font-size:14px;width:32px;height:32px;margin:0 0 0 15px;border-radius:50%; text-align:center;background-color:#999;color:#fff;transition: all 300ms ease-in-out 0s;outline: none;text-decoration: none;}
.article_share .social_share .digg_a{font-size: 14px; line-height: 10px;}
.article_share .social_share .digg_a span{font-size: 10px;margin-top: 3px;}
.article_share .social_share a:hover{background-color:#1f97d4;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}

.news1con .col-sm-4{padding: .24rem;}
.news1con .row{margin:0 -.24rem}
.news1con{padding: .53rem 0 1.2rem;background: #fbfbfb}

.news1tab{font-size: 0;text-align: center;margin-bottom: .2rem;}
.news1tab .item{display: inline-block;vertical-align: middle;font-size:.18rem;text-align: center;color: #1f97d4;border:.02rem solid #1f97d4;width: 2.2rem;height: .6rem;line-height: .56rem;transition: all .3s ease;margin: 0 .15rem;border-radius: .4rem}
.news1tab .item.on{background: #1f97d4;color: #fff}

.news1tab2{font-size: 0;text-align: center;margin-bottom: .2rem;}
.news1tab2 .item{display: inline-block;vertical-align: middle;font-size:.16rem;text-align: center;color: #1f97d4;border:.02rem solid #1f97d4;padding:.12rem .35rem; transition: all .3s ease;margin: 0 .1rem;border-radius: .4rem}
.news1tab2 .item.on{background: #1f97d4;color: #fff}

.event-detail{position:relative;}
.event-detail .lower-content{position:relative;padding-bottom:20px;margin-bottom:10px;border-bottom:2px solid #f9f5f0;}
.NPager{width:100%;margin-bottom:20px;line-height:30px;}
.NPager a{color:#666;}
.event-detail .date{position:relative;display:block;font-size:24px;line-height:1.2em;color:#1f97d4;font-weight:400;margin-bottom:30px;}
.event-detail h3{position:relative;display:block;font-size:24px;line-height:1.2em;color:#1f97d4;font-weight:400;margin-bottom:35px;}
.event-detail p{position:relative;display:block;line-height:30px;color:#858687;font-weight:400;margin-bottom:15px;}
.NPager{width:100%;margin-bottom:20px;}
.event-sidebar{position:relative;margin-bottom:50px;}
.sidebar-widget{position:relative;padding:45px 50px;background-color:#f9f5f0;margin-bottom:2px;border-top-left-radius:20px;border-top-right-radius:20px;}
.sidebar-title{position:relative;margin-bottom:25px;}
.sidebar-title h5{position:relative;font-size:.2rem;color:#1f97d4;font-weight:400;line-height:30px;}
.events-widget{position:relative;}
.event-block-two{position:relative;margin-bottom:25px;}
.event-block-two:last-child{margin-bottom:0;}
.event-block-two .inner-box{position:relative;text-align:center;}
.event-block-two .image{position:relative;display:block;overflow:hidden;background-color:#1f97d4;border-radius:20px;margin-bottom:15px;}
.event-block-two .image::after{display: block;content: '';padding-bottom: 56%;}
.event-block-two .image img{display:block;width:100%;height:100%;position: absolute;left: 0;top: 0;object-fit: cover;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.event-block-two .inner-box:hover .image img{opacity:.70;}
.event-block-two .date{position:relative;display:block;font-size:20px;line-height:1.2em;color:#1f97d4;font-weight:400;margin-bottom:3px;font-family:"Fredoka One", cursive;}
.event-block-two h5{position:relative;display:block;font-size:18px;line-height:30px;color:#1f97d4;font-weight:400;}
.event-block-two h5 a{color:#1f97d4;display:inline-block;-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
.event-block-two h5 a:hover{color:#1f97d4;}

.case-pro{padding:25px}

.case-pro h5{font-size:.2rem;margin-bottom:25px;font-weight:700;}

.case-pro h5:before {
    content: "";
    width: .07rem;
    height: .32rem;
    display: inline-block;
    background: #1f97d4;
    vertical-align: middle;
    margin-right: .15rem;
}
.case-pro .gzbt{float:none;text-align:center;}
.case-pro .gzbt a{
    font-size: .18rem;
    text-align:center;
    color: #1f97d4;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}


@media (min-width: 1000px){
  .news1tab .item:hover{background: #1f97d4;color: #fff}
  .news2bottom .item:hover{background: #1f97d4}
  .news2bottom .item:hover span{color: #fff}

  .news1tab2 .item:hover{background: #1f97d4;color: #fff}
}

@media (max-width: 767px){
  .news1tab .item{font-size: 14px;border-width: 1px;width: 46%;height: 36px;line-height: 34px;  margin: 6px;}
  .news2box{padding:6vw}
  .news2top .h2{font-size: 12px;line-height: 1.3}
  .news2top .h1{font-size: 18px;}
  .news2bottom .item{width: 100%}
  .news2bottom .item span{font-size: 13px;}

  .news1tab2 .item{font-size: 14px;border-width: 1px; margin: 6px;}

  .brand1 .two{margin-top: 0!important;}
  .event-detail h3{text-align: left;}
}

/*.brand1{padding: .7rem 0 1rem;}*/
.brand1 .nav{padding: .2rem 0;border-bottom: 1px solid #e2e2e2}
.brand1 .nav .left a{color:#999;transition: all .3s}
.brand1 .nav .left a.on{color:rgb(53, 53, 53)}
.brand1 .nav .left span{color: #1f97d4;font-size: .18rem;}
.brand1 .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.brand1 .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}
.brand1 .one{display: flex;padding: .35rem 0 .3rem 0;}
.brand1 .one .left{flex: 1;/*padding-right: 3.4vw*/}
.brand1 .one .right{flex: 1;padding-left: 3.2vw;padding-top:5vw}
.brand1 .one .imgbox{position: relative;}
.brand1 .one .brandimg{width:11vw;height:8vw;position: absolute;background: #fff;top: -4vw;left: -6.6vw;box-shadow: 0px .09rem .59rem 0px rgba(0, 0, 0, 0.04);}
.brand1 .one .brandimg img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.brand1 .one .left h1{font-size: .3rem;color: rgb(51, 51, 51);margin-bottom: .3rem}
.brand1 .one .left h1:before{content:"";width: .07rem;height: .32rem;display: inline-block;background:#1f97d4;vertical-align: middle;margin-right: .15rem}
.brand1 .one .left h2{font-size: .36rem;color: rgb(51, 51, 51);}
.brand1 .one .left .collect img{display: inline-block;}
.brand1 .one .left .collect span{font-size: .16rem;color:rgb(102, 102, 102);display: inline-block;vertical-align: middle;}
.brand1 .one .left .collect{display: inline-block;cursor: pointer;margin: .2rem 0;font-size: 0}
.brand1 .one .left p{font-size: .18rem;color: rgb(102, 102, 102);line-height: 2;}
.brand1 .one .left .supplier .txt{font-size: .24rem;color: rgb(51, 51, 51);}
.brand1 .one .left .supplier .btn1{transition: all .3s;font-size: .18rem;color: #fff;width: .78rem;line-height: .36rem;text-align: center;background: #f2b13e;border-radius: 25px;display: block;}
.brand1 .one .left .supplier{padding: .35rem 0 .15rem;position: relative;margin-top: 3vw}
.brand1 .one .left .supplier:before{content:"";height: 4px;width: 100%;left: 0;top: 0;background: url(https://www.duomaitoy.com/static/images/border.png);-webkit-background-size: cover;background-size: cover;position: absolute;}
.brand1 .one .left img{width: .35rem;margin-right: .1rem;}
.brand1 .two .top{padding: .5rem 0}
.brand1 .two .top .left{font-size: 0;}
.brand1 .two .top .left .item1{margin-right: 1px;text-align: center;font-size: .24rem;color: rgb(153, 153, 153);line-height: .7rem;padding: 0 .3rem;min-width: 2.55rem;display: inline-block;transition: all .3s;background: #fff}
.brand1 .two .top .left .item1.on{padding-left: .45rem;background: #4c5562;color: #fff}
.brand1 .two .top .title{font-size: .3rem;color: rgb(51, 51, 51);}
.brand1 .two .top .title:after{content:"";width: .07rem;height: .32rem;display: inline-block;background:#1f97d4;vertical-align: middle;margin-right: .15rem}
.brand1 .two .row{margin: 0 -.15rem}
.brand1 .two .col-sm-4{padding: .15rem}
.brand1 .two .item .imgbox{position: relative;display: block;}
.brand1 .two .item .imgbox .img{width:100%;position: relative;}
.brand1 .two .item .imgbox .img::after{display: block;content: '';padding-bottom: 65.75%;}
.brand1 .two .item .imgbox .img img{display: block;width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}

.brand1 .two .item .bottom{padding: .25rem .35rem .3rem .28rem}
.brand1 .two .item .content h1{font-size: .18rem;color: rgb(51, 51, 51);margin-bottom: .12rem;transition: all .3s;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.brand1 .two .item .content p{font-size: .16rem;line-height:24px;color: rgb(153, 153, 153);margin-bottom: 5px;height:72px;overflow:hidden;}
.brand1 .two .item .content p:nth-of-type(2){height:24px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;background:url(../image/time.png) no-repeat left center;padding-left:25px;margin-top:10px;}
.brand1 .two .item{display: block;background: #fff;box-shadow: 0px 9px 49px 0px rgba(0, 0, 0, 0.04);transition: all .3s;margin: 15px 0;}
.brand1 .two .item .goimg{width: .58rem}

.brand1 .two .item2 .imgbox{position: relative;display: block;}
.brand1 .two .item2 .bottom{padding: .25rem .35rem .3rem .28rem}
.brand1 .two .item2 .content h1{font-size: .18rem;color: rgb(51, 51, 51);margin-bottom: .12rem;transition: all .3s;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;text-align:center;}
.brand1 .two .item2 .content p{font-size: .16rem;line-height:24px;color: rgb(153, 153, 153);margin-bottom: 5px;height:72px;overflow:hidden;}
.brand1 .two .item2{display: block;background: #fff;box-shadow: 0px 9px 49px 0px rgba(0, 0, 0, 0.04);transition: all .3s}
.brand1 .two .item2 .goimg{width: .58rem}

.brand1 .two .item2 .imgbox .img{width:100%;position: relative;}
.brand1 .two .item2 .imgbox .img::after{display: block;content: '';padding-bottom: 74.4%;}
.brand1 .two .item2 .imgbox .img img{display: block;width:100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}

.brand-title{font-size: .3rem;color: rgb(51, 51, 51);margin-bottom: .3rem}
.brand-title:before{content:"";width: .07rem;height: .32rem;display: inline-block;background:#1f97d4;vertical-align: middle;margin-right: .15rem}

.keyword-title{font-size: .3rem;color: rgb(51, 51, 51);margin-bottom: .3rem}
.keyword-title span{color:red}
.keyword-title:before{content:"";width: .07rem;height: .32rem;display: inline-block;background:#1f97d4;vertical-align: middle;margin-right: .15rem}



@media (max-width: 1600px){
	.brand1 .two .item .content{padding-right: 3vw}
	.brand1 .one{align-items: center;}
	.brand1 .two .item2 .content{padding-right: 3vw}
}
@media (min-width: 1000px){
.prodetails .one .btn-box a:hover{transform:translateY(-5px)}
.brand .top .item:hover span{transform:translateX(5px)}
.platform2 .two .next:hover img{transform:translateX(8px)}
.platform2 .two .prev:hover img{transform:translateX(-8px)}
.platform .four .next:hover img{transform:translateX(8px)}
.platform .four .prev:hover img{transform:translateX(-8px)}
.prodetails .one .btn1:hover img{opacity:1}
   .prodetails .one .prev .btn1:hover img{transform:translateX(-5px)}
   .prodetails .one .next .btn1:hover img{transform:translateX(5px)}
	.brand .list .item1:hover{transform: translateY(-10px);}
	.brand .list .more:hover{transform: translateY(-10px);}       
	.brand .list .item1:hover .imgbox:after{    background: rgba(0,0,0,.1);}

    .brand1 .nav .right:hover span{color:#1f97d4 }
    .brand1 .two .top .left .item1:hover{padding-left: .45rem;background: #4c5562;color: #fff}
    .brand1 .two .item:hover .content h1{color:#1f97d4}
    .brand1 .two .item:hover{transform: translateY(-5px);}
    .brand1 .one .left .supplier .btn1:hover{background:#1f97d4;color: #fff }
    .brand2 .three .next:hover{background:#1f97d4 }
	.brand2 .three .prev:hover{background:#1f97d4 }
    .brand2 .one .video1 .play:hover{background:rgba(226,67,57,1)}
    .brand2 .one .video1 .play:hover .before{opacity: 0}
    .brand2 .one .video1 .play:hover .after{opacity: 1}
    .brandsearch .nav .right:hover span{color:#1f97d4}

    .brand1 .two .item2:hover .bottom {background:#1f97d4}
    .brand1 .two .item2:hover .content h1{color:#fff}
    .brand1 .two .item2:hover{transform: translateY(-5px);}
}
@media (max-width: 767px){
    .prodetails .four .imgbox{padding:0px;}
.prodetails .four .imgbox{margin:15px;}
    .pro-menu .item{width:1.2rem}
	.pro-menu .item p{font-size:5px;}
	.brand2 .nav{display: block;}
	.brand2 .nav .right{float: right;margin-top: .1rem}
	.brand1 .one{display: block;}
	.brand1 .two .item .content h1{font-size: 18px}
	.brand1 .two .item .content p{font-size: 14px;}
	.brand1 .two .item .content p:nth-of-type(2){height:42px;line-height:42px;}
	.brand1 .one .left .collect span{font-size: 14px}
	.brand1 .one .left p{font-size: 14px}
	.brand1 .one .left{padding: 0;;padding-bottom: .3rem}
	.brand1 .one .right{padding: 0}
	.brand1 .one .left .supplier .btn1{font-size: 14px;line-height:.4rem;width: .9rem}
	.brand1 .nav .left span{font-size: 14px;}
	.brand1 .nav .right span{font-size: 14px;}
	.brand1 .two .top{display: block;}
	.brand1 .one .brandimg{display: none;}
	.brand2 .three .item p{font-size: 14px;}
	.brand1 .two .item .bottom{padding: .3rem}
	.brand2 .three .swiper-container{padding-right: .38rem}
	.brandsearch .nav{display: block;}
	.brandsearch .nav .right{float: right;margin-top: .1rem}
	.brandsearch .nav .left{font-size: 14px;}
	.brandsearch .nav .right span{font-size: 14px;}
	.search-box .right{padding: 0 10px}
	.search-box .right span{font-size: 14px;}
	.search-box input{font-size: 14px;}
	.prodetails .one .btn-box a{width: 40%}
	.prodetails .two .item{width: 100%;padding: 0 15px;font-size: 14px;}
	.prodetails .two .item span{display: inline;}
	.prodetails .one .swiper-container{flex: 1;margin: 0 15px}
	.prodetails .one .name{font-size: 18px;}
	.prodetails .one .swiperbtn{position: absolute;z-index: 10;    width: auto;padding: 0 15px;}
	.prodetails .one .prev{left: 0;}
	.prodetails .one .next{right: 0;}
	.prodetails .one .btn1{background: rgba(255,255,255,.1)}
	.prodetails .one .ask1 .input input{font-size: 14px;}
	.prodetails .one .ask1 .col{width: 100%}
	.pro-menu{display: none;}
	.prodetails .one .ask1{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.prodetails .one .ask2{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.brandapply .title h2{font-size: 14px;}
	.brandapply .title h1 .txt{font-size: 16px}
	.brand .list .item{height:4rem;}
	.brand .list .item1{height:6rem;}
	.brand .top .col{width:50%}
	.brand1 .two .item .content p.intro{height:auto;}

	.brand1 .two .item2 .content h1{font-size: 18px}
	.brand1 .two .item2 .content p{font-size: 14px;}
	.brand1 .two .item2 .content p:nth-of-type(2){height:42px}
	.brand1 .two .item2 .bottom{padding: .3rem}
	.brand1 .two .item2 .content p.intro{height:auto;}
}


.pagelist a{display: inline-block;vertical-align: middle;font-size: .16rem;color: #333;width: .4rem;height: .4rem;border-radius: 50%;transition: all .3s linear;line-height: .4rem;margin: 0 .12rem;position: relative;}
.pagelist{font-size: 0;text-align: center;margin-top: .5rem;float:left;width:100%;clear:both}
.pagelist a.page-num-current{background: #1f97d4;color: #fff}

@media (min-width: 1000px){
   .pagelist a:hover{background: #1f97d4;color: #fff}
}
@media (max-width: 767px){
    .pagelist a{font-size: 13px;width: 30px;height: 30px;line-height: 30px;}
}



.case-box{position: relative;padding-top:50px;padding-bottom:0px;width: 100%;height: auto;float:left;}

.case-nav{position: fixed;width: 230px;word-break: break-all;z-index: 3}
.case-nav ul{padding: 10px 0;border-right: 1px solid #dcdcdc;margin:0px;}
.case-nav ul li{position: relative;margin-bottom: 20px;}
.case-nav ul li:last-child{margin-bottom: 0px;}
.case-nav ul li a{display: block;position: relative;width: 188px;/* height: 34px; */font-size: 14px;color: #a4a4a4;text-align: center;line-height: 24px;border:1px solid #bfbfbf; padding: 5px;}
.case-nav ul li a:after{display: none;position: absolute;content: '';bottom: 0;top: 0;right: -12px;margin: auto;width: 0;height: 0;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-left: 12px solid #1f97d4;}
.case-nav ul li em{position: absolute;display: block;position: absolute;top: 0;right: -13px;bottom: 0;margin: auto;width: 26px;height: 26px;border-radius: 14px;border: 6px solid transparent;}
.case-nav ul li em:after{display: block;content: '';width: 14px;height: 14px;border-radius: 14px;background: #cecece}
.case-nav ul li.on a{background: #1f97d4;border:1px solid #1f97d4;color: #fff;}
.case-nav ul li.on a:after{display: block;}
.case-nav ul li.on em{border: 6px solid rgba(227,106,83,0.24);}
.case-nav ul li.on em:after{background: #1f97d4}
.case-right{width: calc(100% - 260px);margin-left: auto;}
.case-list ul {padding:0px;margin:0px;}
.case-list ul li{position: relative;margin-bottom: 10px;}
.case-list ul li:last-child{margin-bottom: 0px;}
.case-list ul li .img{position: relative;}
.case-list ul li .img:after{display: block;padding-bottom: 34%;content: '';}
.case-list ul li .img img{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;object-fit: cover;}
.case-list ul li .major{display: block;position: absolute;top: 0;width: 32%;padding: 4.8% 4.8% 0 4.8%;height: 100%;background: rgba(53,71,96,0.95);box-sizing: border-box;transition: 0.5s ease;}
.case-list ul li .title{font-size: 24px;color: #fff;transition: 0.5s ease; line-height: 1.65;}
.case-list ul li .title:after{display: block;content: '';margin-top: 29px;width: 60px;height: 1px;background: #fff;}
.case-list ul li .text{margin-top: 45px;font-size: 14px;color: #fff;line-height: 24px; /* text-overflow: inherit;display: block; */  height: auto; }
.case-list ul li .more{margin-top: 25px;font-size: 12px;color: #fff}
.case-list ul li a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 3}
.case-list ul li:hover .major{width: 50%}
.case-list ul li:hover .title{text-align: right;} 
.case-list ul li:hover .title:after{margin-left: auto;} 
.case-list ul li:hover .text{text-align: right;} 
.case-list ul li:hover .more{text-align: right;float:right;} 
/*
.case-list ul li:nth-of-type(even) .major{left: 0}
.case-list ul li:nth-of-type(odd) .major{right: 0;}

.case-list ul li:nth-of-type(even):hover .title{text-align: left;} 
.case-list ul li:nth-of-type(odd):hover .title{text-align: right;} 
.case-list ul li:nth-of-type(even):hover .title:after{margin-left: inherit;} 
.case-list ul li:nth-of-type(odd):hover .title:after{margin-right: inherit;} 
.case-list ul li:nth-of-type(even):hover .text{text-align: left;} 
.case-list ul li:nth-of-type(odd):hover .text{text-align: right;} 
.case-list ul li:nth-of-type(even):hover .more{text-align: left;} 
.case-list ul li:nth-of-type(odd):hover .more{text-align: right;} 
*/
.case-article{padding-top: 3.9%;padding-bottom: 1.5%;}
.case-article-head{margin-bottom: 4.1%;padding-bottom: 2%;border-bottom: 1px solid #c0c0c0;}
.case-article-head-box{position: relative;}
.case-article-head .title{padding: 4px 0;font-size: 24px;color: #333;text-align: center;}
.case-article .text p{font-size: 14px;color: #333;line-height: 24px;text-indent:2em; margin: 2% 0;}
.case-article .text img{display: block;width:100%;max-width: 100%}
.case-article-bottom{margin-top: 10%;}
@media screen and (max-width: 1024px){
    .case-list ul li:hover .major{width: 100%}
	.case-list ul li .title{font-size: 18px;}
	.case-list ul li .title:after{margin-top: 15px;}
	.case-list ul li .text{margin-top: 15px;}
	.case-list ul li .major{width: 40%;}
	.case-list ul li .more{margin-top: 15px;}
	.case-nav{display: none;}
	.case-right{width: 100%;}
    .case-list ul li .major {position: unset;width: 100%;height: auto;padding: 6% 3%;}
}

.pro_main {float:left;width:100%;padding:40px 0px;}

/*产品栏目*/
.pro_main .pro_nav_box{float: left;width: 345px;border: 1px solid #ebebeb;border-bottom: 0px;/*position:fixed;z-index:3;*/}
.pro_main .pro_nav_box .nav_item{width:100%;border-bottom: 1px solid #ebebeb;}
.pro_main .pro_nav_box .nav_item .top_item{transition: all .3s linear; line-height: 52px;position: relative;background:url(../image/pro_sub_arrow_on.png) 20px center no-repeat #fff}
.pro_main .pro_nav_box .nav_item .top_item a{width: 100%;height: 100%;display: block;padding: 0px 40px 0px 60px;}

.pro_list_box {float:right;width:calc(100% - 365px);}

/*鼠标经过*/
.pro_main .pro_nav_box .nav_item:hover .top_item{background:#1f97d4;/* url(../images/pro_nav_bg.png) center center repeat-y;background-size: 100% auto;*/}
.pro_main .pro_nav_box .nav_item:hover .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*点击展开*/
.pro_main .pro_nav_box .nav_item.on .top_item{background:#1f97d4;/* url(../images/pro_nav_bg.png) center center repeat-y;background-size: 100% auto;*/}
.pro_main .pro_nav_box .nav_item.on .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}

/*子栏目定位*/
.pro_main .pro_nav_box .nav_item.active .top_item{background:#1f97d4;/* url(../images/pro_nav_bg.png) center center repeat-y;background-size: 100% auto;*/}
.pro_main .pro_nav_box .nav_item.active .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;}


.pro_main .pro_nav_box .nav_item .top_item .plus{transition: all .3s linear; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 52px;height: 52px;line-height: 52px; position: absolute;top: 0px;right: 0px;z-index: 999; text-align: center;}

.pro_main .pro_nav_box .nav_item .top_item:hover .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.active .top_item .plus{color:#FFFFFF;}
.pro_main .pro_nav_box .nav_item.on .top_item .plus{color:#FFFFFF;transform: rotate(45deg);}

.pro_main .pro_nav_box .nav_item .sub{padding: 0px;display: none;background:#fff;margin-bottom:0px}
.pro_main .pro_nav_box .nav_item .sub li{padding: 0px 60px;line-height: 45px;}
.pro_main .pro_nav_box .nav_item .sub li a{transition: all .3s linear; width: 100%;padding-right: 30px;box-sizing: border-box; height: 100%;display: block;background: url(../image/pro_sub_arrow.png) right center no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_main .pro_nav_box .nav_item .sub li:hover a{text-indent: 10px;font-weight: bold;color: #1f97d4;background: url(../image/pro_sub_arrow_on.png) right center no-repeat;}
.pro_main .pro_nav_box .nav_item .sub li.on a{text-indent: 10px;font-weight: bold;color: #1f97d4;background: url(../image/pro_sub_arrow_on.png) right center no-repeat;}

@media only screen and (max-width:1440px ) {
	.pro_main .pro_nav_box{width: 300px;}
    .pro_list_box {float:right;width:calc(100% - 325px);}
}
@media only screen and (max-width:1200px ) {
	.pro_main .pro_nav_box{width: 280px;}
    .pro_list_box {float:right;width:calc(100% - 305px);}
}

@media only screen and (max-width:900px ) {
	.pro_main .pro_nav_box{width: 260px;}
    .pro_list_box {float:right;width:calc(100% - 280px);}
	.pro_main .pro_nav_box .nav_item .top_item{line-height: 60px;}
	.pro_main .pro_nav_box .nav_item .sub li{line-height: 35px;}
	.pro_main .pro_nav_box .nav_item .top_item .plus{width: 60px;height: 60px;line-height: 60px;font-size: 26px;}
}
@media only screen and (max-width:768px ) {
	.pro_main .pro_nav_box{width: 100%;margin-bottom: 30px;}
	.pro_main .pro_nav_box .nav_item .top_item{line-height: 50px;}
	.pro_main .pro_nav_box .nav_item .sub li{line-height: 30px;}
	.pro_main .pro_nav_box .nav_item .top_item .plus{width: 50px;height: 50px;line-height: 50px;font-size: 26px;}
	
	.pro_main .pro_nav_box .nav_item .top_item a{padding: 0px 20px;}
	.pro_main .pro_nav_box .nav_item .sub li{padding: 0px;}
    .pro_main {padding:10px 0px}
    .pro_list_box {float:right;width:100%;}
 
}



.project-item {
    position: relative;
    overflow: hidden;
    margin-bottom:30px;
    cursor:pointer;
}
.project-item .img{position: relative;}
.project-item .img::after{display: block;content: '';padding-bottom: 76.92%;}
.project-item .imgs::after{display: block;content: '';padding-bottom: 56.25%;}
.project-item img {width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;object-fit: cover; border:1px solid #e5e5e5;  }

.project-inner {
    position: relative;
    overflow: hidden;
}

    .project-inner:before {
        background: linear-gradient(to bottom,rgba(242,123,100,0) 0%,#1f97d4 100%);
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        visibility: hidden;
        opacity: 0;
        transform: translateY(50%);
        transition: all .3s ease;
    }

.project-item:hover .project-inner:before {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.project-inner h3 {
    position: absolute;
    width: 100%;
    height: auto;
    left: 30px;
    bottom: 30px;
    display: block;
    color: #fff;
    margin-bottom: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50%);
    transition: all .3s ease;
    transition-delay: .2s;
}

.project-item:hover h3 {
    transform: translateY(0);
    visibility: visible;
    transition-delay: .2s;
    opacity: 1;
}

.project-inner h3 a {
    color: #fff;
    font-size:20px;
}

.project-inner h3 span {
    /*background-color: #1f97d4;*/
    /*width: 100px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    display: block;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
    margin-bottom: 8px;*/
    width:30px;
    height:41px;
    background:url(../image/logoIcon.png);
    margin-bottom:8px;
    display:block;
    background-size:contain;
}
.gzbt {display:block;float:left;width:100%;padding:10px 5px;width:100%;}
.gzbt a {display:block;height:20px;line-height:20px;overflow:hidden;}

@media (max-width: 768px) {
    .col-sm-6 {width:48%;padding:0px;float:left;}
    /*.col-sm-6:nth-child(2n) {margin-left:4%}*/
    .project-inner h3 a {color: #fff;font-size:16px;}
    .project-item {
        margin-bottom: 5px;
    }
 
}


.prodetails{background: #f4f5f6;padding-bottom: .6rem}
@media (min-width: 1600px) {
    .prodetails .container {margin:0px 12%}
}
.prodetails .nav{padding: .42rem 0;}
.prodetails .nav .left a{color:#999;transition: all .3s}
.prodetails .nav .left a.on{color:rgb(53, 53, 53)}
.prodetails .nav .left span{color: #4c5479;font-size: .18rem;}
.prodetails .nav .right img{display: inline-block;margin-right: 5px;height: .18rem}
.prodetails .nav .right span{font-size: .18rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;transition: all .3s}

.pro-title{font-size: .3rem;color: rgb(1, 51, 51);padding-left: .3rem;position: relative;}
.pro-title:before{content: "";width: .07rem;height: .3rem;position: absolute;left: 0;top: 50%;margin-top: -.15rem;background: #4c5479}

.prodetails .one{background: #fff;margin-bottom: .2rem;padding: .5rem 0}
.prodetails .one .btn-box a{font-size: .24rem;color: #fff;display: inline-block;width: 2.5rem;line-height: .6rem;text-align: center;border-radius: 30px;cursor:pointer;transition:all .3s}
.prodetails .one .btn-box .btn2{background: #4c5479;margin-right: .16rem}
.prodetails .one .btn-box .btn3{background: #1f97d4}
.prodetails .one .btn-box{font-size: 0;text-align: center;margin-top: .4rem}
.prodetails .one .name{font-size: .36rem;color: rgb(51, 51, 51);text-align: center;margin-top: .5rem}
.prodetails .one .swiper{display: flex;align-items: center;position: relative;}
.prodetails .one .swiper-container{width: 50%;padding-bottom: .4rem}
.prodetails .one .swiperbtn{width: 25%;}
.prodetails .one .btn1{width: .9rem;height: .9rem;position: relative;background: #f4f5f6;border-radius: 50%;margin: 0 auto;cursor: pointer;margin-top: -.4rem;user-select:none;}
.prodetails .one .btn1 img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: .28rem}
.prodetails .one .swiper-pagination-bullet{width: .3rem;height:4px;opacity: 1;border-radius: 0;background: #eeeff0;margin: 0 3px;}
.prodetails .one .swiper-pagination-bullet-active{background: #4c5479}
.prodetails .one .swiper-pagination{bottom: 0}
.prodetails .one .btn1 img{opacity: 0.3;transition:all .25s;}
.prodetails .one .ask1{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .one .ask1{padding: 0 2.5vw;z-index: 20;display: none;}
.prodetails .one .ask1 .col{float: left;width: 50%;padding: 0 .1rem}
.prodetails .one .ask1 .row{margin: 0 -.1rem}
.prodetails .one .ask1 .input{border-bottom: 1px solid #fff;position: relative;margin-top: .2rem}
.prodetails .one .ask1 .input input{width: 100%;color: #fff;font-size: .16rem;height: .32rem;background: transparent;padding: 0 5px}
.prodetails .one .ask1 .input input::-webkit-input-placeholder{color:#fff;}
.prodetails .one .ask1 .input:before{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;left: 0;bottom: 0}
.prodetails .one .ask1 .input:after{content:"";height: .05rem;width: 1px;background: #fff;position: absolute;right: 0;bottom: 0}
.prodetails .one .ask1 h1{font-size: .3rem;color: #fff;text-align: center;}
.prodetails .one .ask1 .submit{background: none;padding: 0;display: block;margin: .28rem auto 0}
.prodetails .one .ask2{height: 3rem;background:rgba(247, 180, 38,0.929);position: absolute;z-index: 10;top: 50%;margin-top: -1.7rem;width: 32vw;left: 50%;margin-left: -16vw;}
.prodetails .one .ask2{padding: 0 6vw;display: none;z-index: 20}
.prodetails .one .ask2 img{margin: 0 auto;width: .69rem}
.prodetails .one .ask2 p{font-size: .16rem;color: #fff;line-height: 1.316;margin-top: .35rem}




.prodetails .two{background: #fff;margin-bottom: .2rem;padding: .35rem 0 .5rem}
.prodetails .two .item{font-size: .18rem;color: rgb(102, 102, 102);line-height: 2.667;float: left;width: 50%}
.prodetails .two .item .title{min-width:1.25rem;padding-right: .25rem}
.prodetails .two .item span{display: inline-block;}
.prodetails .two .item:nth-child(2n+1){padding-left: 4vw}
.prodetails .two .clearfix{margin-top: .35rem}
.prodetails .three{padding: .35rem 0;background: #fff;margin-bottom: .2rem;padding-right: .4rem}
.prodetails .three .right span{font-size: .24rem;color: rgb(102, 102, 102);display: inline-block;vertical-align: middle;}
.prodetails .three .right img{display: inline-block;margin-right:5px;width: .48rem}

.prodetails .four{padding-top: .4rem;background: #fff;padding-bottom: .32rem}
.prodetails .four .imgbox{overflow: hidden;padding:30px;line-height:30px;font-size:15px;}

@media (min-width: 1000px){
   .prodetails .one .btn-box a:hover{transform:translateY(-5px)}
   .prodetails .one .btn1:hover img{opacity:1}
   .prodetails .one .prev .btn1:hover img{transform:translateX(-5px)}
   .prodetails .one .next .btn1:hover img{transform:translateX(5px)}

}
@media (max-width: 767px){
    .prodetails .four .imgbox{padding:0px;}
    .prodetails .four .imgbox{margin:15px;}

	.prodetails .one .btn-box a{width: 40%}
	.prodetails .two .item{width: 100%;padding: 0 15px;font-size: 14px;}
	.prodetails .two .item span{display: inline;}
	.prodetails .one .swiper-container{flex: 1;margin: 0 15px}
	.prodetails .one .name{font-size: 18px;}
	.prodetails .one .swiperbtn{position: absolute;z-index: 10;    width: auto;padding: 0 15px;}
	.prodetails .one .prev{left: 0;}
	.prodetails .one .next{right: 0;}
	.prodetails .one .btn1{background: rgba(255,255,255,.1)}
	.prodetails .one .ask1 .input input{font-size: 14px;}
	.prodetails .one .ask1 .col{width: 100%}

	.prodetails .one .ask1{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}
	.prodetails .one .ask2{height: 3.6rem;top: 0;margin:0;left: 0;right: 0;width: auto;}

}





.message .title{margin-bottom:.5rem;color:#404040;}
.message .title .f34{margin-bottom:5px;font-size:.34rem;}
.message .title .f12{font-size:.12rem;color:#787878;font-family:"Arial";text-transform:uppercase;}
.message .col-xs-12{margin-bottom:.55rem;}
.message .col-sm-4 label{position:relative;display:inline-block;width:75%;}
.message .col-sm-4 input{width:100%;padding:10px 0;font-size:16px;line-height:26px;font-weight:normal;color:#404040;border-bottom:1px solid #cdcdcd;background:none;}
.message .col-sm-4 i{position:absolute;display:block;content:"";left:0;bottom:0;width:0;height:1px;background:#1f97d4;-webkit-transition:all 0.3s;transition:all 0.3s;}
.message .col-sm-4 input:focus+i{width:100%;}
.message input::-webkit-input-placeholder{color:#404040;}
.message input:-moz-placeholder{color:#404040;}
.message input::-moz-placeholder{color:#404040;}
.message input:-ms-input-placeholder{color:#404040;}
.message .col-xs-12:nth-of-type(4) label{display:block;width:100%;}
.message textarea{padding:15px;width:100%;border:1px solid #d3d3d3;background:none;font-size:16px;line-height:20px;font-weight:normal;color:#404040;-webkit-transition:all 0.3s;transition:all 0.3s;}
.message textarea:focus{border-color:#1f97d4;}
.message .submit{width:15%;font-size:16px;background:#1f97d4;color:#fff;}
@media (min-width: 768px) and (max-width: 991px){
.message .col-sm-4 label{width:100%;}
.message .submit{width:20%;}
}
@media (max-width: 767px){
.message .col-sm-4 label{width:100%;}
.message .submit{width:30%;}
}
@media (min-width: 1200px){
.message .submit:hover{background:#1f97d4;}
}
.support-Contents{float:left;width:100%;padding:40px 3%;}
.support-Title{float:left;width:100%;text-align:center;font-size:24px;margin-bottom:40px;}
.support-C{float:left;width:100%;line-height:26px;}
.support-C a{color:#1f97d4;}
@media (max-width: 768px){
.support-Contents{float:left;width:100%;padding:10px 3%;}
}
@media (max-width: 768px){
.message .col-xs-12{width:100%;}
}
.contLeft{float:left;width:20%;background:#f5f5f5;position:relative;}
.contRight{}
.contLeftNav{text-align:center;float:left;width:100%;}
.contLeftNav ul li h3{height:58px;line-height:58px;border-top:1px solid #e5e5e5;position:relative;margin:0px;}
.contLeftNav ul li h3 a{display:block;height:100%;font-size:16px;font-weight:normal;color:#666;}
.contLeftNav ul li h3 a:hover{background:#efefef;color:#1f97d4;}
.contLeftNav ul li.active h3 a{background:#efefef;color:#1f97d4;}
.contLeftTit{float:left;width:100%;height:116px;text-align:center;background:#1f97d4;color:#fff;left:0;z-index:44;border-top-left-radius:4px;border-top-right-radius:4px;}
.contLeftTit span{display:block;margin-top:22px;}
.contLeftTit h2{font-size:16px;font-weight:600;line-height:26px;margin-top:6px;}
.contLeftTit h3{font-size:12px;line-height:18px;}
.contRight .xh{font-size:14px;color:#333;line-height:30px;padding:20px 36px;background:#f5f5f5;}
@media (max-width: 1680px){
.contLeftNav ul li h3{height:54px;line-height:54px;}
}
@media (max-width: 1440px){
.contLeftNav ul li h3{height:52px;line-height:52px;}
}
@media (max-width: 1280px){
.contLeft{width:22%;}
.contRight{width:75.555%;}
.contLeftNav ul li h3{height:50px;line-height:50px;}
.contLeftNav ul li.active h3 a{font-size:17px;}
}
@media (max-width: 1080px){
.contLeftNav ul li h3{height:48px;line-height:48px;}
.contLeftNav ul li.active h3 a{font-size:16px;}
}
@media (max-width: 992px){
.contLeftTit{height:92px;top:-92px;}
.contLeftTit span{margin-top:12px;}
.contLeftTit h2{margin-top:7px;line-height:20px;}
.contLeftNav ul li h3{height:46px;line-height:46px;}
.contLeftNav ul li.active h3 a{font-size:15px;}
}
@media (max-width: 768px){
.contLeft,.contRight{width:100%;}
.contLeft,.contRight .col-xs-12{width:100%;}
.contLeftNav ul li h3{height:44px;line-height:44px;}
.contLeftTit h2{font-size:15px;line-height:18px;margin-top:6px;}
.contLeftTit h3{line-height:16px;}
.contLeftTit span{margin-top:8px;}
.contLeftTit span img{width:24px;}
.contLeftTit{height:78px;top:-78px;background:#1f97d4;}
.col-sm-4{width:50%;}

}
.pcpShow2{float:left;width:100%;margin-top:20px;}
.tjpro{ width: 100%;
    background: #f8f8f8;
    height: 50px;
    line-height: 50px;
    margin-top: 30px;}
.tjpro h3{background:#1f97d4;width:180px;color:#fff;height:50px;line-height:50px;display:block;text-align:center;font-size:16px;}

#j_pro_tab{float:left;width:100%;background:#f8f8f8;height:50px;line-height:50px;margin-top:30px;}
#j_pro_tab li{float:left;width:180px;height:50px;line-height:50px;}
#j_pro_tab li a{float:left;width:100%;height:50px;line-height:50px;display:block;text-align:center;font-size:16px;color:#666;}
#j_pro_tab li a.active{background:#1f97d4;color:#fff;}
.tab-content{float:left;background:#fff;width:100%;}
.tab-content  .tabs{float:left;font-size:14px;display:none;width:100%;padding:2%;border:1px solid #f8f8f8;}
@media screen and (max-width: 768px) and (min-width:0px){
#j_pro_tab li{float:left;width:24%;height:50px;line-height:50px;}
.tab-content .tabs{padding: 20px;}
.news1con .col-sm-4{padding-top:0;margin-bottom: 0;}
.case-list ul li{margin-bottom: 15px;}
.case-list ul li .more{display: none;}
.case-list ul li .title::after{margin-left: 0;}
.case-box{padding-top: 0;}
.case-list ul li .img::after {
    display: block;
    padding-bottom: 56.25%;
    content: '';
  }

  .event-detail .date{display: none;}
  .news2top .h2{display: flex;justify-content: center;}
  .news2con{padding: .65rem 0 0.65rem;}
  .sidebar-title ,.event-block-two{margin-bottom: 15px;}
  .sidebar-title h5 ,.case-pro h5{font-size: 0.3rem;}
  .event-block-two .image{margin-bottom: 5px;}
  .event-block-two h5 ,.case-pro .gzbt a{font-size: 14px;}
  .sidebar-widget{padding: 20px 15px;}

  .video_container{width: 99%!important;height: 26.25vh!important;}
  .video .play-button svg ,.video .play-button{width: 40px!important;height: 40px!important;}
  


}
.pcpInfo{float:left;width:100%;padding-top:10px;}
.pcpInfo .tits{float:left;width:100%;font-size:24px;line-height:30px;font-weight:normal;padding-bottom:20px;border-bottom:1px solid #5c656d;}
.divContact{float:left;width:100%;padding:10px 0px;line-height:30px;}
.divBtn{float:left;width:100%;margin-top:30px;}
.divBtn a{float:left;width:48%;display:block;text-align:center;background:#1f97d4;color:#fff;padding:10px 0px;}
.wxewm {width:100%;margin-top:30px;text-align:center;}
.wxewm img{display:block;margin:auto;width:120px}
.btnShare{float:left;width:100%;margin-top:20px;}
.bordered{width:100%;font-size:14px;color:#444;border:solid #ccc 1px;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;}
.bordered tr:hover{background:#fbf8e9;-o-transition:all 0.1s ease-in-out;-webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-ms-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.bordered td{border-left:1px solid #ccc;border-top:1px solid #ccc;padding:5px;text-align:left;}
.bordered td:first-child{border-left:none;}
.bordered tr:last-child td:first-child{-moz-border-radius:0 0 0 6px;-webkit-border-radius:0 0 0 6px;border-radius:0 0 0 6px;}
.bordered tr:last-child td:last-child{-moz-border-radius:0 0 6px 0;-webkit-border-radius:0 0 6px 0;border-radius:0 0 6px 0;}
.xgPCP{float:left;margin-top: 15px;}
.xgPCP .img{position: relative;float:left;width:100%;}
.xgPCP .img:after{display: block;content: '';padding-bottom: 76%;}
.xgPCP .img img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.xgPCP .title{float:left;width:100%;text-align:center;font-size:16px;line-height:15px;padding:15px 10px;}
.xgPCP .title a{float:left;width:100%;display:block;text-align:center;}
.footer__subnavSelect{width:100%;background:#FFF;height:45px;border:0;border-bottom:1px solid #879baa;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#788791;padding:2px 15px 0;background-color:#FFF;background-image:url("../image/arrow-down-select.svg");background-repeat:no-repeat;background-position-x:95%;background-position-y:center;background-size:15px;outline:0;display:block;}





















#fh5co-contact {margin-top:30px;float:left; width:100%;}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {margin: 0;padding: 0;margin-top:20px;float:left;}
#fh5co-contact .contact-info li {list-style: none;margin: 0 0 15px 0;position: relative;padding-left: 40px;}
#fh5co-contact .contact-info li i {position: absolute;top: 0em;left: 0;font-size: 22px;color: rgba(0, 0, 0, 0.3);}
#fh5co-contact .contact-info li a {font-weight: 400 !important;}
#fh5co-contact .form-control {-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: none;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 14px;font-weight: 400;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#fh5co-contact input[type="text"] {height: 50px;}
#fh5co-contact .form-group {margin-bottom: 30px;}

.btn-primary {background:#1f97d4}
.btn-primary:hover {background:#d1563e}

.prodetails .one .btn-box1 {width:100%;padding-top:30px;}
.share ul {display:table;margin:0 auto;padding:0px;}
.share li {float:left;margin:0px 15px;}
.share li a{width:auto;}


.honor-con{}
.honor-con .swiper-container{display:none;}
.honor-con .swiper-slide{text-align:center;box-sizing:border-box;padding:35px;background:#fff;}
.honor-con .swiper-slide p{font-size:14px;line-height:24px;color:#666;margin-top:28px;}
.honor-con .swiper-slide img{max-width:300px;}
.swiper-pagination.pagination2 .swiper-pagination-bullet{width:12px;height:12px;background:transparent;opacity:1;border:1px solid #b3b3b3;}
.swiper-pagination.pagination2 .swiper-pagination-bullet-active{background:#d70c25;border-color:#d70c25;}
.about-con04 .pagination2{position:relative;bottom:auto !important;margin-top:60px;}

.video{
  position: relative;
  cursor: pointer;
}



.video .play-button{
  position: absolute;
  top: 50%;
  left: 50%;
    transform: translate(-50%,-50%);
  height: 60px;
  width: 60px;;
  z-index: 9;
}


.video .left, .video .right {
    fill: #FFF;
    transition: all .5s;
}

.mask__2{
  position: fixed;
  width: 100%;
  height: 0%;
  background-color: rgba(0,0,0,0.5);
  left: 0;
  top: 0;
  z-index: 888;
  transition: all 1s ease;
}


.mask_open{
  height: 100%
}

.video_container{
  position: fixed;
  width: 1200px;
  height: 675px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: translateY(100%);
  opacity: 0;
  transition: all 1s ease;
  z-index: 99999999;
  background-color: #fff;
}

.video_show{
  transform: translateY(0%);
  opacity: 1;
}

.video_container iframe{
    width: 100%;
    height: 100%;
    object-fit: fill;

}
#close{
  position: absolute;
  right: -40px;
  top: -10px;;
  font-size: 34px;
  color: #fff;
  cursor: pointer;
}





@media (min-width: 1000px){
.index3 .roundbox{width: 6.52rem;height: 6.52rem;position: relative;margin: 0 auto;}
.index3 .linebox{width: 100%;height: 100%;border:2px solid #ccc;border-radius: 50%;position: absolute;left: 0;top: 0;z-index: 2;}
.index3 .childbox{width: 5.85rem;height: 3.78rem;background-size: cover;position: absolute;top:1.32rem;left: .14rem;z-index: 1;}
.index3 .roundbox .num{width: .8rem;height: .8rem;font-size: .44rem;font-family: "DIN";text-align: center;line-height: .8rem;border-radius: 50%;color: #fff;position: absolute;z-index: 3;}
.index3 .roundbox .num1{background: #d07ed2;left: 1.2rem;top: 0}
.index3 .roundbox .num2{background: #adcb6a;left:-.32rem;top:2.85rem}
/*.roundbox .num3{background: #f8b54d;left:-.26rem;bottom:2rem}*/
.index3 .roundbox .num3{background: #f6cb45;left:1.16rem;bottom:.14rem}
.index3 .roundbox .num4{background: #fd5b4e;right: 1.3rem;top:-1px}
.index3 .roundbox .num5{background: #8373ce;right:-.32rem;top:2.85rem}
/*.roundbox .num7{background: #75b7d1;right:-.26rem;bottom:2rem}*/
.index3 .roundbox .num6{background: #75d1b4;right:1.18rem;bottom:.14rem}
.index3 .roundbox .txt .title{width: 1rem;line-height: .3rem;text-align: center;font-size: .2rem;color: #fff;border-radius: .4rem;margin-bottom: .08rem;display: inline-block;}
.index3 .roundbox .txt p{font-size: .16rem;color: #333;line-height: 1.5;}
.index3 .roundbox .txt{position: absolute;text-align: right;opacity: 0;transform: translateY(50%); -webkit-transform: translateY(50%);transition: all ease 0.5s; -webkit-transition: all ease 0.5s;}
.index3 .roundbox .txtnum{display: none;}
.index3 .roundbox .txt1 .title{background: #d07ed2}
.index3 .roundbox .txt2 .title{background: #adcb6a}
.index3 .roundbox .txt3 .title{background: #f6cb45}
.index3 .roundbox .txt4 .title{background: #fd5b4e}  
.index3 .roundbox .txt5 .title{background: #8373ce;width: 1.2rem;}
.index3 .roundbox .txt6 .title{background: #75d1b4}
.index3 .roundbox .txt7 .title{background: #75b7d1}
.index3 .roundbox .txt8 .title{background: #75d1b4}
.index3 .roundbox .txt1{width: 2.6rem;left: -1.8rem;top: .1rem;transition-delay: 2.4s;-webkit-transition-delay: 2.4s;}
.index3 .roundbox .txt2{width: 2.9rem;left: -3.4rem;top:2.98rem;transition-delay: 2.55s;-webkit-transition-delay: 2.55s;}
/*.roundbox .txt3{width: 2.9rem;left: -3.4rem;top:3.76rem;transition-delay: 2.7s;-webkit-transition-delay: 2.7s;}*/
.index3 .roundbox .txt3{width: 2.6rem;left: -1.98rem;top:5.72rem;transition-delay: 2.85s;-webkit-transition-delay: 2.85s;}
.index3 .roundbox .txt4{width: 1.96rem;right: -.98rem;top:.1rem;text-align: left;transition-delay: 3s;-webkit-transition-delay: 3s;}
.index3 .roundbox .txt5{width: 2.6rem;top: 2.98rem;right: -3.15rem;text-align: left;transition-delay: 3.15s;-webkit-transition-delay: 3.15s;}
/*.roundbox .txt7{width: 2.9rem;top:3.84rem;right: -3.45rem;text-align: left;transition-delay: 3.3s;-webkit-transition-delay: 3.3s;}*/
.index3 .roundbox .txt6{width: 4rem;top:5.72rem;right: -3.3rem;text-align: left;transition-delay: 3.45s;-webkit-transition-delay:3.45s;}
.index3 .roundbox{opacity: 0; transform: rotateZ(360deg);-webkit-transform: rotateZ(360deg);transition: transform cubic-bezier(.645,.045,.355,1) 1.2s, opacity ease 1s 0.2s;-webkit-transition: transform cubic-bezier(.645,.045,.355,1) 1.2s, opacity ease 1s 0.2s;}
.index3.on .roundbox{opacity: 1;transform: rotateZ(0deg);-webkit-transform: rotateZ(0deg);}
.index3.on .roundbox .txt{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;}
}
@media (min-width: 1000px) and (max-width: 1400px){
    .roundbox{width: 5.21rem;height: 5.21rem;}
    .childbox{width: 4.68rem;height: 3.02rem;}
    .roundbox .num{width: .64rem;height: .64rem;line-height: .64rem;}
    .roundbox .num1{left: .96rem;}
    .roundbox .num2{left: -.28rem;top: 2.48rem}
    /*.roundbox .num3{left: -.21rem;bottom: 1.6rem}*/
    .roundbox .num3{left:.92rem;bottom: .11rem}
    .roundbox .num4{right:1.04rem;top:-1px}
    .roundbox .num5{right: -.28rem;top: 2.48rem}
    /*.roundbox .num7{right: -.21rem;bottom: 1.6rem}*/
    .roundbox .num6{right: .94rem;bottom:.11rem}
    .roundbox .txt1{top: .08rem;left: -2rem}
    .roundbox .txt2{top: 2.58rem;}
    /*.roundbox .txt3{top: 3rem;}*/
    .roundbox .txt3{top: 4.57rem;}
    .roundbox .txt4{top: .08rem;right:-1.2rem}
    .roundbox .txt5{top: 2.58rem;}
    /*.roundbox .txt7{top:3.07rem;}*/
    .roundbox .txt6{top: 4.57rem;}
}
@media (max-width:992px){
   .index3 .linebox{display: none;}
   .index3 .childbox{display: none;}
   .index3 .num{display: none;}
   .roundbox{margin: 0 15px;}
   .roundbox .txt1{background:#d07ed2}
   .roundbox .txt2{background:#adcb6a}
   .roundbox .txt3{background:#f8b54d}
   .roundbox .txt4{background:#f6cb45}
   .roundbox .txt5{background:#fd5b4e}
   .roundbox .txt6{background:#8373ce}
   .roundbox .txt7{background:#75b7d1}
   .roundbox .txt8{background:#75d1b4}
   .roundbox .txt1 .txtnum{color:#d07ed2}
   .roundbox .txt2 .txtnum{color:#adcb6a}
   .roundbox .txt3 .txtnum{color:#f8b54d}
   .roundbox .txt4 .txtnum{color:#f6cb45}
   .roundbox .txt5 .txtnum{color:#fd5b4e}
   .roundbox .txt6 .txtnum{color:#8373ce}
   .roundbox .txt7 .txtnum{color:#75b7d1}
   .roundbox .txt8 .txtnum{color:#75d1b4}
   .roundbox .txt{display: flex;align-items: center;padding: 10px;margin-top: 15px;border-radius: 40px;}
   .roundbox .txt .title{font-size: 16px;color: #fff;margin-bottom: 3px;}
   .roundbox .txt p{font-size: 12px;color: #fff}
   .roundbox .txtnum{font-size: 20px;font-family: "DIN";background: #fff;border-radius:50%;text-align: center;width: 40px;height: 40px;line-height: 40px;margin-right: 15px;}
}
@media (max-width: 640px){
   .roundbox .txt .title{font-size: 14px;}
   
     #close{
  position: absolute;
  right: 50%;
  top: auto;
  bottom: -40px;
  font-size: 34px;
  color: #fff;
  cursor: pointer;
}
}