@media all and (max-width:1366px){
	.row {padding:0 100px;}
	.sel_contact .fb_l h1 {font-size:72px;}
}




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

	body {overflow:hidden;}

	/* public */
	.row {padding:0 50px; width:100%;}
	a.btn {padding:10px 20px;font-size:14px;}

	.arrow {width:8px;}

	.shead {}
	.shead .sl h2 {font-size:32px;}
	.shead .sl h2::before {width:20px; height:4px;}
	.shead .sl span {font-size:64px;}

	.con_products_list li a {display:block; padding:50px;}
	.con_products_list li:nth-child(2n) a {padding:50px;}
	.con_products_list li a .text {width:100%;}
	.con_products_list li a .cover {width:100%; margin-top:40px;}
	.con_products_list li a .text h3 {font-size:18px;}
	.con_products_list li a .text p {font-size:12px;}
	.con_products_list li a::after {width:40px; height:40px; left:50px;}

	.con_temp_banner {padding:204px 0 100px}
	.con_temp_banner .box .text h1 {font-size:56px;}
	.con_temp_banner .box .text h1::before {width:50px; height:6px;}
	.con_temp_banner .box .text h2 {font-size:22px;}

	.con_news_list {margin:0 -25px;}
	.con_news_list li {padding:0 25px;}
	.con_news_list li a .text p span {font-size:24px;}
	.con_news_list li a .text h4 {font-size:16px;}

	.request_call {padding:50px 0;}
	.request_call .i_r_c a {margin:0 20px; font-size:22px;}
	.request_call .i_r_c a:nth-child(1)::after {right:-22px; width:4px; height:4px;}
	
	/* ---- navigation ---- */
	.navigation {position:fixed; left:0; top:0;}
	.navigation .top ul li a {font-size:12px;}
	.navigation .box {height:64px;}
	.navigation .logo {width:150px;}
	/**/
	.navigation .anchor { display:block; position:relative; z-index:2; width:40px; height:40px; border:none; outline:none; cursor:pointer;}
	.navigation .anchor span {display:block; margin:auto; top:0; bottom:0; left:auto; right:0; content:""; position:absolute; width:18px; height:18px; overflow:hidden;} 
	.navigation .anchor span::before,
	.navigation .anchor span::after {content:""; position:absolute; width:20px; height:2px; background:#000000;}
	.navigation .anchor span::before,
	.navigation .anchor span::before {top:4px;}
	.navigation .anchor span::after {bottom:4px;}
		/* anchor展开 */
	    .open .anchor span:before {animation:0.3s ease-in-out 0s normal forwards 1 running n1;}
	    .open .anchor span:after {animation:0.3s ease-in-out 0s normal forwards 1 running n2;}
		@keyframes n1 {
	        0% {
	            top:4px;
	        }
	        50% {
	            transform:rotate(0deg);
	        }
	        100% {
	            top:8px;
	            transform:rotate(45deg);
	        }
	    }
	    @keyframes n2 {
	        0% {
	            bottom:4px;
	        }
	        50% {
	            transform:rotate(0deg);
	        }
	        100% {
	            bottom:8px;
	            transform:rotate(-45deg);
	        }
	    }
	    /* anchor收起 */
	    .close .anchor span:before { animation:0.4s ease-in-out 0s normal forwards 1 running n3;}
	    .close .anchor span:after {animation:0.4s ease-in-out 0s normal forwards 1 running n4;}
	    @keyframes n3 {
	        0% {
	            top:8px;
	            transform:rotate(45deg);
	        }
	        50% {
	            transform:rotate(0deg);
	        }
	        100% {
	        	top:4px;
	        }
	    }
	    @keyframes n4 {
	        0% {
	            bottom:8px;
	            transform:rotate(-45deg);
	        }
	        50% {
	            transform:rotate(0deg);
	        }
	        100% {
	        	bottom:4px;
	        }
	    }
	/**/
	.navigation .menu {width:auto;}
	.navigation .menu ul {display:block; visibility:hidden; position:fixed; left:0; top:0; z-index:998; margin-top:104px; padding:50px; overflow:scroll; -webkit-transition:0.3s; transition:0.3s;}
	.navigation .menu ul:before {content:""; position:fixed; left:0; top:104px; width:100%; height:0; background:#FFFFFF;}
	.navigation .menu ul li {display:none; opacity:0; position:relative; padding:0; border-bottom:1px solid rgba(0,0,0,0.05); overflow:hidden;}
	.navigation .menu ul li a { margin:0; padding:25px 0; position:relative; width:100%; height:auto; line-height:normal; text-align:left; font-size:14px; color:#000000;}
	.navigation .menu ul li.sub > a {}
	.navigation .menu ul li.sub i {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;}
	.navigation .menu ul li.sub i: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:#000000; -moz-transition:all 0.3s ease-out 0s; -webkit-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
	.navigation .menu ul li.sub i: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:#000000;}
	.navigation .menu ul li.sub i.rotate { transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
	.navigation .menu ul li.sub i.rotate:before {opacity:0;}
	.navigation .menu ul li.sub .sub_cate {display:none; visibility:visible; opacity:1; width:100%!important; position:static; border:none; padding:20px 0;}
	.navigation .menu ul li.sub .sub_cate .swiper-slide {}
	.navigation .menu ul li.sub .sub_cate dl {justify-content:flex-start; flex-wrap:wrap;}
	.navigation .menu ul li.sub .sub_cate dl dt {margin:10px 0; width:33.333333%;}
	.navigation .menu ul li.sub .sub_cate dl dt a {text-align:center;}
	.navigation .menu ul li.sub .sub_cate dl dt a img {margin:0 auto 10px; width:60px;}
		/* menu展开 */
		.open .menu ul {visibility:visible;}
		.open .menu ul li {display:block; animation:0.3s ease-in-out 0s normal forwards 1 running menu_show;}
		.open .menu ul:before { animation:0.3s ease-in-out 0s normal forwards 1 running menu_bg_show;}
		@keyframes menu_show{
			0%{
				margin-top:10px;
			}
			100%{
				opacity:1;
			}
		}
		@keyframes menu_bg_show{
			0%{
			}
			100%{
				height:100%;
			}
		}

		/* menu收起 */
		.close .menu ul {visibility:hidden;}
		.close .menu ul li {display:block; animation:0.3s ease-in-out 0s normal forwards 1 running menu_hide;}
		.close .menu ul:before { animation:0.3s ease-in-out 0s normal forwards 1 running menu_bg_hide;}
		@keyframes menu_hide{
			0%{
				opacity:1;
			}
			100%{
				margin-top:10px;
			}
		}
		@keyframes menu_bg_hide{
			0%{
				height:100%;
			}
			100%{
			}
		}
    .navigation .menu .search {width:40px; height:40px; margin:0 0 0 10px; padding:0; background-size:55% auto;}
    .navigation .menu .search i {width:16px; height:16px;}
    .navigation .menu .search i:before {width:14px; height:14px;}
    .navigation .menu .search i:after {}
    .searchview {width:100%;}
    .searchview .form {margin:auto; position:relative; width:calc(100% - 100px);}
    .searchview .form i {background-position:center left;}
    .searchview .form button {background-position:center right;}
    .searchview .results {padding:20px 80px 30px;}

    /**/
	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {padding:0 50px;}

	/**/
	.copyright {padding:30px 0 0;}
	.copyright .inner {}
	.copyright .t {display:block; margin-bottom:0;}
	.copyright .t .l {width:100%; display:block;}
	.copyright .t .l .c-col {width:100%; border-bottom:1px solid rgba(255,255,255,0.1);}
	.copyright .t .l .c-col h3 {font-size:14px; margin:0; padding:20px 0; position:relative;}
	.copyright .t .l .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 .l .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 .l .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 .l .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 .l .c-col h3 span.rotate:before {opacity:0;}
	.copyright .t .l .c-col ul {display:none; border:none; padding:0; margin:0 0 20px; width:100%!important;}
	.copyright .t .l .c-col ul li {font-size:12px; width:100%; padding:0;}
	.copyright .t .l .c-col ul li a {font-size:12px; display:block; padding:10px 0; text-indent:10px;}
	.copyright .t .r {width:100%; margin-top:40px; align-items:flex-end;}
	.copyright .t .r .hotline {width:40%; text-align:left;}
	.copyright .t .r .hotline p {font-size:12px;}
	.copyright .t .r .hotline h2 {font-size:20px;}
	.copyright .t .r ul {width:60%; margin:0;}
	.copyright .t .r ul li {margin:0 0 0 20px;}
	.copyright .t .r ul li .vcode {width:70px; height:70px;}
	.copyright .t .r ul li a {width:40px; height:40px;}
	.copyright .b {display:block; padding:30px 0; font-size:12px;border:none;}
	.copyright .b p {display:inline;}
	.copyright .b p em {display:none;}
	.copyright .b p span:first-child {display:block;}
	.copyright .b p span .vokodesign {padding-left:0;}
	.copyright .b .pp {padding:0 0 0 5px;}

	a.r_top {visibility:hidden;}

	/**/
	.swiper-container-horizontal > .swiper-pagination-bullets em:nth-child(1), .swiper-pagination-custom, .swiper-pagination-fraction em:nth-child(1) {font-size:24px;}
	.swiper-container-horizontal > .swiper-pagination-bullets em:nth-child(3), .swiper-pagination-custom, .swiper-pagination-fraction em:nth-child(3) {font-size:16px;}
	.swiper-button-prev {left:calc(50% - 100px);}
	.swiper-button-next {right:calc(50% - 100px);}
	.swiper-button-prev i,
    .swiper-button-next i {height:2px;}
    .swiper-button-prev i::before {height:2px; bottom:-2px;}
    .swiper-button-prev i::after {height:2px; bottom:2px;}
    .swiper-button-next i::before {height:2px; bottom:-2px;}
    .swiper-button-next i::after {height:2px; bottom:2px;}
	.sc-res {margin-top:104px; height:500px;}
	.sc-res .swiper-container {}
	.sc-res .swiper-slide::before {background-image:linear-gradient(to right, rgba(255,255,255,1) 0 , rgba(255,255,255,0) 100%);}
	.sc-res .swiper-slide .it {}
	.sc-res .swiper-slide .it h2 {font-size:44px;}
	.sc-res .swiper-slide .it p {font-size:16px;}
	.sc-res .sbn {padding-left:180px;}

	/**/
	.new_products {padding:100px 0;}

	/**/
	.intro {}
	.intro .main .text p {width:100%; font-size:16px;}
	.intro .main .text ul li h3 {font-size:32px;}
	.intro .main .text ul li p {font-size:12px;}
	.intro .main .img {width:60%; bottom:0;}


	/**/
	.products_list {padding:50px 0;}
	.products_list .shead {margin-bottom:30px;}
	.products_list .shead h2 {font-size:32px;}
	.con_products_list li:nth-child(2n+1) {width:60%;}
	.con_products_list li:nth-child(2n) {width:40%;}

	/**/
	.news {padding:80px 0;}

	.player video {width:100%;}
	.player .close {right:10px; top:10px;}


	/*****************************************/
	/**************    about    **************/
	/*****************************************/
	.sel_about .topic {padding-bottom:100px;}
	.sel_about .topic .text {padding-left:50px;}
	.sel_about .topic .text h2 {font-size:44px;}
	.sel_about .topic .text h3 {font-size:22px;}
	.sel_about .topic .text p {font-size:16px;}
	.sel_about .topic .img a::before,
	.sel_about .topic .img a::after {display:none;}
	.sel_about .topic .img a em {width:50px; height:50px; background-position:17px center;}
	.scrolling {display:none;}

	.sel_about .marketing_outlets {padding:100px 0;}
	.sel_about .marketing_outlets .lr {margin-top:0;}
	.sel_about .marketing_outlets .lr .map .inner {width:600px; right:50px;}
	.sel_about .marketing_outlets .lr .map .inner i {width:10px; height:10px;}
	.sel_about .marketing_outlets .lr .text {padding:0;}
	.sel_about .marketing_outlets .lr .text .t_t ul {margin-top:50px;}
	.sel_about .marketing_outlets .lr .text .t_t ul li .box h3 {font-size:32px; margin-bottom:10px;}
	.sel_about .marketing_outlets .lr .text .t_t ul li .box p {line-height:1;}
	.sel_about .marketing_outlets .citys {margin-top:100px;}

	.sel_about .philosophy {padding:150px 0;}
	.sel_about .philosophy .l ul li a {padding:60px 20px;}
	.sel_about .philosophy .l ul li a h3 {font-size:22px;}
	.sel_about .philosophy .r ul li h4 {font-size:44px; margin:0 0 40px;}
	.sel_about .philosophy .r ul li p {font-size:16px;}

	.sel_about .partners {padding:100px 0;}
	.sel_about .partners ul {margin-top:30px;}
	.sel_about .partners ul li .inner {padding:80px 0;}

	.sel_about .time_line {}
	.sel_about .time_line .swiper-container {}
	.sel_about .time_line .swiper-container .swiper-slide-active h2 {font-size:120px;}
	.sel_about .time_line .swiper-container .swiper-slide img {margin-top:-60px;}
	.sel_about .time_line .swiper-container .swiper-slide p {font-size:16px;}
	.sel_about .time_line .swiper-container .swiper-button-prev {left:150px;}
	.sel_about .time_line .swiper-container .swiper-button-next {right:150px;}

	.sel_about .experts {padding:100px 0 0;}
	.sel_about .experts .swiper-container .swiper-slide h2 {font-size:32px;}
	.sel_about .experts .swiper-container .swiper-slide p {font-size:16px;}


	/*****************************************/
	/*********    products_detail    *********/
	/*****************************************/
	.spd_1 {padding:104px 0 0;}
	.spd_1 .sname {font-size:14px;}
	.spd_1 .box {padding:50px 0;}
	.spd_1 .box .text h2 {font-size:32px;}
	.spd_1 .box .text h3 {font-size:18px;}
	.spd_1 .box .text p {font-size:14px;}

	.spd_2 {padding:100px 0;}
	.spd_2 .box .text p {width:100%; font-size:16px;}
	.spd_2 .box .text ul {margin-top:50px;}
	.spd_2 .box .text ul li span {font-size:32px;}



	/*****************************************/
	/**************    news    ***************/
	/*****************************************/
	.sel_news .news_list .tab {margin:50px 0 0;}
	.sel_news .pages {}


	/*****************************************/
	/***********    news_detail    ***********/
	/*****************************************/
	.sel_news_detail .article {padding:150px 0 100px;}
	.sel_news_detail .article .box {width:100%; font-size:16px;}
	.sel_news_detail .article .title {margin-bottom:30px;}
	.sel_news_detail .article .title h1 {font-size:32px;}
	.sel_news_detail .article p {font-size:16px;}
	.sel_news_detail .news_list {padding:100px 0 80px;}


	/*****************************************/
	/*********    products_detail    *********/
	/*****************************************/


	/*****************************************/
	/**************    join    ***************/
	/*****************************************/
	.sel_join .con_temp_banner {padding:200px 0 150px;}
	.sel_join .recruitment_entrance ul {margin:0 -25px;}
	.sel_join .recruitment_entrance ul li {padding:0 25px;}
	.sel_join .recruitment_entrance ul li .inner .re_i h3 {font-size:22px;}
	.sel_join .recruitment_entrance ul li .inner .re_i h2 {font-size:32px;}
	.sel_join .grow_up {}
	.sel_join .grow_up .g_bg {width:100%; max-width:100%; margin:0; padding:50px 0 50px; background-size:95% auto; background-image:none!important;}
	.sel_join .grow_up .text h2 {font-size:28px;}
	.sel_join .grow_up .text h4 {font-size:16px; width:100%; margin:20px auto 0;}
	.sel_join .grow_up .swiper-container {max-width:100%;}
	.sel_join .grow_up .swiper-container .swiper-button-prev {left:50px;}
	.sel_join .grow_up .swiper-container .swiper-button-next {right:50px;}
	.sel_join .grow_up .slg .slg_i {padding:50px 0;}
	.sel_join .grow_up .slg .slg_i h2 {font-size:44px;}
	.sel_join .grow_up .slg .slg_i p {font-size:16px;}
	.sel_join .sy_life {padding:50px 0 0;}
	.sel_join .sy_life h3 {font-size:32px; margin-bottom:30px;}
	.sel_join .sy_life .swiper-container .swiper-slide .text {width:80%; margin:50px auto 100px; padding:50px 50px 0;}
	.sel_join .sy_life .swiper-container .swiper-slide .text:before {background-size:80% auto;}
	.sel_join .sy_life .swiper-container .swiper-slide .text:after {background-size:80% auto;}
	.sel_join .sy_life .swiper-container .swiper-slide .text p {font-size:14px;}
	.sel_join .sy_life .swiper-container .swiper-slide .text .name {padding-left:80px;}
	.sel_join .sy_life .swiper-container .swiper-slide .text .name h5 {font-size:16px;}
	.sel_join .sy_life .swiper-container .swiper-slide .text .name h5::before {left:-80px;}
	.sel_join .sy_life .swiper-container .swiper-slide .text .name span {font-size:14px;}
	.sel_join .welfare {padding:100px 0;}
	.sel_join .welfare h2 {font-size:32px;}
	.sel_join .welfare .list {margin:0; padding:50px 0 0;}
	.sel_join .welfare .list ul li {width:50%;}
	.sel_join .welfare .list ul li a {}
	.sel_join .welfare .list ul li a h6 {font-size:18px;}
	.sel_join .welfare .jobs {padding:0;}
	.sel_join .welfare .jobs ul li .text p {font-size:16px;}
	.sel_join .welfare .jobs ul li .text a {font-size:16px;}
	.job_list {margin-top:-50px; padding-bottom:100px;}
	.job_list .filter {margin-bottom:20px; padding:20px;}
	.job_list .th {padding:15px 20px;}
	.job_list .th span {font-size:14px;}
	.job_list ul li .shead {padding:15px 20px;}
	.job_list ul li .shead span {font-size:14px;}
	.job_list ul li .shead span:last-child i {width:20px; height:20px;}
	.job_list ul li .inner .i-inner {padding:20px;}
	.job_list .pages {margin:30px 0 0 0;}


	/*****************************************/
	/*************    contact    *************/
	/*****************************************/
		.sel_contact .contact_form {padding:200px 0 100px;}

		.sel_contact .fb_l h1 {font-size:44px;}
		.sel_contact .fb_l h2 {font-size:32px;}
		.sel_contact .fb_l h2 {font-size:22px; margin-bottom:5px;}

		.sel_contact .info {}
		.sel_contact .info h2 {margin-bottom:10px;}
		.sel_contact .info p {font-size:14px; line-height:1.4;}
		.sel_contact .info dl {margin-top:20px;}
		.sel_contact .info dl dt {width:100%; margin:15px 0;}
		.sel_contact .info dl dt:nth-child(2n) {padding:0;}
		.sel_contact .info dl dt .d_r p {font-size:14px;}

		.sel_contact .fb_l {}
		.sel_contact .fb_l span {width:200%; right:40px;}
		.sel_contact .fb_r {margin-top:50px;}
		.sel_contact .fb_r .info h2 {font-size:22px; margin-bottom:5px;}
		.sel_contact .fb_r .info p {font-size:14px;}
		.sel_contact .fb_r .info dl dt span {width:50px; height:50px;}
		.sel_contact .fb_r .info dl dt .d_r {padding-left:20px;}
		.sel_contact .fb_r .info dl dt .d_r p {font-size:14px;}
		.sel_contact .fb_r .info dl dt .d_r h6 {font-size:16px;}
		.sel_contact .fb_r .c_f h2 {font-size:22px;}

		.sel_contact .citys ul li .inner {padding:30px;}
		.sel_contact .citys ul li h2 {font-size:18px;}
		.sel_contact .citys ul li h3 {font-size:14px;}
		.sel_contact .citys ul li p {font-size:14px;}

		.sel_contact .form {margin-top:50px;}
		.sel_contact .form h2 {font-size:22px; margin-bottom:30px;}


	/*****************************************/
	/***********    sel_privacy    ***********/
	/*****************************************/
	.sel_privacy article {max-width:none; width:100%; padding:200px 50px 100px;}


}










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

	.alert .i_a {width:335px;}

	.sc-res .swiper-slide .it {border-left-width:5px;}

	.scene .tab {width:50%;}

	.scene .text {padding-left:30px;}

	.intro .main .ml {width:50%;}
	.intro .main .ml ul {display:block;}
	.intro .main .ml ul li {width:100%;}
	.intro .main .mr {width:50%;}

	.con_products_list li:nth-child(2n+1) {width:50%; padding:0 10px 20px 0;}
	.con_products_list li:nth-child(2n) {width:50%; padding:0 0 20px 10px;}
	.products_list .box ul:nth-child(2n) {flex-direction:row;}
	.products_list .box ul:nth-child(2n) li:nth-child(2n+1) {width:50%; padding:0 10px 20px 0;}

	.sel_join .recruitment_entrance ul li .inner .re_i h3 {font-size:18px;}
	.sel_join .recruitment_entrance ul li .inner .re_i h2 {font-size:22px;}

	.sel_contact .citys ul li {width:100%;}
	.sel_contact .citys ul li .inner {padding:20px;}
	.sel_contact .citys ul li h2 {margin-bottom:40px;}
	.sel_contact .form ul {margin:-10px;}
	.sel_contact .form ul li {width:100%; padding:10px;}
	.sel_contact .form ul li input {padding:20px; font-size:14px;}
	.sel_contact .form ul li textarea {padding:20px; font-size:14px;}
	.sel_contact .form a.btn {margin-top:20px; font-size:16px;}

}

	








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

	.row {padding:0 20px;}
	.navigation .logo {width:120px;}
	.navigation .menu ul {padding:20px;}
	.navigation .menu ul li a {padding:20px 0;}
	.navigation .menu ul li.sub .i_sub .i_sub_list .cell {width:100%;}
	.navigation .menu .search {margin-left:0;}
	.searchview .form {width:calc(100% - 40px);}
	.searchview .results {padding:20px 50px 30px;}

	.shead .sl h2 {font-size:22px; padding:0 0 20px 0;}
	.shead .sl h2::before {}
	.shead .sl span {font-size:36px; bottom:25px;}

	.pages a {font-size:14px;}

	.tab .box a {font-size:14px;}

	.con_temp_banner {padding:154px 0 80px;}
	.con_temp_banner .box .text h1 {font-size:32px;}
	.con_temp_banner .box .text h1::before {width:25px;}
	.con_temp_banner .box .text h2 {font-size:18px;}
	.con_temp_banner .box .text p {font-size:14px;}

	.con_news_list {margin:20px -25px 20px;}
	.con_news_list li {width:100%; margin:10px 0;}
	.con_news_list li a .text {padding-left:30px;}
	.con_news_list li a .text p {padding-top:5px;}
	.con_news_list li a .text p span {font-size:18px; opacity:0.2;}
	.con_news_list li a .text p em {font-size:10px;}
	.con_news_list li a .text p i {font-size:12px;}
	.con_news_list li a .text h4 {font-size:14px;}

	.request_call {}
	.request_call .i_r_c h2 {font-size:18px;}
	.request_call .i_r_c a {}
	.request_call .i_r_c a span {width:10px; height:2px; margin-right:5px;}
	.request_call .i_r_c a span::before {width:10px; height:2px; top:1px; right:-7px;}
	.request_call .i_r_c a span::after {width:10px; height:2px; bottom:1px; right:-7px;}
	.request_call .i_r_c a:hover span::before {right:-9px;}
	.request_call .i_r_c a:hover span::after {right:-9px;}

	.sel_news .pages {}

	
	/****************************************/
	/**************    home    **************/
	/****************************************/
	.sc-res {height:70vh;}
	.sc-res .swiper-container {padding-bottom:60px;}
	.sc-res .swiper-slide .it {padding-left:0;}
	.sc-res .swiper-slide .it::before {width:50px; height:5px;}
	.sc-res .swiper-slide .it h6 {font-size:12px; margin-bottom:15px; padding:8px 15px;}
	.sc-res .swiper-slide .it h2 {font-size:22px; margin-bottom:10px;}
	.sc-res .swiper-slide .it p {font-size:14px; line-height:1.5;}
	.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {padding:0 20px;}
	.swiper-container-horizontal > .swiper-pagination-bullets em:nth-child(1), .swiper-pagination-custom, .swiper-pagination-fraction em:nth-child(1) {font-size:18px;}
	.swiper-container-horizontal > .swiper-pagination-bullets i, .swiper-pagination-custom, .swiper-pagination-fraction i {font-size:22px; padding:0 5px;}
	.swiper-container-horizontal > .swiper-pagination-bullets em:nth-child(3), .swiper-pagination-custom, .swiper-pagination-fraction em:nth-child(3) {font-size:14px;}
	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {width:6px; height:6px;}
	.swiper-button-prev i::before {width:10px;}
	.swiper-button-prev i::after {width:10px;}
	.swiper-button-next i::before {width:10px;}
	.swiper-button-next i::after {width:10px;}
	.sc-res .swiper-slide .text a.btn {margin-top:30px;}

	.new_products {padding:50px 0;}
	.new_products .list ul {margin:-40px -10px -10px;}
	.new_products .list ul li {width:100%; padding:10px;}
	.new_products .list ul li a {padding:40px 0;}
	.new_products .list ul li a span {margin:0 auto 20px;}
	.new_products .list ul li a img {width:80%;}
	.new_products .list ul li a i {transform:scale(0.8);}
	.new_products .list ul li a h3 {font-size:18px;}
	.new_products .list ul li a h3::before {display:none;}

	.intro {margin-top:-120px; padding:150px 0 0;}
	.intro .main {}
	.intro .main .text {width:100%; margin-bottom:50px;}
	.intro .main .text p {font-size:14px;}
	.intro .main .text ul {flex-wrap:wrap; margin-top:20px;}
	.intro .main .text ul li {width:50%; padding:20px 0; text-align:center;}
	.intro .main .text ul li h3 {font-size:28px;}
	.intro .main .text ul li p {font-size:12px;}
	.intro .main .img {width:100%;}
	.intro .main .img .c_main {width:280px; height:280px; margin:auto;}
	.intro .main .img .c_main .video_cover {width:50%; height:50%;}
	.intro .main .img .c_main .video_cover i {width:50px; height:50px; background-position:16px center;}
	.intro .main .img .c_main .c_outer {width:400px; height:400px; margin-top:-200px; margin-left:-200px;}
	.intro .main .img .c_main ul li {width:80px; height:80px;}
	.intro .main .img .c_main ul li:nth-child(1) {top:-40px;}
	.intro .main .img .c_main ul li:nth-child(2) {left:-40px;}
	.intro .main .img .c_main ul li:nth-child(3) {right:-40px; left:auto; top:0; bottom:0;}
	.intro .main .img .c_main ul li a span {font-size:14px;}

	.networks {padding:50px 0;}
	.networks .main .map {width:100%;}
	.networks .main .map .inner {position:static; width:500px;}
	.networks .main .text {width:100%;}
	.networks .main .text .t {padding:20px;}
	.networks .main .text .t ul li {}
	.networks .main .text .t ul li h4 {font-size:16px; width:auto;}
	.networks .main .text .t ul li p {font-size:16px; width:100%; padding:0;}
	.networks .main .text .b {margin-top:40px;}
	.networks .main .text .b p {font-size:14px;}
	.networks .main .text .b ul {margin-top:40px;}
	.networks .main .text .b ul li h3 {font-size:28px;}
	.networks .main .text .b ul li p {font-size:12px;}

	.news {}
	.news .btn_area {margin-top:30px;}


	/*****************************************/
	/**************    about    **************/
	/*****************************************/
	.sel_about .topic {padding:124px 0 50px;}
	.sel_about .topic .box {flex-wrap:wrap;}
	.sel_about .topic .text {width:100%; margin-top:40px; padding:0; text-align:center;}
	.sel_about .topic .text h2 {font-size:32px;}
	.sel_about .topic .text h3 {font-size:18px; margin-bottom:20px;}
	.sel_about .topic .text p {font-size:14px;}
	.sel_about .topic .img {width:100%;}
	.sel_about .topic .img a {height:300px;}
	.sel_about .topic .img a::before,
	.sel_about .topic .img a::after {display:none; bottom:-60px;}
	.sel_about .topic .img a em {width:50px; height:50px; background-position:17px center;}

	.sel_about .marketing_outlets {padding:80px 0;}
	.sel_about .marketing_outlets .lr {flex-wrap:wrap;}
	.sel_about .marketing_outlets .lr .map {width:100%;}
	.sel_about .marketing_outlets .lr .map .inner {width:100%; right:0;}
	.sel_about .marketing_outlets .lr .map .inner i {width:6px; height:6px;}
	.sel_about .marketing_outlets .lr .map .inner i::before {display:none;}
	.sel_about .marketing_outlets .lr .text {width:100%; padding:0;}
	.sel_about .marketing_outlets .lr .text .t_t p {font-size:14px;}
	.sel_about .marketing_outlets .lr .text .t_t ul {margin-top:30px;}
	.sel_about .marketing_outlets .lr .text .t_t ul li .box h3 {font-size:22px; margin-bottom:10px;}
	.sel_about .marketing_outlets .lr .text .t_t ul li .box h3 span {padding-right:5px;}
	.sel_about .marketing_outlets .lr .text .t_t ul li .box h3 i {font-size:14px;}
	.sel_about .marketing_outlets .lr .text .t_t ul li .box p {font-size:12px; line-height:1;}
	.sel_about .marketing_outlets .citys {margin-top:40px;}
	.sel_about .marketing_outlets .citys ul {flex-wrap:wrap; margin:0 -10px;}
	.sel_about .marketing_outlets .citys ul li {width:33.333333%; margin-bottom:10px; padding:0 10px;}
	.sel_about .marketing_outlets .citys ul li img {margin-bottom:10px;}
	.sel_about .marketing_outlets .citys ul li p {font-size:12px;}

	.sel_about .philosophy {padding:80px 0;}
	.sel_about .philosophy .box {margin-top:30px;}
	.sel_about .philosophy .l {width:100%;}
	.sel_about .philosophy .l ul li a {padding:40px 20px;}
	.sel_about .philosophy .l ul li a h3 {font-size:16px;}
	.sel_about .philosophy .r {width:100%; margin-top:30px; padding:0;}
	.sel_about .philosophy .r ul li h4 {display:none; font-size:22px; margin:0 0 20px; text-align:center;}
	.sel_about .philosophy .r ul li p {font-size:14px;}

	.sel_about .partners {padding:80px 0 50px;}
	.sel_about .partners .desc {margin-top:20px; font-size:14px;}
	.sel_about .partners ul {margin:20px 0 0 0;}
	.sel_about .partners ul li {width:50%;}
	.sel_about .partners ul li .inner {padding:20px 0;}

	.sel_about .time_line { padding:80px 0;}
	.sel_about .time_line .swiper-container {margin-top:-30px;}
	.sel_about .time_line .swiper-container .swiper-slide h2 {display:none;}
	.sel_about .time_line .swiper-container .swiper-slide-active h2 {display:block; font-size:44px;}
	.sel_about .time_line .swiper-container .swiper-slide img {width:100px; margin-top:-30px;}
	.sel_about .time_line .swiper-container .swiper-slide p {font-size:14px; width:90%; margin:10px auto 0;}
	.sel_about .time_line .swiper-container .swiper-button-prev {left:0;}
	.sel_about .time_line .swiper-container .swiper-button-next {right:0;}

	.sel_about .experts {padding:50px 0 0;}
	.sel_about .experts .swiper-container {margin-top:30px;}
	.sel_about .experts .swiper-container .swiper-slide {padding:130px 0 100px;}
	.sel_about .experts .swiper-container .swiper-slide h2 {font-size:22px;}
	.sel_about .experts .swiper-container .swiper-slide p {font-size:14px; margin-top:10px;}
	.sel_about .experts .swiper-container .swiper-button-prev,
	.sel_about .experts .swiper-container .swiper-button-next {width:44px; height:44px;}
	.sel_about .experts .swiper-container .swiper-button-prev {left:calc(50% - 70px);}
	.sel_about .experts .swiper-container .swiper-button-next {right:calc(50% - 70px);}


	/*****************************************/
	/*********    products_detail    *********/
	/*****************************************/
	.spd_1 {padding:104px 0 0;}
	.spd_1 .box {flex-wrap:wrap; flex-direction:column-reverse; padding:60px 0 80px;}
	.spd_1 .box .img {width:100%;}
	.spd_1 .box .text {width:100%; margin:0 0 40px 0; padding:0; text-align:center;}
	.spd_1 .box .text .name {margin-bottom:30px;}
	.spd_1 .box .text h2 {}
	.spd_1 .box .text h3 {font-size:14px;}
	.spd_1 .box .text h3 span:nth-child(1) {padding-right:10px;}
	.spd_1 .box .text h3 span:nth-child(2) {padding-left:10px;}
	.spd_1 .box .text p {font-size:14px; margin:10px 0 0;}
	.spd_1 .box:nth-child(2) .text {padding:0;}
	.spd_1 .btn_area {justify-content:center;}

	.spd_2 {padding:60px 0 80px 0;}
	.spd_2 p {font-size:16px;}
	.spd_2 ul li:nth-child(odd) img {padding:0;}
	.spd_2 ul li:nth-child(odd) p {padding:0;}
	.spd_2 ul li .inner {display:block;}
	.spd_2 ul li img {width:100%; margin-bottom:40px; padding:0;}
    .spd_2 ul li p {width:100%; padding:0;}

    .spd_3 {padding:80px 0;}
    .spd_3 .box {flex-direction:column-reverse; margin-top:20px;}
    .spd_3 .text {width:100%; margin-top:30px; padding:0;}
    .spd_3 .text p {font-size:14px;}
    .spd_3 .text ul {margin-top:20px;}
    .spd_3 .text li {font-size:14px;}
    .spd_3 .text li::before {top:14px;}
    .spd_3 .img {width:100%; margin:0; padding:0;}

    .spd_4 {padding:80px 0}
    .spd_4 h4 {font-size:14px;}
    .spd_4 ul {margin:30px -10px -10px;}
    .spd_4 ul li {margin:0 0 20px 0; padding:10px; width:100%;}
    .spd_4 ul li:last-child {margin-bottom:0;}
    .spd_4 ul li .inner {}

    .spd_5 {padding:80px 0;}
    .spd_5 .box {flex-direction:column; margin-top:30px;}
    .spd_5 .img {width:100%; margin-bottom:20px; padding:0;}
    .spd_5 .text {width:100%; padding:0; font-size:14px;}

    .Neptune_G001_division {height:50px;}



	/*****************************************/
	/***************    news    **************/
	/*****************************************/
	.sel_news .news_list .tab {margin:30px 0 0;}


	/*****************************************/
	/***********    news_detail    ***********/
	/*****************************************/
	.sel_news_detail .article {padding:150px 0 50px;}
	.sel_news_detail .article .box {width:100%; font-size:14px;}
	.sel_news_detail .article .title {margin-bottom:30px;}
	.sel_news_detail .article .title h1 {font-size:22px;}
	.sel_news_detail .article .title span {font-size:12px;}
	.sel_news_detail .article p {font-size:14px;}
	.sel_news_detail .news_list {padding:80px 0 80px;}


	/*****************************************/
	/*************    service    *************/
	/*****************************************/
	.city_area {padding:80px 0 60px;}
	.city_area .main {}
	.city_area .radiation {width:100%; margin-bottom:30px;}
	.city_area .radiation .note::before {width:8px; height:8px;}
	.city_area .t_show {width:100%;}
	.city_area .t_show li {top:0; transform:none; text-align:center;}
	.city_area .t_show h3 {font-size:16px; justify-content:center; margin-bottom:20px;}
	.city_area .t_show h3::before {display:none; left:50%; transform:translateX(-50%);}
	.city_area .t_show h3 i {width:4px; height:4px;}
	.city_area .t_show p {font-size:14px;}
	.service_team {padding:0 0 60px 0;}
	.service_advantage {padding:80px 0;}
	.service_advantage .box {display:block; margin:50px 0 0 0;}
	.service_advantage .l {width:100%;}
	.service_advantage .l ul li a {padding:60px 10px;}
	.service_advantage .l ul li a h3 {font-size:18px;}
	.service_advantage .r {width:100%;}
	.service_advantage .r ul li h4 {margin:50px 0 20px; font-size:18px;}
	.service_advantage .r ul li p {font-size:14px;}
	.service_form_cells {}
	.service_form_cells .tab {width:auto;}
	.service_form_cells .tab ul {justify-content:center;}
	.service_form_cells .tab li {width:auto; padding:0 5px;}
	.service_form_cells .tab span {font-size:14px; padding:0 10px; height:44px; line-height:44px;}
	.service_form_cells .list .con_form {width:100%; padding:30px 20px 50px;}
	.service_form_cells .list .con_form ul {}


    /*****************************************/
	/**************    join    ***************/
	/*****************************************/
	.sel_join .con_temp_banner {padding:150px 0 130px;}
	.sel_join .recruitment_entrance {margin-top:20px;}
	.sel_join .recruitment_entrance ul {margin:0 -10px;}
	.sel_join .recruitment_entrance ul li {width:100%; margin-bottom:20px; padding:0 10px;}
	.sel_join .recruitment_entrance ul li:last-child {margin-bottom:0;}
	.sel_join .recruitment_entrance ul li .text {padding:15px 20px;}
	.sel_join .recruitment_entrance ul li .text p {font-size:14px;}
	.sel_join .recruitment_entrance ul li .text a {font-size:14px;}
	.sel_join .recruitment_entrance ul li .inner .re_i {margin:0 20px;}
	.sel_join .recruitment_entrance ul li .inner .re_i h3 {font-size:18px;}
	.sel_join .recruitment_entrance ul li .inner .re_i h2 {font-size:22px;}
	.sel_join .recruitment_entrance ul li .img {background-color:#F8F8F8;}
	.sel_join .grow_up {padding:80px 0 0;}
	.sel_join .grow_up .swiper-container {margin-top:30px; margin-left:20px;}
	.sel_join .grow_up .swiper-container .swiper-button-prev {left:20px;}
	.sel_join .grow_up .swiper-container .swiper-button-next {right:20px;}
	.sel_join .grow_up .slg .slg_i {padding:50px 0;}
	.sel_join .grow_up .slg .slg_i h2 {font-size:22px;}
	.sel_join .grow_up .slg .slg_i p {font-size:14px;}
	.sel_join .sy_life {padding:50px 0;}
	.sel_join .sy_life .top_text {display:block; padding:40px 20px; text-align:center;}
	.sel_join .sy_life .top_text h3 {font-size:22px; margin-bottom:10px;}
	.sel_join .sy_life .top_text p {font-size:16px; line-height:1.4; text-align:center;}
	.sel_join .sy_life .swiper-container .swiper-slide .text::before,
	.sel_join .sy_life .swiper-container .swiper-slide .text::after {background-size:50% auto;}
	.sel_join .sy_life .swiper-container .swiper-slide .text {width:100%; margin:50px auto 0;}
	.sel_join .grow_up .swiper-container .swiper-button-next, .sel_join .grow_up .swiper-container .swiper-button-prev {transform:scale(0.8);}
	.sel_join .welfare {padding:80px 0 0;}
	.sel_join .welfare .list {padding:20px 0 0;}
	.sel_join .welfare .list ul {margin:0 -10px;}
	.sel_join .welfare .list ul li {padding:0 10px; width:100%;}
	.sel_join .welfare .list ul li a h6 {padding:40px 0 20px 0;}
	.sel_join .welfare .list ul li a p {}
	.job_list {margin-top:-47px; padding-bottom:50px;}
	.job_list .th,
	.job_list ul li .shead {padding:15px;}
	.job_list .th span,
	.job_list ul li .shead span,
	.job_list ul li .inner .i-inner,
	.job_list ul li h4,
	.job_list ul li p {font-size:12px;}
	.job_list ul li .shead span:last-child i {width:18px; height:18px;}
	.job_list ul li .shead span:last-child i::before {height:1px;}
	.job_list ul li .shead span:last-child i::after {width:1px;}


    /*****************************************/
	/*************    contact    *************/
	/*****************************************/
	.sel_contact .contact_form {padding:104px 0 50px;}
	.sel_contact .contact_form .box {display:block; width:100%; padding:50px 0 0 0;}
	.sel_contact .c_1 {width:100%; padding:0;}
	.sel_contact .c_2 {width:100%;}
	.sel_contact .c_1 .t {display:none;}
	.sel_contact .c_1 .t h1 {font-size:22px;}
	.sel_contact .c_1 .t h2 {font-size:16px;}
	.sel_contact .info {margin:0 0 50px 0;}
	.sel_contact .info h2 {font-size:22px;}
	.sel_contact .info p {}
	.sel_contact .info dl {margin:20px 0;}
	.sel_contact .info dl dt {margin:10px 0; padding:20px 0;}
	.sel_contact .info dl dt .d_r h6 {}
	.sel_contact .fb_r {width:100%; margin-top:20px;}
	.sel_contact .citys ul li {}
	.sel_contact .citys ul li h2 {font-size:16px;}
	.sel_contact .form {width:100%;}
	.sel_contact .form h2 {font-size:18px; margin-bottom:20px;}
	.sel_contact .con_form h2 {font-size:22px;}
	.con_form {margin-bottom:50px;}
	.con_form ul li {width:100%;}
	.con_form ul li input {padding:15px;}
	.con_form ul li textarea {padding:15px;}
	.con_form a.btn {padding:15px;}


	/*****************************************/
	/***********    sel_privacy    ***********/
	/*****************************************/
	.sel_privacy article padding:150px 20px 50px;}
	
}










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

	.intro .main .text {margin-bottom:100px;}
	.sel_contact .info dl dt {width:100%;}


}










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


}