﻿@media (max-width: 1201px){
	.main .page3 .box br{
		display: none;
	}
	.main .page3 .box .more, .main .page5 .box .more{
	    width: 200px;
	    height: 30px;
	    line-height: 30px;
	    padding-left: 38px;
	    font-size: 13px;
	}
	.main .page4 .box{
		width: 970px;
	}
	.main .page6 ul{
		width: 970px;
	}
	.main .page6 li:nth-child(3n) .text{
		bottom: 4vw;
	}
	.w1540{
		width: 970px;
	}
	#solution ul{
	}
	#solution ul li{
	}
	#solution ul li .tbox{
    	padding: 20px 30px;
	}
	#solution .morebtn{
    	margin: 64px auto 80px;
	}
	#solution .tit{
		width: 600px;
	}
	.codebox1 .wrap1 .con{
		font-size: 20px;
	}
	.codebox1 .top .imgs{
		width: 100%;
	}
	.codebox1 .top{
    	margin-top: 140px;
	}
	.codebox1 .top .lang{
		color: #fff;
	}
	.codebox1 .top .lang span{
		color: #fff;
	}
	.codebox1 .pagnum{
		color: #fff;
	}
	.codebox1 a{
		border: 1px solid #fff;
	}
	.codebox1 .pagnum .fz{
		color: #fff;
	}
	.codebox1 a.prev{
		background-image: url('../images/22.png');
	}
	.codebox1 a.next{
		background-image: url('../images/23.png');
	}
	.codebox1 .wrap2 .line{
	    margin-bottom: 20px;
	    margin-top: 44px;
	}
	.codebox1 .wrap2{
		padding-bottom: 24px;
	}
	#service .faqbox li{
    	padding: 20px 30px;
	    width: 233px;
    	height: 373px;
    	margin-right: 12px;
    	margin-bottom: 12px;
	}
	#service .faqbox li .h3{
    	font-size: 16px;
	}
	#service .faqbox li .more{
    	font-size: 12px;
	}
	#service .faqbox li .sub-tit{
    	font-size: 14px;
	}
	#service .faqbox li .con{
		font-size: 12px;
    	min-height: 170px;
    	max-height: 170px;
    	overflow: hidden;
	}
	#service .outlets .swiper-slide .o-tit{
    	font-size: 24px;
	}
	#service .outlets .swiper-slide .o-ad{
	    font-size: 14px;
	}
	#service .outlets .swiper-slide .o-con{
	    font-size: 28px;
	}
	#service .down .left{
		float: none;
	}
	#service .down .right{
		width: 100%;
		float: none;
	}
	#news .wrap1 .box{
		width: 970px;
	}
	#news .wrap1 li{
    	padding-right: 6px;
    	margin-bottom: 6px;
	}
	#news .wrap1 li:nth-child(2n){
    	padding-left: 6px;
	}
	#news .wrap1 li .text{
    	width: 330px;
	}
	#news .wrap1 li .tit{
		font-size: 20px;
	}
	#news .wrap1 li .con{
		font-size: 13px;
	}
	.codebox1 .fot{
		width: 100%;
	}
	#about .box{
		width: 970px;
	}
	.tmod1 .tit{
		padding-top: 10px;
	}
	.tmod1 .con{
		margin-top: 20px;
	}
	.tmod1 .more{
    	margin: 25px 0 50px;
	}
	#about .wrap3 .team a{
		font-size: 298px;
	}
	#about .wrap3 .team .swiper-slide:nth-child(2){
		padding: calc(298px + 22px) 4% 0;
	}
	#about .wrap5 .text{
    	font-size: 14px;
	}
	#about .wrap5 .swiper-pagination-bullet{
	    padding: 0 5px 15px;
	    font-size: 12px;
	}
	#intro .business .item:nth-child(1){
	    margin-right: 25px;
	    margin-bottom: 25px;
	}
	#intro .business .item:nth-child(2){
		margin-bottom: 25px;
	}
	#intro .business .item:nth-child(1),
	#intro .business .item:nth-child(2){
		height: 252px;
	}
	#intro .business .item{
		height: 125px;
	}
	#intro .business .item:nth-child(n+4){
		margin-left: 24px;
	}
	#intro .codebox1 .top .lang{
    	color: #000000;
	}
	#intro .codebox1 .top .lang span{
    	color: #cc133a;
	}
	#intro .business .item .text{
	    left: 22px;
	    bottom: 14px;
	    font-size: 20px;
	}
	#intro .companybox .text{
    	padding: 30px 45px;
	}
	#intro .companybox .text .con{
	    font-size: 16px;
	    margin-top: 0.1em;
	}
	#intro .corporate .text{
	    font-size: 14px;
	    height: 108px;
	    padding: 24px;
	}
	#intro .corporate .text .tit:after{
    	width: 24px;
	}
	#intro .swiper-slide{
	    width: 230px;
	    margin-right: 16px;
	}
	#intro .corporate .swiper-pagination-bullet{
    	padding: 0 0.7em 1em;
	}
	#team .tmod1{
		margin-top: 160px;
	}
	#team .wrap1 li .text{
    	height: 78px;
    	padding: 12px 0 0;
	}
	#team .wrap1 li .text .d1{
    	font-size: 14px;
	}
	#team .wrap1 li .text .d2{
    	font-size: 12px;
	}
	#teaminfo .contai{
		width: 940px;
	}
	#culture .htit{
		font-size: 24px;	
	}
	#culture .htit:after{
    	width: 30px;
	}
	#culture .hbox{
		width: 100%;
	}
	#culture .hf .swiper-slide .text{
	    font-size: 18px;
	    bottom: 26px;
	    left: 42px;
	}
	#culture .hf{
    	margin-top: 30px;
	}
	#culture .hf .swiper-pagination{
		margin-top: 30px;
	}
	#culture .purpose{
		height: 400px;
	}
	#culture .purpose .box .d1:after{
		width: 24px;
	}
	#culture .purpose .box .d1{
		font-size: 14px;
	}
	#culture .purpose .box .d2{
		font-size: 18px;
	}
	#culture .keywords .swiper-slide{
	    width: 340px;
	    margin-right: 60px;
	}
	#culture .keywords .swiper-container{
		width: 950px;
	}
	#culture .keywords .swiper-slide .text{
	    font-size: 18px;
	    left: 24px;
	    bottom: 24px;
	}
	#job .box{
		width: 970px;
		margin-top: 180px;
	}
	#job .future .text{
    	font-size: 18px;
	}
	#job .talent{
		height: 300px;
	}
	#job .jlist li{
    	width: 310px;
	}
	#job .jlist .jtit{
    	font-size: 16px;
	}
	#job .jlist .jsub{
    	font-size: 14px;
	}
	#job .jlist .jcon{
    	font-size: 13px;
	}
	#join .joinbox{
    	width: 970px;
	}
	#join .box{
		width: 779px;
	}
	#join .inp textarea{
    	width: 858px;
	}
	#join .inp input{
		width: 640px;
	}
	#contact .info .d1{
		font-size: 24px;
	}
	#contact .info .ctit{
		font-size: 15px;
	}
	#contact .info{
	    width: 730px;
	    height: 242px;
	}
	#contact .info p{
		font-size: 12px;
	}
	#contact .info li{
		width: 200px;
	}
	#contact .info li:last-child{
		width: 130px;
	}
	#contact .info li a{
		width: 20px;
		height: 20px;
		background-size: 20px;
		margin-top: 0;
	}
	#contact .box{
		width: 970px;
		margin-top: 15.197917vw;
	}
	#product .ad .a-tit{
		font-size: 30px;
	}
	#productinfo .right .wlink{
	    width: 140px;
	    height: 34px;
	    line-height: 34px;
	}
	#productinfo .right .s-tit{
		font-size: 22px;
	}
	#productinfo .right .pic{
		font-size: 14px;
	}
	#productinfo .right .con{
		font-size: 13px;
	}
	#productinfo .wrap2 .d2{
		max-width: 100%;
		font-size: 16px;
	}
	#productinfo .wrap3 .d2{
		font-size: 30px;
	}
	#productinfo .wrap5 .d2{
    	font-size: 14px;
	}
	#productinfo .wrap6 .tit{
		font-size: 20px;
	}
	#productinfo .wrap6 li span{
		font-size: 18px;
	}
	#productinfo .wrap6 li .d2{
		font-size: 11px;
	}
	#contract .clist li{
		width: 472px;
		margin-left: 25px;
	}
	#contract .clist li:nth-child(6n+2), #contract .clist li:nth-child(6n+3), #contract .clist li:nth-child(6n+4), #contract .clist li:nth-child(6n+5){
		width: 224px;
	}
	#contract .clist li:nth-child(6n+5){
    	transform: translateX(calc(-100% - 25px));
    	padding-top: 139px;
	}
	#contract .clist li:nth-child(n+4){
		margin-top: 25px;
	}
	#contract .clist li .d1{
		font-size: 16px;
	}
	#contract .clist li .d2{
		font-size: 12px;
	}
	#contract .clist li .text{
	    left: 20px;
	    bottom: 16px;
	}
}