﻿@charset "utf-8";
/* CSS Document */
@media (min-width:1200px){
	.wap_menu{ display:none;}
	.fixmenu_bg .logo,
	.fixmenu_bg .menu{top:1.3rem;}
	.fixmenu_bg .header{background:#32443a; height:72px;position:fixed; left:0; top:0; width:100%;z-index:9999; box-shadow: none;}
	.fixmenu_bg .menu{color:#fff;}
	.fixmenu_bg .menu-handler .burger {
		background: #fff;}
	.fixmenu_bg .header .tel-info {background: url("../images/tel_icon_h.png") left center no-repeat;}
	.fixmenu_bg .logo2 {
		display: block;
	}
	.fixmenu_bg .logo {
		display: none;
	}
	.open .menu{top:2rem;}
	.open .menu{color:#000;}
	.open .menu-handler .burger {
		background: #363636;}
	.open .header .tel-info {background: url("../images/tel_icon.png") left center no-repeat;}
	.open .logo {
		display: block;
	}
	.open .logo2 {
		display: none;
	}
}
@media (max-width:1600px){
	.index .section{padding-top:4rem;}
	.index .section1 .T {
		font-size:4rem;
	}
	.section6 .wmain {
		width:1400px;
	}
}
@media (max-width:1450px){
	.index .section1 .T {
		font-size:3rem;
	}
	.certify {
		width: 1000px;
	}

}
@media (max-width:1200px){
	.index .section1 .T {
		font-size:2rem;
		top:18%;
	}
	.open .navMobile dd p a {
		padding: 8px 0px;
		opacity: 1;
	}
	.section3 .proright .item .pic {
		width: 140px;
		height: 140px;
	}
	.wmain {
		width: 1000px;
	}


}
@media (max-width:900px){
	.index .section1 .T {
		top:14%;
	}
	.certify {
		width: 90%;
	}
	.nav_ptitle {
		display: block;
	}
	.leftnav li{width:100%;}
	.leftnav .wrap{display:none; background:#343333;}
	.banner {
		height: 12rem;
	}
}
@media (max-width:768px){
	body {
		padding-top: 64px;
	}
	body.index {
		padding-top: 0;
	}
	.wap_show {
		display: block;
	}
	.wap_hide {
		display: none;
	}
	.wap_menu{ display:none;}
	.index .section{padding-top:64px; background-size: cover;}
	.index .section3 {
		padding:0;
	}
	.header{height: 64px !important; width:100%; z-index:9999; box-shadow: none; background: #ab0b0d;}
	.sheader {
		position: fixed;}
	.logo{
		position: fixed;
		left: 6%;
		display: block;
		z-index: 1100;
		color: #fff;
		height:50px; top:6px;
		float: none;
		margin-top: 0;}
	.nav {
		display: none;
	}
	.logo img { height: 100%;}
	.logo{display:block;}
	.inews{padding-top:1rem}
	.pageTit{padding:1rem 0; font-size:2rem;}
	.banner_wrap{margin-top:64px;}
	.fixmenu_bg .leftnav{top:62px;}
	.index .section .ibox {
		width:94%;
		margin:0 auto;
	}
	.ftcnt , .link {
		display: none;
	}
	.wmain , .section6 .wmain {
		width:100% !important;
	}
	#map {
		margin-top:4%;
	}
	.my_fl , .my_fr {
		float: none !important;
		width:100% !important;
		margin:0 auto !important;
	}
	.wap_single_list ul {
		margin-left:0 !important;
	}
	.wap_single_list ul li {
		width:90% !important;
		margin:0 auto !important;
		margin-top:15px !important;
		height: auto !important;
		float: none !important;
		position: static !important;
	}
	.wap_single_list ul li img , .wap_single_list ul li .my_img {
		width:100% !important;
		height:auto !important;
		display: block !important;
	}
	.wap_two_list ul {
		margin-left:0 !important;
	}
	.wap_two_list ul li {
		width:45.3% !important;
		margin-left:3.3% !important;
		margin-right: 0 !important;
	}
	.wap_two_list ul li img , .wap_two_list ul li .my_img {
		width:100% !important;
		height:auto !important;
	}
	/*.news-main ul li .timer,*/
	.edit {
		font-size:14px;
		line-height:22px;
	}
	.menu{color:#000; top:8px;
		display: block;}
	.lc_left,.lc_right{ width: 100%; float: none; margin-left: 0;}
	.right .cont{ padding-top:30px;}
	.piclist li{width: 80%; margin:0 auto; float: none;}
	.tel-info , .left_line, .right_line{ display:none;}
	.head_top {
		background: none;
		height: auto;
	}
	.head_top .logo {
		margin-left: 5px;
	}
	.section6 .my_fl {
		margin-top: 20px !important;
	}
	.section6 .my_fr {
		margin-top: 20px !important;
	}
	.section6 .my_fr .my_more {
		margin-top: 2rem;
	}
	.swiper-container5 {
		margin-top: 3rem !important;
	}

	.section2 .my_fr {
		margin-top: 30px !important;
	}
	.section3 .swiper-containerx {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.section8 .I_T {
		margin-top: 5%;
	}
	.section8 .my_fl img {
		width: 70%;
		display: block;
		margin: 0 auto;
		margin-top: 1rem;
	}
	.section8 .my_fr {
		border-left: none;
		padding: 0;
	}
	.section6 .tag_T {
		text-align: center;
		padding-left:0;
	}
	.section6 .tag_T ul li {
		display: inline-block;
		text-align: center;
	}
	.section6 .tag_T ul li.ahover {
		padding:0;
		width: 121px;
	}
	.section6  .my_img {
		width: 100% !important;
		height: auto !important;
	}
	.section8 .my_fr .title {
		font-size:22px;
		margin-top: 1rem;
	}
	.section2 .my_fl img {
		width:50%;
	}
	.section2 .topmore {
		margin-top:1rem;
	}
	.about_main1 .my_fr {
		padding: 25px 5%;
		width: 90% !important;
		height: auto !important;
	}
	.about_main1 {
		margin-top: -50px;
	}
	.S_T1 p.cn {
		font-size:30px;
		line-height: 40px;
	}
	.S_T1 p.en {
		font-size:14px;
	}
	.about_main2 {
		margin: 0 ;
	}
	.about_main2 .item {
		width: 94%;
		float: none;
		margin: 20px auto 0 auto;
	}
	.about_main2 .item .my_C {
		height: auto;
		padding-bottom: 20px;
		font-size:16px;
		line-height: 22px;
	}
	.about_main3 .my_fl {
		background-size: cover !important;
		background-position: center !important;
		height: 200px;
	}
	.about_main3 {
		margin-top: 2rem;
	}
	.about_main3 .my_fr {
		height: auto;
		padding: 30px 0;
	}
	.about_main3 .my_fr .my_C {
		width: 90%;
		float: none;
		margin: 0 auto;
	}
	.contact_main .my_fl , .contact_main .my_fr {
		width: 100%;
		height: auto;
		padding: 0   0 20px 0;
	}
	.contact_main .my_fl ul {
		width: 90%;
		margin-top: 15px;
	}
	.contact_main .my_fl ul li {
		padding: 20px 5%;
		height: auto;
	}
	.contact_main .my_fl ul li .my_img {
		width: 15%;
		margin-top: 20px;
	}
	.contact_main .my_fl ul li .my_word {
		width: 75%;
	}
	.contact_main .my_fl .my_word p {
		font-size:24px;
		letter-spacing: 0;
		line-height:30px;
	}
	.contact_main .my_fr {
		width: 90% !important;
		padding: 15px 5% 20px 5%;
	}
	.contact_online  .btn.yh  {
		float: none;
		width: 100%;
		margin: 0;
	}
	.contact_main {
		padding-bottom: 0;
	}
	.contact_main .my_fl ul li.li3 {
		padding: 30px;
	}
	.dm_main1 .C {
		background: none;
	}
	.dm_main1 .C ul li .my_fl .my_img , .dm_main1 .C ul li .my_icon {
		display: none;
	}
	.dm_main1 .C ul li .my_fl .my_word , .dm_main1 .C ul li.odd .my_fl .my_word {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	.dm_main1 .C ul li .my_fr {
		margin-top: 2rem !important;
	}
	.dm_main1 .C ul li .my_fl .my_word .title {
		height: 50px;
		padding: 0 !important;
	}
	.dm_main1 .C ul li .my_fl .my_word .title a {
		font-size:26px;
	}
	.dm_main1 .C ul li .my_fl .my_word .info {
		font-size:16px;
		line-height: 22px;
		padding: 0;
		margin: 0;
	}
	.dm_main1 .C ul li .my_fl .my_word .info {
		padding: 10px 0 0 0 !important;
	}
	.dm_main2 .C {
		margin-top: 2rem;
	}
	.news_list .my_word {
		width:720px;
		margin-right:0;
	}
	.news_main ul li .my_img {
		display: none;
	}
	.news_main ul li .my_word {
		width: 100%;
	}
	.news_main ul li .my_word .title {
		font-size:18px;
		line-height: 22px;
	}
	.news_main ul li .my_word p {
		font-size:14px;
		line-height: 22px;
	}
	.news_main ul li .my_word a.my_more {
		margin-top: 10px;
	}
	.news_main ul li.li2 {
		margin-top: 0;
	}
	.article_C {
		width:90%;
		padding:0;}
	.article_C .my_T span.time {
		display:none;}
	.article_C h1 {
		font-size:22px;
	}
	.article_C span.bottom_span span {
		float: none !important;
	}
	.pro_main1 .my_fl {
		height: auto;
		margin-top: 2rem !important;
	}
	.pro_main1 .my_fr {
		width: 70%;
		height: auto;
	}
	.pro_main1 .my_fr .my_item {
		background: none;
	}
	.pro_main1 .my_fr .my_item .title {
		float: none;
		width: auto;
		margin: 10px 0 0 0;
		font-size:30px;
		line-height: 30px;
	}
	.pro_main1 .my_fr .my_item .info {
		writing-mode: unset;/*从左向右 从右向左是 writing-mode: vertical-rl;*/
		writing-mode: unset;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
		float: none;
		width: 90%;
		margin: 10px 0 0 0;
		font-size:16px;
		line-height: 24px;
		padding: 0 5%;
		height: auto;

	}
	.pro_main2 {
		margin-top: 3rem;
	}
	.px_nav a {
		display: inline-block;
		width: 40%;
		margin-left: 3%;
		margin-top: 3%;
		padding: 0;
		text-align: center;
		font-size:20px;
	}
	.px_nav {
		padding-top: 15px;
	}
	.px_main1_C1 .my_fl .item {
		margin-top: 25px;
	}
	.px_main1_C2 .C ul li p {
		height: 50px;
		line-height: 50px;
		font-size:18px;
	}
	.px_main1_C3 .my_fl {
		margin-top: 2.4rem !important;
	}
	.px_main1_C3 .my_fl img {
		display: block;
	}
	.px_main1_C3 .my_fl , .px_main1_C3 .my_fr {
		height: auto;
	}
	.px_main1_C3 .my_fr {
		padding: 30px 0;
	}
	.px_main1_C3 .C ul li {
		width: 30.8%;
		margin: 15px 0 0 1.5%;
		font-size:16px;
	}
	.px_main1_C4 ul li {
		position: relative !important;
	}
	.px_main1_C4 ul li .my_box .title {
		font-size:24px;
		text-align: center;
	}
	.px_main2_C1 .my_fl {
		margin-top: 2rem !important;
	}
	.px_main2_C1 .my_fl img{
		display: block;
	}
	.px_main2_C1 .my_fl , .px_main2_C1 .my_fr {
		height: auto;
	}
	.px_main2_C1 .my_fr {
		padding: 1rem 5% 4rem 5%;
		width: 90% !important;
	}
	.contact_main .my_fl ul {
		margin: 0 auto;
		margin-top: -20px;
	}
	.I_main5 {
		padding-top: 50px;
	}
	.I_main5 .I_T {
		padding-bottom: 20px;
	}
	.I_main5 .C {
		padding-top: 10px;
		padding-bottom: 30px;
	}
	.section5 {
		padding: 50px 0;
	}
	.mx_item .title {
		line-height: 30px;
		padding: 20px 0;
		height: auto;
		font-size:16px;
	}
	.open .pc_menu {
		background-size: cover;
	}
	.open .wap_menu {
		display: block;
	}

	.swiper-banner .swiper-pagination-bullet , .swiper-containerx .swiper-pagination-bullet {
		width: 20px;
		height: 4px;
		background-color: #ffffff;
		border-radius: 4px;
		opacity: 0.35;
	}
	.swiper-banner  .swiper-pagination-bullet-active , .swiper-containerx  .swiper-pagination-bullet-active {
		width: 30px;
		opacity: 1;
	}
	.swiper-banner .swiper-pagination , .swiper-containerx .swiper-pagination {
		bottom: 10px !important;
	}
	.section2 {
		padding: 40px 0;
	}
	.section2 .wmain {
		width: 92% !important;
		margin: 0 auto;
	}
	.I_T .cn {
		font-size:32px;
		line-height: 40px;
	}
	.section2 .my_fr {
		margin-top: 0 !important;
	}
	.section2 .edit {
		font-size:15px;
		line-height: 26px;
		margin-top: 0 !important;
	}
	.topmore a {
		font-size:15px;
	}
	.section2 .topmore a {
		padding: 10px 20px;
	}
	.I_main4 {
		padding-top: 10px;
	}
	.I_main4 .I_T {
		padding: 20px 0;
	}
	.certify .swiper-slide .my_word a.my_more {
		display: none;
	}
	.certify .swiper-slide .my_word {
		padding: 15px;
	}
	.certify .swiper-slide .my_word .title a {
		font-size:18px;
		line-height: 24px;
	}
	.I_main4 .C {
		padding: 10px 0 30px 0;
	}
	.certify .swiper-slide {
		height: auto;
	}
	.topmore {
		margin-top: 40px;
	}
	.I_main7 {
		background-size: cover !important;
		padding: 40px 0;
	}
	.I_main7 .my_T .title {
		font-size:40px;
		line-height: 50px;
	}
	.I_main7 .my_T .my_bz {
		font-size:20px;
		line-height: 30px;
	}
	.I_main7 .my_tel span {
		height: 50px;
		background: url("../images/foot_tel_icon.png") 20px center no-repeat #fff;
		background-size: 30px !important;
		padding: 0 20px 0 60px;
		font-size:24px;
		line-height: 50px;
	}
	.I_main7 .contact_adr span {
		font-size:14px;
		padding-left: 40px;
	}
	.top_a {
		right: 10px;
		bottom: 20px;
		width:50px;
		height:50px;
		background-size: 50px !important;
	}
	.px_T {
		background: none;
		width:auto;
	}
	.contact_box {
		background-size: cover;
	}
	.contact_main .my_fl .my_word h4 {
		font-size:20px;
		line-height:30px;
	}
	.contact_main .my_fl .my_word p.adr {
		font-size:18px;
		line-height:22px;
	}
	.contact_main .my_fl .my_word {
		margin-top:0;
	}
	#map {
		height:300px;
	}

	.zshz_main1 {
		width: 90%;
		margin: 0 auto;
	}
	.zshz_main1 .my_item {
		margin-top: 20px;
	}
	.zshz_main1 .my_item:first-child {
		margin: 0;
	}
	.zshz_main1 .my_item .my_fl {
		margin-top: 20px !important;
	}
	.zshz_main1 .my_item .my_fl .T .cn {
		font-size:27px;
	}
	.zshz_main1 .my_item .my_fl .T .en {
		font-size:34px;
		line-height: 37px;
	}
	.zshz_main1 .my_item .my_fl .C {
		font-size:16px;
		line-height: 25px;
	}
	.zshz_main2 {
		margin-top: 40px;
		padding: 25px 0;
	}
	.zshz_main2 ul li  {
		background-size: contain;
		padding-top: 30px;
		height: 150px;
		margin-top: 10px;
	}
	.zshz_main2 ul li .title {
		width: 80%;
		text-align: center;
		margin: 0 auto;
		padding-top: 10px;
	}
	.zshz_main2 ul li .info {
		font-size:18px;
		padding: 0 25%;
		line-height: 30px;
		margin-top: 10px;
	}
	.zshz_main3 {
		padding: 40px 0 0 0;
	}
	.zshz_main3 .T {
		font-size:40px;
	}
	.zshz_main3 .word {
		font-size:20px;
		line-height: 30px;
	}
	.zshz_main3 .tel_img {
		width: 90%;
		margin: 30px auto 0 auto;
	}
	.zhp_main1 {
		padding: 0;
		width: 90%;
		margin: 0 auto;
	}
	.zhp_main1 .my_fl {
		margin-top: 30px !important;
	}
	.zhp_main1 .my_fr {
		font-size:18px;
		line-height: 24px;
		margin-top: 20px !important;
	}
	.zhp_main2 {
		width: 90%;
		margin: 0 auto;
		padding-bottom: 0;
	}
	.zhp_main2 .C {
		background: none;
		margin-top: 20px;
	}
	.zhp_main2 .C .my_fl .my_T , .zhp_main2 .C .my_fr .my_T {
		background: none;
		text-align: center;
		padding: 0;
		height: auto;
		position: static;
		width: auto;
	}
	.zhp_main2 .C ul {
		margin: 30px 0 0 0;
	}
	.zhp_main2 .C ul li .my_word , .zhp_main2 .C .my_fr ul li .my_word {
		width: calc(100% - 60px);
		margin: 0;
		float: right;
	}
	.zhp_main2 .C ul li .my_word .my_box {
		box-shadow: none;
		display: block;
	}
	.zhp_main2 .C ul li .my_word span {
		display: block !important;
		float: none !important;
		height: auto !important;
		line-height: 26px !important;
		padding: 7px 10px !important;
	}
	.zhp_main2 .C .my_fr {
		position: static;
		margin-top: 20px !important;
	}
	.zhp_main2 .C .my_fr ul li {
		margin-left: 0;
	}
	.zhp_main2 .C {
		height: auto;
	}
	.zhp_main3 ul li {
		position: relative !important;
	}
	.zhp_main3 , .zhp_main4 {
		padding-bottom: 0;
	}
	.zhp_main4 .C {
		height: auto;
	}
	.zhp_main5 .T .title {
		font-size:34px;
	}
	.zhp_main5 .C {
		height: auto;
		background-size: cover;
		padding: 40px 0 30px 0;
	}
	.zhp_main5 .C ul li {
		padding-left: 0;
		background: none;
	}
	.zhp_main5 .C ul li .my_img {
		width: 80% !important;
		margin: 0 auto;
	}
}
@media (max-width:320px){

}
