body {font-size: 16px; line-height: 24px; font-family:"微软雅黑"; color: #333333; background:#fff;}
*{ margin:0; padding:0;}
a {text-decoration:none;color: #333333;}
a:hover {text-decoration: none; color:#D01022; }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}

.container{ width:1200px; margin:0 auto;}

.banner{ width:100%; height:1080px; background:url(banner.png) no-repeat top; text-align: center; }
.banner1{ width: 436px; height: 81px; text-align: center; margin:-960px auto 60px auto;}
.banner2{ width: 1002px; height: 112px; text-align: center; margin:0 auto 40px auto;}
.banner3{ width: 500px; height: 48px; text-align: center; margin:0 auto 60px auto;}




.nav_1{ width: 1210px; margin: 0 auto 80px auto; }
.nav_1left{ float:left;width: 585px; height: 370px; border: 10px solid; border-image: linear-gradient(180deg, rgba(255, 235, 130, 1), rgba(255, 210, 75, 1)) 10 10; margin-top: 90px;} 



.nav_img dl{ float:left;width: 585px;height: 370px; position:relative;}
.nav_img dl img{width: 585px;height: 370px; z-index:1; position:absolute; top:0; }
.nav_img dl dt{background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);width:555px; height: 57px; padding:30px 15px 0 15px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:18px; }

.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ width:8px; height:8px; filter: alpha(opacity=100); opacity: 1.0;background:rgba(255, 255, 255, 0.5);}
.focusBox1 .swiper-pagination-bullet-active{background:#fff;}
.focusBox1 .swiper-pagination-bullets{ bottom:10px; left: 38%; }


.icon_0{ height: 191px; overflow: hidden; }
.nav_1right{ float:right; width:605px;}
.nav_1right ul{background:url(bg1.png) no-repeat top; height: 222px; padding: 30px 40px; line-height: 40px;}
.nav_1right ul li{border-bottom: 1px dashed #C0C0C0;}
.nav_1right ul li em{width: 6px; height: 6px; background: #D01022; border-radius: 1px; display: block; float: left; margin: 17px 10px 0 0;}


.icon_1{ text-align: center; width: 100%;  margin-bottom: 40px;}

.nav_2{ width: 1210px; margin: 0 auto 90px auto; }
.nav_2left { width: 550px; float: left; }
.nav_2left dl{border-bottom: 1px dashed #C0C0C0; padding-bottom: 15px;}
.nav_2left dl dt{font-weight: bold; font-size: 24px; line-height: 36px;} 
.nav_2left dl dd{color: #595959; line-height: 28px; font-size: 14px;}

.nav_2left ul{ line-height: 40px;}
.nav_2left ul li{border-bottom: 1px dashed #C0C0C0;}
.nav_2left ul li em{width: 6px; height: 6px; background: #D01022; border-radius: 1px; display: block; float: left; margin: 17px 10px 0 0;}

.bgbg_1{ width: 100%;  background: url(bgbg1.png) bottom no-repeat;}

.nav_2right{ float: right; width: 585px;height: 370px;}


.icon_2{ text-align: left; width: 100%; margin-bottom: 30px;}

.nav_3{ width: 1200px; height: 685px; margin: 0 auto 90px auto; background: url(Rectangle.png) no-repeat top; padding:60px 50px; }
.nav_3left{ float: left;width: 585px; }

.nav_img2 dl{ float:left;width: 565px;height: 318px; position:relative;}
.nav_img2 dl img{width: 565px;height: 318px; z-index:1; position:absolute; top:0; }
.nav_img2 dl dt{background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);width:535px; height: 57px; padding:30px 15px 0 15px; position:absolute; z-index:9; bottom:0; color:#fff; font-size:18px; }

.nav_3left ul{ line-height: 40px; margin-top: 20px;}
.nav_3left ul li{border-bottom: 1px dashed #C0C0C0;}
.nav_3left ul li em{width: 6px; height: 6px; background: #D01022; border-radius: 1px; display: block; float: left; margin: 17px 10px 0 0;}




.nav_3right{ width: 565px; float: right; }
.nav_3right dl{width: 545px;padding-right: 20px;height: 158px;background: linear-gradient(270deg, rgba(231,238,247,0.25) 0%, #F0F7FF 100%);}
.nav_3right dl img{ float: left; width: 280px;height: 158px; }
.nav_3right dl dt{ padding: 15px 0 5px 0; float: right; width: 240px;font-weight: bold;font-size: 14px;line-height: 20px;}
.nav_3right dl dd{ float: right; width: 240px;
color: #595959;font-size: 14px;line-height: 20px;}
.nav_3right ul{ line-height: 60px; margin-top: 20px;}
.nav_3right ul li{ padding: 0 20px;
height: 60px;
background: linear-gradient(270deg, rgba(231,238,247,0.25) 0%, #F0F7FF 100%); margin-bottom: 20px;}
.nav_3right ul li em{width: 3px; height: 3px; background: #D01022; border-radius: 1.5px; display: block; float: left; margin: 28px 10px 0 0;}



.nav_4bg{ width: 100%; background: url(bgbg4.png) bottom no-repeat; height: 606px; margin-bottom: 50px; }
.nav_4{ width: 1320px;height: 442px;  margin:0 auto 50px auto; }
.nav_4 dl{ width: 320px; height: 392px; padding: 20px; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255,255,255,0) 100%); box-shadow: 8px 8px 20px 0px rgba(0,0,0,0.2); overflow: hidden; } 
.nav_4 dl img{width: 320px; height: 180px; margin-bottom: 10px;} 
.nav_4 dl dt{ background: url(btn4.png) top left no-repeat; padding-top: 60px;font-weight: bold; color: #333333; line-height: 24px; font-size: 16px;}
.nav_4 dl dd{font-size: 14px; font-weight: 400; color: #595959; line-height: 28px;}

.pvcbox2{ width:1250px; margin: auto; padding: 40px 70px 75px 68px; }
.pvcbox2 .swiper-button-next{ position:absolute;width:64px;height: 400px;z-index: 10;cursor: pointer;background: url(right.png) no-repeat center;top:10%; right: 0; }
.pvcbox2 .swiper-button-prev{ position:absolute; width:64px;height: 400px;z-index: 10;cursor: pointer;background: url(left.png) no-repeat center;top:10%; left: 0; }
.pvcbox2 .swiper-pagination-bullet{ width:12px; height:12px; filter: alpha(opacity=100); opacity: 1.0;
background: #D8D8D8;}
.pvcbox2 .swiper-pagination-bullet-active{background:#CF3A3B;}
.pvcbox2 .swiper-pagination-bullets{ bottom:0;}

.pvcbox2 .swiper-slide {
	  transform: scale(0.95);
    }
.pvcbox2 .swiper-slide-active,.pvcbox2 .swiper-slide-duplicate-active{
      transform: scale(1);
	}

.nav_5{ width: 1200px; margin:0 auto 50px auto; }
.nav_5 .n5_img{ float: left; width: 380px; height: 410px;text-align: center; margin:0 30px 50px 0;}
.nav_5 .n5_img:nth-child(3n){ float: right; margin: 0; }
.nav_5 .n5_img dl{ color: #fff; width: 340px;
height: 170px; padding: 25px 20px;
background: linear-gradient(180deg, #C54B52 0%, #CF3A3B 100%); overflow: hidden;text-align: left; } 
.nav_5 .n5_img img{width: 340px; height: 190px;} 
.nav_5 .n5_img dl dt{ background: url(btn5.png) top left no-repeat; padding-top: 40px;font-weight: bold;  line-height: 24px; font-size: 16px;}
.nav_5 .n5_img dl dd{font-size: 14px; font-weight: 400;line-height: 28px;}

.nav_5 ul{ line-height: 60px; margin-top: 20px;}
.nav_5 ul li{ width: 550px; float: left; padding: 0 20px;
height: 60px;
background: linear-gradient(270deg, rgba(231,238,247,0.25) 0%, #F0F7FF 100%); margin-bottom: 20px;}
.nav_5 ul li:nth-child(2n){ float: right; }

.nav_5 ul li em{width: 3px; height: 3px; background: #D01022; border-radius: 1.5px; display: block; float: left; margin: 28px 10px 0 0;}




.bottombg{ width:100%; height:120px; text-align: center; background:#CF3A3B url(kmcn_bg.png) no-repeat center;}
.bottom_sbj{ display:none;}
.tt{ display: block; background:#fff;}



@media only screen and (max-width: 540px){
body { background-image:none; font-size:1em; line-height:1.4em; background:#fff;}
.allcontainer{ max-width: 540px; margin: 0 auto;}
.container{ width:100%; padding:0;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}


.banner{ width:100%; height: 19rem; background-size: cover; margin: 0;}
.banner1{ width: 80%; height: auto; margin:-14rem auto 0.5rem auto;}
.banner2{ width: 80%; height: auto; margin:0 auto 0.5rem auto;}
.banner3{width: 80%; height: auto; margin:0 auto 3rem auto;}




.nav_1{ width: 100%; margin: 0 auto 8% auto; }
.nav_1left{ ;width:90%; height: 220px; margin:0 0 8% 2%; } 

.nav_img dl{width: 100%; height: 220px;  }
.nav_img dl img{width: 100%;height: 220px;}
.nav_img dl dt{ line-height: 1.2rem; width:90%; padding:10% 5% 1% 5%;  font-size:1rem; }


.focusBox1 {}
.focusBox1 .swiper-pagination-bullet{ }
.focusBox1 .swiper-pagination-bullet-active{}
.focusBox1 .swiper-pagination-bullets{ }


.icon_0{ width: 100%; height: auto; }
.nav_1right{ float:left; width:100%;}
.nav_1right ul{height: auto; padding: 5%; line-height: 2rem; overflow: hidden;}
.nav_1right ul li{ overflow: hidden ; height: 2rem; }
.nav_1right ul li em{margin: 0.9rem 10px 0 0;}


.icon_1{ margin-bottom: 4%;}

.nav_2{ width: 90%; margin: 0 auto 9% auto; }
.nav_2left { width:100%; }
.nav_2left dl{padding-bottom: 5%;}
.nav_2left dl dt{ font-size:1.1em; line-height: 1.4em} 
.nav_2left dl dd{line-height: 1.4em; font-size: 0.9rem;}

.nav_2left ul{ line-height: 40px;}
.nav_2left ul li{ display: block; overflow: hidden; height: 40px; display: block; }
.nav_2left ul li em{}

.bgbg_1{}

.nav_2right{ float: left; width: 100%;height: auto;}


.icon_2{margin-bottom:5%;}

.nav_3{ width: 88%; height: auto; margin: 0 auto 9% auto;  padding:5% 4%;  background-size: cover;}
.nav_3left{width:100%; margin-bottom: 10%; }

.nav_img2 dl{width:100%;height:190px;}
.nav_img2 dl img{width: 100%;height: 190px;  }
.nav_img2 dl dt{width:90%; padding:5%; height: auto; font-size:1rem; }

.nav_3left ul{ line-height: 40px; margin-top: 2%;}
.nav_3left ul li{ height: 40px; overflow: hidden; display: block; }
.nav_3left ul li em{}




.nav_3right{ width: 100%; float: left; }
.nav_3right dl{width:100%;padding-right: 0;height:320px; overflow: inherit;}
.nav_3right dl img{width:100%; height: auto; }
.nav_3right dl dt{ width:90%; padding: 5% 5% 2% 5%;}
.nav_3right dl dd{ width: 90%; padding: 0 5%;}
.nav_3right ul{ line-height: 40px; margin-top: 10px;}
.nav_3right ul li{ padding: 0 10px;
height: 40px; overflow: hidden; display: block; margin-bottom: 10px;}
.nav_3right ul li em{ margin: 18px 10px 0 0;}



.nav_4bg{ width: 100%; height: auto; margin-bottom: 5%; background-size: cover; }

.nav_4{ width: 100%;height: auto;  margin:0 auto 5% auto; padding-bottom: 5%; }
.nav_4 dl{ width: 90%; height: 392px; padding: 5%; } 
.nav_4 dl img{width: 320px; height: 180px; margin-bottom: 10px;} 
.nav_4 dl dt{}
.nav_4 dl dd{}

.pvcbox2{ width:80%; margin: auto; padding: 5% 8% 15% 8%; }
.pvcbox2 .swiper-button-next{ position:absolute;width:34px;height: 400px;z }
.pvcbox2 .swiper-button-prev{ position:absolute; width:34px;height: 400px; }
.pvcbox2 .swiper-pagination-bullet{}
.pvcbox2 .swiper-pagination-bullet-active{}
.pvcbox2 .swiper-pagination-bullets{ }

.pvcbox2 .swiper-slide {
	  transform: scale(0.95);
    }
.pvcbox2 .swiper-slide-active,.pvcbox2 .swiper-slide-duplicate-active{
      transform: scale(1);
	}

.nav_5{ width: 100%; margin:0 auto 5% auto; }
.nav_5 .n5_img{ width:100%; margin: 0 0 5% 0; height: auto; }
.nav_5 .n5_img:nth-child(3n){ float: left; margin: 0; }
.nav_5 .n5_img dl{ width:90%;
height: auto; padding:5%;} 
.nav_5 .n5_img img{width:90%; height: auto;} 
.nav_5 .n5_img dl dt{ }
.nav_5 .n5_img dl dd{}

.nav_5 ul{ line-height: 40px; margin-top: 10px;}
.nav_5 ul li{ width: 90%; padding: 0 5%;
height: 40px; overflow: hidden; display: block;margin-bottom: 10px;}
.nav_5 ul li:nth-child(2n){ float: left; }

.nav_5 ul li em{ margin: 18px 10px 0 0;}






.bottom_sbj{ width:100%; display:block; text-align:center; background:#333; color:#ddd; line-height:3.5em;}
.bottom_sbj a{ color:#ddd;}
.tt{ display: none; }
}