/* 1280px 以上 */
@media all and (min-width:1680px){
}


@media all and (max-width:1024px){
	.row {padding:0 20px;}
	.navigation {height:64px;}
	.navigation .row {padding:0;}
	.navigation .inner-navigation {padding:0; border:none;}
	.navigation .logo { float:right; margin:20px 20px 0 0; width:100px; height:28px; position:relative; z-index:1000;}
	/*侧栏*/
	.navigation .nav-more { display:block; position:relative; z-index:1000; width:64px; height:64px; border:none; outline:none; cursor:pointer; background:none;}
	.navigation .nav-more .hamburger-fix {display:block; margin:auto; top:0; bottom:0; left:0; right:0; content:""; position:absolute; width:20px; height:0px; } 
	.navigation .nav-more .hamburger-fix::before ,
	.navigation .nav-more .hamburger-fix::after {content:""; position:absolute; width:20px; height:2px; background:#FFFFFF;}
	.navigation .nav-more .hamburger-fix::before ,
	.navigation .nav-more .hamburger-fix::before {top:-4px;}
	.navigation .nav-more .hamburger-fix::after {top:4px;}

	a.more {width:140px; height:44px; line-height:42px;/*减去border上下宽度：2px */ font-size:14px;}
	a.more i {top:9px;}
	a.more:hover i {text-indent:-3px;}
	#pages {font-size:14px;}
	#pages a, #pages span {}

	/* menu：适用于：产品详情页、新闻详情页、法律、学术园地更多页面等 */
	.sel-product-detail .navigation .nav-more .hamburger-fix::before ,
	.sel-product-detail .navigation .nav-more .hamburger-fix::after,

	.sel-news-detail .navigation .nav-more .hamburger-fix::before ,
	.sel-news-detail .navigation .nav-more .hamburger-fix::after,

	.sel-law .navigation .nav-more .hamburger-fix::before ,
	.sel-law .navigation .nav-more .hamburger-fix::after,

	.sel-learn-more .navigation .nav-more .hamburger-fix::before ,
	.sel-learn-more .navigation .nav-more .hamburger-fix::after
	 {background:#000000;}

	/*移动端取消二级菜单阴影*/
	.sel-product-detail .menu li .nav-submenu,
	.sel-news-detail .menu li .nav-submenu,
	.sel-law .menu li .nav-submenu,
	.sel-learn-more .menu li .nav-submenu
	{ box-shadow:none; -webkit-transition:none; transition:none; -moz-transition:none;}
	/*移动端取消二级菜单分割线*/
	.sel-product-detail .menu li .nav-submenu li a,
	.sel-news-detail .menu li .nav-submenu li a,
	.sel-law .menu li .nav-submenu li a,
	.sel-learn-more .menu li .nav-submenu li a
	{ border:none;}


	/*菜单*/
	.menu {width:100%; position:fixed; left:0; top:0; height:0; opacity:0; z-index:998; background:#ffffff; overflow:scroll; -webkit-transition:0.3s; transition:0.3s;}
	.menu ul {opacity:0;}
	.menu li { margin:0 25px; float:none; border-bottom:1px solid #f2f2f2; overflow:hidden;}
	.menu li i {display:none;}
	.menu li:hover {}
	.menu li:hover a .arrow {color:rgba(255,255,255,0.5);}
	.menu li a { margin:0; padding:20px 0; width:100%; height:auto; line-height:normal; text-align:left; font-size:16px; color:#000000;}
    .menu li:hover a {opacity:0.5;}
    .menu li:hover a .arrow {}
    .menu li a.sub-a:visited {color:#ffffff;}
	.menu li a.arrow {background-image:url('/statics/css/images/arrow.svg'); background-repeat:no-repeat; background-position:right center; background-size:12px auto;}
	.menu li a.current {background-image:url('/statics/css/images/arrow-up.svg');}
	.menu li.language {margin:60px 40px 0; border:none;}
	.menu li.language a {padding:0 40px 0 0; color:#666666; display:inline-block; width:auto;}
	.menu li.language:hover a {background:none!important;}
	.menu li.language a:hover {opacity:0.5;}
	/* 二级菜单 */
	.menu li a.smooth-scroll {cursor:pointer;}
	.menu li:hover .nav-submenu { display:none;}
	.menu li .nav-submenu { display:none; width:100%; position:static; box-shadow:none; padding:0; background:none; -webkit-transform:none; -moz-transform:none; transform:none; -webkit-transition:none; -moz-transition:none; transition:none;}
	.menu li .nav-submenu li {margin:0; border:none;}
	.menu li .nav-submenu li:last-child {border:none;}
	.menu li .nav-submenu li:hover {}
	.menu li .nav-submenu li:hover a {}
	.menu li .nav-submenu li a { position:relative; padding:0; color:#666666; font-weight:normal; font-size:14px; height:auto; line-height:normal; padding:0 0 20px 0;}
	/*.menu li .nav-submenu li a:before {content:""; position:absolute; left:0; top:50%; margin-top:-2px; width:4px; height:4px; border-radius:100%; background:#cccccc;}*/
	/* 导航切换样式 */
	.sticky-nav {}
	.sticky-nav .logo {}
	.sticky-nav li a {}
	.sticky-nav .nav-more .hamburger-fix::before , .sticky-nav .nav-more .hamburger-fix::after {background:#000000!important;}
	.sticky-nav .menu li .nav-submenu li a:hover {color:#000000; background:#FFFFFF;}
	/**/
	.play {width:44px; height:44px; line-height:44px; font-size:14px;}
	a.rTop {visibility:hidden;}
	/*菜单展开*/
	.open .menu {height:100%; opacity:1; padding-top:80px; overflow:auto;}
	.open ul {opacity:1;}
		/**/
		.open .nav-more .hamburger-fix::before ,
		.open .nav-more .hamburger-fix::after {background:#000000;}
		/**/
		.sel-home .open .logo {background-image: url('/statics/css/images/logo.svg');}
		/**/
		.open .nav-more {}
		/* 展开*/
        .nav-more-on .hamburger-fix:before {animation:0.4s ease-in-out 0s normal forwards 1 running n1;}
        .nav-more-on .hamburger-fix:after {animation:0.4s ease-in-out 0s normal forwards 1 running n2;}
		@keyframes n1 {
            30% {
                top: 0;
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                top: 0;
                transform: rotate(45deg);
            }
        }
        @keyframes n2 {
            30% {
                top: 0;
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                top: 0;
                transform: rotate(-45deg);
            }
        }
        /*收起*/
        .nav-more-off .hamburger-fix:before { animation:0.4s ease-in-out 0s normal forwards 1 running n3;}
        .nav-more-off .hamburger-fix:after { animation:0.4s ease-in-out 0s normal forwards 1 running n4;}
        @keyframes n3 {
            30% {
                top: 0;
                transform: rotate(0deg);
            }
            50% {
                top: 0;
                transform: rotate(0deg);
            }
            100% {
                top: -4px;
                transform: rotate(0deg);
            }
        }
        @keyframes n4 {
            30% {
                top: 0;
                transform: rotate(0deg);
            }
            50% {
                transform: rotate(0deg);
            }
            100% {
                top: 4px;
                transform: rotate(0deg);
            }
        }

    /**/
    .temp-main .sidebar ul {display:flex; justify-content:center;}
	.temp-main .sidebar ul li {}
	.temp-main .sidebar ul li a {padding:10px 18px;}


	/* 英文版logo */
	.navigation-en .logo {width:100px;}
	.sel-home .navigation-en .logo{ width:100px;}


	/**/
	.lightbox {}
	.lightbox .inner {width:320px; height:530px;}
	.lightbox .close {width:40px; height:40px; bottom:-80px; margin-left:-20px; background-size:16px auto;}
	.lightbox .close::before {height:40px; bottom:39px;}




	/********** 首页 **********/
	/* 全屏Banner */
	#home .sc-res,
	#home .swiper-container,
	#home .swiper-container {position:relative; height:450px!important;}
	#home .swiper-slide {height:450px!important;}
	#home .swiper-slide .text {width:100%; height:450px!important; margin-left:-80px; left:0;}
	#home .swiper-slide .it {top:25%; text-align:center;}
		/**/
		#home .swiper-slide.video-on .it {padding:0 12%;}
	#home .swiper-slide .text h1 {font-size:24px; font-weight:600; margin-bottom:10px;}
	#home .swiper-slide .text p {font-size:16px;}
	#home .swiper-slide .ma {display:block; width:100%; height:300px; position:absolute; left:0; top:0; z-index:3;}
	#home .swiper-slide .text .btn-area {}
	#home .swiper-slide-active .text {margin-left:0;}
	#home .swiper-slide .btn-area {display:none;}
	#home .swiper-slide .img { width:100%; right:0; margin-top:55px;}
	#home .swiper-slide .img img {}
	.swiper-button-next, .swiper-button-prev {display:none;}
	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:20px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 6px;}
	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:after {width:5px;}
	/* 当前幻灯片设置动画 */
	#home .swiper-slide-active .img {}

	
	.intro {padding:60px 0 20px;}
	.intro h2 {font-size:20px; padding:0 17%;}
	.intro .desc {width:100%; font-size:14px;}
	.intro ul {display:block; margin:60px -20px 0;}
	.intro ul li {width:100%; margin-bottom:40px;}
	.intro ul li span {width:72px; height:72px;}
	.intro ul li .text {width:calc(100% - 72px); margin-top:2px; padding-left:25px;}
	.intro ul li .text h4 {font-size:16px;}
	.intro ul li .text p {height:auto; font-size:14px;}


	.scene {padding:80px 0;}
	.scene h2 {font-size:22px; margin-bottom:30px;}
	.scene .lr {margin-bottom:30px;}
	.scene .fl {width:100%; float:none;}
	.scene-cover-list li a {height:400px;}
	.scene .fr {width:100%; float:none;}
	.scene .fr .list ul li a .iconfont {font-size:48px; margin:-45px 0 0 -24px;}
	.scene .fr .list ul li a.sel .text h2,
	.scene .fr .list ul li a:hover .text h2 {font-size:18px;}
	.scene .num {margin-top:40px; padding:20px 0 0;}
	.scene .num ul {}
	.scene .num ul li {border:none;}
	.scene .num ul li:first-child,
	.scene .num ul li:last-child {padding:0;}
	.scene .num ul li h3 {font-size:28px;}
	.scene .num ul li p {font-size:12px;}


	.clients {padding:80px 0;}
	.clients h2 {font-size:22px;}
	.clients ul {margin:20px -5px 0;}
	.clients ul li {margin:5px 0; padding:0 5px;}
	.clients ul li div {padding:10px 0;}
	.clients ul li img {width:150px; height:64px;}
	.clients .bg {display:none;}


	.media {/*margin:0; padding:0 0 80px;*/ padding:80px 0;}
	.media h2 {font-size:22px;}
	.media ul {margin:20px -10px 0;}
	.media ul li {padding:0 10px;}
	.media ul li a .cover {}
	.media ul li .text {margin-top:20px; border:none;}
	.media ul li .text .date {display:none;}
	.media ul li .text .date h3 {font-size:16px;}
	.media ul li .text::before,
	.media ul li .text::after {display:none;}
	.media ul li .text .tr {width:100%;}
	.media ul li .text .tr h4 {margin-bottom:6px;}
	.media ul li .text .tr p {min-height:auto; font-size:14px;}


	.copyright {padding:40px 0 0;}
	.copyright .t {display:flex; flex-direction:column-reverse; margin:0;}
	.copyright .t .l {width:100%;}
	.copyright .t .l span {display:none;}
	.copyright .t .l ul {margin:0 0 30px;}
	.copyright .t .l ul li a {width:30px; height:30px;}
	.copyright .t .r {width:100%; display:block; margin:0 0 40px 0;}
	.copyright .t .r .c-col {width:100%; padding:0; border:none; border-bottom:1px solid #666;}
	.copyright .t .r .c-col:last-child {margin:0;}
	.copyright .t .r .c-col h3 {font-size:14px; margin:0; padding:20px 0; position:relative;}
	.copyright .t .r .c-col h3 span {display:block; margin:auto; width:10px; height:10px; position:absolute; right:0; top:0; bottom:0; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
	.copyright .t .r .c-col h3 span:before {content:""; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); width:10px; height:1px; background:#ffffff; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
	.copyright .t .r .c-col h3 span:after {content:""; position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); width:1px; height:10px; background:#ffffff;}
	.copyright .t .r .c-col h3 span.rotate {
		transform:rotate(90deg);
		-ms-transform:rotate(90deg);   /* IE 9 */
		-moz-transform:rotate(90deg);  /* Firefox */
		-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
		-o-transform:rotate(90deg);  /* Opera */
	}
	.copyright .t .r .c-col h3 span.rotate:before {opacity:0;}
	.copyright .t .r .c-col ul {width:100%!important;}
	.copyright .t .r .c-col ul li {opacity:0.5;}
	.copyright .cols .c-col h3 span.rotate:before {opacity:0;}
	.copyright .t .r .c-col ul {display:none; margin-bottom:5px;}
	.copyright .b {border:none; padding:40px 0;}
	.copyright .b p span {display:block;}
	.copyright .b p span a {padding:0 4px 0 0;}



	/********** inner page common **********/
	.temp-banner {height:40vh; background-attachment:scroll;}
	.temp-banner .bg {height:50vh; position:absolute; transform:none!important; background-attachment:scroll;}
	.temp-banner .inner-section {bottom:40px;}
	.temp-banner .page-title {}
	.temp-banner .page-title .t {margin:0 0 10px 0; width:30px; height:5px;}
	.temp-banner .page-title h3 {font-size:24px;}
	.temp-banner .page-title .line {width:64px; margin:20px 0 0 0;}
	.temp-banner .page-title p {width:100%; margin-top:15px; font-size:12px;}
	#pages {}
	#pages a {display:none;}
	#pages a.a1 {display:inline-block;}
	#pages span {display:none;}
	.anchor-list {}
	.anchor-list .row {padding:0;}
	.anchor-list .al {padding:20px 0; overflow:hidden;}
	.anchor-list a {display:block; margin:20px 0 20px 20px; padding:0 10px; float:left; height:34px; line-height:34px; font-size:14px;}
	/**/
	.table-container{width:100%; margin: 0 0 1em; overflow-y:auto; _overflow:auto;}
	/*添加IOS下滚动条*/
	.table-container::-webkit-scrollbar{-webkit-appearance:none; width:10px; height:10px;}
	.table-container::-webkit-scrollbar-thumb{border-radius:8px; border:3px solid #fff; background-color:rgba(0, 0, 0, .1);}
	table {overflow:hidden;}
	table tr {}
	table th { padding:8px 10px; font-size:14px; font-weight:normal;}
	table td { padding:10px 10px; font-size:14px;}
	/* 敬请期待 */
	.page-blank {padding:100px 20px;}
	.page-blank .picon {width:60px; height:60px;}
	.page-blank h6 {font-size:16px;}
	.page-blank p {font-size:14px;}




	/********** about **********/
	#about h2 {font-size:22px;}
	/**/
	#about .ag-1 {padding:60px 0 30px;}
	#about .ag-1 .text {display:block;}
	#about .ag-1 .text .video {display:none;}
	#about .ag-1 .text h2 {margin-bottom:20px;}
	#about .ag-1 .text p {float:none; width:100%; font-size:14px;}
	#about .ag-1 .swiper-container {margin-top:50px; padding-bottom:60px;}
	#about .ag-1 .swiper-container .sb-btn-box {bottom:0;}
	#about .ag-1 .swiper-container .swiper-button-next,
	#about .ag-1 .swiper-container .swiper-button-prev {display:block; height:40px;}
	/**/
	#about .ag-2 {padding:60px 0;}
	#about .ag-2 h2 {margin-bottom:20px;}
	#about .ag-2 ul {display:block; margin:-5px 0;}
	#about .ag-2 ul li {width:100%; padding:10px 0;}
	#about .ag-2 ul li .inner {padding:20px;}
	#about .ag-2 ul li h3 {font-size:18px;}
	#about .ag-2 ul li p {font-size:12px;}
	/**/
	#about .ag-3 {padding:20px 0 50px;}
	#about .ag-3 h2 {margin-bottom:20px;}
	#about .ag-3 ul {margin:0 -5px;}
	#about .ag-3 ul li {width:50%;}
	#about .ag-3 ul li .inner {padding:60px 10px;}
	#about .ag-3 ul li .img {}
	#about .ag-3 ul li p {font-size:12px; line-height:1.6;}




	/********** product **********/
	#product-detail .swiper-container {padding:40px 0 70px;}
	#product-detail .swiper-container .swiper-slide {}
	#product-detail .img-box {padding:0; border:none;}
	/**/
	.p-group {padding:20px 0 10px;}
	.p-group .row_pr0 {padding-right:10px;}
	.p-group h2 {font-size:18px; margin-bottom:20px;}
	.p-group ul {}
	.p-group ul li {float:left; width:50%;}
	.p-group ul li a {margin:0 10px 10px 0; padding:20px 0;}
	.p-group ul li a .tag {font-size:12px;}
	.p-group ul li a .cover {width:80%;}
	.p-group ul li a .cover img {}
	.p-group ul li a .desc {padding:0 0 10px;}
	.p-group ul li a .desc h4 {font-size:16px;}
	.p-group ul li a .desc p {font-size:12px;}




	/***** product detail *****/
	.p-detail {}
	.p-detail .topic { margin-top:64px;}
	.p-detail .topic .row {display:block;}
	.p-detail .topic .shead {text-align:center; width:100%; margin-bottom:40px;}
	.p-detail .topic .shead h1 {font-size:32px; margin-bottom:15px;}
	.p-detail .topic .shead .info {}
	.p-detail .topic .shead p {font-size:18px;}
	.p-detail .topic .shead a {}
	.p-detail .topic .img {width:100%; margin-top:0;}
	/* 公共 */
	.p-detail .box {}
		/**/
		.p-detail .box .text {padding:0;}
		.p-detail .box .text h2 {font-size:22px; margin-bottom:20px;}
		.p-detail .box .text p {font-size:16px; padding:0 12%; text-align:justify;}
		.p-detail .box .text p span {font-size:18px!important;}
		/**/
		.p-detail .box .list {padding-top:40px;}
		.p-detail .box .list ul {margin:-10px;}
		.p-detail .box .list ul li {padding:10px; float:none; width:100%;}
		.p-detail .box .list ul li h3 {font-size:18px;}
		.p-detail .box .list ul li p {font-size:14px; margin-top:15px;}
	/**/
	.p-detail .box-1 {padding:100px 0; background-attachment:scroll;}
	.p-detail .box-1 .img {width:100%;}
	.p-detail .box-1 .bg{background-attachment:scroll;}
	/**/
	.p-detail .box-2 {padding:50px 0;}
	/**/
	.p-detail .box-3 {padding:80px 0;}
	.p-detail .box-3 .row {padding-right:20px;}
	.p-detail .box-3 .list ul li .title {left:40px; bottom:40px;}
	.p-detail .box-3 .list ul li .title p {font-size:14px;}
	/**/
	.p-detail .box-4 {padding:80px 0;}
	.p-detail .box-4 .row {display:block;}
	.p-detail .box-4 .text {width:100%; text-align:center; margin-bottom:40px;}
	.p-detail .box-4 .img {width:100%;}
	.p-detail .box-4 .img img {}
	/**/
	.p-detail .box-5 {padding:80px 0;}
	.p-detail .box-5 .row {padding-right:20px;}
	.p-detail .box-5 .lr-list ul li {padding:0 0 20px 0;}




	/********** solution **********/
	.solution-box {padding:40px 0;}
	.w-video {margin:40px 0;}
	.w-video a span i {width:44px; height:44px;}
	.solution-box .shead {padding:0;}
	.solution-box .shead h2 {font-size:22px; margin-bottom:20px;}
	.solution-box .shead p {font-size:14px;}
	.solution-box ul {}
	.solution-box ul li {display:block; margin-top:20px;}
	.solution-box ul li .cover {width:100%;}
	.solution-box ul li .text {width:100%; padding:30px;}
	.solution-box ul li .text h3 {font-size:18px; margin-bottom:10px;}
	.solution-box ul li .text p {font-size:14px;}
	.solution-box ul li:nth-child(2n) .text {}
	.solution-box ul li:last-child {}
	.solution-box ul li .text p a.more {margin:20px 0 0 0;}
	.player .close {width:22px; height:22px; right:20px; top:20px;}




	/********** news **********/
	#news .temp-banner {}
	#news .temp-main {padding-top:40px;}
	.news-list {}
	.news-list ul {padding:0;}
	.news-list ul li {width:100%; margin:0 0 20px 0;}
	.news-list ul li:last-child {margin:0;}
	.news-list ul li a .cover {width:40%; margin-right:30px;}
	.news-list ul li a .text {width:60%;}
	.news-list ul li a .text .name {padding-right:0;}
	.news-list ul li a .text .date {display:none;}
	.news-list ul li a .text h2 {font-size:14px; line-height:1.6;}
	.news-list ul li a .text p {display:none;}




	/********** news detail **********/
	.news-detail { width:100%; margin-top:64px; padding:60px 0; font-size:18px; line-height:1.8;}
	.news-detail .title {margin-bottom:30px;}
	.news-detail .title h1 {font-size:22px;}
	.news-detail p {font-size:16px; line-height:1.8;}




    /********** service **********/
	.support-box {}
	.service-box h2 {font-size:22px; margin-bottom:20px;}
	/**/
	.sb-1 {padding:60px 0;}
	.sb-1 .text {position:static; width:100%; -webkit-transform:translateY(0); -moz-transform:translateY(0); transform:translateY(0);}
	.sb-1 .text h2 {margin-bottom:20px; font-size:22px;}
	.sb-1 .text p {font-size:16px;}
	.sb-1 .map {width:100%;}
	.sb-1 .map .radiation {width:100%;}
	.sb-1 .map .radiation .note .cname {display:none;}
	.area-box {display:none;}
	/**/
	.sb-2 {padding:60px 0;}
	.sb-2 .title {padding:60px 0 200px;}
	.sb-2 .title h2 {font-size:28px;}
	.sb-2 ul {display:block; margin:0;}
	.sb-2 ul li {width:100%; margin-bottom:10px; padding:0;}
	.sb-2 ul li:last-child {margin:0;}
	.sb-2 ul li a {font-size:16px; padding:20px 20px 10px;}
	.sb-2 ul li a .t h3 {font-size:14px;}
	.sb-2 ul li a span {width:32px; height:32px;}
	/**/
	.sb-3 {}
	.sb-3 .inner {padding:80px 0; background-attachment:scroll;}
	.sb-3 .text {width:100%;}
	.sb-3 .text span {font-size:14px;}
	.sb-3 .text h4 {font-size:18px; line-height:1.5; margin:10px auto 20px;}
	.sb-3 .text p {font-size:14px;}
	.sb-3 .map {display:none;}
	/**/
	.sb-4 {padding:60px 0;}
	.sb-4 .inner {padding:80px 0;}
	.sb-4 .title p {font-size:16px;}
	.sb-4 .form ul {margin:0;}
	.sb-4 .form ul li {width:100%; margin:30px 0; padding:0;}
	.sb-4 .form ul li:nth-child(5),
	.sb-4 .form ul li:nth-child(6) {width:100%;}
	.sb-4 .form .conform {padding:8px 60px;}




	/***** honor *****/
	#honor {}
	#honor .honor-box {padding:100px 0 50px;}
	#honor .honor-box h4 {margin-bottom:20px;}
	#honor .honor-box h4 span {font-size:20px;}
	#honor .honor-box ul {margin:0 -5px;}
	#honor .honor-box ul li {width:50%;}
	#honor .honor-box ul li .inner {padding:5px;}


	/***** join *****/
	#join {}
	#join .temp_banner {margin-bottom:20px;}
	#join .temp_main .sidebar {float:none; margin-bottom:20px; width:100%;}
	#join .temp_content {float:none; width:100%; padding:0;}

	.career-group {}
	.career-type {}
	.career-type ul {margin:60px 0 0;}
	.career-type ul li { padding:0; float:none; width:100%;}
	.career-type ul li:nth-child(1) {margin-bottom:20px;}
	.career-type ul li p {padding:20px;}
	/**/
	#join .cg-1 {padding:80px 0 100px;}
	#join .cg-1 h2 {font-size:44px;}
	#join .cg-1 p {font-size:18px; width:100%;}
	#join .tg h2 {font-size:64px;}
	#join .tg h2 span em {top:-20px;}
	#join .tg h3 {font-size:28px;}
	#join .tg .line {width:100%; margin:20px auto;}
	#join .tg .text {width:100%;}
	#join .tg .text h2 {font-size:32px;}
	#join .tg .text p {font-size:14px;}
	/**/
	#join .cg-2 {padding:80px 0;}
	#join .cg-2 h2 {font-size:32px;}
	#join .cg-2 ul {margin-top:40px;}
	#join .cg-2 ul li {width:100%; margin-bottom:30px;}
	#join .cg-2 ul li:nth-child(1),
	#join .cg-2 ul li:nth-child(2),
	#join .cg-2 ul li:nth-child(3),
	#join .cg-2 ul li:nth-child(4) {text-align:center;}
	#join .cg-2 ul li .inner {padding:0;}
	#join .cg-2 ul li h3 {font-size:22px; margin-bottom:10px;}
	#join .cg-2 ul li p {font-size:14px;}
	/**/
	#join .cg-3 {padding:80px 0;}
	#join .cg-3 h2 {font-size:28px; margin-bottom:5px;}
	#join .cg-3 p {font-size:18px;}
	#join .cg-3 ul {margin-top:20px;}
	#join .cg-3 ul li {width:50%;}
	#join .cg-3 ul li .inner {}
	#join .cg-3 ul li .img {width:48px; height:48px;}
	#join .cg-3 ul li p {font-size:16px;}

	#join .sidebar {float:none; width:100%; margin:60px 0 40px;}
	.temp-main .sidebar ul li a {padding:10px 30px;}
	#join .job-list {float:none; width:100%; margin:0 0 60px 0; padding:0;}
	.job-list ul li h3 {font-size:14px; padding:15px 10px 15px 20px;}
	.job-list ul li h3 span:first-child {width:90%;}
	.job-list ul li h3 span:nth-child(2),
	.job-list ul li h3 span:nth-child(3),
	.job-list ul li h3 span:nth-child(4) {display:none;}





	/***** contact *****/
	#contact .temp_banner {margin-bottom:30px;}
		.cg-mails-group {padding:40px 0 60px;}
		.cg-mails-group .shead {margin-bottom:30px;}
		.cg-mails-group .shead h2 {font-size:22px; margin-bottom:5px;}
		.cg-mails-group .shead p {font-size:14px;}
		.cg-mails-group ul {margin:0 -5px;}
		.cg-mails-group ul li {width:50%;}
		.cg-mails-group ul li .inner { margin:5px; padding:40px 20px;}
		.cg-mails-group ul li span {width:40px; height:40px;}
		.cg-mails-group ul li h3 {font-size:16px; margin-bottom:10px;}
		.cg-mails-group ul li p {font-size:14px; line-height:1.2; word-break:break-all;}
		.cg-form {padding:0 0 100px;}
		.cg-form .title p {font-size:20px;}
		.cg-form .form {width:100%;}
		.cg-form .form ul li {margin:30px 0;}
		.cg-form .form ul li p {font-size:16px;}
		.cg-form .form ul li input {padding:5px 0;}
		.cg-form .form .conform {margin-top:20px;}
		.cg-map {}
		.cg-map .main .box {margin-bottom:50px;}
		.cg-map .main .box .img {width:100%; margin-bottom:40px;}
		.cg-map .main .box .info {width:100%; padding:0!important;}
		.cg-map .main .box .info:last-child {margin:0!important;}
		.cg-map .main .box .info h2 {font-size:18px; margin-bottom:15px;}
		.cg-map .main .box .info p {font-size:14px;}





@media all and (max-width:768px){

	#solution .swiper-container .swiper-slide {padding:150px 0;}

	.scene-cover-list li a {height:300px;}

	.clients ul li div {padding:15px 0;}
	.clients ul li img {width:130px; height:56px;}

	/***** 隐私政策、免责申明 *****/
	.sl-box {padding:120px 0 40px; width:90%;}
	.sl-box h1 {font-size:28px;}
	.sl-box .col {}
	.sl-box h2 {font-size:18px; margin-bottom:10px;}
	.sl-box p {font-size:16px;}

	.copyright .t .l ul li .vcode {width:50px; height:50px; margin-left:-25px; bottom:40px;}

}


@media all and (max-width:667px){
	.clients ul li {width:50%;}
	.clients ul li div {padding:10px 0;}
	.clients ul li img {width:150px; height:64px;}

	.media ul li {width:100%;}
	.media ul li .text .date {display:block; width:72px;}
	.media ul li .text .tr {width:calc(100% - 72px);}
}


@media all and (max-width:414px){

	.p-story ul li a .text {padding:20px;}
	.p-story ul li a .text p {height:66px;}
	#solution .swiper-container .swiper-slide {padding:100px 0;}

	.clients ul li div {padding:15px 0;}
	.clients ul li img {width:120px; height:51.8px;}

	.media ul li a .cover {height:200px;}

}




@media all and (max-width:375px){
	
}



@media all and (max-width:374px){


}



@media all and (max-width:280px){

}<!--0.00017690658569336-->