@media all and (max-width:1366px){
	.row {padding:0 100px;}
	.navigation .menu {width:calc(100% - 156px);}
	.navigation .menu ul li.sub .i_sub {padding:0 100px;}
	.sc-res .sbn {padding:0 100px;}
	.news .swiper-container {padding:100px 0 100px 100px;}
	.sel_about .environment .text .t_r ul li {width:50%;}
	.sel_about .environment .text .t_r ul li:nth-child(2) .box {border-top-right-radius:10px;}
	.sel_about .environment .text .t_r ul li:nth-child(3) .box {border-top-right-radius:0;}
	.sel_about .environment .text .t_r ul li:nth-child(4) .box {border-bottom-left-radius:0;}
	.sel_about .environment .text .t_r ul li:nth-child(5) .box {border-bottom-left-radius:10px;}
	
}










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

	/* public */
	.row {padding:0 50px; width:100%;}
	.noscroll {overflow:hidden;}
	a.btn {padding:15px 50px 15px 30px;font-size:14px;}
	a.btn_arrow::before {right:20px; background-size:80% auto;}
	a.btn_arrow:hover::before {right:15px;}

	.tab {position:relative; overflow:hidden;}
	.tab .srcoll_wrap {overflow-x:scroll;}
	.tab::after {content:""; position:absolute; right:0; top:0; width:40px; height:100%; background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
	.tab .box a {font-size:16px; padding:30px 0;}

	.pages a,
	.pages span {display:none; font-size:14px;}
	.pages a.a1 {display:inline-block;}

	.table_scroll {overflow-x:scroll;}
	table {width:800px; font-size:12px;}
    table tbody td {padding:10px 30px; font-size:12px;}

	.con_products_list li a {display:block; padding:40px;}
	.con_products_list li a .text {width:100%;}
	.con_products_list li a .cover {width:100%;}
	.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_news_list {margin:10px -20px;}
	.con_news_list li a .cover {height:200px;}

	.con_temp_banner {padding:204px 0 100px;}
	.con_temp_banner .text {}
	.con_temp_banner .text h1 {font-size:32px;}
	
	/* ---- navigation ---- */
	.navigation {position:fixed;}
	.navigation .top ul li a {font-size:12px;}
	.navigation .box {height:64px;}
	.navigation .logo {width:120px;}
	/**/
	.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 .arrow {right: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 .arrow::before {left:50%; right:auto; top:50%; bottom:auto; transform-origin:center center; transform:translateX(-50%) translateY(-50%) rotate(0deg); -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 .arrow::after {left:50%; right:auto; top:50%; bottom:auto; transform-origin:center center; transform:translateX(-50%) translateY(-50%) rotate(90deg);}
	.navigation .menu ul li.sub > a {}
	.navigation .menu ul li.sub .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 .rotate:before {opacity:0;}
	.navigation .menu ul li.sub .total_i_sub {display:none; visibility:visible; opacity:1; width:100%!important; position:static; border:none; padding:0 0 20px 0;}
	.navigation .menu ul li.sub .i_sub {padding:0; border:none;}
	.navigation .menu ul li.sub .i_sub span {width:100%; position:relative; padding:10px 0; text-indent:0; font-family:Montserrat-Light; font-size:12px;}
	.navigation .menu ul li.sub .i_sub span .arrow {right:0; transform:rotate(90deg);}
	.navigation .menu ul li.sub .i_sub span .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_sub span .rotate:before {opacity:0;}
	.navigation .menu ul li.sub .i_sub .i_sub_list {position:static; visibility:visible; opacity:1; display:none; padding:0; width:100%!important;}
	.navigation .menu ul li.sub .i_sub .i_sub_list .cell {padding:10px 0;}
	.navigation .menu ul li.sub .i_sub .i_sub_list .cell .img {}
	.navigation .menu ul li.sub .i_sub .i_sub_list .cell .text {width:100%;}
	.navigation .menu ul li.sub .i_sub .i_sub_list .cell .text h4 {margin-bottom:5px; font-size:12px;}
	.navigation .menu ul li.sub .total_i_sub .left_gray_bg {display:none;}
		/* 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;}

    /* 解决方案 sol_sub */
    .navigation .menu ul li.sol_sub .i_sub .i_sub_list .cell {padding:0;}
    .navigation .menu ul li.sol_sub .i_sub .i_sub_list .cell a {padding:10px 0;}
    .navigation .menu ul li.sub .i_sub .btn_area {padding:20px 0 40px;}
    .navigation .menu ul li.sub .i_sub .btn_area a.btn {padding:10px 20px; font-size:12px; display:inline;}

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

	/**/
	.sc-res {padding-top:104px;}
	.sc-res .swiper-slide .it {}
	.sc-res .swiper-slide .it h1 {font-size:48px; margin-bottom:10px;}
	.sc-res .swiper-slide .it p {font-size:18px;}
	.sc-res .sbn {padding:0 50px;}
	.swiper-button-next, .swiper-button-prev {width:80px; height:60px; background-size:9px auto;}
    .swiper-button-prev:hover, .swiper-container-rtl .swiper-button-next:hover {background-size:11px auto;}
    .swiper-button-next:hover, .swiper-container-rtl .swiper-button-prev:hover {background-size:11px auto;}
	.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {height:18px;}

	/**/
	.intro {padding:100px 0;}
	.intro .text h2 {font-size:32px;}
	.intro .text p {font-size:16px; margin:30px auto 50px;}
	.intro .img a::before {width:50px; height:50px;}

	/**/
	.products_list {padding-bottom:100px;}
	.products_list h2 {font-size:32px;}
	.con_products_list li {width:50%;}
	.con_products_list li a .text h3 {font-size:16px;}

	/**/
	.long_fix {padding:100px 0; background-attachment:scroll;}
	.long_fix .text h2 {font-size:32px;}

	/**/
	.news {}
	.news h2 {font-size:32px;}
	.news .swiper-container {padding:80px 0 80px 50px;}
	.news .swiper-container .row {top:-96px;}
	.news .swiper-container .row .sbn .swiper-button-next, .news .swiper-container .row .sbn .swiper-button-prev {width:50px; height:50px; background-size:9px auto;}
	.news .swiper-container .row .sbn .swiper-button-next:hover, .news .swiper-container .row .sbn .swiper-button-prev:hover {background-size:11px auto;}
	.news .swiper-slide a .l span {font-size:14px;}
	.news .swiper-slide a .l h3 {font-size:18px; margin:20px 0 30px;}
	.news .swiper-slide a .l p {margin:0; font-size:14px;}
	.news .swiper-slide a .l i {width:50px; height:50px;}

	/**/
	.subscribe {}
	.subscribe .text h3 {font-size:18px;}
	.subscribe .text .subm {width:50%;}
	.subscribe .text .subm input {padding:15px 20px; font-size:16px;}
	.subscribe .text .subm button {font-size:14px;}
	.subscribe .box .r input[type="email"] {width:calc(100% - 150px);}
	.subscribe .box .r input[type="submit"] {width:150px;}

	/**/
	.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; cursor:pointer;}
	.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:20px; align-items:center;}
	.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 img {width:85px;}
	.copyright .t .r ul {width:60%; margin:0;}
	.copyright .t .r ul li a {width:40px; height:40px;}
	.copyright .t .r ul li .vcode {width:60px; height:60px; margin-left:-30px; bottom:50px;}
	.copyright .t h3 {font-size:14px; margin-bottom:20px;}
	.copyright .b {display:block; padding:30px 0; font-size:12px;border:none;}
	.copyright .b p {display:inline;}
	.copyright .b .pp {padding:0 0 0 5px;}

	a.r_top {visibility:hidden;}

	/**/
    .contact_form {padding:100px 0;}
    .contact_form .fb_l h2 {font-size:24px; margin-bottom:30px;}
    .contact_form .fb_r {padding-left:50px;}
    .contact_form .fb_r ul li input {font-size:14px;}
    .contact_form .fb_r ul li textarea {font-size:14px;}


	/*****************************************/
	/**************    about    **************/
	/*****************************************/
	.sel_about {}
		/**/
		.sel_about .banner {padding:250px 0 200px;}
		.sel_about .banner .text h3 {font-size:22px; margin-bottom:20px;}
		.sel_about .banner .text h2 {font-size:48px;}
		/**/
		.sel_about .environment {padding:100px 0;}
		.sel_about .environment .text h2 {font-size:32px; width:30%;}
		.sel_about .environment .text .t_r {width:70%;}
		.sel_about .environment .text .t_r p {font-size:16px;}
		.sel_about .environment .text .t_r ul {margin:30px -5px -5px;}
		.sel_about .environment .text .t_r ul li {padding:5px;}
		.sel_about .environment .text .t_r ul li .box {padding:40px 10px 40px 40px;}
		.sel_about .environment .text .t_r ul li .box span {width:60px; height:60px;}
		.sel_about .environment .text .t_r ul li .box h3 {}
		.sel_about .environment .text .t_r ul li .box h3 em {font-size:18px;}
		.sel_about .environment .text .t_r ul li .box p {font-size:12px;}
		.sel_about .environment .swiper-container {padding:80px 20px 0 50px;}
		.sel_about .environment .swiper-container .sbn {margin-top:30px;}
		.sel_about .environment .swiper-container .sbn .swiper-button-next, .sel_about .environment .swiper-container .sbn .swiper-button-prev {width:50px; height:50px; background-size:9px auto;}
		/**/
		.sel_about .core_values {padding:100px 0; background-attachment:scroll;}
		.sel_about .core_values h2 {font-size:32px;}
		.sel_about .core_values ul {margin:30px -30px -30px;}
		.sel_about .core_values ul li {width:50%; padding:30px;}
		.sel_about .core_values ul li::before,
		.sel_about .core_values ul li::after {display:none;}
		.sel_about .core_values ul li span {width:50px; height:50px;}
		.sel_about .core_values ul li h3 {font-size:22px;}
		.sel_about .core_values ul li p {font-size:12px; margin-top:10px;}
		/**/
		.sel_about .earth {padding:150px 0;}
		.sel_about .earth .text h2 {font-size:44px;}
		.sel_about .earth .text p {font-size:16px; margin-top:20px;}
		/**/
		.sel_about .time_line {padding:100px 0;}
		.sel_about .time_line .box .text h2 {font-size:44px;}
		.sel_about .time_line .swiper-container {margin-top:50px;}
		.sel_about .time_line .swiper-container .swiper-slide h2 {font-size:22px; margin-top:130px;}
		.sel_about .time_line .swiper-container .swiper-slide-active h2 {font-size:120px; margin-top:0;}
		.sel_about .time_line .swiper-container .swiper-button-prev, .sel_about .time_line .swiper-container .swiper-button-next {width:50px; height:50px; background-size:9px auto;}


	/*****************************************/
	/************    solutions    ************/
	/*****************************************/
	.sel_solutions {}
    	/**/
    	.solutions_list {margin:100px 0;}


	/*****************************************/
	/********    solutions_detail    *********/
	/*****************************************/
	.sel_solutions_detail {}
	    /**/
	    .sel_solutions_detail .banner .box .text h1 {font-size:32px;}
	    .sel_solutions_detail .article p {font-size:16px;}



	/*****************************************/
	/************    products    *************/
	/*****************************************/
	.sel_products {}
	    /**/
    	.sel_products .list .filter {display:none; position:fixed; z-index:4; left:0; top:0; width:100%; height:100%;}
    	.opera_filter .hide_filter {display:none;}
    	.opera_filter .show_filter {display:block;}
    	.sel_products .list .box.show .filter {display:block;}
    	.sel_products .list .filter:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000; opacity:0.2;}
    	.sel_products .list .filter ul {position:relative; width:40%; padding:100px 50px 50px; height:100%; background:#FFFFFF;}
    	.sel_products .list .filter ul > li h3 {font-size:16px;}
    	.sel_products .list .filter ul > li ol li label em {width:18px; height:18px;}
    	.sel_products .list .filter ul > li ol li label span {font-size:14px;}
    	.sel_products .list .products_list ul li {}
    	.sel_products .list .products_list {width:100%; padding:0;}
    	/**/
    	.sel_products .customers_praise {padding:100px 0;}
		.sel_products .customers_praise .swiper-container .swiper-slide .box h2 {font-size:32px;}
		.sel_products .customers_praise .swiper-container .swiper-slide .box p {margin:20px auto;}
		/**/
		.our_promise .text h2 {font-size:22px;}
		.our_promise .text p {font-size:16px; width:100%;}
		.our_promise .text ul {margin:40px auto 0;}
		.our_promise .text ul li {width:33.333333%; padding:20px 0;}
		.our_promise .text ul li i {width:80px; height:80px; margin-bottom:10px;}
		.our_promise .text ul li p {font-size:14px;}


	/*****************************************/
	/*********    products_detail    *********/
	/*****************************************/
	.sel_products_detail {}
	    /**/
	    .sel_products_detail .topic {padding:150px 0 100px;}
	    .sel_products_detail .topic .box .text {padding-left:50px;}
	    .sel_products_detail .topic .box .text h1 {font-size:32px; margin-bottom:20px;}
	    .sel_products_detail .topic .box .swiper-container .swiper-button-next,
    	.sel_products_detail .topic .box .swiper-container .swiper-button-prev {width:50px; height:50px; bottom:5px; background-size:9px auto;}
	    /**/
	    .sel_products_detail .summary {padding:150px 0;}
	    .sel_products_detail .summary .text h2 {font-size:32px; margin-bottom:20px;}
	    .sel_products_detail .summary .text p {font-size:16px;}
	    /**/
	    .sel_products_detail .article {padding:50px 0;}


	/*****************************************/
	/***************    news    **************/
	/*****************************************/
	.sel_news {}
    /**/


	/*****************************************/
	/***********    news_detail    ***********/
	/*****************************************/
	.sel_news_detail {}
	    /**/
	    .sel_news_detail .article {padding:200px 0 100px;}
	    .sel_news_detail .article .box {width:100%;}
	    .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;}
	    .sel_news_detail .news_list h2 {font-size:32px; margin-bottom:20px;}


	/*****************************************/
	/*************    contact    *************/
	/*****************************************/
	.sel_contact {}
		/**/
		.sel_contact .navigation {border:none;}
	    /**/
	    .sel_contact .citys {padding:200px 0 100px;}
	    .sel_contact .citys .title h1 {font-size:32px; margin-bottom:30px;}
	    .sel_contact .citys ul {margin:50px -20px 0;}
	    .sel_contact .citys ul li .text {padding:25px;}
	    .sel_contact .citys ul li .text h3 {font-size:18px; margin-bottom:20px;}
	    .sel_contact .citys ul li .text dl {font-size:12px;}


	/****************************************/
	/*************    search    *************/
	/****************************************/
	.sel_search {}
		/**/
		.search_form {padding:184px 0 80px 0;}
		.search_form .sf input {padding:15px;}
		.search_form .sf button {width:60px;}


	/*****************************************/
	/*************    support    *************/
	/*****************************************/
	.support_box {}
	.support_box .topic {}
	.support_box .col {margin-top:50px;}
	.support_box .col h2 {font-size:22px;}
	.support_box .col > p {font-size:14px;}
	.support_box .col .tc-item {}
	.support_box .col .tc-item h3 {font-size:14px;}
	.support_box .col .tc-item a.map {margin:50px auto 20px;}
	.support_box .citys {width:924px;}


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


}










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

	.sel_products .list {margin:50px 0;}
	.sel_products .list .box {flex-wrap:wrap;}
	.sel_products .list .filter {width:100%;}
	.sel_products .list .products_list {width:100%; padding:0;}

	.con_solutions_list li {width:50%;}
	.con_solutions_list li a .text h3 {font-size:16px;}

	.con_news_list li {width:50%;}
	.con_news_list li a .text h3 {font-size:16px;}
}










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

	.row {padding:0 20px;}
	.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;}
	.sc-res {padding-top:104px;}
	.sc-res .swiper-slide {padding:200px 0;}
	.sc-res .swiper-slide .it h1 {font-size:26px;}
	.sc-res .swiper-slide .it p {font-size:14px; line-height:1.2;}
	.sc-res .swiper-slide .text a.btn {margin-top:40px;}
	.sc-res .sbn {padding:0 20px; display:none;}
	a.btn {margin-top:30px; padding:10px 20px; font-size:12px;}
	a.btn_arrow::before {display:none;}

	.tab .box {width:420px;}
	.tab .box a {font-size:14px; margin:0; padding:30px 10px;}

	.sel_products_detail .tab .box {width:520px;}

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

    table {width:500px; font-size:12px;}
    table tbody td {padding:10px 30px;}

	.intro {padding:50px 0;}
	.intro .box {flex-wrap:wrap; flex-direction:column-reverse;}
	.intro .img {width:100%;}
	.intro .text {width:100%; margin-bottom:40px; padding:0;}
	.intro .text h2 {font-size:22px;}
	.intro .text p {font-size:14px; margin:20px auto 0px;}

	.con_solutions_list li {padding:10px 20px; width:100%;}
	.con_solutions_list li a {}
	.con_solutions_list li a .cover {}
	.con_solutions_list li a .text {padding:20px;}
	.con_solutions_list li a .text h3 {font-size:14px;}
	.con_solutions_list li a .text p {font-size:12px; line-height:1.4;}

	.products_list {padding-bottom:50px;}
	.products_list h2 {font-size:22px; margin-bottom:20px;}
	.con_products_list {margin:0 -10px 0;}
	.con_products_list li {width:100%; padding:10px;}
	.con_products_list li a {padding:40px 20px;}
	.con_products_list li a .text {margin-top:20px;}
	.con_products_list li a .text h3 {font-size:14px;}

	.con_news_list li {width:100%; padding:10px 20px;}
	.con_news_list li a .text h3 {font-size:14px;}
	.con_news_list li a .text p {font-size:12px;}

	.con_temp_banner {padding:154px 0 50px;}
	.con_temp_banner .text {}
	.con_temp_banner .text p {width:100%;}
	.con_temp_banner .text h1 {font-size:22px; margin-bottom:10px;}

	.long_fix {padding:100px 0 80px;}
	.long_fix .text {display:block; text-align:center;}
	.long_fix .text h2 {font-size:22px;}

	.news {padding:50px 0 0;}
	.news h2 {font-size:22px; padding-bottom:30px; border:none;}
	.news .swiper-container {padding:0 20px 0;}
	.news .swiper-container .row {top:-65px;}
	.news .swiper-container .row .sbn .swiper-button-next, .news .swiper-container .row .sbn .swiper-button-prev {width:40px; height:40px;}
	.news .swiper-slide a {flex-direction:column-reverse;}
	.news .swiper-slide a .l {width:100%; padding:0;}
	.news .swiper-slide a .l h3 {margin:15px 0 20px;}
	.news .swiper-slide a .l i {display:none; width:40px; height:40px;}
	.news .swiper-slide a .r {width:100%; margin-bottom:20px;}

	.subscribe {padding:50px 0;}
	.subscribe .box {display:block;}
	.subscribe .box .l {width:100%; padding:0;}
	.subscribe .box h3 {padding:0; font-size:14px; margin-bottom:20px;}
	.subscribe .box .r {width:100%;}
	.subscribe .box .r input[type="email"] {font-size:14px; width:calc(100% - 120px); padding:10px 20px;}
	.subscribe .box .r input[type="submit"] {font-size:12px; width:120px; padding:10px 20px;}
	.subscribe .r .s_tip {top:50px;}

	/**/
	.contact_form {padding:50px 0 0;}
	.contact_form .fb_l {width:100%; margin-bottom:30px;}
	.contact_form .fb_l h2 {margin-bottom:20px;}
	.contact_form .fb_r {width:100%; padding:0;}
	.contact_form .fb_r ul {margin:-10px;}
	.contact_form .fb_r ul li {padding:10px;}
	.contact_form .fb_r ul li input {padding:15px 20px; font-size:12px;}
	.contact_form .fb_r ul li textarea {padding:15px 20px; height:150px; font-size:12px;}
	.contact_form .fb_r a.btn {margin-top:20px;}
	.alert .i_a {width:300px;}

	.searchview .results span {font-size:14px;}
	.searchview .results ul li a {font-size:14px;}

	/*****************************************/
	/**************    about    **************/
	/*****************************************/
	.sel_about {}
		/**/
		.sel_about .banner {padding:240px 0 150px;}
		.sel_about .banner .text h3 {font-size:14px;}
		.sel_about .banner .text h2 {font-size:22px;}
		/**/
		.sel_about .environment {padding:50px 0;}
		.sel_about .environment .text {}
		.sel_about .environment .text h2 {width:100%; margin-bottom:20px; font-size:22px;}
		.sel_about .environment .text .t_r {width:100%;}
		.sel_about .environment .text .t_r p {font-size:14px;}
		.sel_about .environment .text .t_r ul {margin-top:20px;}
		.sel_about .environment .text .t_r ul li .box {padding:40px 20px;}
		.sel_about .environment .text .t_r ul li .box span {width:32px; height:32px; margin-bottom:10px;}
		.sel_about .environment .text .t_r ul li .box h3 {font-size:22px;}
		.sel_about .environment .text .t_r ul li .box p {height:45px;}
		.sel_about .environment .swiper-container {padding:30px 20px 0 20px;}
		.sel_about .environment .swiper-container .swiper-slide {}
		.sel_about .environment .swiper-container .sbn .swiper-button-next, .sel_about .environment .swiper-container .sbn .swiper-button-prev {width:40px; height:40px;}
		/**/
		.sel_about .core_values {padding:80px 0 60px;}
		.sel_about .core_values h2 {font-size:22px;}
		.sel_about .core_values ul {margin:20px -20px 0;}
		.sel_about .core_values ul li {padding:20px;}
		.sel_about .core_values ul li span {margin-bottom:20px;}
		.sel_about .core_values ul li h3 {font-size:14px;}
		/**/
		.sel_about .earth {padding:100px 0;}
		.sel_about .earth .text {width:100%;}
		.sel_about .earth .text h2 {font-size:22px;}
		.sel_about .earth .text p {font-size:14px;}
		.sel_about .earth .box::before {left:0; width:320px; height:320px;}
		/**/
		.sel_about .time_line {padding:100px 0 0;}
		.sel_about .time_line .box .text h2 {font-size:22px;}
		.sel_about .time_line .swiper-container {margin-top:30px; padding-bottom:150px;}
		.sel_about .time_line .swiper-container .swiper-slide-active h2 {font-size:44px; margin-bottom:10px;}
		.sel_about .time_line .swiper-container .swiper-slide-active p {font-size:14px; padding:0 40px;}
		.sel_about .time_line .swiper-container .swiper-button-prev {left:calc(50% - 80px); top:auto; bottom:80px;}
		.sel_about .time_line .swiper-container .swiper-button-next {right:calc(50% - 80px); top:auto; bottom:80px;}


	/*****************************************/
	/************    solutions    ************/
	/*****************************************/
	.sel_solutions {}
    	/**/
    	.solutions_list {margin:10px 0;}


	/*****************************************/
	/********    solutions_detail    *********/
	/*****************************************/
	.sel_solutions_detail {}
	    /**/
	    .sel_solutions_detail .banner {padding:124px 0 50px;}
	    .sel_solutions_detail .banner::before {background-image:linear-gradient(to right, rgba(91,193,206,1) 0 , rgba(91,193,206,0.9) 100%);}
	    .sel_solutions_detail .banner .box {flex-wrap:wrap; flex-direction:column-reverse;}
	    .sel_solutions_detail .banner .box .text {width:100%; margin:40px auto 0; padding:0;}
	    .sel_solutions_detail .banner .box img {width:100%;}
	    .sel_solutions_detail .banner .box .text h1 {font-size:22px; margin-bottom:10px;}
	    .sel_solutions_detail .banner .box .text p {font-size:14px;}
	    .sel_solutions_detail .article p {font-size:16px;}
	    /**/
	    .sel_solutions_detail .article {padding:50px 0; font-size:14px;}
	    .sel_solutions_detail .article p {font-size:14px;}


	/*****************************************/
	/************    products    *************/
	/*****************************************/
	.sel_products {}
		/**/
		.sel_products .list {margin:30px 0;}
		.sel_products .list .filter {margin-bottom:40px;}
		.sel_products .list .filter ul {width:90%; padding:50px 20px 20px;}
		.sel_products .list .filter ul > li {margin:0 0 20px 0;}
		.sel_products .list .filter ul > li h3 {font-size:14px;}
		.sel_products .list .filter ul > li ol {margin-top:10px;}
		.sel_products .list .products_list ul li {width:100%;}
		/**/
		.sel_products .customers_praise {padding:50px 0;}
		.sel_products .customers_praise .swiper-container .swiper-slide .box img {width:100px; height:100px;}
		.sel_products .customers_praise .swiper-container .swiper-slide .box h2 {font-size:22px;}
		.sel_products .customers_praise .swiper-container .swiper-slide .box p {font-size:12px;}
		/**/
		.our_promise {padding:50px 0;}
		.our_promise .text p {font-size:14px;}
		.our_promise .text ul li {width:50%;}
		.our_promise .text ul li i {width:60px; height:60px;}
		.our_promise .text ul li p {font-size:12px;}


	/*****************************************/
	/*********    products_detail    *********/
	/*****************************************/
	.sel_products_detail {}
	    /**/
	    .sel_products_detail .topic {padding:120px 0 50px;}
	    .sel_products_detail .topic .box {flex-wrap:wrap;}
	    .sel_products_detail .topic .box .swiper-container {width:100%;}
	    .sel_products_detail .topic .box .text {width:100%; padding:0;}
	    .sel_products_detail .topic .box .text h1 {font-size:22px; margin-bottom:10px;}
	    .sel_products_detail .topic .box .text p {font-size:14px;}
	    .sel_products_detail .topic .box .swiper-container .swiper-button-next,
    	.sel_products_detail .topic .box .swiper-container .swiper-button-prev {width:40px; height:40px; bottom:35px;}
    	.sel_products_detail .topic .box .swiper-container > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:50px;}
	    /**/
	    .sel_products_detail .summary {padding:100px 0;}
	    .sel_products_detail .summary .text {width:100%;}
	    .sel_products_detail .summary .text h2 {font-size:22px; margin-bottom:10px;}
	    .sel_products_detail .summary .text p {font-size:14px;}
	    /**/
	    .sel_products_detail .article .table {margin-bottom:20px;}
	    .sel_products_detail .article {font-size:14px;}


	/*****************************************/
	/***************    news    **************/
	/*****************************************/
	.sel_news {}
    	/**/
    	.sel_news .pages {margin-bottom:50px;}


	/*****************************************/
	/***********    news_detail    ***********/
	/*****************************************/
	.sel_news_detail {}
	    /**/
	    .sel_news_detail .article {padding:150px 0 50px; font-size:14px;}
	    .sel_news_detail .article .title {margin-bottom:30px;}
	    .sel_news_detail .article .title h1 {font-size:22px;}
	    .sel_news_detail .article p {font-size:14px;}
	    /**/
	    .sel_news_detail .news_list {padding:50px 0;}
	    .sel_news_detail .news_list h2 {font-size:22px;}


	/*****************************************/
	/*************    contact    *************/
	/*****************************************/
	.sel_contact {}
	    /**/
	    .sel_contact .citys {padding:150px 0 50px;}
	    .sel_contact .citys::before {height:100%; background:#F8F8F8;}
	    .sel_contact .citys .title {width:100%;}
	    .sel_contact .citys .title h1 {font-size:22px; margin-bottom:20px;}
	    .sel_contact .citys .title p {font-size:14px;}
	    .sel_contact .citys ul {margin:0 -20px 0;}
	    .sel_contact .citys ul li {width:100%; padding:10px 20px;}
	    .sel_contact .citys ul li .text h3 {font-size:18px;}


	/****************************************/
	/*************    search    *************/
	/****************************************/
	.sel_search {}
		/**/
		.search_form {padding:144px 0 40px 0;}
		.search_form .sf {width:100%;}
		.search_form .sf input {padding:10px 20px;}
		.search_form .sf button {width:60px;}


	/*****************************************/
	/*************    support    *************/
	/*****************************************/
	.support_box {}
	.support_box .topic {}
	.support_box .col {margin-top:30px;}
	.support_box .col h2 {font-size:18px;}
	.support_box .col > p {font-size:12px;}
	.support_box .col .tc-item {margin-top:20px;}
	.support_box .col .tc-item h3 {font-size:12px; margin-bottom:10px;}
	.support_box .col .tc-item table img {width:48px; height:48px;}
	.support_box .col .tc-item a.map {margin:20px auto;}


	/*****************************************/
	/***********    sel_privacy    ***********/
	/*****************************************/
	.sel_privacy article {padding:150px 20px 50px;}
	.sel_privacy article section {font-size:12px;}
	

}










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

}










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

}










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

}










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

}