/*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:'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:95%; max-width: 1200px; margin:0 auto;}



.head{ width: 100%; border-bottom: 2px solid #235ba8; }
.head .wapper{ display: flex; align-items: center; justify-content: space-between;}
.logo{ width: 20%;}
.logo img{ width: 100%; display: block; height: 70px;     object-fit: contain;}
.menu{ width: 68%;}
.menu ul li{ line-height: 110px; padding: 0 10px; margin:0 10px; float: left; position: relative;}
.menu ul li:hover a{ color: #235ba8;}
.menu ul li:hover dl dd a{ color: #000;}
.menu ul li dl{ position: absolute; top: 100%; left: 0; display: none; width: 100%; background-color: #fff; z-index: 9;}
.menu ul li dl:before{ width: 10px; height: 10px; background-color: #fff; position: absolute; top: -5px; left: 50%; transform: translateX(-50%); background-color: #FFFFFF; content: "";}
.menu ul li a{ font-size: 16px;}
.menu ul li dl dd{ line-height: 40px; text-align: center;}
.menu ul li dl dd:hover a{ color: #235ba8;}
.menu ul li dl dd a{ font-size: 14px;}
.menu ul li:hover dl{ display: 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}


.prev1{width: 60px !important; height: 60px !important; font-size: 16px !important; border-radius: 10px; left: 5% !important;}
.prev1:hover{background-color: rgba(0,0,0,0.5); }
.prev1:after{ font-size: 18px !important; color: #fff;}
.next1{width: 60px !important; height: 60px !important; font-size: 16px !important; border-radius: 10px; right: 5% !important;}
.next1:hover{background-color: rgba(0,0,0,0.5); }
.next1:after{ font-size: 18px !important; color: #fff;}
.btnn1 .swiper-pagination-bullet{ background-color: #fff;}

.con1{ width: 100%; padding: 80px 0;}
.bt{ width: 100%; margin-bottom: 60px;}
.bt h1{ font-size: 50px; color: #235ba8; text-align: center; }
.bt span{ font-size: 20px; color: #235ba8; text-align: center; display: block;}
.line{ width: 40px; height: 1px; background-color: #235ba8; margin: 20px auto;}
.bt p{ font-size: 18px; color:#235ba8; text-align: center;}
.c1lf{ width: 30%; float: left;}
.c1lf img{ width: 100%}
.c1rt{ width: 68%; float: right;}
.con2{ width: 100%; }
.bt2{ border-bottom: 1px solid #235ba8; margin-bottom: 10px;  display: flex; justify-content: space-between; align-items: center;}
.bt2 h1{ font-size: 16px; color: #fff; background-color: #235ba8; padding: 0 15px; line-height: 45px; width: auto; display: inline-block;}
.bt2 a{ color: #235ba8; font-size: 16px;}
.leftLoop .bd ul li{ width: calc(100% / 4); position: relative;}
.sicon{ width: 60px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: none; cursor: pointer;}
.leftLoop .bd ul li:hover .sicon{ display: block;}
.leftLoop .bd ul li img { width:100%
}

.con3 {
	padding: 60px 0;
}
.c3lf{ width: 65%; float: left;}
.c3rt{ width: 32%; float: right;}
.newlf h1{ font-size: 24px;}
.newlf p{ font-size: 14px;}
.c3lf ul li{ padding: 10px 0; border-bottom: 1px solid #ddd; margin-bottom: 10px; display: flex; align-items: center;}
.c3lf ul li a{display: flex; align-items: center;}
.newlf{padding: 0 10px; text-align: left; color: #626971;}
.line1{ width: 1px; height: 50px; background-color: #ddd; margin: 0 15px;}
.newrt h1{ font-size: 16px; color: #333; font-weight: normal;}
.c3rt ul li{ width: 100%; position: relative; margin-bottom: 10px;}
.c3rt ul li img{ width: 100%; display: block;}
.c3rt ul li h1{ font-size: 13px; color: #fff; text-align: center; background-color: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; width: 100%; padding: 0;}

.con4{ padding: 60px 0; width: 100%;}
.con5{ padding: 0px 0; width: 100%;}
.con5 ul li{ width: calc((100% - 120px)/3); margin: 20px; float: left;}
.con5 ul li img{ width: 100%; display: block; margin-bottom: 10px;} 
.con5 ul li h1{ font-size: 18px; color: #235ba8; text-align: center;}
.con5 ul li p{ font-size: 14px; text-align: center; margin-bottom: 10px;}
.btn{ width: 150px; line-height: 35px; text-align: center; background-color: #235ba8; color: #fff; border-radius: 5px; margin: 0 auto;}
.con5 ul li:hover img{ transform: scale(1.1); transition: all 0.5s; }

.con6{padding: 60px 0; width: 100%;}
.connr p{    text-indent: 32px !important;}
.foot{ width: 100%; background-color: #235ba8; }
.foot .wapper{ display: flex; justify-content: space-between; align-items: center; padding: 30px 0px;}
.footitem{ padding: 0 30px; border-right: 1px solid #888; font-size: 14px;}
.footitem h2{ font-size: 24px; color: #212121; margin: 15px 0;}
.footitem:nth-child(2n){ border-right: 0;}
.footlf{display: flex; align-items: center;}
.footrt{    padding-right: 15%;}
.footitem h1{ font-size: 20px; margin-bottom: 20px; color: #353535;}
.footitem ul li { display: inline-block; width: 48%; margin-bottom: 10px; line-height: 30px; font-size: 14px; color: #353535;}
.footitem ul li a{color: #353535;}
.footbtm{ padding: 10px 0; background-color: #DEDEDE; text-align: center;}
.footbtm p{ font-size: 14px; padding: 0;}

.nybanner{width: 100%;position: relative; }
.nybanner img{ width: 100%; display: block;}
.con{ width: 100%; padding: 30px 0;}
.conlf{ width: 20%; float: left;}
.conlf h1{ font-size: 16px; line-height: 45px; background-color: #235ba8; text-indent: 1rem; color: #fff;}
.conlf ul { border: 1px solid #ddd; border-bottom: 0;} 
.conlf ul li{ line-height: 45px; text-indent: 10px; border-bottom: 1px solid #ddd;}
.conlf ul li a{ font-size: 14px;}
	.conlf ul li:hover, .conlf ul li.on {
		background-color: #235BA8;
	}
		.conlf ul li:hover a, .conlf ul li.on a {
			color: #fff
		}
.menu ul li.on a {
	color: #235ba8
}
.conrt {
	width: 78%;
	float: right;
}
.prolist ul li{ width: calc((100% - 100px)/5); margin: 10px; float: left;    text-align: center;}
    .prolist ul li img {
        /*width: 100%;*/
        display: block;
        height: 128px;
        margin: 0 auto;
    }
    .prolist ul li p{
        height:40px;
    }
    .share {
        display: flex;
        width: calc(100% - 100px);
        float: right;
        margin: 20px 0;
        align-items: center;
    }
.m11_prevnext2{width: calc(100% - 100px); font-size:14px; line-height:2.5em; margin-bottom:2.08vw;   float: right;}
.m11_prevnext2 ul li{ float:left;}
.m11_prevnext2 ul li:nth-child(2n){ float:right;}
.m11_prevnext2 ul li a{ display:block;  border:1px solid #eee;/* border-radius:40px;*/ padding:0 20px; min-width:80px; text-align:center; background:#f5f5f5;}
.m11_prevnext2 ul li a:hover{ border-color:#fff; background:#235ba8; color:#fff;}

  .list2{ border:1px solid #eee; margin-bottom:2.08vw;}
  .list2 .hd{font-size:var(--font14); line-height:3em; border-bottom:1px solid #eee;}
  .list2 .hd ul li{display:inline-block;vertical-align:top;font-size: 14px;line-height: 50px;}
  .list2 .hd ul li a{ display:block; padding:0 10px; min-width:100px; text-align:center; border-right:1px solid #eee; border-bottom:none;}
  .list2 .hd ul li.on a{color: #235ba8;background:var(--primary-color);border-top: 4px solid #235ba8;}
  .list2 .xiangqing{ padding:20px;}
  .list2 .xiangqing img{ max-width:100%;}

.collist{ width: 100%;}
.collist ul li{ margin-bottom: 40px; width: 100%; }
.collist ul li a{ display: flex; align-items: center;}
.colpic{ width: 25%; float: left; margin-right: 20px;}
.colpic img{ width: 100%; display: block;}
.colrt h1{ font-size: 16px;}
.time{ display: flex; align-items: center; margin-top: 10px;}
.time span{ font-size: 14px; margin-right: 10px;}
.time strong{ padding: 5px 10px; background-color: #F0F0F0; border-radius: 10px;}

.connr{ width: 100%; padding: 0px 0;}
.join{ width: 100%;}
.join ul li{ margin-bottom: 30px; padding-bottom: 10px; border-bottom: 1px solid #ddd;}
.join ul li h1{ font-size: 20px; color: #000000; margin-bottom: 10px;}
.joinitem{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.joinitem h2{ font-size: 18px; color: #235ba8; margin-bottom: 10px;}
.joinitem span{ font-size: 12px; color: #6C95BA;}
.joinitem h3{ font-size: 18px; color: #333333; margin-bottom: 10px;}
.joinitem strong{ font-size: 12px; color: #6C95BA;}
.apply{ width: 102px; height: 32px; background-color: #235ba8; line-height: 32px; color:#fff; font-size: 14px; text-align: center; border-radius: 5px;}
.tshow{ width: 100%; z-index: 99; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.5); height: 100vh; display: none;}
.shownr{ width: 90%; max-width: 900px; margin: 0 auto; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); height: 580px;overflow-y: auto;}
.pd30{ padding: 30px;}
.shownr h2{ font-size: 20px; text-align: center; margin-bottom: 30px; color: #666;}
.ipt {width: 100%; margin-bottom: 20px;}
.ipt label{ font-size: 14px; display: block; margin-bottom: 10px; width: 100%;}
.ipt1{ width: 100%; display: flex; align-items: center;}
.ipt1 span{font-size: 14px; color: #666;} 
.tip{ display: flex; align-items: center;}
.tip img{ margin-right: 5px;}
.iptt{ width: 100%; line-height: 35px; border: 1px solid #ddd; text-indent: 0.5rem;}
.ipt select{ width: 30%; border: 1px solid #ddd; line-height: 35px; height: 35px;}
.ipt2{ width: 130px; line-height: 35px; border: 1px solid #ddd; margin-right: 20px;}
.yzm{ display: flex; align-items: center;}
.yzm img{ width: 70px; height: 25px; margin-left: 10px; margin-right: 10px;}
.ipt button{ width: 230px; line-height: 45px; background-color: #FE4E4E; color: #fff; text-align: center;border: 0; font-size: 14px;}
.tclose{ width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; cursor: pointer; position: absolute; top: 0; right: 0;}

.down ul li{ display: flex; align-items: center; justify-content: space-between;  line-height: 40px; border-bottom: 1px dashed #ddd;}
.down ul li span{ font-size: 14px;}
.dowrt{ display: flex; align-items: center; font-size: 14px;}
.dowrt strong{ }
.dowrt a{ margin: 0 80px; font-size: 14px;}
.down ul li:hover { color: #235ba8;}
.down ul li:hover a{color: #235ba8;}
.news ul li{  width: 100%; margin-bottom: 10px; padding: 5px 0; border-bottom: 1px dashed #ddd; height: 30px;}
.news ul li a{ display: flex; align-items: center; justify-content: space-between;}
.news ul li h1{ font-size: 16px; font-weight: normal;}
.news ul li span{ font-size: 14px;}

@media (max-width: 999px){
	.sp_header{ display: block;}
	.head{ display: none;}
	.nv{ height: 50px;}
}