/*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:#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: 1200px; margin:0 auto;}
input,textarea,select{outline:none}
/*common end*/
.header-v1{ width:100%;/* position:fixed;*/ /*overflow:hidden; */height:162px;/*z-index:10;*/ background-color:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);transition:all 0.3s;}
.nav-hide .header-v1{ height:80px;}
.nav-hide .blank_h{ height:80px;}
.nav-hide .header-v1 .top-main .logo1 img{ height:60px; margin-top:10px;}
.header-v1 .header_one{ height:34px; line-height:34px;/* overflow:hidden; */background-color:#eeeeee; color:#666666; font-size:14px;/*transition:all 0.3s; border-top:2px solid #f3cb8d;*/}
.header-v1 .header_one a{ color:#666666;}
.header-v1 .header_one a:hover{transition:all 0.3s;filter: Alpha(Opacity=90);opacity: 0.9; color:#c19149;}
.header-v1 .header_one .r{ font-size:14px; background:url(../images/top_pic1.png) left center no-repeat; padding-left:25px;}

.nav-hide  .header-v1 .header_one{/* display:none;*/ height:0; border-top:0; overflow:hidden;}
.header-v1 .top-main{ width:98%; max-width:1460px; margin:0 auto;/* position:relative;*/}
.header-v1 .top-main .logo1{ float:left; height:100%;}
.header-v1 .top-main .logo1 img{ height:100%;float:left; margin-top:20px;height:60px;}
.header-v1 .top-main .logo1 .txts{ float:left; margin-top:29px; line-height:22px; color:#1b1a1a; font-size:12px; padding-top:14px; padding-bottom:16px; padding-left:19px; background:url(../images/top_bg5.jpg) left center no-repeat; letter-spacing:1px;}
.header-v1 .top-main .logo1 .txts h2{ font-size:22px; color:#c19149; line-height:28px;}
.header-v1 .top-main .logo1 .txts label{ color:#c19149; width:4px; height:4px; display:inline-block; margin-left:6px; margin-right:6px;background:url(../images/top_bg6.png)  no-repeat; vertical-align:middle;}
.nav-hide .header-v1 .top-main .logo1 .txts{ margin-top:0;}
/*.header-v1 .top-main .logo1 img:hover{transition:all 0.3s;filter: Alpha(Opacity=60);opacity: 0.6;}*/
.header-v1 .top-main .top_r{ float:right;}
.header-v1 .languages{ float:right; position:relative; display:block;font-size:14px; color:#666;height:34px;line-height:34px; padding-left:30px; margin-left:30px; text-decoration:none;background:url(../images/top_pic2.png) left center no-repeat; transition:all 0.3s;}
.header-v1 .languages a{ /*padding-right:22px;*/ display:block; /*background:url(../images/top_pic3.png) right center no-repeat;*/}
/*.header-v1 .languages:hover{margin-top:25px;}
.nav-hide .header-v1 .languages{ margin-top:22px;}
.nav-hide .header-v1 .languages:Hover{ margin-top:18px;}
.header-v1 .languages:Hover{transition:all 0.3s;filter: Alpha(Opacity=80);opacity: 0.8;}*/
/*.header-v1 .languages:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:after{content: "";display: block;position: absolute;left: 50%;right: 50%;bottom: -1px;height:4px;opacity: 0;background-color: #c71d32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}*/
.header-v1 .top-main .top-main-content{ float:right;/* margin-top:31px;*/}
.nybanner img {
	display: block;
	width: 100%;
}
.navBar {
}
.nav{ list-style:none; padding:0;  }
.nav .m{ float:left; border-top:0; border-bottom:0; /*width:120px; */ position:relative;margin-left:55px;}
.en .nav .m{ margin-left:40px;}
.nav a:hover{ text-decoration:none; /*color:#fff;*/}
.nav li:hover span{/*transform:translateY(-100%);*/color:#c19149;}
.nav h3{ float:left; font-weight:normal; font-size:16px; height:128px; overflow:hidden; width:100%; text-align:center; }
.nav h3 a{ display:block; color:#333333;line-height:128px;  text-transform:uppercase;}
.nav h3 a span{ display:block;position:relative;transition: all 0.3s;height:128px; text-transform:uppercase;}
.nav-hide .nav h3{ height:80px;}
.nav-hide .nav h3 a{ line-height:80px;}
.nav-hide .nav h3 a span{ height:80px;}
/*.nav h3 a span:after{content:attr(data-title);position:absolute;left:0;transform:translateY(100%);width:100%;top:0; color:#e98318;}*/
.nav h3 a:hover span:first-child,.nav .on h3 a span:first-child{ margin-top:-128px;}
.nav-hide .nav h3 a:hover span:first-child,.nav-hide .nav .on h3 a span:first-child{ margin-top:-80px;}
/*.nav h3 a i{ width:9px; height:5px; background:url(../images/top_pic5.png) no-repeat; display:inline-block; margin-left:7px;}*/
.nav-hide .nav{}
.nav-hide .nav h3{ height:80px;}
.nav-hide .nav h3 a{ line-height:80px;}
.nav .on{}
.nav .on h3 a{/* height:42px; line-height:42px; */color:#c19149;/*background:url(../images/top_bg.png) center bottom no-repeat;*/}
.nav .on h3 a i{ background:url(../images/top_pic6.png) no-repeat; }
.nav .on h3 a span{ color:#c19149;}
.nav li.on a:after{left: 0%;right: 0%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li.on:hover h3 a:after{opacity: 0;}
.nav li h3 a:after{content: "";display: block;position: absolute;left: 50%;right: 50%; margin-left:0px; margin-right:0px;bottom: 0px;height:2px;opacity: 0;background-color: #e97700;-webkit-transition: all .5s;
-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav li#m1 h3 a:hover:after{left: 0%;right: 0%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav .sub{ display:none; width:150px;  padding:0; position:absolute; background:rgba(193, 145, 73, 1.0);/* top:87px;*/ top:128px; /*border-top:2px solid #c19149; overflow:hidden;*/ text-align:center; z-index:110; left:50%;transform: translate(-50%, 0%);}
.nav-hide .nav .sub{top:78px;}
.nav .sub li{ vertical-align:middle; list-style:none; text-decoration:none; display:inline-block;line-height:50px;font-size:14px;width:100%; text-transform:uppercase;}
.nav .sub li span{ display:block; height:38px; position:relative; width:100%;}
.nav .sub li a{ text-decoration:none; background:none; color:#fff; border-bottom:1px solid #b08546; display:block;transition:all 0.3s;}
.nav .sub li:last-child a{ border-bottom:0;}
.nav .sub li:last-child a:hover{ border-bottom:0;}
.nav .sub li a:hover{ background:#fff; color:#c19149;}
.nav .sub li:hover img{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
.nav li.m#m7 h3 a{ padding-right:0;}
.nav .sub li dl{ display:none; background:url(../images/top_bg2.png) left top no-repeat; width:165px; position:absolute; top:0; left:100%;}
.nav .sub li dl dd{ display:block;}
.nav .sub li span:hover dl{ display:block;}
.nav-hide .nav li:hover .sub{ display: block !important;}

.login{ float: right; line-height: 80px; margin-left: 30px; vertical-align: middle;}
.login img{ vertical-align: middle; margin-right: 5px;}
.nv{ /*height: 80px;*/}
.yunlf{ width: 180px; height: 180px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background-color: #FFFFFF; box-shadow: 1px 1px 3px #ddd; position: relative; float: left;}
.yunfei{ margin-top: -120px; z-index: 99999; width: 100%; position: relative; margin-bottom: 30px;}
.yunerm{ display: none; width: 180px; height: 180px; border-radius: 10px; align-items: center; justify-content: center; background-color: #FFFFFF; box-shadow: 1px 1px 3px #ddd; position: absolute; top: -110%; left: 0;} 
.yunlf:hover .yunerm{ display: flex;}
.yunrt{ width: calc(100% - 210px); float: right; background-color: #FFFFFF; box-shadow: 1px 1px 3px #ddd; position: relative;border-radius: 10px;height: 180px;}
.pd20 {
	padding: 20px;
	
}
	.pd20 h1 {
		color: #1B1E24;
		font-size: 18px;
		font-style: normal;
		
		line-height: normal;
	}

	.pd20 p {
		color: #7A7A7A;
		text-align: justify;
		font-size: 14px;
		font-style: normal;
		font-weight: 350;
		line-height: 28px; /* 200% */
	}

.yunrt input{ width: 100%; height: 90px; background-color: #F4F4F4; border: 0; text-indent: 2rem;}
.lb{ margin-top: 25px; line-height: 16px; vertical-align: middle;}
.lb img{ vertical-align: middle; margin-right: 10px;}
.lb span{ vertical-align: middle;}
.yunrt button{ width: 160px; height: 60px; background-color: #003DA5; background-image: url(../images/sos1.png); padding-left: 30px; background-position: left 23px center; background-repeat: no-repeat; border: 0; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 16px; color: #FFFFFF; border-radius: 5px;}


.con1{ padding: 60px 0;}
.con1 ul{ margin-top: 30px; text-align: center;}
.con1 ul li{ width: 23%; display: inline-block; margin: 10px;}
.con1 ul li img{ width: 100%; display: block;}
.c1nr{ text-align: left;box-shadow: 1px 1px 3px #ddd;}
.c1nr h1{ font-size: 18px;}

.con2{ padding: 60px 0; background-color: #003DA5;}
.con2nrlf{ width: 48%; float: left;}
.con2nrlf img{ width: 100%; display: block;}
.con2nrrt{ width: 52%; float: right; background-color: #fff;}
.con2nrrt h1{ margin-bottom: 20px;}
.con2nrrt p{ margin-bottom: 18px;font-size:14px;}
.con2nr{ margin-top: 30px;}
.con2 ul{ margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.con2 ul li{ width: 24%; height: 130px; background-color: #FFFFFF; display: flex; align-items:  center; justify-content: center;}
.con2 ul li h1{ font-size: 22px; text-align: center; font-weight: bold; color: #003DA5;}
.con2 ul li p{ text-align: center;font-size:14px;}

.con3{ padding: 60px 0;}
.con3 ul{ margin-top: 30px;}
.con3 ul li{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 40px;}
.con3pic{ width: 20%;}
.con3pic img{ width: 100%; display: block;}
.con3nr{ width: 68%;}
.con3nr h1{ font-size: 18px; font-weight: bold;}
.con3date{ width: 80px; height: 80px; background-color: #F4F4F4; display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}

.con4{ background-color: #F4F4F4; padding: 60px 0;}
.con4 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 30px 0;}
.con4 ul li{ width: 12%; margin: 10px 3px;}
.con4 ul li img{ width: 100%; display: block;}

.procon1{ margin-top: -50px; width: 100%; position: relative;}
.procon1 .hd ul{ background-color: #FFFFFF;}
.procon1 .hd ul li{ width: 25%;  text-align: center; line-height: 80px; font-size: 16px;float: left; position:relative}
.procon1 .hd ul li.on::after{ position: absolute; width: 100px; height: 2px; background-color: #003DA5; bottom: 0; left: 50%; transform: translateX(-50%); content: "";}
.procon1 .hd ul li a{ font-size: 16px;}
.procon1 .bd { margin: 60px 0;}
.procon1 .bd ul li{ width: 24%; float: left; margin: 1% 1% 0 0;}
	.procon1 .bd ul li img {
		width: 100%;
		    border: 1px solid rgb(181 181 181 / 30%);
	}
.pronr{box-shadow: 1px 1px 3px #ddd; text-align: center; width:100%}
.pronr h1{ font-size: 20px;}

.pronr .pd20{ padding:20px 0; height:100px;}
.panner{ margin-top: -50px; width: 100%; position: relative;}
.panner .hd ul{ background-color: #FFFFFF;}
.panner .hd ul li{ width: 50%;text-align: center; font-size: 16px;line-height: 80px; float: left;}
.panner .hd ul li.on::after{ position: absolute; width: 100px; height: 2px; background-color: #003DA5; bottom: 0; left: 50%; transform: translateX(-50%); content: "";}
 .panner .bd { margin: 60px 0;}
 .panner .bd ul li{ width: 24%; float: left; margin: 5px;}
 .panner .bd ul li img{ width: 100%;}
 .pronr{box-shadow: 1px 1px 3px #ddd; text-align: center;}
 .pronr h1{ font-size: 20px;}
 .panner .bd ul li a{ font-size: 14px; color: #003DA5; margin: 5px auto;}
 
 .panner1{ margin-top: -50px; width: 100%; position: relative;}
 .panner1 .hd ul{ background-color: #FFFFFF;}
 .panner1 .hd ul li{ width: 50%;text-align: center;font-size: 16px; line-height: 80px; float: left;}
 .panner1 .hd ul li.on::after{ position: absolute; width: 100px; height: 2px; background-color: #003DA5; bottom: 0; left: 50%; transform: translateX(-50%); content: "";}
  .panner1 .bd { margin: 60px 0;}
  .panner1 .bd ul li{ width: 16%; float: left; margin: 5px;}
  .panner1 .bd ul li img{ width: 100%;}
  .pronr{box-shadow: none; text-align: center;border: 1px solid rgb(181 181 181 / 30%);}
  .pronr h1{ font-size: 18px;}
  .panner1 .bd ul li p{ font-size: 14px;}
  .panner1 .bd ul li a{ font-size: 14px; color: #003DA5; margin: 5px auto;}
  
  .news{ margin-top: -50px; width: 100%; position: relative;}
  .news .hd ul{ background-color: #FFFFFF;}
  .news .hd ul li{ width: 33%; font-size: 16px; text-align: center; line-height: 80px; float: left; position: relative;}
    .news .hd ul li.on::after{ position: absolute; width: 100px; height: 2px; background-color: #003DA5; bottom: 0; left: 50%; transform: translateX(-50%); content: "";}
   .news .bd { margin: 60px 0;}
    .news .hd ul li:hover :after{ position: absolute; width: 100px; height: 2px; background-color: #003DA5; bottom: 0; left: 50%; transform: translateX(-50%); content: "";}
   
   .aboutcon{ margin-top: -50px; width: 100%; position: relative;}
   .aboutcon .hd ul{ background-color: #FFFFFF;}
   .aboutcon .hd ul li{ width: 19%; font-size: 16px; text-align: center; line-height: 80px; float: left; position: relative;}
   .aboutcon .hd ul li:before{ width:1px; height:40px; background-color:#ddd; content:""; position:absolute; left:0; top:50%; transform:translateY(-50%)}
     .aboutcon .hd ul li.on::after{ position: absolute; width: 100px; height: 2px; background-color: #003DA5; bottom: 0; left: 50%; transform: translateX(-50%); content: "";}
    .aboutcon .bd { margin: 60px 0;}
	.aboutcon .hd ul li:hover :after{ position: absolute; width: 100px; height: 2px; background-color: #003DA5; bottom: 0; left: 50%; transform: translateX(-50%); content: "";}
	.aboutcon .hd ul li:nth-child(2):before{ display:none}
	.ab1{ padding: 60px 0}
	.ab1lf{ width: 50%; float: left;}
	.ab1lf img{ width: 100%; display: block; height: 400px;}
	.ab1rt{ width: 50%; float: right;min-height: 400px;box-shadow: 0px 0px 7px #ddd;}
	.ab1rt{ display: flex; align-items: center; justify-content: center;}
	.ablist ul{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px;}
	.ablist ul li{ width: 24%; height: 140px;box-shadow: 0px 0px 5px #ddd; display: flex; align-items: center; justify-content: center;}
	.ablist ul li h1{ font-size: 22px; color: #003DA5; text-align: center; font-weight: bold;}
	.ablist ul li p{ font-size: 14px; text-align: center;}

.ab2 ul li {
	position: relative;
	border-left: 1px solid rgba(255,255,255,0.2);
	padding-left: 15px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	float: left;
}
.ab2 {
	width: 100%;
	padding: 80px 0; /*background-color: #013895;*/
	background-image: url(../images/fazhanbg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
	.li1{ width: 32%;}
.ab2 ul li h1 {
	color: #FFF;
	margin-bottom: 20px;
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
}
.ab2 ul li p {
	color: #FFF;
	text-align: justify;
	
	font-size: 14px;
	font-style: normal;
	
	line-height: 28px; /* 200% */
}
	.li1::before{ width: 6px; height: 6px; border-radius: 50%; background-color: #FFFFFF; position: absolute; top: 0; left: -3.5px; content: "";}
	.li1::after{ width: 16px; height: 16px; background-image: url(../images/icon.png); background-position: center; background-repeat: no-repeat; content: ""; position: absolute; bottom: -8px; left: -8px;}
	.li1 .ab2nr{min-height: 130px; }
	.li2{ width: 18%; float: right !important; border-bottom: 0 !important; height: 190px; display: flex; align-items: flex-end;}
	.li2::before{ width: 6px; height: 6px; border-radius: 50%; background-color: #FFFFFF; position: absolute; bottom: 0; left: -3.5px; content: "";}
	.li2::after{ width: 16px; height: 16px; background-image: url(../images/icon.png); background-position: center; background-repeat: no-repeat; content: ""; position: absolute; top: -8px; left: -8px;}
	.li3{ width: 28%; float: right !important; border-bottom: 0 !important; height: 190px; display: flex; align-items: flex-end;}
	.li3::before{ width: 6px; height: 6px; border-radius: 50%; background-color: #FFFFFF; position: absolute; bottom: 0; left: -3.5px; content: "";}
	.li3::after{ width: 16px; height: 16px; background-image: url(../images/icon.png); background-position: center; background-repeat: no-repeat; content: ""; position: absolute; top: -8px; left: -8px;}
	
	.ab3{ padding: 60px 0;}
	.ab3pic{ width: 50%; }
	.ab3pic img{ width: 100%; display: block;}
	.pd60{ padding: 60px;}
	.ab3nr{ width: 50%; }
	.lf{ float: left;}
	.rt{ float: right;}
	.ab3nr.lf{ text-align: right;}
	
	.ab4{ padding: 60px 0; background-color: #F4F4F4;}
	.ab4 ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
	.ab4 ul li{ width: 48%; background-color: #FFFFFF; background-color: #FFFFFF;}
	.ab4lf{ float: left;}
	.ab4lf h1{ font-size: 16px;}
	.ab4lf h2{ font-size: 16px; font-weight: bold;}
	.ab4rt{ float: right; }
	.ab4rt img{ width: 105px;}
	
	.ab5{ padding: 0px 0;}
		.ab5 .bd {
			margin: 30px 0;
		}
	.slideTxtBox{ width:100%;  text-align:left;  }
			.slideTxtBox .hd{}
			.slideTxtBox .hd ul{width: 100%;background-color: ;  }
			.slideTxtBox .hd ul li{ float:left; text-align: left; width: 32%; margin: 0 8px; cursor:pointer; background-color: #FBFBFB; line-height: normal; }
			.slideTxtBox .hd ul li.on{box-shadow: 0px 0px 7px #ddd;}
			.slideTxtBox .hd ul li.on::after{ display: none;}
			.slideTxtBox .hd ul li h1{ font-size: 18px; margin-bottom: 15px;}
			.slideTxtBox .hd ul li h2{ font-size: 16px;}
			.slideTxtBox .hd ul li p{ font-size: 14px;}
			.slideTxtBox .bd ul{ padding:0 15px;  zoom:1;  }
		.slideTxtBox .bd ul img{ width: 100%; display: block;}
	
	.helpcon{ padding: 60px 0;}
	.helpcon ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
	.helpcon ul li{ text-align: center; width: 19%; border: 1px solid #DDDDDD; display: flex; align-items: center; justify-content: center;}
	.helpcon ul li h1{text-align: center; font-size: 16px; margin-top: 15px;} 
	
	.suppt{ padding: 60px 0;}
	.suppt h1{ font-size: ; text-align: center; margin-bottom: 50px;}
	.suppt table{ border-color: #DDDDDD; border-spacing: 0;border: 1px solid #F4F4F4;}
	
	.suppt table td{ border: 0; text-align: center;border-spacing: 0;}
	.gary{ background-color: #F4F4F4; line-height: 60px;} 
	.white{ background-color: #FFFFFF; line-height: 60px;}
	
	.con{ padding: 60px 0; background-color: #F4F4F4;}
	.con h1{ font-size: 26px; text-align: center; margin-bottom: 40px;}
	.case{ padding: 60px 0;}
	.case h1{ font-size: 24px; text-align: center; margin-bottom: 30px;}
	.case ul li{ width: 23%; float: left; margin: 10px 7px;}
	.case ul li img{ width: 100%; display: block;} 
	.case ul li h1{ margin: 10px auto;}
	.case ul li p{ text-align: center;}
	
	.gs{ position: relative; width: 100%; background-color: #FFFFFF; margin-top: -50px; margin-bottom: 60px;}
	.gs h1{ font-size: 16px; margin-bottom: 10px;}
	.gs ul li{ padding: 0 15px; line-height: 30px; border-radius: 15px; border: 1px solid #DDDDDD; display: inline-block; margin-right:10px;}
	.gsnr{ margin-top: 20px;}
	.gsnrlf{ width: 48%; float: left;}
	.gsnrrt{ width: 20%; float: right;}
	.gsnrrt img{ width: 100%; display: block;}
	
	.jion1con{ width: 100%; margin: 30px 0;}
	.joblf{ width: 40%;}
	.joinus{ margin: 30px 0;}
	.joinus ul .pd20{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
	.joinus ul li h1{ margin-bottom: 20px; }
.flx{ display: flex; justify-content: space-between; width: 100%;}	
.btnb{  padding: 0 20px; background-color: #003DA5; color: #FFFFFF; line-height: 30px;}
.gary1{ background-color: #F4F4F4;}
.pro1 p{font-size:14px;
}
.pro1 ul {
	margin: 30px 0;
}
	.pro1 ul li{ width: 32% !important; background-color: #F4F4F4; margin-right: 24px !important;  margin-left: 0 !important; margin-bottom: 15px !important;}
	.pro1 ul li .pd30{ display: flex; align-items: center; /*justify-content:center;*/}
	.pro1 ul li:nth-child(3n){ margin-right: 0 !important;}
	.pro1 ul li img{ width: 45px !important; height: 45px; margin-right: 20px; object-fit: contain;}
	.pro1 ul li h1{ font-size: 16px; font-weight: bold;}
	.pro1 ul li p{ font-size: 14px;}
	
	.pro2{}
	.pro2nr{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 30px; }
	.pro2nrlf{ width: 32%; height: 410px; background-color: #F4F4F4;}
	.pro2nrrt{    width: 33%;
    height: 410px;
    background-color: #FFFFFF;
    display: flex;
    align-content: space-between;
    justify-content: center;
    flex-wrap: wrap;}
	.proitem{ width: 100%; height: 230px; background-color: #F4F4F4;}
	.proitem1{ width: 100%; height: 165px; background-color: #F4F4F4;}
	

.foot{ background-color: #1B1E24; padding: 60px 0; padding-bottom: 10px;} 
.footlogo{ width: 20%; float: left;}
.footlogo img{ width: 100%; display: block; max-width: 140px;}
.foottop {
	padding-bottom: 30px;
	border-bottom: 0.5px solid rgba(255,255,255,0.2);
}
.foottell {width: 25%;float: right;text-align: right;}
.foottell h1{ color: #FFFFFF;}
.foottell h1 img{ vertical-align: middle;}
.foottell p{ font-size: 14px; color: #DDDDDD;}
.footlf{ width: 70%; float: left;}
.footbottom {
	padding: 60px 0;
	border-bottom: 0.5px solid rgba(255,255,255,0.2);
}
.footlf ul li{float: left; margin-right: 30px;}
.footlf ul li h1{ font-size: 16px; color: #FFFFFF; margin-bottom: 20px;}
.footlf ul li dl dd a{ font-size: 14px;}
.footlf ul li dl dd { margin-bottom: 20px;}
.footrt{ width: 30%; float: right;}
.footrt ul { display: flex; justify-content: right;}
.footrt ul li{ width: 100px; margin: 0 0 0 20px;}
.footrt ul li img{ width: 100%; display: block;}
.footrt ul li p{ color: #FFFFFF; margin-top: 15px;}
.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:9999;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:768px){
	.case ul li {
		width: 44%;
	}

		.case ul li h1 {
			font-size: 16px;
		}

	
	.header-v1{ display:none; }
	.sp_header{ display:block;}
	.nv{ height:50px}
	.yunfei {
    margin-top: 20px;
    z-index: 99;
    width: 100%;
    position: relative;
    margin-bottom: 30px;

}
.yunlf{ width:100%}
.yunrt{ height:auto; width:100%}
.yunrt button {
    width: 160px;
    height: 45px;
    background-color: #003DA5;
    background-image: url(../images/sos1.png);
    padding-left: 30px;
    background-position: left 23px center;
    background-repeat: no-repeat;
    border: 0;
    position: relative;
    top: 0;
    right: 0;
    transform: none;
    font-size: 16px;
    color: #FFFFFF;
    border-radius: 5px;
    margin: 10px auto;
    display: block;
}
.con1{ padding:20px 0}
.con1 ul li {
    width: 48%;
    display: inline-block;
    margin: 10px 0;
}
.wapper{ width:95%}
	.con2nr {
		margin-top: 0px;
	}
.con2nrlf{ width:100%}
.con2nrrt{ width:100%}
.con2 .bt img{ width:100%}
.con2 ul li {
    width: 50%;
    height: 130px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.con2{ padding:10px 0; background-color:transparent}
	.bt img {
		width: 50%;
	}
.con3pic {
    width: 100%;
}
.con3nr {
    width: 77%;
}
.con3{ padding:10px 0}
.con4{ padding:10px 0}
.con4 ul li {
    width: 19%;
    margin: 5px 3px;
}
.footlogo {
    width: 100%;
    float: left;
    text-align: center;
}
.foottell {
    width: 100%;
    float: right;
    text-align: left;
}
.footlf {
    width: 100%;
    float: left;
    display: block;
}
.footbottom{ padding:30px 0} 
.footrt {
    width: 100%;
    float: right;
    text-align: center;
	margin-bottom:30px
}
.footlf ul li dl{ display:none; width:100%}
.footrt ul {
    display: flex;
    justify-content: space-between;
}
.foot p{ line-height:normal !important; }
.procon1{ margin-top:0;}
.procon1 .hd{    overflow-x: scroll;
    width: 100%;}
.procon1 .hd ul{white-space: nowrap;
    min-width: 500px;}
.procon1 .hd ul li {
    width: auto !important;
    text-align: center;
    line-height: 80px;
    font-size: 16px;
    float: left;
    position: relative;
    padding: 0 10px;
}
.procon1 .bd ul li{ width: 48% !important;}
	.pronr .pd20 {padding:10px 0;height:130px;
	}
	.procon1 .bd ul li img {
	height:96px;}
	.con3 ul li .con3nr {
		width: auto
	}
.con3 ul li .con3rt{ display:none}
.aboutcon{ margin-top:0}
.aboutcon .hd{    overflow-x: scroll;
    width: 100%;}
.aboutcon .hd ul{/*white-space: nowrap;
    min-width: 500px;*/}
.aboutcon .hd ul li{ width:auto !important; padding:0 5px;}
.ab1{ padding:10px 0;}
.ab1lf{ width:100%}
.ab1rt{ width:100%}
.ablist ul li{ width:50%}
.li1{ width:100%}
.li2{ width:100%}
.li3{ width:100%; float:left !important;}
.ab3pic{ width:100%}
.ab3nr{ width:100%}
.pd60{ padding:10px;}
.li1::after{ display:none}
.ab4 ul li{ width:100%}
.ab4lf {
    float: left;
    width: 48%;
}
.ab4rt img {
    width: 60px;
    margin-top: 20px;
}
.pd20{ padding:0}
.helpcon ul li{ width:100%}
.suppt table{ width:100%}
.pro2nrlf{ width:100%; height:auto}
.pro2nrrt{ width:100%; height:auto}
.li2{ float:left !important}
.li2::after{ display:none}
.li2::before{ top:0;}
.li3::before{ top:0;}
.li3::after{ display:none}
.joblf{ width:100%}
.gary1 .pd20{ padding:5px} 

.li1 .ab2nr{ min-height:inherit; padding-bottom:20px}
.li2 {border-bottom: 1px solid rgba(255,255,255,0.2); height:auto}
.li3{ height:auto}
.ab2 ul li{ padding-top:20px ;border-bottom: 1px solid rgba(255,255,255,0.2) !important;}
.ab2.m ul li:nth-child(6){ border-bottom:0 !important;}
.suppt.suppt1 td a{    word-break: break-all;}
.suppt.suppt1 tr{    display: flex;
    justify-content: space-between;}

	.nybanner img {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 140px;
}
	}
