@charset "utf-8";
/* CSS Document */
@media(max-width:1920px){
	.tvDiv{position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);width:100%;max-width:1200px;}
}
@media(max-width:1440px){
	.nav{width: 700px;margin-right: 4%;line-height: 92px;}
	.tvDiv{position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);width:100%;max-width:900px;}
}
@media(max-width:1360px){
	.tvDiv{position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);width:100%;max-width:640px;}

}
@media(max-width:1200px){
	.nav{width: 600px;margin-right: 10%;line-height: 92px;}
	.top_r{display: none;}
	.top{display: block;}
    .novedio .out{max-width:12%;position: absolute;top:2%;right: 2%;z-index: 9;cursor: pointer;display: block;}
    .novedio .out1{max-width:12%;position: absolute;top:0px;right:-40px;z-index: 9;cursor: pointer;display: none;}
    .gb_bnt2{ position:absolute; top: 2%; right:2%; z-index: 999999; display:block;}
	.gb_bnt{display: none;}
	.gw_nav ul li:nth-child(2n){ margin-right:0px;}
	.gw_nav ul li {
    width: 45%;
    background: #fff;
    padding: 20px 12px;
    float: left;
    margin-right:3%;
	margin-bottom:3%;
}
	.ny3_r {
    width: 100%;
	margin-top:5%;
}
	.ny3_l {
    width: 100%;
}
	.cpbox_l{width: 100%;}
	.cpbox_r{width: 100%;text-align: center;padding: 5% 0px;}
	.wrap{ width:97%;}
	.nav {
    margin-right: 0%;
}	.dl_heaer{ width:97%; margin:0px auto;}
	.team_lb{ width:87.5%;}
	.about_on {
    padding: 4% 2%;
}
	}
@media(max-width:1000px){
	.nav{ display:none;}
	.mobile_nav{ display:block;}
	}
@media(max-width:850px){
	.viod_nav ul li span {
    font-size: 18px;
    color: #fff;
    width: 100%;
    line-height: 40px;
    text-align: center;
    background: #328bda;
    display: block;
}
	.div_bnt {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -21px 0px 0px -21px;
    width: 42px;
    height: 42px;
}
	.gw_nav ul li {
    width: 96%;
    background: #fff;
    padding: 20px 2%;
    float: left;
    margin-right: 0%;
    margin-bottom: 3%;
}
	.ny3r_txt {
    width: 70%;
}
	.about_l {
    width: 100%;
}	
	.about_l img{ width:100%;}
	.about_r {
    width: 100%;
}	
	}	
@media(max-width:640px){
	.xx_div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin: -10px 0px 0px -30px;
    border: 1px solid #fff;
}
	.xx_div p{font-size: 12px;}
	.mbx span {
    font-size: 18px;
    color: #343434;
}
	.ny3_l dd {
    width: 100%;
    text-align: center;
    background: #328bda;
    display: block;
    font-size: 20px;
    color: #fff;
    line-height: 50px;
}
	.ny3_l ul li p {
    font-size: 12px;
}
	.ny3_l ul li h3 {
    text-indent: 30px;
    font-size: 16px;
}
	.ny3_l ul li {
    border-bottom: 1px solid #b3b3b3;
    padding: 10px 0px;
    text-align: center;
}
	.ny4 dd {
    font-size: 20px;
    color: #333333;
    margin-bottom: 2%;
}
	.ny4 ul li span {
    display: block;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background: #328bda;
    padding-left: 15px;
}
	.ny4_txt p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
	.ny3_txt p {
    font-size: 14px;
    color: #666666;
    line-height: 27px;
}
	.ny3_txt h3 {
    font-size: 26px;

}
.ny3r_txt span {
    display: block;
    font-size: 20px;
    color: #333333;
    line-height: 60px;
    text-align: center;
}
	.ny3_img{ width:100%; text-align:center;}
	.ny3r_txt {
    width: 100%;
}
	.cp_top_t h3 {
    font-size: 36px;
}
	.cpbox_l p {
    font-size: 16px;
    line-height: 32px;
}
	.cp_top h3 {
    font-size: 36px;
}
	.trait_nav ul li:nth-child(2n){margin-right: 0px;}
	.trait_nav ul li{width: 45%; float: left;margin:0px 5% 5% 0px;}
	.view_nav ul li {
    margin: 0px 3% 0px 0px;
    width: 48%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}	.view_nav ul li:nth-child(2n){margin-right: 0px;}
.tk_top h3 {
    font-size: 22px;
    color: #333333;
    text-align: center;
    font-weight: normal;
    padding: 2% 0px;
}
.tk_txt span {
    font-size: 18px;
    color: #328bda;
    line-height: 35px;
}
.tk_txt p {
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
	}
	@media(max-width:500px){
		.pof {
    padding: 45% 0px;
}
		.js_top span {
    font-size: 18px;
    color: #328bda;
    border-bottom: 2px solid #328bda;
    padding-bottom: 7px;
    margin-top: -1px;
}
		.js_txt p {
    font-size: 14px;
    color: #666666;
    line-height: 32px;
}
		.js_top span {
    font-size: 18px;
    color: #328bda;
    border-bottom: 2px solid #328bda;
    padding-bottom: 7px;
    margin-top: -1px;
}
			.cp_top h3 {
    font-size: 32px;
}
		.cp_top h3 {
    font-size: 32px;
}
		.cpon_nav ul li {
    width: 50%;
    text-align: center;
    float: left;
}
		.end span{ display:block;}
		.trait {
    margin: 12% 0px 7% 0px;
}
		.view {
    padding: 8% 0px 0px 0px;
	margin:5% 0px;
}
		.about_on span {
    font-size: 18px;
}
		.about_on p {
    font-size: 14px;
    line-height: 32px;
	-webkit-line-clamp: 10;
}
		.trait_nav ul li{ min-height:240px;}
		.trait_nav ul li p {
    line-height: 22px;
    font-size: 12px;
   
}
		.trait_nav ul li span {
	    margin: 5% 0px;
    font-size: 18px;
}
		.trait_img img{ width:65%;}
		.produce{ padding:5% 0px;}
		.pro_txt span {
    font-size: 16px;
}
		.pro_txt p {
    font-size: 12px;
   
}
		.main_top span {
    font-size: 18px;
    color: #1a1a1a;
 
}
		.top {
    height: 32px;
    line-height: 32px;
}
		.bnt {
    margin-top: 25%;
    width: 60%;
}
		.logo {
       width: 40%;
    margin-left: 0px;
    padding: 5px 0px;
}

		.view_nav{ margin:10% 0px 0px 0px;}
		.view_nav ul li {
    margin: 0px 0px 3% 0px;
    width: 100%;
    position: relative;
    display: inline-block;
    overflow: hidden;
}	
	.view_nav ul li img{ width:100%;}
		}
	@media(max-width:350px){
		.ny4_txt ul li {
    width: 100%;
    margin-bottom: 5%;
    float: left;}
		}