@media (max-width: 750px){
.support .main .choose .other{
	width: 100%;
	margin-left: 0;
}
.support .main .choose .other2{
	width: 60px;
	text-align: center;
	text-indent: 0;
}
	.distribution .end li .img{
		height: 210px;
	}
.contain{
	width: 94%;
}
.header .nav{
	display: none;
}
.header .logo{
	height: 40px;
	margin-top: 5px;
}
.header .lang .btn{
	line-height: 50px;
}
.header .search .to_search{
	margin-top: 10px;
}
.header .lang{
	width: 100px;
	margin-right: 30px;
}
.header .lang .show{
	top: 50px;
}
.header .search{
	margin-right: 0;
}
.small_nav_btn{
	display: block;
}
.inside_banner{
	margin-top: 51px;
	height: 200px;
}
.inside_banner .font .p1{
	font-size: 20px;
	line-height: 30px;
}
.inside_banner .font .p2{
	line-height: 24px;
	font-size: 14px;
}
.inside_banner .font{
	width: 94%;
	left: 3%;
}
.top_bar{
}
.top_bar .left{
	width: 100%;
}
.top_bar .left li{
	display: block;
	float: none;
}
.top_bar .left li>a span{
	width: initial;
	padding-right: 20px;
}
.top_bar .left li>a{
	line-height: 50px;
	border-right: 0;
}
.top_bar .left li .show{
	display: none;
}
.top_bar .left li:hover .show{
	display: block;
}
.about .top .left{
	width: 100%;
}
.inside_margin{
	margin-top: 50px;
	margin-bottom: 50px;
}
.about .top .left .p1{
	font-size: 16px;
}
.about .top .left .p2{
	font-size: 14px;
	line-height: 24px;
}
.about .top .left .line{
	margin: 20px 0;
}
.about .top .img{
	width: 100%;
	margin-top: 20px;
}
.about .top{
	padding-bottom: 50px;
}
.about .end{
	height: 200px;
}
.about .end .font{
	width: 94%;
	left: 3%;
	margin-top: -51px;
	margin-left: 0;
}
.about .end .font .p1{
	font-size: 16px;
	line-height: 30px;
}
.about .end .font .p2{
	font-size: 14px;
	line-height: 30px;
}
.about .end .font .line{
	width: 20px;
	height: 3px;
	margin:20px 0;
}
.about{
	margin-bottom: 0;
}
.footer .nav{
	font-size: 0;
}
.footer .nav li{
	margin-bottom: 30px;
	width: 50%;
	float: left;
	margin-right: 0;
}
.footer .nav li a{
	font-size: 14px;
}
.footer .top{
	padding-top: 30px;
}
.footer .right{
	width: 100%;
}
.footer .right li{
	width: 100%;
}
.footer .right ul{
	margin-bottom: 30px;
}
.footer .right dd{
	width: 32%;
	margin-right: 2%;
}
.footer .end{
	margin-top: 30px;
	line-height: 25px;
	padding: 10px 0;
}
.footer .end em{
	width: calc( 100% - 80px )
}
.support{
	padding-bottom: 50px;
}
.top_bar .bread *{
	line-height: 50px;
}
.support .title{
	font-size: 16px;
	padding: 35px 0 25px;
}
.support .main .p1 em{
	font-size: 16px;
}
.support .main .p1 span{
	font-size: 14px;
}
.support .img{
	display: none;
}
.support .main{
	width: 100%;
	height: initial;
    padding: 20px 10px;
}
.support .main .input{
	width: 100%;
}
.support .main .input p{
	font-size: 14px;
	letter-spacing: 0;
}
.support .main .input input{
	line-height: 45px;
	font-size: 14px;
}
.support .main .textarea textarea{
	font-size: 14px;
}
.support .main .input .nice-select{
	width: 100%;
	line-height: 45px;
}
.support .main .input .span1{
	margin-left: 0;
	line-height: 45px;
	font-size: 14px;
}
.support .main .end input{
	width: calc( 100% - 120px );
	line-height: 40px;
}
.support .main .end img{
	width: 100px;
}
.all_btn{
	width: 120px;
	line-height: 45px;
}
.support .main .all_btn{
	margin-top: 20px;
}
.footer .nav li .a1{
	font-size: 16px;
}
.top_bar .bread{
	float: left;
}
.top_bar .left li .show{
	line-height: 45px;
	font-size: 14px;
}
.channel li{
	width: 100%;
	padding: 50px 0;
}
.channel li .p1{
	font-size: 16px;
	margin-bottom: 20px;
}
.channel li .img{
	padding: 10px;
}
.channel li .img img{
	width: 180px;
}
.channel li>img{
	width: 40px;
}
.channel li .p2{
	margin-top: 20px;
	font-size: 14px;
}
.complaint .title{
	padding: 30px 0;
}
.complaint .title span{
	font-size: 18px;
	display: block;
	margin: 0;
}
.complaint .title em{
	font-size: 16px;
	margin: 0;
}
.complaint .content{
	padding: 0 10px;
}
.complaint .main .p1{
	font-size: 16px;
	padding-top: 20px;
}
.complaint .main .p2{
	margin: 10px 0 30px;
}
.complaint .input{
	width: 100%;
}
.complaint .input span{
	width: 100%;
	font-size: 14px;
	line-height: 40px;
}
.complaint .input input{
	width: 100%;
}

.complaint .textarea textarea{
	width: 100%;
	box-sizing: border-box;
}
.complaint .textarea{
	margin-top: 0;
}
.complaint .main{
	padding-bottom: 20px;
}
.all_btn{
	margin-left: 0;
}
.contact li .img{
	width: 100%;
}
.contact li .font{
	position: initial;
	margin-top: 0;
	width: 100%;
	padding: 20px;
	height: initial;
	float: left;
}
.contact li .font .p1{
	font-size: 16px;
	margin-bottom: 0;
}
.contact li .font .p3{
	font-size: 14px;
}
.contact li .font .p2{
	font-size: 14px;
}
.contact li:nth-of-type(2n) .font{
	padding-left: 20px;
}
.distribution .top{
	padding: 20px 10px;
}
.distribution .top .left{
	width: 100%;
}
.distribution .top .font{
	width: 100%;
	padding: 0 10px;
	margin-top: 20px;
}
.distribution .top .font .p1{
	font-size: 16px;
}
.distribution .top .font .p2{
	font-size: 14px;
	margin-top: 10px;
}
#map{
	height: 200px;
}
.distribution .end li{
	width: 100%;
	margin-top: 30px;
}
.distribution .end li .font{
	padding: 25px 20px 25px;
	height: initial;
}
.distribution .end li .font .p1{
	font-size: 16px;
	margin-bottom: 10px;
}
.distribution .end li .font .p2{
	font-size: 14px;
	line-height: 25px;
}
.honor .gallery-thumbs i{
	width: 15px;
	height: 15px;
}
.honor .gallery-thumbs p{
	font-size: 16px;
}
.honor .swiper-slide-thumb-active p{
	font-size: 16px;
}
.honor .swiper-slide-thumb-active i{
	margin-top: 10px;
}
.honor .gallery-thumbs:after{
	top: 18px;
}
.honor .btn{
	width: 35px;
	height: 35px;
}
.honor .gallery-top dl dd{
	width: 100%;
	height: 300px;
	margin: 0 0 15px;
}
.banner{
	height: 300px;
}
.banner .font1{
	padding-top: 100px;
}
.banner .font1 .p1{
	font-size: 16px;
}
.banner .font1 .p2{
	font-size: 14px;
}
.banner .font2{
	width: 94%;

	margin-right: 0;
	right: 3%;
	top: 100px
}
.banner .font2 .p1{
	font-size: 16px;
}
.banner .font2 .p2{
	font-size: 14px;
	line-height: 24px;
}
.banner .font2 .line{
	height: 3px;
	width: 40px;
	margin: 20px 0;
}
.banner .swiper-pagination-bullet{
	height: 4px;
}
.section2 .video-js{
	height: 250px;
	margin-top: 0;
}
.section2 .video-js .vjs-big-play-button{
	width: 60px;
	height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	background-size: cover;
}
.section2 .contain{
	padding: 50px 0;
}
.section3 .title span{
	font-size: 16px;
}
.section3 .contain{
	padding-top: 50px;
	width: 100%;
}
.section3 .main{
	width: 94vw;
	margin: 0 auto;
	padding: 0;
}
.section3 .title{
	width: 94%;
	margin: 0 auto;
}
.section3 .title a{
	font-size: 14px;
}
.section3 .main .img{
	width: 100%;
}
.section3 .main .img img{
	width: 100%;
}
.section4 ul{
	padding-top: 50px;
}
.section4 li{
	width: 100% !important;
	height: 200px;
}
.section4 li .font .p1{
	font-size: 16px;
}
.investor .img{
	width: 100%;
}
.investor .font{
	width: 100%;
}
.investor .font .p2{
	margin-top: 40px;
	font-size: 16px;
}
.investor .font .line{
	margin: 15px 0;
}
.investor .font .p3{
	font-size: 14px;
	line-height: 25px;
}
.recruit .top .nice-select{
	width: 100%;
	margin-bottom: 15px;
}
.recruit .top{
	padding: 60px 0;
}
.recruit .top .search{
	width: 100%;
}
.recruit .top .search input{
	width: calc( 100% - 130px );
	margin-right: 10px;
}

.recruit .content dl dd:nth-of-type(1){
	font-size: 14px;
	text-align: center;
}
.recruit dd:nth-of-type(1){
	text-align: center;
}
.recruit .title{
	font-size: 14px;
	line-height: 50px;
}
.recruit .title dd{
	width: 20% !important;
	float: left;
	padding: 0;
}
.recruit dd{
	width: 20% !important;
	float: left;
}
.recruit .content dl dd{
	line-height: 40px;
	padding: 0;
	font-size: 12px;
}
.recruit .content dl dd:nth-of-type(2){
	font-size: 14px;
}
.recruit .content dl dd:nth-of-type(5) i{
	background-size: 10px;
}
.recruit .content dl dd:nth-of-type(5) i{
	margin: 0 auto;
}
.recruit .content .show{
	padding: 0 10px 25px;
}
.recruit .simple-article h3,
.recruit .content .show .p2{
	font-size: 14px;
	padding-top: 20px;
}
.recruit{
	padding-bottom: 50px;
}
.news .main li .font{
	width: 100%;
}
.news .main li .img{
	width: 100%;
	margin-top: 20px;
}
.news .main li{
	width: 100%;
}
.news .main li .font .p2{
	font-size: 16px;
	margin-bottom: 0;
}
.news .main li .font .p3{
	line-height: 25px;
	height: 50px;
}

.paging{
	padding-top: 30px;
}
.paging li.style{
	font-size: 14px;

}
.news_detail .left{
	width: 100%;
}
.news_detail .title .p1{
	font-size: 16px;
	margin-bottom: 10px;
}
.news_detail .title .p2{
	font-size: 14px;
}
.news_detail .title{
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.news_detail .simple-article{
	line-height: 24px;
}
.news_detail .right{
	width: 100%;
	margin-top: 25px;
}
.news_detail .right .p1{
	font-size: 16px;
	padding-bottom: 0;
}
.news_detail .right li .img img{
	width: 100%;
}
.news_detail .right li .p2{
	font-size: 16px;
}
.product li{
	width: 100%;
	padding: 50px 0 0;
	height: initial;
}
.product li .font p{
	font-size: 16px;
	margin-top: 10px;
}
.product li .font img{
	height: 40px;
}
.product li .show{
	position: initial;
	opacity: 1;
	margin-top: 30px;
}
.product li .show .content{
	position: initial;
    transform: translate(0,0);
}
.pro_detail{
	padding-top: 50px;
	margin-bottom: 50px;
}
.pro_detail .top_bar .bread{
	float: right;
}
.pro_detail .top_bar .back{
	line-height: 50px;
	font-size: 14px;
}
.pro_detail .top .left{
	width: 100%;
}
.pro_detail .top_bar{
	margin-bottom: 40px;
}
.pro_detail .top .right{
	width: 100%;
	padding: 0 10px;
}
.pro_detail .top .right .p1{
	font-size: 16px;
	margin-top: 25px;
}
.pro_detail .top .right .p2{
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 30px;
}
.pro_detail .top .right .a1{
	line-height: 50px;
	font-size: 14px;
}
.pro_detail .top .right .a1 span{
	padding-left: 50px;
	background-size: 35px;
}
.pro_detail .top .right .btn{
	margin-top: 50px;
	margin-bottom: 50px;
	line-height: 50px;
}
.pro_detail .end .title{
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 30px;
}
.pro_detail .end table{
	font-size: 14px;
}
.pro_detail .end table td{
	padding: 0 5px;
}
.pro_detail .end table td, .pro_detail .end table th{
	height: 50px;
}
.product_list .left{
	width: 100%;
}
.product_list .left li .btn{
	padding: 15px 3%;
}
.product_list .main{
	padding: 0 3%;
	width: 100%;
}
.product_list .main .p1{
	line-height: 50px;
	font-size: 16px;
	padding: 0 10px;
}
.product_list .main .title .right span{
	margin: 0 3px;
}
.product_list .main .tab a{
	margin-right: 3%;
	width: 48.5%;
	box-sizing: border-box;
}
.product_list .main .tab a:nth-of-type(2n){
	margin-right: 0;
}
.product_list .main .part_btn{
	margin-top: 20px;
}
.product_list .main .part_btn .a3{
	float: left;
	margin-top: 20px;
}

.product_list .main .part_btn .a2,
.product_list .main .part_btn .a1{
	width: 48%;
}
.product_list{
	margin-bottom: 50px;
}
.pro_search{
	padding: 0 10px 50px;
}
.pro_search .title{
	font-size: 16px;
	padding: 20px 0;
}
.pro_search .search{
	font-size: 0;
}
.pro_search .search span{
	line-height: 50px;
	width: 65px;
	font-size: 14px;
}
.pro_search .search .main{
	width: calc( 100% - 75px );
	line-height: 50px;
	margin-left: 10px;
}
.pro_search .search .main input{
	width: calc( 100% - 40px );
	line-height: 50px;
	font-size: 14px;
	text-indent: 10px;
}
.pro_search .search .main a{
	width: 40px;
	height: 50px;
}
.pro_search .p1{
	font-size: 16px;
	margin-bottom: 15px;
}
.pro_search .left{
	width: 100%;
}
.pro_search .left .nice-select{
	margin-bottom: 15px;
}
.pro_search .right{
	width: 100%;
	margin-top: 30px;
}
.pro_search .right li{
	width: 100%;
	margin-bottom: 20px;
}
.pro_search .right .p2{
	font-size: 14px;
}
.pro_search .right .input{
	font-size: 14px;
}
.pro_search .all_btn{
	margin: 30px auto 0;
}
.pro_search .right .choose a{
	font-size: 14px;
}
.pro_search .right .input input{
	font-size: 14px;
}
.system td{
	padding-right: 2px;
	padding-bottom: 2px;
}
.system td .font{
	font-size: 12px;
	line-height: 40px;
	height: 40px;
}
.system td .font span{
	margin-top: -20px;
}
.system .main{
	padding: 30px 0 40px;
}
.system_detail .left{
	width: 100%;
}
.system_detail .left li a{

    padding: 10px 15px 10px 30px;
}
.system_detail .right{
	width: 100%;
	padding: 0 3%;
}
.system_detail .right .p1{
	line-height: 50px;
	margin-top: 30px;
}
.system_detail .right .p1 span{
	font-size: 16px;
}
.system_detail .table table th{
	height: 50px;
	font-size: 16px;
}
.system_detail .table table td{
	height: 50px;
	font-size: 14px;
}
.system_detail{
	margin-bottom: 50px;
}

.section4 li .font i,
.section4 li .font .p2,
.section3 .main .img .mask{
	display: none;
}
.news .main li:hover .font{
	margin-left: 0;
	width: 100%;
}
.news .main li:hover .img{
	margin-right: 0;
}

.news .main li{
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
}
.product li .show .content{
	width: 100%;
}









.section_news .top .font{
	width: 100%;
}
.section_news .title{
	margin-bottom: 0;
}
.section_news .top .font .p1{
	line-height: 24px;
	margin: 10px 0;
}
.section_news .top .font .p3{
	line-height: 20px;
	height: initial;
}
.section_news .top .font .btn{
	width: 100px;
	line-height: 40px;
	font-size: 14px;
}
.section_news .top .img{
	width: 100%;
	height: inherit;
	margin-top: 20px;
}
.section_news .list li{
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
	padding: 15px 10px;
}
.section_news .list li .p3{
	line-height: 20px;
	height: 60px;
}

.section_news .list li .p1,
.section_news .top .font .p1,
.section_news .title span{
	font-size: 16px;
}
.section_news .list li .p2,
.section_news .list li .p3,
.section_news .top .font .p3,
.section_news .top .font .p2,
.section_news .title a{
	font-size: 14px;
}
.section4 li.end{
	height: 200px;
}












}

@media (min-width: 751px) and (max-width: 1200px){

	.distribution .end li .img{
		height: 300px;
	}
.product li .show .content{
	width: 100%;
}
.news .main li{
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 10px;
}
.news .main li:hover .font{
	margin-left: 0;
	width: 100%;
}
.news .main li:hover .img{
	margin-right: 0;
}

.section4 li .font i{
	margin-top: 0;
}
.section3 .main .img .mask{
	display: none;
}

.contain{
	width: 94%;
}
.header .nav{
	display: none;
}
.header .logo{
	height: 40px;
	margin-top: 5px;
}
.header .lang .btn{
	line-height: 50px;
}
.header .search .to_search{
	margin-top: 10px;
}
.header .lang{
	width: 100px;
	margin-right: 30px;
}
.header .lang .show{
	top: 50px;
}
.header .search{
	margin-right: 0;
}
.small_nav_btn{
	display: block;
}
.inside_banner{
	margin-top: 51px;
	height: 200px;
}
.inside_banner .font .p1{
	font-size: 20px;
	line-height: 30px;
}
.inside_banner .font .p2{
	line-height: 24px;
	font-size: 14px;
}
.inside_banner .font{
	width: 94%;
	left: 3%;
}
.top_bar{
}
.top_bar .left{
	width: 100%;
}
.top_bar .left li{
	display: block;
	float: none;
}
.top_bar .left li>a span{
	width: initial;
	padding-right: 20px;
}
.top_bar .left li>a{
	line-height: 50px;
	border-right: 0;
}
.top_bar .left li .show{
	display: none;
}
.top_bar .left li:hover .show{
	display: block;
}
.about .top .left{
	width: 100%;
}
.inside_margin{
	margin-top: 50px;
	margin-bottom: 50px;
}
.about .top .left .p1{
	font-size: 16px;
}
.about .top .left .p2{
	font-size: 14px;
	line-height: 24px;
}
.about .top .left .line{
	margin: 20px 0;
}
.about .top .img{
	width: 100%;
	margin-top: 20px;
}
.about .top{
	padding-bottom: 50px;
}
.about .end{
	height: 200px;
}
.about .end .font{
	width: 94%;
	left: 3%;
	margin-left: 0;
}
.about .end .font .p1{
	font-size: 16px;
}
.about .end .font .p2{
	font-size: 14px;
}
.about .end .font .line{
	width: 20px;
	height: 3px;
	margin:20px 0;
}
.about{
	margin-bottom: 0;
}
.footer .nav{
	font-size: 0;
}
.footer .nav li{
	margin-bottom: 30px;
	width: 33.3333%;
	float: left;
	margin-right: 0;
}
.footer .nav li a{
	font-size: 14px;
}
.footer .top{
	padding-top: 30px;
}
.footer .right{
	width: 100%;
}
.footer .right li{
	width: 50%;
}
.footer .right ul{
	margin-bottom: 30px;
}
.footer .right dd{
	width: 32%;
	margin-right: 2%;
}
.footer .end{
	margin-top: 30px;
	line-height: 25px;
	padding: 10px 0;
}
.footer .end em{
	width: calc( 100% - 80px )
}
.support{
	padding-bottom: 50px;
}
.top_bar .bread *{
	line-height: 50px;
}
.support .title{
	font-size: 16px;
	padding: 35px 0 25px;
}
.support .main .p1 em{
	font-size: 16px;
}
.support .main .p1 span{
	font-size: 14px;
}
.support .img{
	display: none;
}
.support .main{
	width: 100%;
	height: initial;
    padding: 20px 10px;
}
.support .main .input{
	width: 100%;
}
.support .main .input p{
	font-size: 14px;
	letter-spacing: 0;
}
.support .main .input input{
	line-height: 45px;
	font-size: 14px;
}
.support .main .textarea textarea{
	font-size: 14px;
}
.support .main .input .nice-select{
	width: 100%;
	line-height: 45px;
}
.support .main .input .span1{
	margin-left: 0;
	line-height: 45px;
	font-size: 14px;
}
.support .main .end input{
	width: calc( 100% - 120px );
	line-height: 40px;
}
.support .main .end img{
	width: 100px;
}
.all_btn{
	width: 120px;
	line-height: 45px;
}
.support .main .all_btn{
	margin-top: 20px;
}
.footer .nav li .a1{
	font-size: 16px;
}
.top_bar .bread{
	float: left;
}
.top_bar .left li .show{
	line-height: 45px;
	font-size: 14px;
}
.channel li{
	width: 33.3333%;
	padding: 50px 0;
}
.channel li .p1{
	font-size: 16px;
	margin-bottom: 20px;
}
.channel li .img{
	padding: 10px;
}
.channel li .img img{
	width: 180px;
}
.channel li>img{
	width: 40px;
}
.channel li .p2{
	margin-top: 20px;
	font-size: 14px;
}
.complaint .title{
	padding: 30px 0;
}
.complaint .title span{
	font-size: 18px;
	display: block;
	margin: 0;
}
.complaint .title em{
	font-size: 16px;
	margin: 0;
}
.complaint .content{
	padding: 0 10px;
}
.complaint .main .p1{
	font-size: 16px;
	padding-top: 20px;
}
.complaint .main .p2{
	margin: 10px 0 30px;
}
.complaint .input{
	width: 100%;
}
.complaint .input span{
	width: 100%;
	font-size: 14px;
	line-height: 40px;
}
.complaint .input input{
	width: 100%;
}

.complaint .textarea textarea{
	width: 100%;
	box-sizing: border-box;
}
.complaint .textarea{
	margin-top: 0;
}
.complaint .main{
	padding-bottom: 20px;
}
.all_btn{
	margin-left: 0;
}
.contact li .img{
	width: 100%;
}
.contact li .font{
	position: initial;
	margin-top: 0;
	width: 100%;
	padding: 20px;
	height: initial;
	float: left;
}
.contact li .font .p1{
	font-size: 16px;
	margin-bottom: 0;
}
.contact li .font .p3{
	font-size: 14px;
}
.contact li .font .p2{
	font-size: 14px;
}
.contact li:nth-of-type(2n) .font{
	padding-left: 20px;
}
.distribution .top{
	padding: 20px 10px;
}
.distribution .top .left{
	width: 100%;
}
.distribution .top .font{
	width: 100%;
	padding: 0 10px;
	margin-top: 20px;
}
.distribution .top .font .p1{
	font-size: 16px;
}
.distribution .top .font .p2{
	font-size: 14px;
	margin-top: 10px;
}
#map{
	height: 200px;
}
.distribution .end li{
	width: 48.5%;
	margin-right: 3%;
	margin-top: 30px;
}
.distribution .end li:nth-of-type(2n){
	margin-right: 0;
}
.distribution .end li .font{
	padding: 25px 20px 25px;
	height: initial;
}
.distribution .end li .font .p1{
	font-size: 16px;
	margin-bottom: 10px;
}
.distribution .end li .font .p2{
	font-size: 14px;
	line-height: 25px;
	height: 100px;
}
.honor .gallery-thumbs i{
	width: 15px;
	height: 15px;
}
.honor .gallery-thumbs p{
	font-size: 16px;
}
.honor .swiper-slide-thumb-active p{
	font-size: 16px;
}
.honor .swiper-slide-thumb-active i{
	margin-top: 10px;
}
.honor .gallery-thumbs:after{
	top: 18px;
}
.honor .btn{
	width: 35px;
	height: 35px;
}
.honor .gallery-top dl dd{
	width: 100%;
	height: 300px;
	margin: 0 0 15px;
}
.banner{
	height: 300px;
}
.banner .font1{
	padding-top: 100px;
}
.banner .font1 .p1{
	font-size: 16px;
}
.banner .font1 .p2{
	font-size: 14px;
}
.banner .font2{
	width: 94%;

	margin-right: 0;
	right: 3%;
	top: 100px
}
.banner .font2 .p1{
	font-size: 16px;
}
.banner .font2 .p2{
	font-size: 14px;
	line-height: 24px;
}
.banner .font2 .line{
	height: 3px;
	width: 40px;
	margin: 20px 0;
}
.banner .swiper-pagination-bullet{
	height: 4px;
}
.section2 .video-js{
	height: 250px;
	margin-top: 0;
}
.section2 .video-js .vjs-big-play-button{
	width: 60px;
	height: 60px;
	margin-left: -30px;
	margin-top: -30px;
	background-size: cover;
}
.section2 .contain{
	padding: 50px 0;
}
.section3 .title span{
	font-size: 16px;
}
.section3 .contain{
	padding-top: 50px;
	width: 100%;
}
.section3 .main{
	width: 94vw;
	margin: 0 auto;
	padding: 0;
}
.section3 .title{
	width: 94%;
	margin: 0 auto;
}
.section3 .title a{
	font-size: 14px;
}
.section3 .main .img{
	width: 100%;
}
.section3 .main .img img{
	width: 100%;
}
.section4 ul{
	padding-top: 50px;
}
.section4 li{
	width: 100% !important;
	height: 200px;
}
.section4 li .font .p1{
	font-size: 16px;
}
.investor .img{
	width: 100%;
}
.investor .font{
	width: 100%;
}
.investor .font .p2{
	margin-top: 40px;
	font-size: 16px;
}
.investor .font .line{
	margin: 15px 0;
}
.investor .font .p3{
	font-size: 14px;
	line-height: 25px;
}
.recruit .top .nice-select{
	width: 100%;
	margin-bottom: 15px;
}
.recruit .top{
	padding: 60px 0;
}
.recruit .top .search{
	width: 100%;
}
.recruit .top .search input{
	width: calc( 100% - 130px );
	margin-right: 10px;
}

.recruit .content dl dd:nth-of-type(1){
	font-size: 14px;
	text-align: center;
}
.recruit dd:nth-of-type(1){
	text-align: center;
}
.recruit .title{
	font-size: 14px;
	line-height: 50px;
}
.recruit .title dd{
	width: 20% !important;
	float: left;
	padding: 0;
}
.recruit dd{
	width: 20% !important;
	float: left;
}
.recruit .content dl dd{
	line-height: 40px;
	padding: 0;
	font-size: 12px;
}
.recruit .content dl dd:nth-of-type(2){
	font-size: 14px;
}
.recruit .content dl dd:nth-of-type(5) i{
	background-size: 10px;
}
.recruit .content dl dd:nth-of-type(5) i{
	margin: 0 auto;
}
.recruit .content .show{
	padding: 0 10px 25px;
}
.recruit .simple-article h3,
.recruit .content .show .p2{
	font-size: 14px;
	padding-top: 20px;
}
.recruit{
	padding-bottom: 50px;
}
.news .main li .font{
	width: 100%;
}
.news .main li .img{
	width: 100%;
	margin-top: 20px;
}
.news .main li{
	width: 100%;
}
.news .main li .font .p2{
	font-size: 16px;
	margin-bottom: 0;
}
.news .main li .font .p3{
	line-height: 25px;
	height: 50px;
}

.paging{
	padding-top: 30px;
}
.paging li.style{
	font-size: 14px;

}
.news_detail .left{
	width: 100%;
}
.news_detail .title .p1{
	font-size: 16px;
	margin-bottom: 10px;
}
.news_detail .title .p2{
	font-size: 14px;
}
.news_detail .title{
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.news_detail .simple-article{
	line-height: 24px;
}
.news_detail .right{
	width: 100%;
	margin-top: 25px;
}
.news_detail .right .p1{
	font-size: 16px;
	padding-bottom: 0;
}
.news_detail .right li .img img{
	width: 100%;
}
.news_detail .right li{
	float: left;
	width: 32%;
	margin-right: 2%;
}
.news_detail .right li:nth-of-type(3n){
	margin-right: 0;
}
.news_detail .right li .p2{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news_detail .right li .p2{
	font-size: 16px;
}
.product li{
	margin-right: 3%;
	width: 48.5%;
	padding: 50px 0 0;
	height: initial;
}
.product li:nth-of-type(3n){
	margin-right: 3%;
}
.product li:nth-of-type(2n){
	margin-right: 0;
}
.product li .font p{
	font-size: 16px;
	margin-top: 10px;
}
.product li .font img{
	height: 40px;
}
.product li .show{
	position: initial;
	opacity: 1;
	margin-top: 30px;
}
.product li .show .content{
	position: initial;
    transform: translate(0,0);
}
.pro_detail{
	padding-top: 50px;
	margin-bottom: 50px;
}
.pro_detail .top_bar .bread{
	float: right;
}
.pro_detail .top_bar .back{
	line-height: 50px;
	font-size: 14px;
}
.pro_detail .top .left{
	width: 40%;
}
.pro_detail .top_bar{
	margin-bottom: 40px;
}
.pro_detail .top .right{
	width: 55%;
	padding: 0 10px;
}
.pro_detail .top .right .p1{
	font-size: 16px;
	margin-top: 25px;
}
.pro_detail .top .right .p2{
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 30px;
}
.pro_detail .top .right .a1{
	line-height: 50px;
	font-size: 14px;
}
.pro_detail .top .right .a1 span{
	padding-left: 50px;
	background-size: 35px;
}
.pro_detail .top .right .btn{
	margin-top: 50px;
	margin-bottom: 50px;
	line-height: 50px;
}
.pro_detail .end .title{
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 30px;
}
.pro_detail .end table{
	font-size: 14px;
}
.pro_detail .end table td{
	padding: 0 5px;
}
.pro_detail .end table td, .pro_detail .end table th{
	height: 50px;
}
.product_list .left{
	width: 100%;
}
.product_list .left li .btn{
	padding: 15px 3%;
}
.product_list .main{
	padding: 0 3%;
	width: 100%;
}
.product_list .main .p1{
	line-height: 50px;
	font-size: 16px;
	padding: 0 10px;
}
.product_list .main .title .right span{
	margin: 0 3px;
}
.product_list .main .tab a{
	margin-right: 2%;
	width: 32%;
	box-sizing: border-box;
}
.product_list .main .tab a:nth-of-type(3n){
	margin-right: 0;
}
.product_list .main .part_btn{
	margin-top: 20px;
}

.product_list{
	margin-bottom: 50px;
}
.pro_search{
	padding: 0 10px 50px;
}
.pro_search .title{
	font-size: 16px;
	padding: 20px 0;
}
.pro_search .search{
	font-size: 0;
}
.pro_search .search span{
	line-height: 50px;
	width: 65px;
	font-size: 14px;
}
.pro_search .search .main{
	width: calc( 100% - 75px );
	line-height: 50px;
	margin-left: 10px;
}
.pro_search .search .main input{
	width: calc( 100% - 40px );
	line-height: 50px;
	font-size: 14px;
	text-indent: 10px;
}
.pro_search .search .main a{
	width: 40px;
	height: 50px;
}
.pro_search .p1{
	font-size: 16px;
	margin-bottom: 15px;
}
.pro_search .left{
	width: 100%;
}
.pro_search .left .nice-select{
	margin-bottom: 15px;
}
.pro_search .right{
	width: 100%;
	margin-top: 30px;
}
.pro_search .right li{
	margin-right: 10px;
}
.pro_search .right .p2{
	font-size: 14px;
}
.pro_search .right .input{
	font-size: 14px;
}
.pro_search .all_btn{
	margin: 30px auto 0;
}
.pro_search .right .choose a{
	font-size: 14px;
}
.pro_search .right .input input{
	font-size: 14px;
}
.system td{
	padding-right: 2px;
	padding-bottom: 2px;
}
.system td .font{
	font-size: 12px;
	line-height: 40px;
	height: 40px;
}
.system td .font span{
	margin-top: -20px;
}
.system .main{
	padding: 30px 0 40px;
}
.system_detail .left{
	width: 100%;
}
.system_detail .left li a{

    padding: 10px 15px 10px 30px;
}
.system_detail .right{
	width: 100%;
	padding: 0 3%;
}
.system_detail .right .p1{
	line-height: 50px;
	margin-top: 30px;
}
.system_detail .right .p1 span{
	font-size: 16px;
}
.system_detail .table table th{
	height: 50px;
	font-size: 16px;
}
.system_detail .table table td{
	height: 50px;
	font-size: 14px;
}
.system_detail{
	margin-bottom: 50px;
}








}




@media (min-width: 1201px) and (max-width: 1600px){


.contain{
	width: 1200px;
}
.about .top .left{
	width: 550px;
}
.about .top .img{
	width: 600px;
}
.about .top .left .p2{
	line-height: 30px;
}
.about .end .font{
	width: 1200px;
	margin-left: -600px;
}

.support .img{
	width: 500px;
}
.support .main{
	width: 700px;
	height: 666px;
    padding: 50px 30px;
}
.support .main .input{
	width: 300px;
}
.support .main .textarea{
	width: 100%;
}
.support .main .width100{
	width: 100%;
}
.support .main .input .nice-select{
	width: 400px;
}
.support .main .end{
	width: 100%;
}
.apply .main .input{
	width: 270px;
}
.apply .main{
	width: 100%;
}
.apply .main .textarea{
	width: 560px;
}
.apply .main .width100{
	width: 100%;
}
.support .main .end{
	width: 100%;
}
.apply .main{
	height: inherit;
}
.header .nav li{
	padding: 0 13px;
}
.complaint .content{
	padding: 0 80px;
}
.complaint .input{
	width: 310px;
}
.complaint .input input{
	width: 250px;
}
.complaint .textarea{
	width: 100%;
}
.complaint .textarea textarea{
	width: 960px;
}
.distribution .top .left{
	width: 600px;
}
.distribution .top .font{
	width: 500px;
	margin-top: 80px;
}
.distribution .end li{
	width: 386px;
}
.section3 .main{
	width: 1100px;
}
.section3 .main .img .mask .font p{
	height: 108px;
	overflow: hidden;
}
.investor .img{
	width: 600px;
}
.investor .font{
	width: 550px;
}
.investor .font .p2{
	margin-top: 0;
}

.recruit dd:nth-of-type(1){
	width: 400px;
}
.recruit dd:nth-of-type(5),
.recruit dd:nth-of-type(4),
.recruit dd:nth-of-type(3),
.recruit dd:nth-of-type(2){
	width: 200px;
}
.news .main li{
	width: 550px;
}
.news .main li .font{
	width: 330px;
}
.news .main li .img{
	width: 195px;
	height: 130px;
}
.news .main li .font .p2{
	font-size: 20px;
	margin-bottom: 10px;
}
.news .main li .font .p1{
	margin-bottom: 10px;
}
.news .main li:hover .font{
	width: 310px;
	margin-left: 20px;
}
.news_detail .left{
	width: 900px;
}
.news_detail .right{
	width: 250px;
}
.product li{
	width: 380px;
	margin-right: 30px
}
.pro_detail .top .left{
	width: 500px;
}
.pro_detail .top .right{
	width: 700px;
}
.pro_search{
	padding-left: 40px;
	padding-right: 40px;
}
.pro_search .left{
	width: 350px;
}




.header .nav>.nav-item{
	padding: 0 20px;
}



.section_news .list{
	display: none;
}

.section3 .title,
.section_news .title{
	margin-bottom: 30px;
}


.section_news .top .font{
	width: 33.3333%;
}
.section_news .top .img{
	width: 62.5%;
}





.apply .main .choose label{
	margin-right: 3px;
}

.c_channel .main .input .nice-select,
.support .main .select2 .nice-select{
	width: 100%;
}

.c_channel .nice-select .option{
	font-size: 13px;
}
.c_channel .main .input .nice-select{
	font-size: 13px;
	padding: 0 8px;
}



}
@media (min-height: 300px) and (max-height: 820px){


.section_news .list{
	display: none;
}
.section3 .title,
.section_news .title{
	margin-bottom: 30px;
}


}