/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none; box-sizing: border-box;}
body{ font-size:12px;font-family:'Microsoft YaHei'; color:#666;}
a{color:#666;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 1600px; margin:0 auto;}




.head{ width: 100%; background-color: #Fff; padding: 0 40px;}
.head{ display: flex; justify-content: space-between; align-items: center;}
.logo{ /*width: 200px;*/}
.logo img{ width: 100%; display: block;}
.menu ul li{ line-height: 85px; padding: 0 20px; }
.menu ul li a{ font-size: 14px; font-weight: 500; color: #000;}
.menu ul li:hover {background: #ccc;}
.menu ul { display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.link a{ display: block; width: 120px; line-height: 45px; border-radius: 10px; text-align: center; color: #fff; background-image: url(../images/bg1.png); background-repeat: no-repeat; background-size: cover; font-size: 14px;}

   .sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%; display: none;}
   .sp_logo{padding:10px;float:left;height:50px}
   .sp_logo img{margin:auto;max-height:30px;}
   .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
   .sp_nav span{display:block;background:#c9141e;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:9;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;}
   .nav_show{top:50px}
   .sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
   .sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
   .sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
   .sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
   .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:40px;font-size:14px}
   .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
   .sjj_nav ul li ul{display:none}
   .sjj_nav ul li a{color:#666;width:80%}
   .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
   .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
   .sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
   .sjj_nav ul li ul li>ul{margin-left:10px}
   .con{ width: 100%; padding: 100px 0;}
   
   .con1{ width: 100%; padding: 60px;}
   .bt{ width: 100%; margin-bottom: 20px;}
   .bt h1{ font-size: 26px; font-weight: bold;}
   .con1 .nr{ font-size: 16px; margin-bottom: 20px;}
   .btns1{ padding: 8px 30px; background-color: #101828; text-align: center; font-size: 12px; color: #Fff; display: inline-block; border-radius: 10px;}
   
   .con2{ width: 100%; padding: 0 0;}
   .bt h2{ font-size: 30px; text-align: center; padding: 30px 0;}
   .con2 ul li{ width: calc(100% / 2);float: left; position: relative;}
   .con2 ul li img{ width: 100%; display: block;}
   .c2wz{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;  padding:40px;}
   .c2wz h2{ font-size: 30px; color: #000; padding: 15px 0; position: relative; background-color: transparent; margin-bottom: 10px;}
   .c2wz h2:before{ width: 0; height: 3px; background-color: #fff; position: absolute; bottom: 0; left: 0; content: "";}
   .c2wz p{ font-size: 12px; opacity: 0;}
   .con2 ul li:hover .c2wz{background-color: rgba(255, 255, 255, 0.5); transition: all 0.5s;}
   .con2 ul li:hover .c2wz h2:before{ width: 100%; transition: all 0.5s;}
   .con2 ul li:hover .c2wz p{ opacity: 1;transition: all 0.5s;}
   
   .con3{ width: 100%; padding: 60px 0; }
   .con3 ul li{ width: calc((100% - 120px)/3); margin-right: 60px; margin-bottom: 60px; float: left;}
   .con3 ul li:nth-child(3n){ margin-right: 0;}
   .con3 ul li img{ width: 100%; display: block;border-radius: 10px;background: #666;padding: 1.5px;}
   .c3nr p{ font-size: 16px;    margin-top: 25px;}
   
   .contact{ width: 100%; padding: 30px 0; }
   .contact ul{ display: flex; justify-content: center;}
   .contact ul li { margin: 0 10px; font-size: 20px; font-size: 16px;}
   .contact ul li a{display: flex; align-items: center;}
   
   .ysjcon{ width: 100%; padding: 30px 0; }
   .ysjcon ul li{ width: calc((100% - 40px)/3); float: left; margin-right: 20px; margin-bottom: 20px; float: left;}
   .ysjcon ul li:nth-child(3n){ margin-right: 0;}
   .ysjcon ul li img{ width: 100%; display: block;}
   .ysjcon ul li h1{ font-size: 16px; line-height: 35px; background-color: #F0F0F0; text-align: center;}
   
   
   .foot{ width: 100%; background-color: #0E0E0E; text-align: center; color: #fff; padding: 15px 0;}
   
   @media screen and (max-width:768px){
	   .con{ padding: 20px 0;}
	.head{ display: none;}
  .sp_header{ display: block;}
  .nv{ height: 50px;}
	.con3 ul li {
	 width:100%; margin-right:0; margin-bottom:20px
	}
	.wapper {
	 width:95%
	}
	.con2 ul li {
		width: 100%;
		float: left;
		position: relative;
		margin-bottom: 20px;
	}
	.c2wz {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		padding: 10px;
	}
		.c2wz p {
			font-size: 12px;
			opacity: 1;
			color: #000;
		}
	.con1 {
		width: 100%;
		padding: 10px;
	}
	.bt h2 {
		font-size: 30px;
		text-align: center;
		padding: 10px 0;
	}
	.contact ul li img {
		width: 40px;
		margin-right: 10px;
	}
	.contact ul {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
		.contact ul li {
			margin: 0 10px;
			font-size: 20px;
			font-size: 16px;
			width: 50%;
			margin: 10px 0;
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
		}
   }