/*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:#000;}
a{color:#000;}
a:hover{ color:#0a539e; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width:1200px; margin:0 auto;}
.head{ width:100%; padding:10px 0}
.head .wapper{ display: flex; justify-content: space-between; align-items: center;}
.logo{ width: 35%;}
.logo img{ width: 100%;}
.menu{}
.menu ul li{ padding:  0 20px; line-height: 80px; float: left;}
.c1con{ width: 100%; background-color: rgba(255, 255, 255, 0.5); padding: 60px 30px;}
.bt{ width: 100%; text-align: center; margin-bottom: 30px;} 
.bt h1{ font-size: 100px; text-align: center; color: #0A539E; margin-bottom: 10px;}
.bt span{ font-size: 18px; display: block; font-weight: 800; text-align: center; margin-bottom: 40px;font-style: italic;letter-spacing: 4.1px;color: #252C31;}
.bt p{ font-size: 25px; text-align: center;color: #505050;}
.btn{ width: 150px; height: 50px; border-radius: 10px; background-color: #0A539E; line-height: 50px; text-align: center;color: #fff; }
.c1item{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px;}
.c1pic{ width: 49%;}
.c1pic img{ width: 100%; display: block;}
.c1txt{ width: 49%;}
.c1txt h1{ font-size: 27px; margin-bottom: 10px; color: #0A539E;}
.c1nr p{ font-size: 18px; padding: 0; margin-bottom: 20px;color: #616161;}
.foot{ border-bottom: 1px solid #fff;}
.foot .wapper{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.footlogo{ width: 150px;}
.footlogo img{ width: 100%;}
.footitem{ width: 150px;}
.footitem h1{ font-size: 14px; color: #fff;}
.footitem p{ font-size: 14px; margin-bottom: 25px; color: #fff;}
.foot{ width: 100%; padding: 40px 0; background-color: #000;}
.footimg{ width: 75px;}
.footimg img{ width: 100%;}
.footbtm{ background-color: #000; padding: 20px 0;}
.footbtm ul{ float: right;}
.footbtm ul li{ width: 25px; margin-right: 10px; float: left;}
.footbtm ul li img{ width: 100%; display: block;}

.c2con{ width: 100%; background-color: rgba(255, 255, 255, 0.5); padding: 60px 30px;}
.bt h2{ font-size: 45px; text-align: center; margin-bottom: 15px;    font-weight: 500;}
.c2item{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.c2lf{ width: 49%;}
.c2rt{ width: 49%;}
.c2lf p{ font-size: 16px; padding: 0; margin-bottom: 20px;}
.c2rt img{ width: 100%;}

.con14bg{ width: 100%; padding: 20px 0;}
.mumping_mun li{width: 25%; float:left; margin: 30px auto; text-align: center;}
.mumping_mun p{font-size: 18px; color: #0A539E; width: 100%;display: block;clear: both;}
.mumping_mun h2{font-size: 69px; color: #0A539E; font-weight: normal;float: none;margin-right: 0;}

.job2{
    padding: 30px 0;
}
.job2.active{}
.job2 ul li{/* border-bottom:1px solid #e8e8e8; */}
.job2 ul li:nth-child(1){/* border-top:1px solid #e8e8e8; */}
.job2 ul li .txt1{ position:relative; cursor:pointer;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}
.job2 ul li .txt1 .h2{width:50%;font-size: 23px;line-height:1.5em;height:50px;text-align:left;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.job2 ul li .txt1 .h2 span{display:block;width:calc(100% - 4.16vw);padding:0 2.08vw;color: #000;}
.job2 ul li .txt1 .h3{ width:72%; font-size:14px; line-height:2.5em; padding-right:60px;}
.job2 ul li .txt1 .h3 span{ display:inline-block; width:24%;}
.job2 ul li .txt1 i{ width:20px; height:20px; background:url(../images/down0.png) center no-repeat; position:absolute; top:50%; right:20px; transform:translateY(-50%);}
.job2 ul li .txt2{ border-top:1px dashed #D3D3D3; background:rgba(0, 76, 158, 0.05); padding:2.08vw; display:none;}
.job2 ul li .txt2 .h4{ font-size:.78vw; line-height:2em;}
.job2 ul li.active{/* box-shadow:0 0 10px rgba(0,0,0,.1); */}
.job2 ul li.active .txt1{ background:var(--primary-color); color:#fff;}
.job2 ul li.active .txt1 i{background-image:url(../images/up01.png);}
@media(max-width:999px){
.job2 ul li .txt1{ display:block;}
.job2 ul li .txt1 .h2{ width:100%; font-size:16px; line-height:1.6em; height:50px; border-right:none; border-bottom:1px dashed #DDDDDD; }
.job2 ul li .txt1 .h2 span{ width:calc(100% - 40px); padding:0 20px;}
.job2 ul li .txt1 .h3{ width:calc(100% - 40px); font-size:14px; line-height:1.6em; padding:10px 20px;}
.job2 ul li .txt1 .h3 span{ display:inline-block; width:49%; margin:5px 0;}
.job2 ul li .txt1 i{ width:40px; height:50px; top:0; right:10px; transform:translateY(0);}
.job2 ul li .txt2{ padding:10px 20px; }
.job2 ul li .txt2 .h4{ font-size:14px; line-height:2em;}
.job2 ul li.active .txt1{ background:rgba(0, 76, 158, 0.05); color:#666;}
.job2 ul li.active .txt1 .h2{ background:var(--primary-color); color:#fff;}
}

.procon{ width: 100%; background-color: rgba(255, 255, 255, 0.5); padding: 60px 30px;}
.bt h3{ font-size: 45px; margin-bottom: 45px; text-align: center; color: #0A539E;}
.procon ul li{ width: calc((100% - 60px)/3); margin: 10px; float: left;}
.procon ul li img{ width: 100%; display: block;    height: 320px;object-fit: contain;}
.procon ul li p{ font-size: 14px; text-align: center;}
.prodetilcon{ width: 100%; background-color: rgba(255, 255, 255, 0.5); padding: 60px 30px;}
.prodetilcon h1{ font-size: 30px; margin-bottom: 30px;}
.prodetilcon h2{ font-size: 14px; margin-bottom: 30px;}
.prodetil{ width: 100%; padding: 30px 0;}

.contact{ width: 100%; background-color: rgba(255, 255, 255, 0.5); padding: 60px 30px;}
.contact ul li{ width: calc((100% - 126px)/3); margin: 20px; float: left; border: 1px solid #ddd;}
.pd20{ padding: 20px;}
.contact ul li .pd20{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.contact ul li img{ width: 30px; margin-bottom: 20px;}
.contactnx{ width: 100%; text-align: center; font-size: 16px;    height: 50px;}

.map{ width: 100%; padding: 30px 0;}
.tip p{ font-size: 16px;}
.con{ width: 100%; background-color: rgba(255, 255, 255, 0.5); padding: 60px 30px;}

.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}
@media (max-width: 999px){
	
	.head{ display: none;}
	.sp_header{ display: block;}
	.nv{ height: 50px;}
	.c1con {
	    width: auto;
	    background-color: rgba(255, 255, 255, 0.5);
	    padding: 10px;
	}
	
	.bt h1 {
	    font-size: 30px;
	    text-align: center;
	    color: #0A539E;
	    margin-bottom: 10px;
	}
	.bt span {
	    font-size: 18px;
	    display: block;
	    font-weight: bolder;
	    text-align: center;
	    margin-bottom: 20px;
	}
	.bt p {
	    font-size: 18px;
	    text-align: center;
		padding: 0;
	}
	.c1pic{ width: 100%; margin: 10px 0;}
	.c1txt{ width: 100%;}
	.c1txt h1 {
	    font-size: 22px;
	    margin-bottom: 10px;
	    color: #0A539E;
	    margin-top: 10px;
	}
	.c1nr p {
	    font-size: 16px;
	    padding: 0;
	    margin-bottom: 10px;
	}
	.btn {
	    width: 125px;
	    height: 40px;
	    border-radius: 10px;
	    background-color: #0A539E;
	    line-height: 40px;
	    text-align: center;
	    color: #fff;
	}
	.footitem {
	    width: 100%;
	    margin: 5px 0;
	}
	.foot .wapper{ width: 95%;}
	.c2con {
	    width: auto;
	    background-color: rgba(255, 255, 255, 0.5);
	    padding: 10px;
	}
	.c2item{ flex-wrap: wrap;}
	.c2lf {
	    width: 100%;
	}
	.c2rt{ width: 100%;}
	.mumping_mun h2 {
	    font-size: 18px;
	    color: #0A539E;
	    font-weight: normal;
	    float: none;
	    margin-right: 0;
	}
	.mumping_mun p {
	    font-size: 11px;
	    color: #0A539E;
	    width: 100%;
	    display: block;
	    clear: both;
	}
	.contact {
	    width: auto;
	    background-color: rgba(255, 255, 255, 0.5);
	    padding: 10px;
	}
	.contact ul li {
	    width: 100%;
	    margin: 10px 0;
	    float: left;
	    border: 1px solid #ddd;
	}
	.procon {
	    width: auto;
	    background-color: rgba(255, 255, 255, 0.5);
	    padding: 10px;
	}
	.prodetilcon {
	    width: auto;
	    background-color: rgba(255, 255, 255, 0.5);
	    padding: 10px;
	}
	#etalage{ width: 100% !important;}
	#etalage .etalage_thumb_image {
	    width: 100% !important;
	}
}