/**/
@media all and (min-width:1600px){

	html {font-size:16px;}

}




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

	/***************************************/
	/*************    public    ************/
	/***************************************/

	/**/
	body {border:none; font-family:Arial,Verdana,sans-serif;}
	.row {padding:0 20px; width:100%;}

	/**/
	input::-moz-placeholder,
	select::-moz-placeholder,
	textarea::-moz-placeholder {font-size:12px;}
	input::-webkit-input-placeholder,
	select::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {font-size:12px;}

	/**/
	.btn_area {}
	a.btn {padding:10px 20px;font-size:12px;}
		/**/
		a.btn_black {}

	/**/
	.more {padding:14px 30px 14px 0; font-size:14px;}
	.more i {width:10px; height:10px;}

	/**/
	.alert{}
	.alert .i_a {padding:60px 20px 40px; width:calc(100% - 40px); max-width:300px;}
	.alert .i_a h4 {font-size:16px;}
	.alert .i_a a {font-size:14px; margin-top:30px; padding:10px 20px;}

	/**/
	.toast span {width:40px; height:40px;}

	/**/
	.shead {padding:0 0 30px 0;}
	.shead h2 {font-size:32px;}
	.shead h3 {font-size:18px; margin-top:10px;}

	/**/
	.breadcrumbs {padding:20px 0;}
	.breadcrumbs a.icon {width:20px; height:20px;}
	.breadcrumbs a {font-size:14px; margin-right:30px;}
	.breadcrumbs a::after {width:10px; right:-20px;}
	.breadcrumbs span {font-size:14px;}

	/**/
	.video {border-radius:0 0 10px 10px; z-index:1;}
	.video video {}
	
	/**/
	header {position:fixed; left:0; width:100%;}
	header .inner_header {max-width:400px; height:60px; margin:auto; backdrop-filter:none;}
	header .logo {width:80px; left:20px;}
	header .nav_more {display:block; position:relative; top:0; right:0; z-index:2; width:40px; height:40px; cursor:pointer;}
	header .nav_more i {display:block; margin:auto; top:0; bottom:0; left:0; right:auto; content:""; position:absolute; width:16px; height:16px; overflow:hidden;} 
	header .nav_more i::before,
	header .nav_more i::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); width:100%; height:1px; background:#FFFFFF;}
	header .nav_more i::before {margin-top:-4px;}
	header .nav_more i::after {margin-top:4px;}
		/* anchor展开 */
	    .open .nav_more i:before {animation:0.3s ease-in-out 0s normal forwards 1 running n1;}
	    .open .nav_more i:after {animation:0.3s ease-in-out 0s normal forwards 1 running n2;}
		@keyframes n1 {
	        0% {
	        }
	        50% {
	            transform:translateX(-50%) translateY(-50%) rotate(0deg);
	        }
	        100% {
	            margin-top:0;
	            transform:translateX(-50%) translateY(-50%) rotate(45deg);
	        }
	    }
	    @keyframes n2 {
	        0% {
	        }
	        50% {
	            transform:translateX(-50%) translateY(-50%) rotate(0deg);
	        }
	        100% {
	            margin-top:0;
	            transform:translateX(-50%) translateY(-50%) rotate(-45deg);
	        }
	    }
	    /* anchor收起 */
	    .close .nav_more i:before { animation:0.4s ease-in-out 0s normal forwards 1 running n3;}
	    .close .nav_more i:after {animation:0.4s ease-in-out 0s normal forwards 1 running n4;}
	    @keyframes n3 {
	        0% {
	        }
	        50% {
	            transform:translateX(-50%) translateY(-50%) rotate(0deg);
	        }
	        100% {
	        	margin-top:4px;
	        }
	    }
	    @keyframes n4 {
	        0% {
	        }
	        50% {
	            transform:translateX(-50%) translateY(-50%) rotate(0deg);
	        }
	        100% {
	        	margin-top:-4px;
	        }
	    }
	/**/
	header .menu {padding-right:20px;}
	header .menu ul {display:block; position:fixed; left:0; top:0; margin-top:60px; padding:40px 20px; width:100%; height:auto;}
	header .menu ul:before {content:""; position:fixed; left:0; top:0; width:100%; height:0; background:rgba(0, 0, 0, 0.8);}
	header .menu ul li {display:none; opacity:0; position:relative; margin:auto; padding:0; max-width:400px; border-bottom:1px solid rgba(255,255,255,0.05); overflow:hidden;}
	header .menu ul li > a {margin:0; padding:20px 0; position:relative; width:100%; height:auto; line-height:normal; font-size:14px; opacity:0.8;}
	header .menu ul li > a:hover {color:#FFFFFF; opacity:1; background:transparent; transition:all 0.3s;}
	header .menu ul li.sub .sub_handle {position:absolute; right:0; top:10px; display:flex; justify-content:center; align-items:center; width:40px; height:40px; border-radius:100%; cursor:pointer; background:rgba(0, 0, 0, 0.5); transition:all 0.3s;}
	header .menu ul li.sub .sub_handle span {width:10px; height:10px; position:relative;}
	header .menu ul li.sub .sub_handle span::before,
	header .menu ul li.sub .sub_handle span::after {content:""; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); background:#FFFFFF; transition:all 0.3s;}
	header .menu ul li.sub .sub_handle span::before {width:1px; height:100%;}
	header .menu ul li.sub .sub_handle span::after {width:100%; height:1px;}
	header .menu ul li.sub .sub_handle.active span::before {height:0;}
	header .menu ul li.sub .sub_handle:hover {background:rgba(0, 0, 0, 1);}
	header .dropdowns {position:static; display:none; padding:0 0 20px; transition:none; background:transparent;}
	header .dropdowns dl {flex-direction:column; align-items:flex-start; margin:0; padding:0; max-width:none;}
	header .sub_products_img .dropdowns dl {flex-direction:row; justify-content:flex-start; padding:10px 0; overflow:scroll;}
	header .sub_products_img .dropdowns dd {width:auto; margin:0 20px 0 0; padding:0;}
	header .sub_products_img .dropdowns dd:last-child {margin:0;}
	header .sub_products_img .dropdowns dd a {opacity:1;}
	header .sub_products_img .dropdowns dd a span {width:160px; height:120px;}
	header .sub_products_img .dropdowns dd a p {font-size:12px;}
	header .dropdowns.normal {position:static;}
	header .dropdowns.normal dl {padding:0;}
	header .dropdowns.normal dd a {padding:10px 0;}
	header .dropdowns dl {}
	header .dropdowns dd {padding:0; width:100%;}
	header .dropdowns dd a {padding:10px 0; opacity:0.5; text-align:left; font-size:12px; color:#FFFFFF;}
	header .dropdowns dd a span {display:none;}
	header .dropdowns dd a p {font-size:12px;}
	header .dropdowns dd a:hover {opacity:0.8; color:#FFFFFF; background:transparent;}
	#sub_col4 dl dd {width:100%;}
	header .options {margin:0; font-size:14px;}
	header .options .q_phone {display:none;}
	header .options .o_search {margin-right:5px;}
	header .options .o_search > span {width:32px;}
	header .options .o_search > span::before {width:16px; height:16px;}
	header .options .o_lang > span i {margin:-2px 0 0 6px; width:6px; height:6px;}
	header .options .o_lang .dropdowns {display:block; top:50px; padding:6px 14px; background:#FFFFFF;}
	header .options .o_lang .dropdowns dl {padding:0;}
	header .options .o_lang .dropdowns dl a {color:#000000; font-size:14px;}
		/* menu展开 */
		.open .menu ul {}
		.open .menu ul li {display:block; animation:0.3s ease-in-out 0s normal forwards 1 running menu_show; animation-delay:0.3s;}
		.open .menu ul:before {animation:0.3s ease-in-out 0s normal forwards 1 running menu_bg_show;}
		@keyframes menu_show{
			0%{
				margin-top:2px;
			}
			100%{
				opacity:1;
			}
		}
		@keyframes menu_bg_show{
			0%{
			}
			100%{
				height:100%;
			}
		}

		/* menu收起 */
		.close .menu ul {}
		.close .menu ul li {display:block; animation:0.3s ease-in-out 0s normal forwards 1 running menu_hide;}
		.close .menu ul:before {height:100%; animation:0.3s ease-in-out 0s normal forwards 1 running menu_bg_hide; animation-delay:0.3s;}
		@keyframes menu_hide{
			0%{
				opacity:1;
				height:auto;
			}
			100%{
				margin-top:2px;
				height:0;
			}
		}
		@keyframes menu_bg_hide{
			0%{
			}
			100%{
				height:0;
			}
		}
    header .menu .search {display:none; width:40px; height:40px; margin:0; padding:0; background-size:55% auto;}
    header .menu .search i {width:16px; height:16px;}
    header .menu .search i:before {width:14px; height:14px;}
    header .menu .search i:after {}
    header .searchview {height:60px;}
    header .searchview .form {max-width:none; width:calc(100% - 40px);}
    header .searchview .form i {background-position:center left;}
    header .searchview .form input {font-size:14px;}
    header .searchview .form button {width:40px; height:40px; background-position:center right;}
    header .searchview .form button:before,
    header .searchview .form button:after {width:16px; height:1.5px;}
    header .searchview .results {padding:20px 75px 30px;}
    .sticky_nav {margin:0;}
    .sticky_nav .box {}
    .sticky_nav .menu .ls_btns a {margin:0 5px; padding:10px 20px;}
    .sticky_nav .dropdowns {background:transparent;}

	/**/
	footer {width:100%;}
	footer .main {margin:auto; padding:20px 0; max-width:400px;}
	footer .main ul {flex-direction:column;}
	footer .main ul li {}
	footer .main ul li:first-child {margin-bottom:10px;}
	footer .main ul li:first-child .cell {display:block;}
	footer p {margin-right:10px; display:inline; font-size:10px;}
	footer p::after {height:9px; right:-5px;}
	footer p a {margin:0 2.5px;}
	footer p a::after {height:1px;}

	/**/
	.cookie_popup {bottom:20px;}
	.cookie_popup .cpm {padding:60px 40px; max-width:none;}
	.cookie_popup .main {}
	.cookie_popup .text {width:100%; padding:0;}
	.cookie_popup .text p {font-size:12px;}
	.cookie_popup .btn_area {margin-top:20px;}
	.cookie_popup .btn_area a.btn {margin-left:20px; padding:8px 20px; font-size:12px;}
	.cookie_popup .close {width:40px; height:40px; top:10px; transform:translateX(0) rotate(45deg);}
	.cookie_popup .close::before {width:2px;}
	.cookie_popup .close::after {height:2px;}

	/**/
	.con_topic {}
	.con_topic .main {margin:auto; padding:200px 0 60px; max-width:400px;}
	.con_topic .text {}
	.con_topic .text h1 {font-size:32px;}
	.con_topic .text p {font-size:16px; margin-top:10px;}
	.con_topic .cover {width:calc(50% - 5px); border-radius:0 0 0 10px;}

	/**/
	a.rTop {visibility:hidden;}

    /**/
    .pages {margin-top:40px;}
	.pages a, .pages span {margin:0 10px; width:40px; height:40px; font-size:14px;}
	.pages a:not(.a1),
	.pages span {display:none;}
	.pages a.a1:nth-child(2),
	.pages a.a1:last-child {background-size:8px auto;}

	/**/
	.tab {margin:0 -5px;}
	.tab a,
	.tab span {flex:1; margin:0 5px; padding:8px 10px; min-width:auto; font-size:12px;}

	/**/
	a.anchor {top:-60px;}

	/**/
	.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-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:47px;}
	.swiper-button-next, .swiper-button-prev {width:50px; height:50px;}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-size:11px auto;}
	.swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover {background-size:13px auto;}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-size:11px auto;}
	.swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {background-size:13px auto;}
	.sc-res {margin-top:64px; height:50vh;}
	.sc-res .swiper-slide .it {}
	.sc-res .swiper-slide .it h6 {font-size:14px;}
	.sc-res .swiper-slide .it h2 {font-size:52px;}
	.sc-res .swiper-slide .it p {font-size:16px;}
	.sc-res .sbn {padding-left:180px;}

	/**/
	.products_list {padding:50px 0;}
	.products_list .shead {margin-bottom:30px;}
	.products_list .shead h2 {font-size:32px;}

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

	/**/
	.con_products_list {}
	.con_products_list ul {margin:-5px;}
	.con_products_list ul li {width:50%; padding:5px;}
	.con_products_list ul li a .cover {padding:40px;}
	.con_products_list ul li a .desc {padding:20px;}
	.con_products_list ul li a .desc p {font-size:16px;}

	/**/
	.con_news_list {margin:0;}
	.con_news_list ul {}
	.con_news_list ul li {margin-bottom:20px;}
	.con_news_list ul li a .cell {flex-direction:column;}
	.con_news_list ul li a .cover {width:100%;}
	.con_news_list ul li a .text {width:100%; padding:10px;}
	.con_news_list ul li a .text .tb {padding:20px; width:70%;}
	.con_news_list ul li a .text .tb .name h4 {font-size:18px;}
	.con_news_list ul li a .text .tb .name p {font-size:12px; margin:10px 0 40px;}
	.con_news_list ul li a .text .date {width:30%; padding:20px 10px;}
	.con_news_list ul li a .text .date strong {font-size:32px;}
	.con_news_list ul li a .text .date p {font-size:14px;}



	
	/****************************************/
	/**************    home    **************/
	/****************************************/

	.sel_home {}
	.sel_home .swiper_1 {height:auto;}
	.sel_home .swiper_1 .content {margin:auto; padding:60px 0 100px; max-width:400px; height:auto;}
	.sel_home .swiper_1 .swiper-slide {height:auto!important;}
	.sel_home .swiper_1 .title {margin:0 0 20px;}
	.sel_home .swiper_1 .title h2 {font-size:22px; margin-bottom:5px;}
	.sel_home .swiper_1 .title h2::before {width:10px; height:2px; top:-15px;}
	.sel_home .swiper_1 .title p {font-size:14px;}
	.sel_home footer {position:static;}

		/**/
		.slide_1 .moving_logo {margin:120px auto 60px; width:200px; height:200px;}

		/**/
		.slide_2 .slide_about .lr {padding:20px; flex-direction:column;}
		.slide_2 .slide_about .lr .img {width:100%;}
		.slide_2 .slide_about .lr .text {width:100%; padding:20px 0;}
		.slide_2 .slide_about .lr .text .intro {font-size:12px;}
		.slide_2 .slide_about .lr ul {margin:10px -10px;}
		.slide_2 .slide_about .lr ul li {width:50%; padding:10px;}
		.slide_2 .slide_about .lr ul li a {padding:30px;}
		.slide_2 .slide_about .lr ul li a span {width:30px; height:30px; margin:0 auto 10px;}
		.slide_2 .slide_about .lr ul li a p {font-size:10px;}
		.slide_2 .slide_about .lr .btn_area {justify-content:center;}

		/**/
		.slide_3 .focus_box {margin:20px 0 0;}
		.slide_3 .swiper_2 .swiper-slide {padding:0;}
		.slide_3 .tab {margin:0; justify-content:space-between;}
		.slide_3 .tab a {flex:initial; width:calc(50% - 5px); margin:5px 0;}

		/**/
		.slide_4 .slide_advantage ul {margin:0;}
		.slide_4 .slide_advantage ul li {width:100%; padding:0;}
		.slide_4 .slide_advantage ul li .cell::after {top:80px;}
		.slide_4 .slide_advantage ul li .t {padding:20px;}
		.slide_4 .slide_advantage ul li .t span {width:150px; height:150px;}
		.slide_4 .slide_advantage ul li .t h3 {font-size:16px; max-width:120px;}
		.slide_4 .slide_advantage ul li .b {padding:0 30px 40px;}
		.slide_4 .slide_advantage ul li .b p {max-width:250px; margin:auto; font-size:12px;}

		/**/
		.slide_5 ul {}
		.slide_5 ul li {}

		/**/
		.slide_6 .lr {padding:20px;}
		.slide_6 .l {width:100%;}
		.slide_6 .l .text {margin:20px 0;}
		.slide_6 .l .text h3 {font-size:16px;}
		.slide_6 .l .text span {padding:4px 0 8px; font-size:10px;}
		.slide_6 .l .text p {font-size:12px;}
		.slide_6 .r {width:100%; margin-top:10px; padding:0;}
		.slide_6 .r .ul_cols {margin-top:20px;}
		.slide_6 .r ul {}
		.slide_6 .r ul li {margin-bottom:20px;}
		.slide_6 .r ul li a .cover {width:40%;}
		.slide_6 .r ul li a .text {display:flex; flex-direction:column; justify-content:space-between; width:60%; padding-left:20px;}
		.slide_6 .r ul li a .text h4 {font-size:12px; -webkit-line-clamp:2; line-height:1.6;}
		.slide_6 .r ul li a .text span {padding:4px 0 0; font-size:12px;}
		.slide_6 .r ul li a .text p {display:none; font-size:12px;}

		/**/
		.slide_7 .lr {flex-direction:column-reverse;}
		.slide_7 .l {width:100%; padding:0;}
		.slide_7 .l ul li {margin-bottom:20px;}
		.slide_7 .l ul li input,
		.slide_7 .l ul li textarea {padding:16px 12px; font-size:12px;}
		.slide_7 .l ul li textarea {height:200px;}
		.slide_7 .l .btn_area a.btn {min-width:100px;}
		.slide_7 .r {width:100%; margin:20px 0 60px; padding:0;}
		.slide_7 .r ul li {margin-bottom:20px;}
		.slide_7 .r ul li i {margin-right:10px; width:20px; height:20px;}
		.slide_7 .r ul li p {font-size:14px;}




    /*****************************************/
	/*************    company    *************/
	/*****************************************/

	.sel_company {}

		/**/
	    .company {padding:60px 0; font-size:14px;}
	    .company .main {max-width:400px;}




	/****************************************/
	/************    products    ************/
	/****************************************/

	.sel_products {}

		/**/
		.products {padding:20px 0 60px;}
		.products .main {margin:auto; max-width:400px;}
		.products .con_products_list {margin-top:20px;}
		.products .tab {justify-content:space-between; margin:-5px 0;}
		.products .tab a {flex:initial; width:calc(50% - 5px); margin:5px 0;}




	/*****************************************/
	/***************    news    **************/
	/*****************************************/

	.sel_news {}

		/**/
		.sel_news .news {}
		.sel_news .news .main {margin:auto; max-width:400px;}
		.sel_news .news .tab {margin:-5px 0; justify-content:space-between;}
		.sel_news .news .tab a {margin:5px 0; flex:initial; width:calc(50% - 5px);}
		.sel_news .news {padding:20px 0 80px;}
		.news .con_news_list {margin-top:20px;}



	    
	/*****************************************/
	/***********    news_detail    ***********/
	/*****************************************/

	.sel_news_detail {}

		/**/
	    .sel_news_detail .article {margin-top:60px; padding:60px 0;}
	    .sel_news_detail .article .main {width:100%; max-width:400px;}
	    .sel_news_detail .article .title {margin-bottom:30px;}
	    .sel_news_detail .article .title h1 {font-size:22px; margin-bottom:10px;}
	    .sel_news_detail .article .title span {font-size:12px;}
	    .sel_news_detail .article .content {font-size:14px;}
	    .sel_news_detail .article .content img {margin-bottom:10px;}
	    .sel_news_detail .article .content p {}
	    .sel_news_detail .article .content a {}




	/*****************************************/
	/*************    search    **************/
	/*****************************************/

	.sel_search {}

		/**/
	    .sel_search .form_wrap .fw_inner {padding:100px 0;}
	    .sel_search .sr_frm_box {margin-bottom:40px;}
	    .sel_search .sr_logo {margin-bottom:20px;}
	    .sel_search .sr_logo .jg {font-size:14px;}
	    .sel_search .sr_lists .c ul li {margin-bottom:20px; padding:20px;}
	    .sel_search .sr_lists .c ul li h5 a {font-size:16px;}
	    .sel_search .sr_lists .c ul li p {font-size:14px; padding:10px 0 20px;}
	    .sel_search .sr_lists .c ul li .adds {font-size:12px;}




	/*****************************************/
	/************    sel_clause    ***********/
	/*****************************************/
	.sel_clause {}
	    
	    /**/
	    .sel_clause article {max-width:none; width:100%; margin:60px auto 0; padding:60px;}
	    .sel_clause article h1 {margin-bottom:20px; font-size:18px;}
	    .sel_clause article section {font-size:12px;}




}