/*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;}
body{ font-size:12px; font-family:' '; color:#333;}
a{ color:#666;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 1400px; margin:0 auto;}
.wapper1{ width:100%; max-width: 1200px; margin:0 auto;}
.wapper2{ width:100%; max-width: 1000px; margin:0 auto;}
input,textarea,select{outline:none}
.menu ul li{ position: relative; line-height: 80px; text-align: center; padding: 0 20px; display: inline-block;}
.logo{ width: 15%;  float: left;}
.logo img{ width: 100%;}
.menu{ float: right;}
.menu ul li a{ font-size: 14px;}
.menu ul li dl{ position: absolute; top: 100%; left: 0; width: 150%; background-color: #FFFFFF; z-index: 999; display: none; border-top: 2px solid #E74C3C;}
.menu ul li dl dd{ line-height: 35px;}
.menu ul li:hover dl{ display: block;}
.head .wapper{ display: flex; justify-content: space-between; align-items: center;}

	 
	 .ban a{ color: #FFFFFF;}
	 
	 
	 
	 .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}

	.con1{ padding: 60px 0;}
	.con1 h1{ display: flex; justify-content: center; font-size: 80px; align-items: center; margin-bottom: 30px;color: #ED7600;}
	.con1 img{ width: 90px; height: 90px; margin: 0 15px; object-fit: cover; border-radius: 50%;}
	.con1 ul { display: flex; justify-content: center; margin-bottom: 40px;}
	.con1 ul li{ padding: 0 30px; font-size: 42px; color: #044B95; font-weight: bold;}
	.c1nr{ width: 60%; margin: 0 auto; }
	.c1nr p{ font-size: 24px; text-align: center;}

	 .lf{ float: left;}
	 .rt{ float: right;}
	 .con2{ padding: 60px 0;}
	 .c2tlt{ width: 60%;}
	 .c2pic{ width: 38%;}
	 .c2pic img{ width: 100%;}
	 .c2tlt p{ font-size: 24px; margin-top: 10px;}
	 .c2tlt h1{ margin-top: 30px;}
	 .c2item{ margin-bottom: 40px;}
	 .c2item h2{ font-size: 68px; text-align: center; color: #E6E6E6; margin-bottom: 20px;}

.foot {
    background-color: #ff8e01;
    padding: 60px 0;
}
	 .footlogo{ width: 40%; margin: 0 auto;}
	 .footlogo img{ width: 100%;}
	 .footerm {width: 100%; max-width: 650px; margin: 0 auto;  margin-bottom: 40px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.footrx li {
width:100%;
}
.erm {
    width: 30%;
}
	  .erm img{ width: 100%;}
	  .erm p{ text-align: center; color: #FFFFFF; font-size: 18px; font-weight: bold;}
	  
	  .footrx ul{width: 100%; max-width: 750px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
	  .footrx ul li{}
	   .footrx ul li p{ color: #FFFFFF; text-align: center; font-size: 16px;}
	  .footbottm p{ text-align: center; line-height: 100px;}
	  
	  .nybanner{ width: 100%;}
	  .nybanner img{ width: 100%; display: block;}
	  .con14bg{width: 100%;height: 150px;background: #007db8; color: #fff;}
	  .con14{height: 150px;}
	  .mumping_mun li{width: 28%; float:left; margin: 30px auto;}
	  .mumping_mun p{font-size: 20px;width: 100%;display: block;clear: both;}
	  .mumping_mun h2{font-size: 35px;font-weight: normal;float: left;margin-right: 10px;}
	  .aboutnr{ padding: 60px 0;}
	  .aboutlt{ margin: 0 auto; width: 100%; max-width: 650px;}
	  .aboutcon p{ font-size: 26px; color: #FFf;}
	  
	  .more{ text-align:center; margin-top:20px;}
	  .more a{ display:inline-block; padding: 6px 50px;-webkit-transition: all .5s cubic-bezier(.215,.61,.355,1) 0s;transition: all .5s cubic-bezier(.215,.61,.355,1) 0s;border: #999999 1px solid;color: #999999;font-size:14px;}
	  .more a:hover{ background:#000; color:#fff; border:1px solid #000; }
	  .more1{ overflow:hidden; margin-top:30px;}
	  .more1 a{border: 1px solid #999;color: #999; display:block;width: 110px;text-align: center;border-radius: 6px;float: right; height:34px; line-height:34px;}
	  
	  .topnv{ background-color: #054B96; padding: 30px 0;}
	  .topnv ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
	  .topnv ul li{ position: relative; width: 28%; font-size: 42px; color: #fff; text-align: center; padding: 0 25px;}
	  .topnv ul li::after{ width: 2px; height: 60px; background-color: #FFFFFF; position: absolute; top: 50%; right: 0; transform: translateY(-50%); content: "";}
	  .topnv ul li:nth-child(3)::after{ display: none;}
	  .joinlist{ padding: 60px 0;}
	  .joinlist ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
	  .joinlist ul li{ width: 48%; margin-bottom: 30px;}
	  .joinlist ul li h1{ font-size: 28px; color: #ED7600; border-bottom: 2px solid #DDDDDD; padding-bottom: 5px; width: auto; display: inline-block; font-weight: normal;}
	  .joinlist ul li p{ font-size: 24px; color: #000; border-bottom: 2px solid #DDDDDD; padding-bottom: 5px; width: auto; display: inline-block; font-weight: normal;}
	  .jonpic{ width: 100%; display: flex; justify-content: space-between;  flex-wrap: wrap;}
	  .joinpic{ width: 48%;}
	   .joinpic img{ width: 100%;}
	   .news{ padding: 60px 0;}
	   .news ul li{ margin: 15px 0; padding: 10px 0;}
	   .news ul li h1{ margin: 5px 0;}
	   .news ul li p{ margin: 5px 0;}
	   .news ul li h2{ font-size: 14px;}
	   .messagelf{ width: 40%; float: left;}
	   .messagelf img{ width: 100%; display: block;}
	   .messagelf p{ font-size: 24px;}
	   .messagert{ width: 40%; float: right;	}
	   .messagert img{ width: 100%; display: block;}
	   .iputitem{ margin-bottom: 20px;}
	   .iputitem label{ font-size: 16px;}
		.iputitem span{ color: #E74C3C;}
	   .iputitem input{ line-height: 30px; width: 100%; padding: 4px 0; border-bottom: 1px solid #000000; margin-top: 10px;}
	   .iputitem textarea{ height: 90px; width: 100%; padding: 4px 0; border: 0; border-bottom: 1px solid #000000; margin-top: 10px;}
	   .btnn{ width: 95px; height: 50px; text-align: center; line-height: 50px; color: #FFFFFF; background-color: #FF6A00;  border-radius: 5px; float: right;}
	  .messages{ width: 100%; padding: 60px 0;}
	  .indse{ padding: 60px 0;}
	  @media(max-width:768px){
	  	.head{ display: none;}
	  	.sp_header{ display: block;}
	  	.nv{ height: 50px;}
		.con1{ padding: 10px;}
	  .con1 h1 {
	      display: flex;
	      justify-content: center;
	      font-size: 24px;
	      align-items: center;
	      margin-bottom: 10px;
	      color: #ED7600;
	  }
	  .con1 img {
	      width: 35px;
	      height: 35px;
	      margin: 0 15px;
	      object-fit: cover;
	      border-radius: 50%;
	  }
	  .con1 ul li {
	      padding: 0 10px;
	      font-size: 14px;
	      color: #044B95;
	      font-weight: bold;
	  }
	  .con1 ul {
	      display: flex;
	      justify-content: center;
	      margin-bottom: 10px;
	  }
	  
	.c1nr p {
	    font-size: 14px;
	    text-align: center;
	}
	  .c1nr {
	      width: 85%;
	      margin: 0 auto;
	  }
	  .con2{ padding: 10px 0;}
	   .c2tlt{ width: 100%;}
	   .c2tlt img{ width: 100%;}
	   .c2tlt p{ font-size: 14px; width: 90%; margin: 0 auto;}
	   .c2tlt h1{ font-size: 14px; width: 90%; margin: 0 auto;}
	   .lf{ float: none;}
	   .rt{ float: none;}
	   .c2pic{ margin: 0 auto;}
	   .c2item h2 {
	       font-size: 30px;
	       text-align: center;
	       color: #E6E6E6;
	       margin-bottom: 10px;
	   }
	   .c2item {
	       margin-bottom: 10px;
	   }
	   .erm {
	       width: 60%;
	       margin: 10px auto;
	   }
	   .footrx ul li{ width: 100%;}
	   .messagelf {
	       width: 100%;
	       float: left;
	   }
	   .wapper2 {
	       width: 95%;
	       max-width: 1000px;
	       margin: 0 auto;
	   }
	   .messagert {
	       width: 100%;
	       float: right;
	   }
	   .con14bg {
    width: 100%;
    height: auto;
    background: #007db8;
    color: #fff;
}
.con14 {
    height: auto;
}
.mumping_mun li {
    width: 90%;
    float: none;
    margin: 0 auto;
    padding: 10px 0;
}
.mumping_mun h2 {
    font-size: 22px;
    font-weight: normal;
    float: left;
    margin-right: 10px;
}
.mumping_mun p {
    font-size: 18px;
    width: 100%;
    display: block;
    clear: both;
}
.aboutnr{ background-image:none !important;     padding: 10px 0;    background-color: #FF8E00;}
.aboutlt img{ width:100%}
.aboutcon{    width: 95%;
    margin: 0 auto;}
	.aboutcon p {
    font-size: 14px;
    color: #FFf;
}
.topnv ul li {
    position: relative;
    width: 100%;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 0 10px;
}
.joinlist ul li {
    width: 96%;
    
    margin: 0 auto;
	margin-bottom: 10px;
}
	   }
	   