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

	.navigation {height:64px; position:fixed; z-index:999; overflow:visible;}
	.navigation .row {padding:0;}
	.navigation .inner_navigation {padding:0; border:none;}
	.navigation .logo { float:right; margin:8px 20px 0 0; width:100px; background:rgba(0, 0, 0, 0) url("../../external.html?link=http://www.techshine.com.cn/statics/css/images/logo.svg") no-repeat left center / 100% auto;}
	/* 导航切换样式 */
	.sticky-nav {}
	.sticky-nav .logo {}
	.sticky-nav li a {}
	/*侧栏*/
	.navigation .nav_more { display:block; position:relative; width:64px; height:64px; border:none; outline:none; cursor:pointer; background:none;}
	.navigation .nav_more::after {width:24px; height:1px; right:21px; top:36px; background:#333333; content:""; position:absolute; -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); /*@include transform-origin(100%,100%);*/}
	.navigation .nav_more::before {width:24px; height:1px; right:21px; top:27px; background:#333333; content:""; position:absolute; -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); /*@include transform-origin(0%,0%);*/}
	.navigation .nav_more[data-animation="nav_more_hit"]:before, .navigation .nav_more[data-animation="nav_more_hit"]:after {-moz-transition:ease-out 300ms; -o-transition:ease-out 300ms; -webkit-transition:ease-out 300ms; transition:ease-out 300ms;}
	.navigation .nav_more:hover::before , .navigation .nav_more:hover::after {opacity:0.9;}
	.navigation .nav_more_hit {}
	.navigation .nav_more_hit:before { top:32px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
	.navigation .nav_more_hit:after { top:32px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
	.navigation .nav_more_off::before , .navigation .nav_more_off::after {background:#000000;}
	/*菜单*/
	.menu {display:none; width:100%; background:rgba(0,0,0,0.02); position:fixed; left:0; top:0; padding-top:64px; z-index:999999; overflow:scroll;}
	.menu ul {}
	.menu li {width:100%; float:none; overflow:hidden;}
	.menu li .arrow { position:absolute; top:16px; right:40px; margin:0; font-size:18px;}
	.menu li:hover {background:rgba(44,68,140,1);}
	.menu li:hover a { color:#ffffff;}
	.menu li:hover a .arrow {color:rgba(255,255,255,0.5);}
	.menu li a {margin:0; padding:0; width:100%; height:50px; text-indent:40px; line-height:50px; text-align:left; color:#666666; height:auto; font-size:13px; border:none;}
    .menu li a.sub_a:visited {color:#ffffff;}
	.menu li a::after {display:none;}
	/* 多级菜单 */
	.menu li:hover .nav_submenu { display:none;}
	.menu .nav_submenu { display:none; width:100%; position:static;}
	.menu .nav_submenu li {float:none; width:auto; background:#f2f2f2;}
	.menu .nav_submenu li:hover {background:rgba(44,68,140,1);}
	.menu .nav_submenu li:hover a {color:#ffffff;}
	.menu .nav_submenu li a { color:#666666; border:none; font-weight:normal;}

	.pad-normal {}
	.page-title {margin-bottom:20px;}
	.page-title h3 {font-size:22px;}
	.page-title p {font-size:14px;}
	.inner_section {background-size:400px auto;}
	a.more { width:100px; height:36px; line-height:36px; font-size:12px;}
	a.more i {top:4px; font-size:18px;}

	/**/
	.carousel {margin-top:64px;}
	.carousel .carousel-cell {height:300px;}
	.flickity-prev-next-button {display:none;}
	.carousel .carousel-cell .text h1 {font-size:32px;}
	.carousel .carousel-cell .text p {font-size:14px;}

	/**/
	.products {padding:30px 0;}
	.c4box {}
	.c4box .c4box-l {}
	.c4box .c4box-l .c4box-l-l {height:280px;}
	.c4box .c4box-l .c4box-l-l a {}
	.c4box .c4box-l .c4box-l-l a h6 {}
	.c4box .c4box-l .c4box-l-l a img {}
	.c4box .c4box-l .c4box-l-r {}
	.c4box .c4box-l .c4box-l-r ul {}
	.c4box .c4box-l .c4box-l-r ul li {}
	.c4box .c4box-l .c4box-l-r ul li a {height:140px;}
	.c4box .c4box-l .c4box-l-r ul li a img {}
	.c4box .c4box-l .c4box-l-r ul li a h6 {}
	.c4box .c4box-r {height:280px;}
	.c4box-b {}
	.c4box-b ul {}
	.c4box-b ul li {}
	.c4box-b ul li a {height:140px;}
	.c4box-b ul li a img {}
	.c4box-b ul li a h6 {}

	/**/
	.divider {background-attachment:scroll;}
	.pad-large {padding-top:50px; padding-bottom:50px;}
	.divider .fl {}
	.divider .fr {}
	.divider .fl p {font-size:22px;}
	.divider .fr a {}

	/**/
	.scene {padding:20px 0;}
	.scene .fr .list ul li {}
	.scene .fr .list ul li a {}
	.scene .fr .list ul li a .iconfont {font-size:24px; width:24px; height:24px;}
	.scene .fr .list ul li a .vline {height:0;}
	.scene .fr .list ul li a .text h2 {font-size:16px;}
		/**/
	    .scene .fr .list ul li a:hover {}
	    .scene .fr .list ul li a:hover .iconfont { margin-top:20px; font-size:28px; width:28px; height:28px;}
	    .scene .fr .list ul li a:hover .vline { height:0; background:rgba(255,255,255,0.5);}
	    .scene .fr .list ul li a:hover .text h2 {color:rgba(255,255,255,1);}
	    .scene .fr .list ul li a:hover .text span {color:rgba(255,255,255,0); height:0;}
	    /**/
	    .scene .fr .list ul li a.sel .iconfont {font-size:28px;}
	    .scene .fr .list ul li a.sel .vline {height:0;}

	/**/
	#aptitude {padding:60px 0; background-attachment:scroll;}
	#aptitude .fl {}
	#aptitude h3 {font-size:22px;}
	#aptitude .intro {font-size:12px; margin-bottom:40px;}
	#aptitude .logo-white {}
	#aptitude .logo-white img {}
	#aptitude .fr {}
	#aptitude .container {}
	#aptitude .li {}
	#aptitude .li .inner_li {padding:20px;}
	#aptitude .li .inner_li .icon {width:50px; margin:20px auto;}
	#aptitude .li .inner_li .icon img {}
	#aptitude .li .inner_li .info {}
	#aptitude .li .inner_li h5 {font-size:30px;}
	#aptitude .li .inner_li span {}

	/**/
	.news {padding:30px 0;}
	.news .fl {}
	.news .fl a {}
	.news .fl a img {}
	.news .fr {}
	.news_list {}
	.news_list ul {}
	.news_list ul li {}
	.news_list ul li a {}
	.news_list ul li a .fl {}
	.news_list ul li a .fl img {}
	.news_list ul li a .fr {}
	.news_list ul li a .fr .text {}
	.news_list ul li a .fr h2 {font-size:12px;}
	.news_list ul li a .fr span {}
	.news_list ul li a .fr p {height:50px; padding-top:10px; overflow:hidden;}

	/**/
	.copyright .fr .fr ul li {width:40%;}



	/****************************************/
	/**************    内页    **************/
	/***************************************/

	.temp_banner {height:200px;}

	.temp_main .sidebar {width:20%;}
	.temp_main .temp_content {width:76%;}

	/***** 走进天山 *****/
	#honor {}

	/***** 新闻动态 *****/
	#news .news_list {}
	#news .news_list ul {}
	#news .news_list ul li {}
	#news .news_list ul li a {}
	#news .news_list ul li a .fl {}
	#news .news_list ul li a .fl img {}
	#news .news_list ul li a .fr {}
	#news .news_list ul li a .fr .text {}
	#news .news_list ul li a .fr h2 {}
	#news .news_list ul li a .fr span {}
	#news .news_list ul li a .fr p {}

	/***** 新闻动态_详情 *****/
	.news_detail_box {}
	.news_detail_box .title {}
	.news_detail_box .title h1 {}
	.news_detail_box .title p {}
	.news_detail_box .title span {}
	.news_detail_box .content {padding:0;}
	.news_detail_box .content p {}

	/***** 公司宣传片 *****/
	.videos ul li {}



}




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

	.carousel {}
	.carousel .carousel-cell {height:300px;}
	.flickity-prev-next-button {display:none;}
	.carousel .carousel-cell .text h1 {font-size:32px;}
	.carousel .carousel-cell .text p {font-size:14px;}

	.page-title h3 {font-size:18px;}
	.page-title p {font-size:12px;}

	/**/
	.products {}
	.c4box {}
	.c4box .c4box-l {}
	.c4box .c4box-l .c4box-l-l {height:240px;}
	.c4box .c4box-l .c4box-l-l a {}
	.c4box .c4box-l .c4box-l-l a h6 {font-size:18px;}
	.c4box .c4box-l .c4box-l-l a img {width:40%;}
	.c4box .c4box-l .c4box-l-r {}
	.c4box .c4box-l .c4box-l-r ul {}
	.c4box .c4box-l .c4box-l-r ul li {}
	.c4box .c4box-l .c4box-l-r ul li a {height:120px; padding:0 30%;}
	.c4box .c4box-l .c4box-l-r ul li a img {}
	.c4box .c4box-l .c4box-l-r ul li a h6 {}
	.c4box .c4box-r {height:240px;}
	.c4box-b {}
	.c4box-b ul {}
	.c4box-b ul li {}
	.c4box-b ul li a {height:120px; padding:0; border-right:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;}
	.c4box-b ul li a img { margin:auto; width:50%;}
	.c4box-b ul li a h6 {}

	/**/
	.divider {}
	.pad-large {padding-top:30px; padding-bottom:30px;}
	.divider .fl {}
	.divider .fr {}
	.divider .fl p {font-size:18px;}
	.divider .fr a {}

	/**/
	.scene {}
	.scene .fr .list ul li a .iconfont {font-size:22px; margin:0 auto 0;}
	.scene .fr .list ul li a .vline {height:0;}
	.scene .fr .list ul li a .text h2 {font-size:14px;}
	.scene .fr .list ul li a .text span {display:none;}
		/**/
	    .scene .fr .list ul li a:hover {}
	    .scene .fr .list ul li a:hover .iconfont { margin-top:0; font-size:28px;}
	    .scene .fr .list ul li a:hover .vline { height:0; background:rgba(255,255,255,0.5);}
	    .scene .fr .list ul li a:hover .text h2 {color:rgba(255,255,255,1);}
	    .scene .fr .list ul li a:hover .text span {color:rgba(255,255,255,0); height:0;}

	/**/
	#aptitude {}
	#aptitude .fl {}
	#aptitude h3 {font-size:18px; margin:0 auto 20px;}
	#aptitude .intro {font-size:12px; margin-bottom:0;}
	#aptitude .logo-white {display:none;}
	#aptitude .logo-white img {}
	#aptitude .fr {}
	#aptitude .container {}
	#aptitude .li {}
	#aptitude .li .inner_li {padding:20px;}
	#aptitude .li .inner_li .icon {width:40px; margin:20px auto;}
	#aptitude .li .inner_li .icon img {}
	#aptitude .li .inner_li .info {}
	#aptitude .li .inner_li h5 {font-size:24px; margin-bottom:20px;}
	#aptitude .li .inner_li span {font-size:12px;}

	/**/
	.news {padding:30px 0 20px;}
	.news .page-title {margin-bottom:10px;}
	.news .page-title h3 {font-size:16px;}
	.news .page-title a {top:-5px; font-size:12px;}
	.news .fl {}
	.news .fl a {}
	.news .fl a span {width:40px; height:30px; line-height:30px; left:20px; bottom:20px;}
	.news .fl a img {}
	.news .fr {}
	.news_list {}
	.news_list ul {}
	.news_list ul li {}
	.news_list ul li a {}
	.news_list ul li a .fl {}
	.news_list ul li a .fl img {}
	.news_list ul li a .fr {}
	.news_list ul li a .fr .text {}
	.news_list ul li a .fr h2 {font-size:14px;}
	.news_list ul li a .fr span {}
	.news_list ul li a .fr .move_line {margin:8px 0;}
	.news_list ul li a .fr p {height:40px; padding-top:0; border:none; overflow:hidden;}

	/**/
	.clients {padding-bottom:40px;}
	.clients .carousel {margin:0;}

	/**/
	.copyright {}
	.copyright .fr .fr p {font-size:16px;}
	.copyright .fr .fr ul li {width:50%;}



	/****************************************/
	/**************    内页    **************/
	/***************************************/
	.temp_banner {height:200px;}

	.temp_main {padding:20px 0;}
	.temp_main .sidebar {float:none; width:100%; display:none;}
	.temp_main .temp_content {float:none; width:100%;}


	/***** 走进天山 *****/
	#honor {}
	#honor .honor ul li {width:25%;}
	#clients .clients ul li {width:25%;}

	/***** 新闻动态 *****/
	#news .news_list {}
	#news .news_list ul {}
	#news .news_list ul li {}
	#news .news_list ul li a {}
	#news .news_list ul li a .fl {}
	#news .news_list ul li a .fl img {}
	#news .news_list ul li a .fr {}
	#news .news_list ul li a .fr .text {}
	#news .news_list ul li a .fr h2 {}
	#news .news_list ul li a .fr span {}
	#news .news_list ul li a .fr p {}

	/***** 新闻动态_详情 *****/
	.news_detail_box {}
	.news_detail_box .title {}
	.news_detail_box .title h1 {}
	.news_detail_box .title p {}
	.news_detail_box .title span {}
	.news_detail_box .content {padding:0;}
	.news_detail_box .content p {}

	/***** 公司宣传片 *****/
	.videos ul li {}

	/***** 联系我们 *****/
	.contact_box .fl {width:100%; margin:20px 0;}
	.contact_box ul li { float:none; width:100%;}


}




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

	.page-title a {top:-4px;}

	.carousel {}
	.carousel .carousel-cell {height:200px;}
	.flickity-prev-next-button {display:none;}
	.carousel .carousel-cell .text h1 {font-size:24px;}
	.carousel .carousel-cell .text p {font-size:14px;}

	/**/
	.divider {}
	.pad-large {padding-top:30px; padding-bottom:30px;}
	.divider .fl {}
	.divider .fr {}
	.divider .fl p {font-size:18px;}
	.divider .fr a {}

	/**/
	.scene .fr .list ul li {padding:0 0 10px 10px;}

	/**/
	#aptitude .container {margin-right:10px;}
	#aptitude .li {padding-right:10px;}

	/**/
	.news .fl a span {left:20px; bottom:20px;}
	.news .fr {padding-left:10px;}
	.news_list ul li {margin:0 0 10px;}
	.news_list ul li a .fr .text {margin-left:10px;}
	.news_list ul li a .fr .move_line {display:none;}
	.news_list ul li a .fr p {margin-top:6px;}


	/**/
	.copyright {padding:30px 0 30px;}
	.copyright .inner-copyright {padding:0; background-position:top center; background-size:100%;}
	.copyright .fl {width:100%; margin-bottom:30px;}
	.copyright .fl p {}
	.copyright .fl .subsidiary {margin:30px 10px 0 0;}
	.copyright .fl .socials {}
	.copyright .fr {width:100%;}
	.copyright .fr .fl {width:50%; margin:0;}
	.copyright .fr .fr {width:50%;}
	.copyright .fr .fl .cate {}
	.copyright .fr .fl .cate h4 {}
	.copyright .fr .fl ul {}
	.copyright .fr .fl ul li {float:none; margin:0 0 10px 0;}
	.copyright .fr .fl ul li a {}
	.copyright .fr .fr {}
	.copyright .fr .fr h4 {}
	.copyright .fr .fr p {}
	.copyright .fr .fr ul {}
	.copyright .fr .fr ul li { width:20%;}
	.copyright .fr .fr ul li img {}
	.copyright .beian {margin-top:20px;}

	/****************************************/
	/**************    内页    **************/
	/***************************************/

	#about .development_history .timeline , #about .honor {float:none; width:100%;}

	.temp_main .temp_content .inner_temp_content {margin:0;}

	/***** 走进天山 *****/
	#honor {}
	#honor .honor ul li {width:25%;}
	#clients .clients ul li {width:25%;}

	/***** 新闻动态 *****/
	#news .news_list {}
	#news .news_list ul {}
	#news .news_list ul li {}
	#news .news_list ul li a {}
	#news .news_list ul li a .fl {}
	#news .news_list ul li a .fl img {}
	#news .news_list ul li a .fr {}
	#news .news_list ul li a .fr .text {}
	#news .news_list ul li a .fr h2 {}
	#news .news_list ul li a .fr span {}
	#news .news_list ul li a .fr p {}

	/***** 新闻动态_详情 *****/
	.news_detail_box {}
	.news_detail_box .title {}
	.news_detail_box .title h1 {}
	.news_detail_box .title p {}
	.news_detail_box .title span {}
	.news_detail_box .content {padding:0;}
	.news_detail_box .content p {}

	/***** 公司宣传片 *****/
	.videos ul li {}

}




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

	.carousel .carousel-cell .text h1 {margin-bottom:10px;}

	.c4box .c4box-l {width:100%;}
	.c4box .c4box-r {width:100%; height:200px;}
	.c4box-b ul li {width:50%;}

	.divider .fl , .divider .fr {float:none;}
	.divider .fr a {margin:20px auto 0;}
	.divider .fl p {text-align:center;}

	.scene {padding:0 0 20px;}
	.scene .fl , .scene .fr { width:100%; overflow:hidden;}
	.scene .fr .list ul li {padding:0;}
	.scene .fr {margin-bottom:10px;}

	#aptitude {padding:30px 0;}
	#aptitude h3 {margin:0 20px 10px 0;}
	#aptitude .intro {margin-right:20px;}
	#aptitude .fl , #aptitude .fr {width:100%; float:none;}
	#aptitude .container {margin-top:20px;}
	#aptitude .li .inner_li {padding:10px;}

	.news {}
	.news .fl , .news .fr {width:100%; float:none;}
	.news .fr { margin-top:30px; padding:0;}
	.news_list ul li {margin-bottom:20px;}
	.news_list ul li a .fl {float:left; width:35%;}
	.news_list ul li a .fr {float:left; width:65%; margin:0;}
	.news_list ul li a .fr p {margin:0;}
	.news_list ul li a .fr h2 {line-height:1;}

	.clients {}
	.clients .carousel .carousel-cell {width:33.333333%;}

	/**/
	.copyright .fr .fr ul li {width:40%;}


	/***** 走进天山 *****/
	#honor {}
	#honor .honor ul li {width:25%;}
	#clients .clients ul li {width:25%;}

	/***** 新闻动态 *****/
	#news .news_list {}
	#news .news_list ul {}
	#news .news_list ul li {}
	#news .news_list ul li a {}
	#news .news_list ul li a .fl {}
	#news .news_list ul li a .fl img {}
	#news .news_list ul li a .fr {}
	#news .news_list ul li a .fr .text {}
	#news .news_list ul li a .fr h2 {}
	#news .news_list ul li a .fr span {}
	#news .news_list ul li a .fr p {}

	/***** 新闻动态_详情 *****/
	.news_detail_box {}
	.news_detail_box .title {}
	.news_detail_box .title h1 {}
	.news_detail_box .title p {}
	.news_detail_box .title span {}
	.news_detail_box .content {padding:0;}
	.news_detail_box .content p {}

	/***** 公司宣传片 *****/
	.videos ul li {}

}




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

	#about .development_history .timeline {margin-bottom:40px;}
	#about .honor ul {}
	#about .honor ul li {}
	#about .honor ul li .inner {padding:10px;}
	.videos ul li .inner a .play {width:30px; height:24px; line-height:24px; font-size:12px; bottom:10px; left:10px;}

	.copyright .fr .fl {width:40%;}
	.copyright .fr .fr {width:60%;}
	.copyright .fr .fr ul li {width:30%;}

	/***** 走进天山 *****/
	#honor {}
	#honor .honor ul li {width:25%;}
	#clients .clients ul li {width:25%;}

	/***** 新闻动态 *****/
	#news .news_list {}
	#news .news_list ul {}
	#news .news_list ul li {}
	#news .news_list ul li a {}
	#news .news_list ul li a .fl {}
	#news .news_list ul li a .fl img {}
	#news .news_list ul li a .fr {}
	#news .news_list ul li a .fr .text {}
	#news .news_list ul li a .fr h2 {}
	#news .news_list ul li a .fr span {}
	#news .news_list ul li a .fr p {}

	/***** 新闻动态_详情 *****/
	.news_detail_box {}
	.news_detail_box .title {}
	.news_detail_box .title h1 {}
	.news_detail_box .title p {}
	.news_detail_box .title span {}
	.news_detail_box .content {padding:0;}
	.news_detail_box .content p {}

	/***** 公司宣传片 *****/
	.videos ul li {width:100%;}
}