/*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:16px; 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: 1280px; margin:0 auto;}
input,textarea,select{outline:none}
.menu ul li{ position: relative; line-height: 80px; text-align: center; padding: 0 37px; display: inline-block;}
.logo{ width: 15%;  float: left;}
.logo img{ width: 100%;}
.menu{ float: right;}
.menu ul li a{ font-size: 16px;}
.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;}
/*common end*/
.fenxiang{ padding: 60px 0;}
.fenxiang ul{ display: flex; justify-content: space-between;}
.fenxiang ul li{ line-height: 55px; text-align: center; width: 48%; border: #254194 1px solid;}
.fenxiang ul li a{ font-size: 18px; color: #254194;    letter-spacing: 3px;}

.con1{ padding: 40px 0;}
.c1lf{ width: 49%; float: left;}
.c1lf h1{ font-size: 34px; margin-bottom: 40px;font-weight: normal;}
.c1lf p{ font-size: 15px; margin-bottom: 20px;    line-height: 30px;}
.btn1{ width: 200px; line-height: 45px; border: 1px solid #254194; color: #254194 ; text-align: center;font-size: 16px;}
.c1rt{ width: 49%; float: right; overflow: hidden;}
 .c1rt img{ width: 100%;}
 .c1rt:hover img{ transform: scale(1.1); transition: all 0.5s;}
 img{max-width:100%}  
  .bt{ margin-bottom: 40px;}
 .con2{ padding: 60px 0; background-color: #F8F8F8;}
 .bt h1{ font-size: 34px; text-align: center;font-weight: normal;}
 .c2nr{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
 .c2lf{ width: 33.333%;}
 .c2pic1 img{ width: 100%; height: 100%; object-fit: cover;}
 .c2pic1{ position: relative; height: 1000px; overflow: hidden;}
 .c2rt{ width: 66.666%;}
 .c2bg{ position: absolute; top: 88%; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
 .c2bg h2{ font-size: 22px; color: #FFFFFF; text-align: center;font-weight: normal;}
 .c2bg p{ font-size: 16px; color: #FFFFFF; text-align: center;}
 .c2pic1:hover .c2bg{ top: 0; transition: all 0.5s; }
  .c2pic1:hover p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
  .c2rt ul{ display: flex; flex-wrap: wrap;}
  .c2rt ul li{ width: 50%;}
  .c2pic2 img{ width: 100%; height: 100%; object-fit: cover;}
  .c2pic2{ position: relative; height: 500px; overflow: hidden;}
  .c2rt ul{ display: flex; flex-wrap: wrap;}
  .c2pic2:hover .c2bg{ top: 0; transition: all 0.5s; }
  .c2pic2:hover p{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);width: 90%;}  
  .btn2{ margin: 30px auto; width: 200px; line-height: 45px; border: 1px solid #254194; color: #254194 ; text-align: center;    font-size: 16px;}
  
  .con3{ padding: 60px 0;}
    .con3 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
  .con3 ul li{ width: 33%;}
  .con3 ul li img{ width: 80px; height: 80px; object-fit: contain; display: block; margin: 0 auto; margin-bottom: 20px;}
    .con3 ul li p{ width: 95%; margin: 0 auto; text-align: center;font-size: 15px;}
	
	.con4{ background-image: url(../images/home-bg4.jpg);  min-height: 230px;}
	.con4 .wapper{display: flex; padding: 60px 0; justify-content: center;align-items: center;}
	.c4nr h1{ font-size: 30px; color: #FFFFFF; text-align: center; margin-bottom: 20px; font-weight: normal;}
	.c4nr p{ font-size: 15px; color: #FFFFFF; text-align: center; margin-bottom: 20px; display: block;}
	.btn5{ width: 180px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #fff; margin: 40px auto; color: #FFFFFF;     font-size: 16px;}
	
	.con5{ padding: 0 0; display: flex; justify-content: space-between;flex-wrap: wrap;}
	.c5lf{ width: 50%;}
	.c5lf h1{ font-size: 34px; margin-bottom: 20px; font-weight: normal;}
	.c5lf ul{}
	.c5pic{ width: 20%;}
	.c5pic img{ width: 100%;}
	.c5nr{ width: 78%;}
	.c5lf ul li{display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; width: 100%;}
	.c5nr h2{ font-size: 15px; margin-bottom: 10px; font-weight: normal; color: #254194;}
	.c5nr p{ font-size: 14px; line-height: 2.5;}
	
	.c5rt{ width: 50%; background-color: #F8F8F8;}
	.pd60{ padding: 60px;}
	.c5rt h1{ font-size: 34px; margin-bottom: 20px; font-weight: normal;}
	.c5rt h3{ font-size: 15px; color: #7E8890; font-weight: normal; margin-bottom: 15px;}
	 .c5rt p {
	     margin-top: 0;
	     margin-bottom: 20px;
	 }
	 .wpcf7-text {
	     float: none!important;
	     width: 100%!important;
	     box-sizing: border-box;
		 height: 47px;
		 text-indent: 1rem;
		     font-size: 13px;
			 border: 1px solid #d2d2d2;
	 }
	 .wpcf7-text1 {
	     float: none!important;
	     width: 100%!important;
	     box-sizing: border-box;
	 		 height: 90px;
	 		 text-indent: 1rem;
			 padding-top: 10px;
	 		     font-size: 13px;
	 			 border: 1px solid #d2d2d2;
	 }
	 
	 .wpcf7-submit{
		 width: 100px;
		 height: 45px;
		 font-size: 16px;
		 border: 1px solid #007AFF; text-align: center; line-height: 45px;
		 color: #007AFF;
			letter-spacing: 3px;
	 }
	 .btn3{ width: 180px; height: 45px; text-align: center; line-height: 40px; border: 1px solid #007AFF; margin: 40px auto; color: #007AFF;  float: right;}
	 
	 .con6{} 
	 .con6{display: flex; justify-content: center; align-items: center;}
	 .c6nr h1{ font-size: 34px; color: #fff; text-align: center; margin-bottom: 60px; font-weight: normal;}
	 .c6nr p{ text-align: center; font-size: 15px; color: #FFFFFF;}
	 .btn4{ width: 145PX; height: 45px; text-align: center; line-height: 45px; border: 1px solid #fff; color: #FFFFFF; font-size: 14px; background-color: #F09A3E; margin: 30px auto;}
	 
	 .foot { background-color: #00122B; padding: 60px 0; text-align: center;}
	 .ban a{ color: #FFFFFF;}
	 .foot ul{ margin-top: 40px; text-align: center;}
	 .foot ul li{ padding: 0 10px; display: inline-block;}
	 
	 .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}
	
	.nybanner{ position: relative;}
	 .nybannertlt{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	  .nybannertlt h1{ font-size: 40px; color: #fff; font-weight: normal;}
	    .nybannertlt p{ font-size: 15px; text-align: center; color: #FFFFFF;}
		.aboutcon{ padding: 60px 0;}
	.aboutlf{ width: 70%; float: left;}
	.aboutrt{ width: 25%; float: right;}
	.aboutrt h1{ font-size: 20px; margin-bottom: 18px; color: #333333; font-weight: normal;}
	.aboutrt dl{ margin: 20px 0;}
	.aboutrt dl dd{ line-height: 30px; margin-bottom: 10px; }
	.aboutrt dl dd a{ font-size: 14px;}
	.nybanner { position: relative;}
	.nybanner img{ width: 100%;    background-color: #2c2f39;}
	.c5pic{ width: 20%;}
		.c5pic img{ width: 100%;}
		.c5nr{ width: 78%;}
		.newslist ul li{display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px; width: 100%;}
		.c5nr h2{ font-size: 15px; margin-bottom: 10px; font-weight: normal; color: #254194;}
		.c5nr p{ font-size: 14px; line-height: 22px;}
		
		.contactus{ width: 100%;}
		.contactus ul li{ line-height: 50px;  text-indent: 1rem; font-size: 14px; position: relative; cursor: pointer; border: 1px solid #DDDDDD; margin-bottom: 15px;}
		.contactus ul li h1{padding-left: 50px;  font-size: 14px; font-weight: normal;}
		.topen{background-image: url(../images/jia1.png); background-position: center; background-repeat: no-repeat; width: 50px; height: 50px; position: absolute; top: 0 ; left: 0; }
		.topen.close{ background-image: url(../images/jian.png);}
		.tshow{ padding-bottom: 20px; display: none;}
		.tshow p{ padding-left: 20px; text-indent: 0; }
		.join{ padding: 60px 0;}
		.joinnr p{ font-size: 14px; line-height: 2;}
		
		.joinlf{ width: 48%; float: left;}
		.joinlf h3{ font-size: 24px; margin: 30px 0;}
		.joinlf p{ margin-bottom: 20px; font-size: 15px;}
		.joinrt{ width: 50%; float: right;}
		.joinus ul li{ line-height: 50px;  text-indent: 1rem; font-size: 14px; position: relative; cursor: pointer; margin-bottom: 15px;}
		.joinus ul li h1{padding-left: 50px;  font-size: 14px; font-weight: normal;}
	 @media(max-width:768px){
		.head{ display: none;}
		.sp_header{ display: block;}
		.nv{ height: 50px;}
	 .fenxiang {
	     padding: 30px 0;
	 }
	 
	 .fenxiang ul {
	     display: flex;
	     justify-content: center;
	     flex-wrap: wrap;
	 }
	 .fenxiang ul li {
	     line-height: 35px;
	     text-align: center;
	     width: 85%;
	     margin: 5px 0;
	     border: #254194 1px solid;
	 }
	 .fenxiang ul li a {
	     font-size: 16px;
	     color: #254194;
	 }
	 .con1 {
	     padding: 10px 0;
	 }
	 .c1lf {
	     width: 100%;
	     float: left;
		 margin-bottom: 20px;
	 }
	 .wapper {
	     width: 90%;
	     max-width: 1280px;
	     margin: 0 auto;
	 }
	 .btn1 {
	     width: 160px;
	     line-height: 35px;
	     border: 1px solid #254194;
	     color: #254194;
	     text-align: center;
	 }
	 
	 .c1rt {
	     width: 100%;
	     float: right;
	     overflow: hidden;
	 }
	 .con2 {
	     padding: 10px 0;
	     background-color: #F8F8F8;
	 }
	 .bt {
	     margin-bottom: 20px;
	 }
	 .bt h1 {
	     font-size: 16px;
	     text-align: center;
	 }
	 .c2nr {
	     width: 100%;
	     display: flex;
	     justify-content: space-between;
	     flex-wrap: wrap;
	 }
	 .c2lf {
	     width: 100%;
	 }
	 .c2pic1 {
	     position: relative;
	     height: auto;
	     overflow: hidden;
	 }
	 .c2pic1 img {
	     width: 100%;
	     height: 100%;
	     object-fit: cover;
	 }
	 .c2rt {
	     width: 100%;
	 }
	 .c2rt ul li {
	     width: 100%;
	 }
	 .c2pic2 {
	     position: relative;
	     height: auto;
	     overflow: hidden;
	 }
	 .con3{ padding: 10px 0;}
	 .con3 ul li{ width: 100%; margin-bottom: 10px;}
	 .c5lf{ width: 100%;}
	 .pd60{ padding: 10px;}
	 .con5{ display: none;}
	 .c6nr h1{ font-size: 20px;}
	 .foot ul {
	     margin-top: 40px;
	     text-align: center;
	     position: fixed;
	     bottom: 0;
	     width: 100%;
	     background: #000;
	     left: 0;
	     z-index: 999;
	     padding: 10px 0;
	 }
	 .aboutcon{ padding: 20px 0;}
	 .aboutlf{ width: 100%;}
	 .aboutrt{ width: 100%;}
	 .joinlf{ width: 100%;}
	 .joinrt{ width: 100%;}
	 .nybannertlt h1{ font-size: 16px;}
	 }