﻿@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1250px) {

	header .top{max-width: 97%;}
	header .top .nav{left: 275px;}
	header .top .nav li{margin:0 40px;}
	
	.subnav_er li{float: left;line-height: 70px;width: 135px;text-align: center;font-size: 15px;margin-right: 20px;}
	
	.about_b {padding: 15px 0;}
	.gdt{ height: 180px; }
	
	.layout, .nr_contact{width: 97%;}
	.title_tp h2{font-size: 32px;}

}

@media screen and (max-width: 1050px) {

	header{display: none;}
	.sp_header,.sjj_nav{ display:block;}
	
	/*------------------手机导航开始----------------------------------------------*/
	.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;left: 0px;top: 0px;z-index:10;width:100%; border-bottom: 1px solid #e2e2e2;}
	.sp_logo{padding:12px 0 0 10px;float:left;height:50px}
	.sp_logo img{margin:auto;max-height:50px;}
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
	.sp_nav span{display:block;background:#333;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:999;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s; z-index: 100}
	.nav_show{top:70px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 82px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:82px;overflow:hidden;line-height:45px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:40px;float:left;border-left:1px #ddd solid;text-align:center;color:#777;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:48px;font-size:15px; color: #000;}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#444;width:80%}
	.sjj_nav ul li ul li a{color:#444;display:block;text-align:left; line-height:40px;font-size:13px; }
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#f39800}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	/*-----------------------------手机导航结束----------------------------------------*/
	
	
	.banner .swiper-slide .m{display: block;}
	.banner .swiper-slide .pc{display: none;}
	.banner .swiper-pagination-bullet{width: 12px;height: 12px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 10px;}

	.banner{margin-top: 60px !important;}
	.banner_ny{margin-top: 60px;}
	
	.title_tp h2{font-size: 27px;}
	.title_tp p{font-size: 16px; line-height: 30px;}
	
	.about_b{background:none;padding: 35px 0;}
	.ab_jj h2{font-size:24px;}
	.ab_jj h2 em{margin-top:0;}
	.ab_nr{margin-top:0; padding: 0;}
	.ab_jj{width: 54%;background: #fff;padding:0 0 0 2%;}
	.ab_jj .ab_p1{line-height: 29px;margin: 10px 0; font-size: 14px;}
	
	
	.gdt{ height: 135px; }
	
	.cp_rg h2{ font-size:20px;}
	.cp_rg ul li{ width: 48%; margin-bottom: 2%}
	.cp_rg1 h2{ font-size:20px;}
	
	.partner li{ width:25%;}
	
	.honor .zshu_box ul li{width: 24%;}
	
	.pro_nav_i{width:100%;}
	.pro_nav_i a{flex-grow: 1;height: 70px;}
	.pro_nav_i a .img_h{width:42px;height: 42px;}
	.pro_nav_i a p{font-size: 14px;}

	
	.products .item-list li{float: left;width: 50%;}
	
	.main-about .profile table tr td{width:100%; float: left; padding: 5px 0;}

	.dev_fz ul li{padding-bottom: 14px; font-size: 15px; line-height: 32px;}
	.dev_fz ul li span{ font-size: 16px; }
	
	.honr_img ul li{width:24%;}
	
	.part_list li{ width:25%; line-height: 100px;}
	
	.reltab li{width: 48%;}
	.reltab-wd span{font-size: 16px;}
	.reltab-wd p{font-size: 15px;}

}

@media screen and (max-width: 780px) {

	.banner .swiper-container .m{display: block;}
	.banner .swiper-container .pc{display: none;}
	.banner .swiper-pagination-bullet{width: 10px;height: 10px;}
	
	.pro_left{width: 100%;}
	.pro_right{width: 100%; margin-top: 25px;}
	
	.title_tp h2:before{width: 34%;}
	.title_tp h2:after{width: 34%;}
	
	.about_b{background:none;padding: 20px 0;}
	.ab_video{width: 100%;overflow:hidden; margin-bottom: 25px;}
	.ab_jj h2{font-size:22px;}
	.ab_jj{width:100%;padding:0;}
	
	.gdt{ height: 82px; }
	
	.cp_rg ul li:before{background-size: 80%;}
	.cp_rg1 ul li:before{background-size: 80%;}
	.cp_rg ul li p{font-size:14px;height: 48px;line-height: 48px; padding-left: 0}
	.cp_rg1 ul li p{font-size:14px;height: 48px;line-height: 48px; padding-left: 0}
	
	.partner li{ width:33.333%;}
	.honor .zshu_box ul li{width: 49%;}
	.honor .attestation ul li{width: 49%}

	
	.dev_fz h2{font-size: 25px;}
	
	.honr_img h2{font-size: 22px;}
	.honr_img ul li{width:32.333%;}
	
	.corpo_img ul li{width:48%;}
	
	.part_list h2{font-size: 22px;}
	.part_list li{ width:33.333%; line-height: 92px; font-size: 22px;}
	
	.cp_bt span{width: 85px; padding-left: 35px; background-size: 20px; font-size: 18px; padding-left: 28px;}
	.cp_bt i{ font-size: 18px; }
	.pro_list .left_detail .cp_top{font-size: 15px; line-height: 30px; padding-bottom: 12px;}
	
	.reltab ul{margin-left: 0;}
	.reltab li{width: 100%;margin-left: 0;height: 135px; }
	.reltab-img{float: left;width: 60px;}
	.reltab-wd{width: calc(100% - 88px);}
	#map_container{height: 480px;}
}

@media screen and (max-width: 480px) {
	
	.title_tp h2{font-size:24px;}	
	.title_tp h2:before{width: 25%;}
	.title_tp h2:after{width: 25%;}
	.title_tp p{font-size: 14px; line-height: 28px;}
	
	.gdt{ height: 72px; }
}