@charset "UTF-8";
/* css reset */

/* @font-face {
	font-family: "SourceHanSansCN-Regular";
	src: url("../fonts/SourceHanSansCN-Regular.otf") format("woff2"),
		url("../fonts/sourcehansanscn-regular.ttf") format("truetype");
}

@font-face {
	font-family: "PingFang-ExtraLight";
	src: url("../fonts/pingfang-extralight.ttf") format("truetype");
}


@font-face {
	font-family: "SOURCEHANSANSCN-LIGHT";
	src: url("../fonts/SOURCEHANSANSCN-LIGHT.OTF") format("woff2");

} */
@font-face {
	font-family: "DINPro-Bold";
	src: url("../fonts/DINPro-Bold.otf") format("woff2");

}
body,
html,
div,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
i,
strong,
small,
ul,
li,
dl,
dt,
dd,
ol,
table,
a,
input,
textarea,
label {
	margin: 0;
	padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

a {
	text-decoration: none;
	outline: none;
	display: inline-block;
	-webkit-transition: .3s;
	transition: .3s;
	color: #333
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
}

span {
	display: inline-block;
}

i {
	font-style: normal;
	display: inline-block;
}

icon {
	display: inline-block;
}

ul,
li {
	list-style: none;
}

sub,
sup {
	font-size: 6px;
	margin-left: 2px
}

input:focus,
textarea:focus,
select:focus {
	outline: none;
}

input,
textarea {
	display: inline-block;
	font-family: "Source Han Sans CN", sans-serif, Helvetica, "Helvetica Neue";
}

/* body{font-family:"Aileron-Regular","Source Sans Pro",SourceHanSansCN,"Source Han Sans CN",Helvetica,"Helvetica Neue", Arial, sans-serif;font-weight:300;font-size:1em;color:#333;margin:0 auto;width:100%;max-width: 1920px;background:#FFF;}
 */
html {
	font-size: 16px;
}

body {
	font-family: "微软雅黑", sans-serif, Helvetica, "Helvetica Neue", Arial, sans-serif;
	/* 	font-family: "SourceHanSansCN-Regular", "Source Han Sans CN", sans-serif, Helvetica, "Helvetica Neue", Arial, sans-serif;
 */
	font-weight: 500;
	color: #333;
	margin: 0 auto;
	width: 100%;
	background: #FFF;

}

::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	background-color: rgba(210, 210, 210, 0.48);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 0;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(123, 121, 121, 0.7);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 0;
}

.clear {
	clear: both;
	zoom: 1;
}

.clear:after,
.clear:before {
	content: "";
	display: table;
	height: 0;
	clear: both;
}

.fl {
	float: left
}

.fr {
	float: right
}


#navchange{display: flex;width: 100%;     margin-top: 60px;
    margin-bottom: 45px;     flex-wrap:wrap;    position: relative;height: 200px;
      display: -webkit-flex; /* Safari */}
#navchange>li{flex:1; }
#navchange li ul{display: none}

#navchange li a.cur+ul{    display: flex;
    padding: 15px;
    padding-right: 10%;
    background-color: #fff;position: absolute;left: 0;    width: 100%;
    box-sizing: border-box;
    margin-top: 50px;}

#navchange li a.cur+ul li {    box-sizing: border-box;
    width: 20%;
    /* margin: 0 1%; */
    padding: 0 2%;
    margin-bottom: 10px;
    text-align: center;
    /* border-right: 1px solid #007fcc; */
    position: relative;}
#navchange li a.cur+ul li a{    display: block;
    line-height: 40px;
    font-size: 16px;
    border-radius: 18px;    background: none;
    padding: 0;
    color: #333;
    border-right: 0;}

#navchange li a.cur+ul li::after {
    display: block;
    content: '';
    width: 1px;
    height: 70%;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
    background-color: #007fcc;
}
#navchange li a.cur+ul li a.cur::after{display: none}

#navchange li a.cur+ul li a.cur {
    background-color: #007fcc;
    color: #fff;
}


#navchange  li a {
    background: #504e4e;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    padding: 13px 0;
    border-right: 1px dashed rgba(255, 255, 255, 0.2);
    cursor: pointer;
    position: relative;
}
#navchange  li a.cur {
    background: #007fcc;
    border-color: #007fcc;
}
#navchange  li a.cur::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid #007fcc;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
}
.menu {
	display: none;
	float: right;
	margin-top: 31px;
	position: relative;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.menu span {
	position: absolute;
	transition: 0.3s;
	width: 25px;
	height: 3px;
	border-radius: 2px;
	background: #cccccc;
	display: block;
	margin-bottom: 5px;
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menu .span2 {
	top: 8.4px;
}

.menu .span3 {
	top: 17px;
}

.menu.on .span1 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.menu.on .span2 {
	opacity: 0;
}

.menu.on .span3 {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.wrap-1600 {
	width: 1600px;
	margin: auto;
	max-width: 94%;
}

.wrap-1400 {
	width: 1400px;
	margin: auto;
	max-width: 92%;
}

.center {
	text-align: center;
}
 /* pages */
._page_container {
	margin: 45px 0 !important;
}

#pages ._active_1 {
	background-color: #0074c8 !important;
}

._page_container ._pages li {
	padding: 3px 7px !important;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
}

._page_container ._home,
._page_container ._last,
._page_container ._prev_text,
._page_container ._next_text {
	padding: 3px 7px !important;
	border: 1px solid #e5e5e5;
	background-color: #ffffff;
}

._page_container ._pages {
	vertical-align: middle;
}

._page_container ._pages li:hover,
._page_container ._prev:hover,
._page_container ._next:hover,
._page_container ._home:hover,
._page_container ._last:hover {
	color: #0074c8 !important;
}

#pages ._active_1:hover {
	color: #FFFFFF !important;
}
 /* pages */
 
 
/******************公共样式结束分割线****************************/



/* header */

#header {
	/* position: fixed; */
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
}

#header.on .header {
	/* background: rgba(0, 0, 0, 0.7); */
}

.header-top{
	height: 30px;
	line-height: 30px;
}
.header-top .header-top-div{
	display: flex;
	justify-content: space-between;
}
.header-top-left{
	display: flex;
	align-items: center;
}
.header-top-left li{
	position: relative;
	margin-right: 40px;
}
.header-top-left li a,.header-top-right li a{
	padding-left: 22px;
	font-size: 14px;
	color: #000000;
	display: block;
	cursor: pointer;
}
.header-top-left li a:hover,.header-top-right li a:hover{
	/* color: #0074c8; */
}
.header-top-left li .header-search{
	background: url(../images/header-icon_03.png) no-repeat;
		background-position: left center;
}
.header-top-left li .header-lang{
	background: url(../images/header-icon_05.png) no-repeat;	
	background-position: left center;
}

.header-top-left li dl{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	display: none;
	background: #ffffff;
}
.header-top-left li:hover dl{
	display: block;
}
.header-top-right{
	display: flex;
	align-items: center;
}
.header-top-right li{
	color：#fff ;
}

.header-top-right li{
	margin-left: 40px;
    	color: #fff;
}
#header:hover .header-top-right li {
    color: #000000;
}
.header-top-right li .header-lianxi{
	background: url(../images/header-icon_03.png) no-repeat;
		background-position: left center;
}
.header-top-right li .header-lianxi{
	background: url(../images/header-icon_07.png) no-repeat;
		background-position: left center;
}
.header-top-right li .header-login{
	background: url(../images/header-icon_10.png) no-repeat;
		background-position: left center;
}
.header-logo{
	text-align: center;
}
.header-ul-list{
	display: flex;
	    padding: 15px 0;
	    justify-content: space-evenly;
}
.header-ul-list li{}
.header-ul-list li a{
	font-size: 15px;
	color: #000000;
	    padding: 10px 0;
}
.header-ul-list li a:hover{
	color: #0074c8;
}








/* index */
 .index-banner {
 	position: relative;
 	margin-top: 0px;
 }
 .index-banner::before {
     position: absolute;
     content: "";
     width: 20px;
     height: 105px;
    /* background: url(../images/su-icon_03.png) no-repeat; */
     top: 25%;
     right: 3%;
     background-size: 100%;
     z-index: 99;
 }
 .index-banner img {
 	width: 100%;
 }
 .index-slide-text{
 	position: absolute;
 	left: 0;
 	top: 30%;
 	right: 0;
 	margin: auto;
 }
 .index-slide-text h4{
 	font-size: 60px;
 	color: #ffffff;
 	font-weight: bold;
 	margin-bottom: 40px;
 	box-sizing: border-box;
 	/* width: 45%; */
 }
 .more-a{
 	display: flex;
 	align-items: center;
 }
 .go-a{
 	font-size: 14px;
 	border-radius: 0;
 	
 	color: #0074c8;
 	display: flex;
 	align-items: center;
 	padding: 7px 28px;
 	border: 2px solid #0074c8;
 	transition: 0.4s;
 }
 .go-a i{
 	width: 24px;
 	height: 24px;
 	background: url(../images/jjt-h_09.png) center no-repeat;
 	display: inline-block;
 	margin-left: 5px;
 	transition: 0.4s;
 }
 .go-a:hover{
 	background-color: #0074c8;
 	border: 2px solid #ffffff;
 	color: #ffffff;
 	transition: 0.4s;
 }
 .go-a:hover i{
 	background-image: url(../images/jjt-b_07.png);
 	transition: 0.4s;
 }
 .index-banner .go-a i{
 	background-image: url(../images/jjt-b_07.png);
 	transition: 0.4s;
 }
 .index-banner .go-a{
 	background-color: #0074c8;
 	border: 2px solid #ffffff;
 	color: #ffffff;
 	transition: 0.4s;
 }
 .index-banner .go-a:hover{
 	/* background-color: #ffffff; */
 	border: 2px solid #0074c8;
 	/* color: #0074c8; */
 	transition: 0.4s;
 }
 .index-banner .go-a:hover i{
 	/* background-image: url(../images/jjt-h_09.png); */
 	transition: 0.4s;
 }
 
 .index-banner .swiper-pagination{
 	
 	
 }
 .index-slide-text h5{
	 font-size: 48px;
	 color: #FFFFFF;
	 margin-bottom: 8px;
 }
  .index-banner .swiper-pagination-bullet{
	  width: 45px;
	  border-radius: 0;
	  height: 5px;
	  background: rgba(255,255,255,0.8);
  }
 
 
 .scroll-icon{
 	width: 45px;
 	height: 60px;
 	/* background: url(../images/sc-img_07.png) center no-repeat; */
 	position: absolute;
 	left: 0;
 	right: 0;
 	margin: auto;
 	/* bottom: 4%; */
 	z-index: 999;
 	animation: rotating4 1s linear infinite;
 }
 @keyframes rotating4 {
   
   0%{
 	 bottom: 4%;
   }
   100% {
 	  
     bottom: 0%;
   }
 }
.index-slide-text h4{
	display: flex;
}
.index-banner h4 span{margin:0 0px;/* opacity:0; */-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-duration: 0.8s;animation-duration: 0.8s;}
.index-banner .swiper-slide-active h4 span{-webkit-animation-name:bsPlay;animation-name:bsPlay;}
/* @-webkit-keyframes bsPlay {
    0%{opacity:0;-webkit-transform:scale(0.5)}
    33%{opacity:0.33;-webkit-transform:scale(2)}
    100%{opacity:1;-webkit-transform:scale(1)}
}
@keyframes bsPlay {
    0%{opacity:0;transform:scale(0.5)}
    33%{opacity:0.33;transform:scale(2)}
    100%{opacity:1;transform:scale(1)}
} */

.index-s1{
	padding: 110px 0;
	background: url(../images/index-s1-bac_02.jpg) no-repeat;
	background-size: cover;
}
.index-s1-box{
	display: flex;
}
.index-s1-left{
	width: 52%;
}
.index-s1-left video{
	width: 100%!important;
}
.index-s1-right{
	width: 48%;
	box-sizing: border-box;
	padding-left: 60px;
	padding-bottom: 30px;
}
.index-title{
	margin-bottom: 20px;
}
.index-title h3{
	
}
.index-title h3 span{
	font-size: 45px;
	position: relative;
	color: #333333;
	padding-left: 25px;
	background: url(../images/jian-lan_17.png) no-repeat;
	background-position: left;
}
.index-s1-text{}
.index-s1-text p{
	font-size: 16px;
	color: #333333;
	line-height: 36px;
}

.index-s1-num{
	display: flex;
	margin-top: 50px;
}
.index-s1-num li{
	width: 25%;
	text-align: center;
}
.index-s1-num li b{
	font-family: "DINPro-Bold";
	font-size: 48px;
	color: #0074c8;
	margin: 0 5px;
}
.index-s1-num li span{
	font-size: 18px;
	color: #0074c8;
}
.index-s1-num li p{
	font-size: 14px;
	color: #2f2f2f;
	line-height: 30px;
}
.index-s2{
	background: #f4f5fa;
}
.index-s2-box{
	height: 900px;
	position: relative;
	display: flex;
}
.index-case-left{
	width: 460px;
	box-sizing: border-box;
	padding: 0 110px 0 0;
	display: flex;
	align-items: center;
}
.index-title{
	margin-bottom: 35px;
}
.index-title.center{
	text-align: center;
}

.index-case-text-box{
	box-sizing: border-box;
	padding-left: 25px;
}
.index-case-text-box .index-case-text{
	display: none;
}
.index-case-text-box .index-case-text.active{
	display: block;
}
.index-case-text-box .index-case-text h4{
	font-size: 30px;
	color: #333333;
	line-height: 30px;
	/* font-family: "SourceHanSansCN-Medium"; */
	margin-bottom: 15px;
}
.index-case-text-box .index-case-text p{
	font-size: 14px;
	color: #999999;
	line-height: 30px;
}

.else .header-nav-dl-top dl dt a{
	cursor: pointer;
}
.index-case-text-box .index-case-text a{
	font-size: 14px;
	color: #ffffff;
	background: #d2b044 ;
	border-radius: 100px;
	padding: 7px 0;
	display: flex;
	width: 125px;
	align-items: center;
	box-sizing: border-box;
	justify-content: center;
	margin-top: 45px;
}
.index-case-text-box .index-case-text a i{
	background: url(../images/bb-j_11.png) center no-repeat;
	width: 20px;
	height: 20px;
}
.index-case-left-box{
	margin-top: -100px;
}
.index-case-right{
	height: 100%;
	width: calc(100% - 460px);
	position: relative;
}

.index-case-bac{
	height: 100%;
	position: relative;
}
.index-case-bac .index-case-div{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transition: 0.4s;
}
.index-case-bac .index-case-div.active{
	opacity: 1;
	transition: 0.4s;
}
.index-case-list{
	position: absolute;
	left: -60px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	z-index: 999;
}
.index-case-list a{
	width: 120px;
	height: 120px;
	margin-bottom: 2px;
	background: #ffffff;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #232323;
	box-sizing: border-box;
	padding: 10px;
	/* font-family: "SourceHanSansCN-Regular"; */
	cursor: pointer;
}
.index-case-list a.active{
	color: #ffffff;
	background: #0074c8;
}
.index-case-left-box .index-title{
	padding-right: 65px;
}
.index-case-left-box .index-title span{
	background-position: 0 27px;
}

.index-case-text{
	padding-left: 25px;
}
.index-case-text p{
	font-size: 14px;
	color: #999999;
	line-height: 30px;
}
.index-case-top-ul{
	position: absolute;
	bottom: 0;
	display: flex;
	box-sizing: border-box;
	padding: 40px 100px;
	width: 100%;
	z-index: 999;
}
.index-case-top-ul li{
	width: 17.5%;
	margin-right: 10%;
	border-bottom: 1px solid rgba(255,255,255,0.25);
}
.index-case-top-ul li:nth-of-type(4n){
	margin-right: 0;
}
.index-case-top-ul li a{
	color: #ffffff;
	font-size: 16px;
	padding: 10px 0;
}
.index-case-top-ul li a:hover{
	color: #0074c8;
}
.index-s3{
	padding: 66px 0;
}
.index-news-box{
	height: 515px;
	display: flex;
}
.index-news-box .index-news-left{
	width: 50%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
}
.index-news-box .index-news-left .index-news-div{
	box-sizing: border-box;
	padding-left: 25px;
	position: absolute;
	bottom: 15%;
	    left: 0;
}
.index-news-box .index-news-left{
	overflow: hidden;
	position: relative;
}
.index-news-box .index-news-left:hover .index-news-img{
	transform: scale(1.05);
	transition: 0.4s;
}
.index-news-box .index-news-left .index-news-div h4{
	font-size: 55px;
	color: #0074c8;
	font-weight: bold;
	text-shadow:0 2px #ffffff;
	font-style: italic;
}
.index-news-box .index-news-left .index-news-div p{
	font-size: 14px;
	color: #000000;
	line-height: 36px;
	height: 108px;
	overflow: hidden;
	width: 65%;
}
.index-news-box .index-news-left .index-news-div a{
	font-size: 14px;
	    color: #ffffff;
	    background: #0074c8;
	    border-radius: 100px;
	    padding: 7px 0;
	    display: flex;
	    width: 125px;
	    align-items: center;
	    box-sizing: border-box;
	    justify-content: center;
	    margin-top: 25px;
}
.index-news-box .index-news-left .index-news-div a:hover {
  opacity: 0.7;
}
.index-news-right-div:last-of-type a:hover {
    color: #0074c8;
}
.index-news-right-div:last-of-type a:hover i {
    background-image: url(../images/bb-j-h_11.png);
}
.index-news-right-div:hover .index-news-right-text h4 {
    color: #0074c8;
}
.index-news-right-div .index-news-right-img div {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    transition: 0.4s;
}
.index-news-box .index-news-left .index-news-div a i{
	background: url(../images/bb-j_11.png) center no-repeat;
	    width: 20px;
	    height: 20px;
		margin-left: 10px;
}
.index-news-right{
	width: 50%;
	box-sizing: border-box;
	padding-left: 7px;
	height: 100%;
}
.index-news-right-div{
	display: flex;
	align-items: center;
	background: #f0f0ef;
}
.index-news-right-div:nth-of-type(1){
	margin-bottom: 7px;
}
.index-news-right-div .index-news-right-img{
	overflow: hidden;
	width: 50%;
	height: 100%;
}
.index-news-right-div .index-news-right-img div{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
	transition: 0.4s;
}
.index-news-right-div .index-news-right-text{
	flex: 1;
	box-sizing: border-box;
	padding-right: 8%;
	padding-left: 30px;
}
.index-news-right-div .index-news-right-text h4{
	font-size: 20px;
	color: #000000;
	line-height: 36px;
	margin-bottom: 5px;
}
.index-news-right-div .index-news-right-text span{
	display: block;
	font-size: 12px;
	color: #666666;
}
.index-news-right-div .index-news-right-text a{
	font-size: 14px;
	color: #0074c8;
	margin-top: 18px;
	display: flex;
	align-items: center;
}
.index-news-right-div .index-news-right-text a i{
	width: 20px;
	height: 20px;
	background: url(../images/bb-j-h_11.png) center no-repeat;
	margin-left: 8px;
}
.index-news-img{
	background-position: center;
	    background-size: cover;
	    background-repeat: no-repeat;
	    display: flex;
	    align-items: center;
		transition: 0.4s;
		width: 100%;
		height: 100%;
}
.index-news-right-div:last-of-type{
	background: #071521;
}
.index-news-right-div:last-of-type h4{
	color: #ffffff;
	margin-bottom: 20px;
}
.index-news-right-div:last-of-type span{
	color: #ffffff;
}
.index-news-right-div:last-of-type a{
	color: #ffffff;
	margin-top: 25px;
}
.index-news-right-div:last-of-type a i{
	background-image: url(../images/bb-j_11.png);
}
.index-news-right-div:hover .index-news-right-img div{
	transform: scale(1.1);
	transition: 0.4s;
}

.go-a i {
    width: 24px;
    height: 24px;
    background: url(../images/jjt-sl_11.png) center no-repeat;
    display: inline-block;
    margin-left: 5px;
    transition: 0.4s;
}

.margin-auto-center{
	text-align: center;
	    justify-content: center;
	    margin-top: 40px;
}

.index-about{
	height: 690px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
}

.index-about-text{
	background: #ffffff;
	/* height: 425px; */
	box-sizing: border-box;
	padding: 75px 80px 75px 60px;
	    width: 770px;
	margin-left: auto;
	z-index: 999;
}
.index-about-text h4{
	font-size: 100px;
	color: #333333;
	font-weight: bold;
	position: relative;
	    padding-bottom: 16px;

}

.index-about-text p{
	text-indent:200px;
	font-size:50px;
	color: #333333;
	line-height: 30px;
	height: 90px;

}
.index-about-text a{
	font-size: 14px;
	color: #ffffff;
	border-radius: 100px;
	background: #0074c8;
	padding: 12px 25px 12px 55px;
	margin-top: 40px;
	background-image: url(../images/down-icon_03.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	transition: 0.4s;
}
.index-about-text a:hover{
	opacity: 0.8;
	transition: 0.4s;
}
.index-about{
	position: relative;
	overflow: hidden;
}
.index-about-img{
	width: 100%;
	height: 100%;
	background-position: center;
	    background-size: cover;
	    background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	animation: rotating4 20s linear infinite;
}
@keyframes rotating4{
	0%{
		transform: scale(1.12);
	}
	50%{
		transform: scale(1);
	}
	100%{
		transform: scale(1.12);
	}
}

.index-s4-swiper{}
.index-s4-swiper .swiper-slide{
	background: #ffffff;
	position: relative;
}
.index-s4-swiper .swiper-slide::after{
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background: #000;
	    opacity: .3;
	    transition: all .36s;
	    pointer-events: none;
		left: 0;
		top: 0;
}
.index-s4-swiper .swiper-slide.swiper-slide-prev::after,.index-s4-swiper .swiper-slide.swiper-slide-active::after{
	opacity: 0;
	transition: all .36s;
}

.index-s4-swiper .swiper-slide a{
	display: block;
	position: relative;
}
.index-s4-swiper .swiper-slide .index-s4-img-div{
	overflow: hidden;
}
.index-s4-swiper .swiper-slide .index-s4-img{
	height: 265px;
	width: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: 0.4s;
}
.index-s4-swiper .swiper-slide:hover .index-s4-img{
	transform: scale(1.1);
	transition: 0.4s;
}
.index-s4-swiper .swiper-slide .index-s4-text{
	background: #ffffff;
	box-sizing: border-box;
	padding: 20px 12px;
	transform: translateY(-80px);
	transition: all .8s ease-in-out;
}
.index-s4-swiper .swiper-slide.swiper-slide-prev .index-s4-text,.index-s4-swiper .swiper-slide.swiper-slide-active .index-s4-text{
	transform: translateY(0px);
	transition: all .8s ease-in-out;
}
.index-s4-swiper .swiper-slide .index-s4-text h3{
	font-size: 18px;
	color: #333333;
	
}
.index-s4-swiper .swiper-slide:hover .index-s4-text h3{
	color: #0074c8;
}
.index-s4-swiper .swiper-slide .index-s4-text span{
	position: relative;
	font-size: 16px;
	color: #0074c8;
	padding: 10px 0 15px;
}
.index-s4-swiper .swiper-slide .index-s4-text span::after{
	position: absolute;
	content: "";
	left: 0;
	width: 70px;
	height: 1px;
	background: #0074c8;
	bottom: 0;
}
.index-s4-swiper .swiper-slide .index-s4-text .index-s4-p{
	margin-top: 10px;
	
}
.index-s4-text .index-s4-p p{
	font-size: 14px;
	color: #999999;
	line-height: 24px;
}

.index-s4-tab{
	text-align: center;
}
.index-s4-tab a{
	font-size: 22px;
	color: #ffffff;
	padding: 7px 50px;
	border-radius: 100px;
	background: #bfbfbf;
	margin: 0 15px;
	cursor: pointer;
}
.index-s4-tab a.active,.index-s4-tab a:hover{
	background: #0074c8;
}
.index-s4-swiper{
	margin: 20px 0;
}
.index-s4{
	margin-top: 80px;
	margin-bottom: 100px;
}
.index-s4-swiper .index-s4-div{
	display: none;
}
.index-s4-swiper .index-s4-div.active{
	display: block;
}
.index-s4-swiper .swiper-button-prev{
	left: 5%;
}
.index-s4-swiper .swiper-button-next{
	right: 5%;
}

.index-s6{
	background: #f4f5fa;
	padding: 80px 0 100px;
}
.index-s6-biao{
	display: flex;
	height: 50px;
}
.index-s6-biao input{
	box-sizing: border-box;
	width: calc(100% - 83px);
	border: 1px solid #c4d7ef;
	height: 100%;
	padding: 0 10px;
	background: #ffffff;
}
.index-s6-biao .search-btn{
	box-sizing: border-box;
	width: 80px;
	height: 100%;
	display: block;
	cursor: pointer;
	margin-left: auto;
	background:#1e57a3 url(../images/top-img_22.png) center no-repeat;
}
.index-s6-left{
	width: 435px;
}
.index-s6-div{
	display: flex;
}

.index-s6-right{
	width: calc(100% - 435px);
	box-sizing: border-box;
	padding-left: 140px;
	display: flex;
}
.index-s6-right li{
	width: 17.6%;
	margin-right: 3%;
}
.index-s6-right li:last-of-type{
	margin-right: 0;
}
.index-s6-right li p{
	border-top: 1px solid #c4d0de;
	padding: 20px 0;
}
.index-s6-right li a{
	display: block;
}
.index-s6-right li a .s6-img-div{
	height: 65px;
	line-height: 65px;
	margin: 15px 0;
}
.index-s6-right li a:hover{
	color: #0074c8;
}
/* footer */
.footer-top{
	padding: 70px 0 20px;
}
.footer-top-right{
	width: calc(100% - 250px);
	display: flex;
}
.footer-top-right li{
	width: 16.6666666%;
	box-sizing: border-box;
	padding-left: 35px;
	border-left: 1px solid rgba(255,255,255,0.05);
	position: relative;
}
.footer-top-right li::after{
	position: absolute;
	content: "";
	width: 3px;
	height: 44px;
	left: -2px;
	top: 0;
	background: rgba(255,255,255,0.05);
}
.footer-top-right li dt{
	margin-bottom: 10px;
}
.footer-top-right li dt a{
	color: #ffffff;
	font-size: 18px;
}
.footer-top-right li dd{
	margin-bottom: 5px;
}
.footer-top-right li dd a{
	font-size: 14px;
	color: rgba(255,255,255,0.4);
	line-height: 30px;
}
.footer-top-right li dd a:hover{
	color: #ffffff;
}
.footer-top-div{
	display: flex;
}
.footer-top-left{
	width: 250px;
}
.footer-top-left .footer-logo{
	margin-bottom: 20px;
}
.footer-top-left h5{
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 8px;
}
.footer-top-left h2{
	font-size: 30px;
	color: #ffffff;
}
footer{
	background: #000000;
}
.footer-copy{
	border-top: 1px dashed rgba(255,255,255,0.3);
	padding: 15px 0;
}
.footer-copy p,.footer-copy a{
	color: rgba(255,255,255,0.2);
	font-size: 14px;
	
}
.footer-copy a:hover{
	color: rgba(255,255,255,0.8);
}


/* product */
.nei-ban-text .go-a {
    background-color: #0074c8;
    border: 2px solid #ffffff;
    color: #ffffff;
    transition: 0.4s;
}
.nei-ban-text .go-a i {
    background-image: url(../images/jjt-b_07.png);
    transition: 0.4s;
}
.nei-ban-text .more-a{
	margin-top: 25px;
}
.nei-ban-text .go-a:hover{
	border-color: #0074c8;
}
.nei-ban{
	position: relative;
}
.nei-ban img{
	width:100%;
}
.nei-ban-text{
	position: absolute;
	left: 0;
	top: 25%;
	margin: auto;
	right: 0;
	padding-right: 50%;
	box-sizing: border-box;
}
.nei-ban-text h3{
	font-size: 48px;
	color: #ffffff;
	margin-bottom: 20px;
}
.nei-ban-text p{
	font-size: 16px;
	color: #ffffff;
	line-height: 36px;
	
}
.nei-ban-text{}
.product-s1{
}
.nei-title{
	text-align: center;
}
.nei-title h3{
	font-size: 36px;
	color: #0074c8;
	padding: 15px 0;
	position: relative;
}
.nei-title h3::after{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	width: 70px;
	height: 2px;
	background: #0074c8;
}
.padd-40{
	padding: 40px 0 60px;
}
.nei-text{
	margin-top: 25px;
}
.nei-text p{
	font-size: 14px;
	color: #888888;
	line-height: 28px;
}
.product-s1-ul{
	display: flex;
	margin-top: 30px;
}
.product-s1-ul li{
	width: 23.5%;
	margin-right: 2%;
	text-align: center;
}
.product-s1-ul li:nth-of-type(4n){
	margin-right: 0;
}
.product-s1-ul li .product-s1-img{
	height: 55px;
	line-height: 55px;
	margin-bottom: 20px;
}
.product-s1-ul li h4{
	font-size: 24px;
	color: #333333;
	margin-bottom: 15px;
}
.product-s1-ul li p{
	font-size: 16px;
	color: #666666;
}
.hui-bac{
	background: #f3f4f7;
}
.product-more-a{
	background: url(../images/more-icon_27.png) right no-repeat;
	font-size: 18px;
	color: #666666;
	padding-right: 30px;
	cursor: pointer;
}
.product-more-a:hover{
	color: #0074c8;
	/* transform: scale(1.01); */
}
.product-item-div{
	margin-bottom: 45px;
}
.product-item-div h4{
	font-size: 30px;
	color: #888888;
	margin-bottom: 20px;
	text-align: center;
}
.product-item-div ul{
	display: flex;
	flex-wrap: wrap;
}
.product-item-div ul li{
	width: 31.3333333%;
	margin-right: 3%;
	margin-bottom: 30px;
	background: #ffffff;
}
.product-item-div ul li:nth-of-type(3n){
	margin-right: 0;
}
.product-item-div ul li a{
	display: block;
	padding:20px 30px;
	text-align: center;
}
.product-item-div ul li .product-img{
	height: 250px;
	box-sizing: border-box;
	padding: 10px 0;
	overflow: hidden;
	line-height: 230px;
	text-align: center;
}
.product-item-div ul li .product-img img{
	max-height: 230px;
	transition: 0.4s;
}
.product-item-div ul li h5{
	font-size: 16px;
	color: #333333;
	text-align: center;
	margin-bottom: 10px;
	    font-weight: bold;
}
.product-item-div ul li:hover h5{
	color: #007fcc;
}
.product-item-div ul li p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	text-align: left;
}
.product-item-div ul li span{
	font-size: 14px;
	color: #0074c8;
	text-align: center;
	margin-top: 15px;
	transition: 0.4s;
	display:block;
}
.product-more{
	text-align: center;
}
.product-s2-tab{
	display: flex;
	margin-top: 60px;
	margin-bottom: 45px;
	justify-content: space-around;
}
.product-s2-tab li{
	width: 100%;
	box-sizing: border-box;
}
.product-s2-tab li a{
	background: #504e4e;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	padding: 13px 0;
	border-right: 1px dashed rgba(255,255,255,0.2);
	cursor: pointer;
	position: relative;
}
.product-s2-tab li:last-of-type a{
	border: none;
	position: relative;
}
.product-s2-tab li a.active{
	background: #007fcc;
	border-color: #007fcc;
}
.product-s2-tab li a.active::after{
	position: absolute;
	    content: "";
	    width: 0;
	    height: 0;
	    border-top: 10px solid #007fcc;
	    border-right: 10px solid transparent;
	    border-left: 10px solid transparent;
	    bottom: -10px;
	    left: 0;
		right: 0;
		margin: auto;
}
.small-tab-box{
	display: flex;
	padding: 15px;
	padding-right: 10%;
	background-color: #fff;
}
.small-tab-box-left{
	width: 100px;
	line-height: 40px;flex:0 0 100px;
}
.product-small-tab{
	width: calc(100% - 100px);
	display: flex;
	flex-wrap: wrap;
}
.product-small-tab li{
	box-sizing: border-box;
	width: 20%;
	/* margin: 0 1%; */
	padding: 0 2%;
	margin-bottom: 10px;
	text-align: center;
	/* border-right: 1px solid #007fcc; */
	position: relative;
}

.product-small-tab li a{
	display: block;
	line-height: 40px;
	font-size: 16px;
	border-radius: 18px;
}
.product-small-tab li::after{
	display: block;
	content: '';
	width: 1px;
	height: 70%;
	position: absolute;
	right: 0;
	transform: translateY(-50%);
	top: 50%;
	background-color: #007fcc;
}
.product-small-tab li a.active{
	background-color: #007fcc;
	color: #fff;
}
.product-list .product-item{
	display: none;
}
.product-list .product-item.active{
	display: block;
}
.product-item-div ul li:hover .product-img img{
	transform: scale(1.1);
	transition: 0.4s;
}
.product-item-div ul li:hover span{
	transform: scale(1.05);
	transition: 0.4s;
}
.product-s3-bac{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 535px;
}
.product-s3-text{
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	box-sizing: border-box;
	padding-left: 50%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}
.product-s3-text h4{
	font-size: 36px;
	color: #ffffff;
	margin-bottom: 20px;
}
.product-s3-text p{
	font-size: 14px;
	color: #ffffff;
	line-height: 36px;
}
.ziyuan-ul{
	display: flex;
	margin-top: 40px;
}
.ziyuan-ul li{
	background: #f3f5fa;
	box-sizing: border-box;
	border: 1px solid #d8e0ea;
	width: 23.5%;
	margin-right: 2%;
	display: flex;
	justify-content: center;
	transition: 0.4s;
}
.ziyuan-ul li:nth-of-type(4n){
	margin-right: 0;
}
.ziyuan-ul li a{
	display: flex;
	/* width: 100%; */
	height: 100%;
	align-items: center;padding: 15px 0;
	box-sizing: border-box;
}
.ziyuan-ul li a .ziyuan-left{
	width: 65px;
	height: 65px;
	line-height: 65px;
	text-align: center;
}
.ziyuan-ul li a .ziyuan-right{
	width: calc(100% - 65px);
	box-sizing: border-box;
	padding: 0 10px;
}
.ziyuan-ul li a .ziyuan-right span{
	font-size: 16px;
	color: #323333;
	display: block;
}
.ziyuan-ul li a .ziyuan-right b{
	font-size: 16px;
	color: #323333;
	display: block;
}
.ziyuan-ul li:hover{
	background: #ffffff;
	transition: 0.4s;
	border-color: #007fcc;
}


/* product-detail */
.nei-nav-div{
	display: flex;
	font-size: 14px;
	color: #9a9a9a;
	height: 40px;
	align-items: center;
}
.nei-nav-div a{
	font-size: 14px;
	color: #9a9a9a;
	display: block;
	margin: 0 5px;
}

.product-detail-title{
	margin-bottom: 30px;
}
.product-detail-title h3{
	border-left: 5px solid #007fcc;
	color: #000028;
	font-size: 36px;
	padding: 0px 0 0 20px;
}
.product-detail-s1-b{
	display: flex;
	align-items: flex-end;
}
.product-detail-s1-b>div{
	margin-right: 15px;
}
.product-detail-s1-b>div span{
	font-size: 16px;
	color: #000000;
	display: block;
	margin-bottom: 5px;
}
.product-detail-s1-b>div a{
	font-size: 16px;
	color: #ffffff;
	background: #007fcc;
	text-align: center;
	padding: 10px 25px;
}
.product-detail-s1-text{
	margin-bottom: 35px;
}
.product-detail-s1-text p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
.product-detail-s1-right h4{
	font-size: 30px;
	color: #000028;
	margin-bottom: 10px;
}
.product-detail-s1-div{
	display: flex;
}
.product-detail-s1-div .product-detail-s1-left{
	width: 50%;
 
	box-sizing: border-box;
	padding: 30px;
	text-align: center;
	height: 485px;
	line-height: 425px;
}
.product-detail-s1-div .product-detail-s1-left img{
	max-height: 425px;
}

.product-detail-s1-right{
	width: 50%;box-sizing: border-box;
	padding: 30px 45px;
}
.gaishu{
	font-size: 18px;
	color: #000000;
	margin-bottom: 15px;
	margin-top: 25px;
}
.product-detail-s2-item{}
.product-detail-s2-js{
	margin-bottom: 25px;
}
.product-detail-s2-js h3{
	font-size: 30px;
	color: #0074c8;
	margin-top: 8px;
}
.product-detail-s2-js p{
	font-size: 18px;
	color: #666;
	line-height: 30px;
}
.pd-s2-ul{
	display: flex;
}
.pd-s2-ul li{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 20px;
}
.pd-s2-ul li:nth-of-type(3n){
	margin-right: 0;
}
.pd-s2-ul li .pd-s2-ul-img{
	background: #ebf0f4;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}
.pd-s2-ul li .pd-s2-ul-img img{
	max-height: 200px;
	
}
.pd-s3-ul li .pd-s2-ul-img img{
	width: 100%;
}
.pd-s2-ul li h4{
	font-size: 22px;
	color: #000000;
	margin-bottom: 10px;
}
.pd-s2-ul li .pd-s2-text{}
.pd-s2-ul li p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
.product-detail-s2-item{
	margin: 30px 0 0px;
}
.pd-s3-ul li{
	border: 1px solid #d2d2d2;
	box-sizing: border-box;
}
.pd-s3-div{
	
	box-sizing: border-box;
	padding: 25px 35px;
	border-top: none;
}
.pd-s3-ul .pd-s2-ul-img{
	margin-bottom: 0!important;
	
}
.pd-tab-t1{
	
}
.pd-tab-t1 table{
border-spacing: 0;
width: 100%;
}
.pd-tab-t1 table tr{
 
}
.pd-tab-t1 table tr th{
	border: 1px solid #dcdcdc;
	background: #0074c8;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	padding: 10px;
}
.pd-tab-t1 table tr td{
	border: 1px solid #dcdcdc;
	font-size: 16px;
	color: #666666;
	padding: 10px;
}
.pd-tab-t1 table tr td:first-of-type{
	color: #007fcc;width: 20%;
	font-size: 16px;
}
.pd-tab-t1 table tr th:first-of-type{
	width: 20%;
}
.pd-tab-t1 table tr:nth-of-type(odd){
	background: #f2f2f2;
}
.s4-table{}
.s4-table table{
	border-spacing: 0;
}

.product-detail-s2-item:last-of-type{
	margin-bottom: 0;
}
.nei-tab-top{
	border-bottom: 1px solid #eaeaea;
}
.nei-tab-top-ul{
	display: flex;
}
.nei-tab-top-ul li{
	margin-right: 25px;
}
.nei-tab-top-ul li a{
	font-size: 16px;
	color: #666666;
	position: relative;
	padding: 15px 0;
}
.nei-tab-top-ul li a.active{
	color: #000000;
}
.nei-tab-top-ul li a.active::after{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #007fcc;
}
.nei-tab-top-ul li a:hover{
	color: #007fcc;
}
/* case */
.case-img{
	text-align: center;
}
.nei-title h3 i{
	color: #333333;
}
.more-span{
	background: url(../images/jian-bb_09.png) no-repeat;
	background-position: center;
	border: 1px solid #ffffff;
	border-radius: 5px;
	padding: 15px 30px;
	transition: 0.4s;
}

.case-s2-img{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: relative;
}
.case-s2-img::after{
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
	transition: 0.4s;
}
.case-s2-ul li a:hover .case-s2-img::after{
	opacity: 0;
	transition: 0.4s;
}
.case-s2-img-div{
	overflow: hidden;
	height: 445px;
}
.case-s2-ul{
	display: flex;
}
.case-s2-item{
	display: none;
}
.case-s2-item.active{
	display: block;
}
.case-s2-ul li{
	width: 20%;
}
.case-s2-ul li a{
	display: block;
	position: relative;
}
.case-s2-text{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	box-sizing: border-box;
	padding: 30px;
}
.case-s2-text h4{
	font-size: 24px;
	color: #ffffff;
	margin-bottom: 10px;
}
.case-s2-text h5{
	font-size: 16px;
	color: rgba(255,255,255,0.4);
	font-family: Arial;
}
.case-s2-text .more-span{
	margin-top: 200px;
}
.case-s2-ul li a:hover .more-span{
	background-color: #007fcc;
	transition: 0.4s;
}
.case-s2-tab{
	display: flex;
	justify-content: center;
	margin: 35px 0;
}
.case-s2-tab li{
	margin: 0 10px;
}
.case-s2-tab li a{
	font-size: 18px;
	color: #333333;
	border-radius: 100px;
	padding: 6px 25px;
	cursor: pointer;
}
.case-s2-tab li a.active{
	background: #007fcc;
	color: #ffffff;
}
.case-s2-tab li a.active:hover{
	color: #ffffff;
}
.case-s2-tab li a:hover{
	color: #007fcc;
}
.case-s3-ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 35px;
}
.case-s3-ul li{
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 20px;
	box-sizing: border-box;
	box-shadow: 0 2px 6px #eeeeee;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}
.case-s3-ul li:nth-of-type(4n){
	margin-right: 0;
}
.case-s3-ul li a{
	display: block;
}
.case-s3-ul li a .case-s3-img{
	overflow: hidden;
	height: 210px;
}
.case-s3-ul li a .case-s3-img img{
	width: 100%;
	height: 100%;
	transition: 0.4s;
}
.case-s3-ul li a .case-s3-text{
	padding:20px 15px;
	box-sizing: border-box;
}
.case-s3-ul li a .case-s3-text h4{
	font-size: 20px;
	color: #333333;
	line-height: 30px;
	max-height: 60px;
	overflow: hidden;
}
.case-s3-ul li a:hover .case-s3-img img{
	transform: scale(1.1);
	transition: 0.4s;
}
.case-s3-ul li a:hover .case-s3-text h4{
	color: #007fcc;
}

.case-detail-s1-div{
	display: flex;
	margin-top: 45px;
	align-items: center;
}
.case-detail-s1-div .case-detail-s1-left{
	width: 50%;
}
.case-detail-s1-div .case-detail-s1-left h4{
	font-size: 20px;
	color: #000000;
	margin-bottom: 10px;
}
.case-detail-s1-div .case-detail-s1-left p{
	font-size: 16px;
	color: #888888;
	line-height: 36px;
}
.case-detail-s1-right{
	width: 50%;
	box-sizing: border-box;
	padding:60px 20px;
	text-align: center;
}
.case-detail-s2-ul{
	display: flex;
}
.case-detail-s2-ul li{
	width: 33.3333%;
	box-sizing: border-box;
	padding: 50px;
	text-align: center;
}
.case-detail-s2-ul li .case-detail-s2-img{
	height: 60px;
	line-height: 60px;
	margin-bottom: 15px;
}
.case-detail-s2-ul li h4{
	font-size: 20px;
	color: #000000;
	margin-bottom: 10px;
}
.case-detail-s2-ul li p{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
}
.case-detail-s3{}
.case-detail-s3 .product-item-div{
	margin-bottom: 0;
	margin-top: 50px;
}
.case-detail-s3 .product-item-div ul li{
	box-shadow: 0 0 6px #cfcfcf;
}
.case-s3-ul li{
	background: #ffffff;
}
.succ-case-s1-box{
	display: flex;
	align-items: center;
}
.succ-case-left{}
.succ-case-left h3{
	font-size: 36px;
	color: #231815;
}
.succ-case-left p{
	font-size: 14px;
	color: #999999;
	line-height: 30px;
}
.succ-case-right{
	margin-left: auto;
}
.succ-case-right{
	border: 1px solid #e3e3e3;
	width: 320px;
	height: 40px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
.succ-case-right input{
	height:100%;
	width: calc(100% - 50px);
	border: none;
	background: none;
	box-sizing: border-box;
	padding:0 10px;
}
.succ-lab{
	width: 50px;
	height: 100%;
	background: url(../images/header-icon_03.png) no-repeat;
	background-position: center;
	display: block;
	cursor: pointer;
}
.succ-case-list{
	margin-top: 30px;
}
.succ-case-list-div{
	display: flex;
	border: 1px solid #e3e3e3;
}
.succ-case-list-div .succ-case-list-left{
	width: 100px;
	text-align: center;
	background: #f6f7f9;
	padding: 20px;
	box-sizing: border-box;
}
.succ-case-list-div .succ-case-list-left span{
	font-size: 14px;
	color: #000000;
}
.succ-case-list-right{
	width: calc(100% - 100px);
	display: flex;
	position: relative;
}
.succ-case-list-right li{
	width: 10%;
	padding-bottom: 0;
	transition: 0.8s;
}
.succ-case-list-right li a{
	padding: 20px;
	display: block;
	font-size: 14px;
	color: #333333;
	position: relative;
	text-align: center;
	cursor: pointer;
}
.succ-case-list-right li>a::after{
	position: absolute;
	content: "";
	right: 0px;
	    width: 2px;
	    height: 20px;
	    background: #eeeeee;
	    top: 20px;
}
.succ-case-list-right li>a:before{
	width: 15px;
	height: 10px;
	content: "";
	position: absolute;
	background: url(../images/jj_05.jpg) center no-repeat;
	right: 8px;
	    top: 25px;
}
.succ-case-list-right li a:hover,.succ-case-list-right li.active>a{
	color: #007fcc;
}
.succ-case-list-right li a:hover:before,.succ-case-list-right li.active>a:before{
	background-image: url(../images/jj_03.jpg);
}
.succ-case-list-right li dl{
	position: absolute;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	visibility: hidden;
	clip: rect(0px auto 0 0);
	left: 20px;
	top: 55px;
	transition: all .35s ease-in-out;
}
.succ-case-list-right li dl a{
	padding: 5px 20px;
}
.succ-case-list-right li.active dl{
	visibility: visible;
	clip: rect(0px auto 70px 0);
	transition: all .35s ease-in-out;
}
.succ-case-list-right li.active{
	padding-bottom: 35px;
	transition: all .35s ease-in-out;
}
.succ-case-list-right li dl a.active{
	color: #007fcc;
}
.search-top{
	background: #ffffff;
	border-top: 1px solid #e0e0e0;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	z-index: 99;
	display: none;
}

.header{
	position: relative;
}
.close-btn{
	width: 50px;
	height: 50px;
	background:#eeeeee url(../images/close_03.png) center no-repeat;
	margin-left: auto;
	display: block;
	cursor: pointer;
}
.close-btn:hover{
	transform: rotateZ(90deg);
	transition: 0.5s;
}
.search-close{
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	background: #eeeeee;
	z-index: 999;
}
.search-top-input{
	width: 850px;
	height: 45px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background: #f6f5f3;
	margin:30px auto;
	border-radius: 10px;
}
.search-top-input input{
	width: calc(100% - 60px);
	box-sizing: border-box;
	border: none;
	background: none;
	padding: 0 10px;
}
.search-top-input .search-top-lab{
	display: block;
	width: 60px;
	height: 100%;
	background: url(../images/seec_03.png) center no-repeat;
	cursor: pointer;
}
.search-top-div{
	border-top: 1px solid #e0e0e0;
}

.search-top-box{
	display: flex;
}
.search-top-box .search-top-left{
	width: 50%;
	border-right: 1px solid #e0e0e0;
	display: flex;
	padding: 35px 0;
}
.search-top-box .search-top-left dl{
	width: 50%;
}
.search-top-box .search-top-left dl dt,.search-top-box .search-top-left dl dd{
	margin-bottom: 18px;
}
.search-top-box .search-top-left dl dt a{
	font-weight: bold;
}
.search-top-box .search-top-left dl dt a,.search-top-box .search-top-left dl dd a{
	font-size: 15px;
	color: #333333;
}
.search-top-box .search-top-left dl dd a:hover{
	color: #007fcc;
}
.search-top-right{
	width: 50%;
	box-sizing: border-box;
	padding:35px 50px;
}
.search-top-right h5{
	font-size: 15px;
	color: #1a120c;
	margin-bottom: 10px;
	font-weight: bold;
}
.search-top-right ul{
	display: flex;
	flex-wrap: wrap;
}
.search-top-right ul li{
	width: 47%;
	margin-right: 6%;
	margin-bottom: 10px;
}
.search-top-right ul li:nth-of-type(2n){
	margin-right: 0;
}
.search-top-right ul li a{
	display: flex;
	width: 100%;
	align-items: center;
}
.search-top-right ul li a .search-top-pro-img{
	width: 95px;
	height: 95px;
	border: 1px solid #e8e9e4;
	text-align: center;
	line-height: 95px;
	box-sizing: border-box;
}
.search-top-right ul li a .search-top-pro-img img{
	max-width: 95%;
	max-height: 95%;
}
.search-top-right ul li a p{
	width: calc(100% - 95px);
	box-sizing: border-box;
	padding: 0 20px;
	font-size: 15px;
	color: #1a120c;
}
.search-top-right ul li a:hover p{
	color: #007fcc;
}
.header-bottom{
	position: relative;
}
/* .header-bottom:hover .header-nav-top{
	display: block;
} */
.header-nav-top{
	border-top: 1px solid #e0e0e0;
	position: fixed;
	left: -100%;
	width: 100%;
	top: 100%;
	z-index: 99;
	/* display: none; */
	padding-left: 5%;
	box-sizing: border-box;
	background: #ffffff;
	height: 640px;
	overflow: hidden;
	/* transition: 0.4s; */
}
.header-nav-top.active{
	left: 0;
	/* transition: 0.4s; */
}
.header-ul-list:hover{}
.header-nav-top-ul{
	background: #e8e8e8;
	width: 375px;
	    /* height: 100%; */
		padding: 15px 0;
}
.header-nav-top-ul li{
	width: 100%;
	margin-bottom: 10px;
}
.header-nav-top-ul li:nth-child(2) .header-nav-li-top dl{
	margin-bottom: 30px;
}
.header-nav-top-ul li:nth-child(2) .header-nav-li-top dl dd a{
	line-height: 2em;
}
.header-nav-top-ul li:nth-child(3) .header-nav-li-top dl{
	margin-bottom: 20px;
}
.header-nav-top-ul li:nth-child(3) .header-nav-li-top dl dd p{
	line-height: 2em;
}
.header-nav-top-ul li>a{
	font-size: 17px;
	color: #333333;
	position: relative;
	display: block;
	padding: 8px 30px 8px 45px;
}
.header-nav-top-ul li>a::after{
	width: 20px;
	height: 20px;
	position: absolute;
	content: "";
	right: 50px;
	    top: 12px;
	background: url(../images/j-icon_10.png) center no-repeat;
}
.header-nav-top-ul li.active>a{
	color: #007fcc;
	border-left: 2px solid #007fcc;
	background-color: #f5f5f5;
}
.header-nav-top-ul li.active>a::after{
	background-image: url(../images/j-icon_06.png);
}
.header-nav-li-top{
	position: absolute;
	width: 400px;
	top: 0;
	left: 375px;
	background: #f5f5f5;
	    height: 100%;
		padding: 15px 0;
		display: none;
}
.header-nav-li-top h4>a{
	cursor: default;
	font-size: 15px;
}
.header-nav-top-ul li.active .header-nav-li-top{
	display: block;
}
/* .header-nav-li-top>h4 a:hover{
	color: #007fcc;
} */
.header-nav-top-box{
	position: relative;
	/* height: 100vh; */
}
.header-nav-dl-top{
	position: absolute;
	left: 400px;
	top: 0;
	background: #ffffff;
	width: calc(100vw - 5% - 775px);
	height: 100%;
	box-sizing: border-box;
	padding: 20px 25px;
	display: none;
	padding-right: 110px;
	background-position: center;
	background-size: cover;
}

.header-nav-li-top>h4{
	margin: 0 30px;
	padding: 8px 0;
	font-size: 17px;
	color: #333333;
	border-bottom: 1px solid #d5d5d5;
	margin-bottom: 10px;
}
.two-item.active .header-nav-dl-top{
	display: block;
}
.two-item{
	margin-bottom: 7px;
}
.two-item>a{
	padding: 8px 30px 8px 50px;
	position: relative;
	display: block;
}
.two-item>a::after{
	width: 20px;
	height: 20px;
	position: absolute;
	content: "";
	right: 50px;
	    top: 12px;
	background: url(../images/j-icon_10.png) center no-repeat;
}
.two-item.active>a{
	color: #007fcc;
	border-left: 2px solid #007fcc;
	background-color: #ffffff;
}
.two-item.active>a::after{
	background-image: url(../images/j-icon_06.png);
}
.header-nav-dl-top dl{
	margin-bottom: 10px;
}
.header-nav-dl-top dl dt a{
	font-size: 18px;
	color: #0074c8;
	padding: 5px 0;cursor: default;
}
.header-nav-dl-top dd{
}
.header-nav-dl-top dd a{
	margin-right: 30px;
	font-size: 15px;
	color: #333333;
	padding: 5px 0;
}
.header-nav-dl-top dd a:hover{
	color: #007fcc;
}
.header-nav-dl-top .pro-dd{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.header-nav-dl-top .pro-dd a{
	display: block;
	width: 20%;
	margin: 0;
	padding: 6px 0;
}
.header-nav-top-ul>li.else .header-nav-dl-top{
	left: 0;
	width: calc(100vw - 5% - 325px);
}

.animated{
	-webkit-animation-duration: 2s;
	    animation-duration: 2s;
}
.index-s1,.index-s2,.index-s3,.index-s4,.index-s5,.index-s6{
	overflow: hidden;
}
.jishu-div h4{
	margin: 0 30px 0 0;
	    padding: 8px 0;
	    font-size: 18px;
	    color: #333333;
	    border-bottom: 1px solid #d5d5d5;
	    margin-bottom: 10px;
}
.jishu-div{
	margin-right: 10%;
}
.header-nav-top-ul li.else .header-nav-dl-top{
	    padding: 20px 50px;
}




.pd-tab-t1 table tr td{
	/* font-family: "SOURCEHANSANSCN-LIGHT"; */
	    line-height: 32px;
}
.pd-tab-t1 table tr td:first-of-type{
	font-family: inherit;
}
.pd-s3-ul li h4 {
    
    margin-bottom: 20px;
   /* height: 52px;
    line-height: 26px; */
}
.case-detail-s1-div .case-detail-s1-left p,.pd-s2-ul li p,.product-detail-s1-b>div a{
	/* font-family: "SOURCEHANSANSCN-LIGHT"; */
}
.ziyuan-ul li a .ziyuan-right b{
	    font-weight: normal;
}
.product-detail-s2-js h3,.pd-s2-ul li h4,.product-detail-s1-right h4,.product-detail-title h3{
	font-weight: bold;
}



/* header 11/25 */
.header-ul-list{}
.index-body #header{
	position: absolute;
}
.header-img2{
	display: none;
}

.index-body .header-img1{
	display: none;
}
.index-body .header-img2{
	display: inline-block;
}
.index-body .header-top-left li .header-search{
	background-image: url(../images/header-img_09.png);
}
.header-top-left li .xiala-a{
	background-image: url(../images/menu_03.png);
	background-position: left;
	background-repeat: no-repeat;
}
.index-body .header-top-left li .xiala-a{
	background-image: url(../images/header-img_15.png);
}
.index-body .header-top-right li .header-lianxi{
	background-image: url(../images/header-img_06.png);
}
.index-body .header-top-right li .header-login{
	background-image: url(../images/header-img_12.png);
}
.index-body .header-top-left li a,.index-body .header-top-right li a{
	color: #ffffff;
}
.index-body .header-top-right li a img{width: 20px;margin-right: 5px}

.nyWrap {
    padding: 4.16% 0;
    min-height: 500px;
}
.nySide{width: 18.4%;}
.nySide li{margin-bottom: 2px;position: relative;background: #F2F2F2;position: relative;}
.nySide li:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #0074c8;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform: scale(0,1);transform: scale(0,1);-webkit-transition:all 0.5s linear;transition:all 0.5s linear;}
.nySide li a{display: block;padding: 0 30px;line-height: 51px;color: #333333;position: relative;z-index: 2;}
.nySide li.on:before,.nySide li:hover:before{-webkit-transform: scale(1,1);transform: scale(1,1);}
.nySide li.on a,.nySide li a:hover{color: #fff;}
.nyContent{width: 79.6%;}
.downloadList1{padding-bottom: 3%;}
.downloadList1 li{margin-bottom: 20px;}
.downloadList1 li .download11{display: block;padding: 20px 110px 20px 20px;position: relative;border: 1px solid #CCCCCC;color: #333333;}
.downloadList1 li .download11 h5{margin-bottom: 16px;line-height: 20px;font-weight: normal;}
.downloadList1 li .download11 span{display: block;line-height: 1;color: #999999;}
.downloadList1 li .download11 .btn{position: absolute;right: 30px;top:50%;color: #fff;line-height: 24px;padding-left: 32px;background: url(../fonts/download.svg) no-repeat left center;filter: brightness(0) invert(1);
-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.downloadList1 li .download11:hover{border-color: #0074c8;background: #0074c8;color: #fff;}
.downloadList1 li .download11:hover span{color: #FFFFFF;opacity: 0.6;}


.honorWrap{margin: 4% auto 5.2%;}
.honorWrap .title{text-align: center;padding-bottom: 22px;position: relative;margin-bottom: 3.3%;}

.honorList{padding-bottom: 12px;}
.honorList li{width: 30%;margin: 0 5% 3% 0;}
.honorList li:nth-child(3n){margin-right: 0;}
.honorList li a{display: block;}
.honorList li a .pic{padding: 20px;background: #f1f1f1;}
.honorList li a .pic span{display: block;height: 370px;background: #ffffff;text-align: center;line-height: 370px;overflow: hidden;position: relative;}
.honorList li a .pic span img{max-width: 100%;max-height: 100%;}
.honorList li a .pic span b{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(51,134,132,0.4);opacity: 0;}
.honorList li a .pic span i{width: 80px;height: 80px;position: absolute;left: 50%;top:50%;margin: -40px 0 0 -40px;background: url(../images/scaleicon.png) no-repeat center;z-index: 3;opacity: 0;-webkit-transform: scale(0.4);transform: scale(0.4);}
.honorList li a .tit{height: 99px;box-sizing:border-box;padding: 24px 60px 0;background: #dedede;text-align: center;font-size: 18px;color: #333333;line-height: 30px;font-weight: normal;}
.honorList li a .tit h5{font-weight: normal;}
.honorList li a:hover .pic span b{opacity: 1;}
.honorList li a:hover .pic span i{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.honorList li a:hover .tit{background: #0074c8;color: #fff;}
.s4-table .download11{    display: flex;
    color: #333333;
    justify-content: space-around;}

.header-top{
	/* height: 90px;
	line-height: 90px; */
	padding: 30px 0;
}
.header-top .header-top-div{
	box-sizing: border-box;
	padding: 0 3%;
}
.header-bottom{
	display: none;
}
.header-nav-top{
	/* top: -1px;
	padding: 0;
	height: 100vh;
	background: none; */
	/* width: auto; */
}
.header-nav-bottom{
	position: relative;
	z-index: 2;
}
.header-nav-top-ul{
	z-index: 2;
	position: relative;
}
.nav-mask::after{
	position: fixed;
	content: "";
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	height: 100vh;
	width: 100%;
	background: rgba(0,0,0,0.8);
	/* z-index: -1; */
	opacity: 0;
	transition: 0.1s;
	transform: scale(0);
}
.nav-mask.active::after{
	opacity: 1;
	
	z-index: 1;
	transform: scale(1);
}
.search-close{
	left: 3%;
	right: auto;
	display: flex;
	align-items: center;
	cursor: pointer;
	background-color: #ffffff;
	padding: 30px 0;
}
.search-close .close-btn{
	display: inline-block;
	    align-items: center;
	    width: 30px;
	    height: 30px;
	    background-size: 15px 15px;
		background-color: #ffffff;
		margin-right: 10px;
		transition: 0.5s;
}
.search-close:hover .close-btn{
	transform: rotateZ(90deg);
	    transition: 0.5s;
}
.header-nav-top-ul{
	padding-left: 3%;
	padding-top: 90px;
	background: none;
	width: 25%;
	/* height: auto; */
	box-sizing: border-box;
	background: #ffffff;
	padding-bottom: 50px;
}
.header-nav-bottom{
	padding: 50px 0;
	border-top: 1px solid #eeeeee;
	padding-left: 3%;
	width: 25%;
	box-sizing: border-box;
	background-color: #ffffff;
}
.header-nav-bottom h4,.header-nav-bottom h4 a{
	font-size: 14px;
	color: #19110b;
	line-height: 36px;
}
.header-nav-li-top{
	padding-top: 90px;
	background: none;
	width: 25%;
	    left: 25%;
		background: #ffffff;
		box-sizing: border-box;
		border-left: 1px solid #eeeeee;
		margin-left: 0px;
		width: 100%;
		left: 100%;
		height: 100vh;
}
.header-nav-dl-top{
	width: calc(100vw/4);
	left: calc(100vw/4);
	margin-left: -3px;
	padding: 0;
}
.header-nav-top-ul li>a{
	padding-left: 0;
	font-size: 22px;
	color: #666666;
	font-weight: bolder;
	padding: 9px 50px 9px 0px
}
.header-nav-top-ul li.active>a{
	border-left: none;
	background: none;
	color: #000000;
}

.header-nav-top-ul li.active>a::after,.header-nav-top-ul li:hover>a::after{
	background-image: url(../images/jjh_03.png);
	opacity: 1;
}
.header-nav-top-ul li>a::after{
	background-image: url(../images/jjh_03.png);
	opacity: 0;
	top: 20px;
}
.header-nav-top-ul li>a span{
	position: relative;
	padding: 5px 0;
	font-weight: 300;
}
.header-nav-top-ul li>a span::after{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 0%;
	height: 1px;
	background: #000000;
	transition: 0.4s;
}
.header-nav-top-ul li:hover>a span::after{
	width: 100%;
	transition: 0.4s;
}
.header-nav-top-ul li:hover>a{
	color: #000000;
	transition: 0.4s;
}
.search-close{
	color: #19110b;
	font-size: 14px;
}
.search-close:hover{
	color: #000000;
}
.two-item{
	box-sizing: border-box;
	padding-left: 50px;
}
.two-item>a{
	padding-left: 0;
}
.two-item>a span{
	position: relative;
	    padding: 5px 0;
}
.two-item>a span::after{
	position: absolute;
	    content: "";
	    left: 0;
	    bottom: 0;
	    width: 0%;
	    height: 1px;
	    background: #000000;
	    transition: 0.4s;
}
.two-item>a:hover span::after{
	width: 100%;
	transition: 0.4s;
}
.header-nav-top-ul li:nth-child(n+3) .two-item.active>a::after, .header-nav-top-ul li:nth-child(n+3) .two-item>a:hover::after{
	background-image: none;
}
 
.two-item.active>a::after, .two-item>a:hover::after {
    background-image: url(../images/jjh_03.png);
    opacity: 1;
}
.two-item.active>a{
	border: none;
	color: #000000;
}
.two-item>a{
	font-size: 15px;
	color: #000000;
	/* font-weight: bold; */
	padding: 10px 50px 10px 0px;
}
.two-item>a::after{
	opacity: 0;
}
.header-nav-dl-top{
	border-left: 1px solid #eeeeee;
	box-sizing: border-box;
}
.header-nav-top-img{
	width: 100%;
	height: 270px;
	overflow: hidden;
}
.header-nav-top-img-div{
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.header-nav-top-more{
	border-bottom: 1px solid #eeeeee;
	padding: 25px 0;
	margin-bottom: 35px;
}
.header-nav-top-more h5{
	text-align: center;
}
.header-nav-top-more h5 a{
	font-size: 16px;
	color: #19110b;
	text-align: center;
}
.header-nav-dl-top dl dt{
	box-sizing: border-box;
	padding: 8px 50px;
}
.header-nav-dl-top dl{
	margin-bottom: 0;
}
.header-nav-dl-top dl dt a{
	font-size: 15px;
	color: #000000;
	position: relative;
	
}
.header-nav-dl-top dl dt a::after{
	position: absolute;
	content: "";
	left: 0;
	width: 0;
	bottom: 0;
	height: 1px;
	background: #000000;
	transition: 0.4s;
}
.header-nav-dl-top dl dt a:hover::after{
	width: 100%;
	transition: 0.4s;
}
.header-nav-dl-top dl dt a:hover{
	color: #000000;
}

body.active{
	position: fixed;
}
.two-item>a:hover{
	color: #000000;
}


/* 1129 */
.header-top-right li .header-login,.index-body .header-top-right li .header-login{
	background: none;
	padding-left: 0;
}

.body #header{
	position: fixed;
	background: #ffffff;
	transition: 0.5s;
}
.index-body #header{
	background: none;
	transition: 0.5s;
}
#header{
	position: fixed;
}
#header.aTop{
	top: 0;
	transition: 0.5s;
}
#header.aBto.on{
	top: -90px;
	transition: 0.5s;
}
#header.aTop.on{
	background: #ffffff;
	transition: 0.5s;
}
#header.on{
	box-shadow: 0 0 3px #cccccc;
}
.body-top .header-img1{
	display: inline-block;
}
.body-top .header-img2{
	display: none;
}
.body-top .header-top-left li a, .body-top .header-top-right li a, .body-top .header-ul-list li a{
	color: #000000;
}
.body-top .header-top-left li .xiala-a{
	background-image: url(../images/menu_03.png);
}
.body-top .header-top-left li .header-search{
	background-image: url(../images/header-icon_03.png);
}
.body-top .header-top-left li a:hover,.body-top .header-top-right li a:hover ,.body-top .header-ul-list li:hover a{
    color: #0074c8;
}
.header-ul-list li:hover a{
	color: #0074c8;
}
.nei-ban{
	margin-top: 90px;
}
.nei-nav-div a{
	margin: 0px;
	background: url(../images/jian.png) no-repeat;
	padding-left: 25px;
	    background-size: 25px 25px;
	    margin-left: 0;
		color: #333333;
		background-position: left;
}
.nei-nav-div a:first-of-type{
	background: none;
	padding-left: 0;
}
.nei-nav-div a:hover{
	color: #0074c8;
}
.footer-share{
	display: flex;
	margin-top: 25px;
}
.footer-share .footer-item{
	margin-right: 40px;
}
.footer-share .footer-item>a{
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 100%;
	background: rgba(255,255,255,0.1);
}
.footer-share .footer-item>a:hover{
	background: rgba(255,255,255,0.3);
}
.footer-copy-left{
	display: flex;
	padding: 10px 0;
}
.footer-copy p{
	margin-right: 30px;
}
.footer-copy-right{
	margin-left: auto;
}
.footer-copy-right{
	display: flex;
}
.footer-copy .wrap-1600{
	display: flex;
}
.footer-copy-a{
	display: flex;
	padding: 10px 0;
}
.footer-copy-a a{
	font-size: 14px;
	color: rgba(255,255,255,0.2);
	/* margin: 0 10px; */
	position: relative;
	padding: 0 20px;
	display: block;
}
.footer-copy-a a::after{
	position: absolute;
	content: "";
	right: 0;
	top: 2px;
	width: 1px;
	height: 15px;
	background: rgba(255,255,255,0.2);
}
.footer-copy-a a:last-of-type::after{
	display: none;
}
.footer-lang{
	position: relative;
	background: url(../images/earch_03.png) no-repeat;
	background-position: 15px;
	padding: 10px 20px 10px 30px;
	padding-left: 40px;
	
}
.footer-lang>a{
	font-size: 14px;
	color: rgba(255,255,255,0.2);
	display: block;
	background: url(../images/top-icon_07.png) no-repeat;
	background-position: right;
	letter-spacing: 2px;
	padding-right: 22px;
}
.footer-lang:hover{
	background-color: #626262;
}
.footer-lang dl{
	position: absolute;
	left: 0;
	right: 0;
	text-align: left;
	bottom: 100%;
	background: #eaeaea;
	padding-left: 40px;
	/* border: 1px dashed rgba(255,255,255,0.2); */
	/* border-radius: 10px 10px 0 0;
	border-bottom: 1px dashed rgba(255,255,255,0.2); */
	display: none;
	
}
.footer-lang dl dd{
	margin: 5px 0;
}
.footer-lang dl a{
	font-size: 16px;
	color: #000000;
	padding: 8px 0;
}
.footer-lang:hover dl{
	display: block;
}

.header-top-right li .header-lianxi{
	background: none;
	padding-left: 0;
}
.index-body .header-top-right li .header-lianxi{
	background: none;
	padding-left: 0;
}


.index-body #header{
	position: fixed;
}
.nei-ban{
	margin-top: 0;
}
.body .call-a,.body-top .call-a{
	background-image: url(../images/header-icon_07.png);
}
.call-a,.index-body .call-a{
	background: url(../images/call_03.png) no-repeat;
	background-position: left;
}
.body-top .call-a{
	background-image: url(../images/header-icon_07.png);
}
.footer-lang:hover>a{
	color: #000000;
}
.footer-lang dl a:hover{
	color: #0074c8;
}
.kh-box{
	width: 800px;
	height: 820px;
	position: fixed;
	box-sizing: border-box;
	padding: 50px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
	background: #ffffff;
	display: none;
	z-index: 999999;
}
.kh-box .close-btn{
	width: 50px;
	height: 50px;
	background-size: 40px 40px;
	
}
.kh-box .search-close{
	right: 0;
	left: auto;
	padding: 15px;
}
.kh-title{
	text-align: center;
}
.kh-title img{
	max-width: 150px;
}
.kh-title h2{
	font-size: 24px;
	line-height: 36px;
	color: #000000;
	margin: 10px 0 15px;
}
.kh-title i{
	display: block;
	position: relative;
	border-bottom: 1px solid #e7e7e7;
}
.kh-title i:after{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border: 1px solid #acacac;
	background: #ffffff;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -5px;
	transform: rotateZ(45deg);
}
.kh-box-div{
	position: relative;
}

.email-a{
	background:#1b1b1b url(../images/t-icon_10.png) no-repeat;
	background-position: 15px;
	padding: 10px 20px 10px 35px;
	color: #e5dfd9;
	font-size: 12px;
}
.call-a-t{
	background:url(../images/t-icon_06.png) no-repeat;
	background-position: 3px;
	    padding-left: 20px;
}
.online-a{
	background:#1b1b1b url(../images/t-icon_03.png) no-repeat;
	background-position: 15px;
	padding: 10px 20px 10px 35px;
	color: #e5dfd9;
	font-size: 12px;
}
.kh-div-t1-left dd{
	border-bottom: 1px solid #f5f5f5;
	box-sizing: border-box;
	padding: 25px 0;
}
.kh-div-t1-left dd h4{
	font-size: 14px;
	color: #111111;
	margin-bottom: 10px;
}
.kh-div-t1-left dd .div-a{
	margin-top: 25px;
	padding-left: 15px;
}
.kh-div-t1-left dd .div-a a{
	cursor: pointer;
}
.kh-div-t1-left dd .div-a a:hover{
	opacity: 0.8;
}
.kh-div-t1-left dd h5{
	color: #313131;
	font-size: 12px;
	padding-left: 15px;
	margin-top: 15px;
}
.kh-div-t1-left dd p{
	font-size: 12px;
	color: #4b4b4b;
	line-height: 24px;
	position: relative;
	padding-left: 15px;
}
.kh-div-t1-left dd:first-of-type{
	padding-top: 0;
}
.kh-div-t1-left dd p::after{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #999999;
	left: 0;
	top: 10px;
}
.kh-box-div>div{
	box-sizing: border-box;
	padding: 40px 10px 30px;
}
.kh-div-t1{
	display: flex;
}
.kh-div-t1-right{
	width: 230px;
	margin-left: auto;
	padding: 0 10px 0 30px;
}
.kh-div-t1-left{
	width: calc(100% - 230px);
	box-sizing: border-box;
	border-right: 1px solid #f5f5f5;
	padding-right: 40px;
}
.kh-div-t1-right dl{}
.kh-div-t1-right dd h4{
	font-size: 14px;
	color: #111111;
	margin-bottom: 10px;
}
.kh-div-t1-right dd p{
	font-size: 12px;
	color: #4b4b4b;
	line-height: 24px;
	position: relative;
	padding-left: 15px;
}
.kh-div-t1-right dd p::after{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #999999;
	left: 0;
	top: 10px;
}
.kh-div-t1-right dd img{
	margin-top: 20px;
}

.kh-t2-tab{
	display: flex;
	justify-content: center;
	margin: 15px 0;
}
.kh-t2-tab a{
	width: 150px;
	height: 40px;
	line-height: 40px;
	border-radius: 100px;
	background: #626262;
	font-size: 14px;
	color: #ffffff;
	text-align: center;
	margin: 0 10px;
	cursor: pointer;
}
.kh-t2-tab a.active{
	background: #000000;
}
.kh-div-t2{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 10px;
	background: #ffffff;
	height: 100%;
	width: 100%;
	padding-left: 0!important;
	padding-right: 0!important;
	padding-top: 20px!important;
	
}
.kh-t2-title{
	text-align: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #e7e7e7;
}
.kh-t2-title h4{
	font-size: 12px;
	color: #999999;
	font-style: italic;
}

.kh-t2-box{}
.kh-t2-box .kh-t2-item{
	display: none;
}
.kh-t2-box .kh-t2-item.active{
	display: block;
}
.kh-t2-box .kh-t2-item>ul{
	display: flex;
	flex-wrap: wrap;
}
.kh-t2-box .kh-t2-item>ul>li{
	margin-bottom: 15px;
	width: 100%;
}
.kh-t2-box .kh-t2-item>ul>li>label{
	display: block;
	font-size: 12px;
	color: #000000;
	margin-bottom: 5px;
	height: 16px;
}
.kh-t2-box .kh-t2-item>ul>li>input{
	height: 35px;
	background: #f5f5f5;
	box-sizing: border-box;
	border: none;
	padding: 10px;
	display: block;
	width: 100%;
}
.kh-t2-box .kh-t2-item>ul>li>textarea{
	width: 100%;
	height: 100px;
	box-sizing: border-box;
	padding: 10px;
	background: #f5f5f5;
	resize: none;
	border: none;
}
.kh-t2-box .kh-t2-item>ul>li:nth-of-type(1){
	width: 90px;
	margin-right: 15px;
}
.kh-t2-box .kh-t2-item>ul>li:nth-of-type(2){
	width: calc(100% - 105px);
}
.kh-t2-box .kh-t2-item>ul>li:nth-of-type(3){
	
}
.kh-t2-box .kh-t2-item>ul>li:nth-of-type(5){
	width: 150px;
	margin-right: 15px;
}
.kh-t2-box .kh-t2-item>ul>li:nth-of-type(6){
	width: calc(100% - 165px);
}
.pro-butt,.js-butt{
	background: #1b1b1b;
	color: #ffffff;
	font-size: 12px;
	border: none;
	padding: 10px 39px;
	display: block;
	margin: auto;
	cursor: pointer;
}
.pro-butt:hover,.js-butt:hover{
	opacity: 0.8;
}
.back-a{
	font-size: 12px;
	color: #1b1b1b;
	cursor: pointer;
}
.back-div{
	text-align: center;
	margin: 20px 0;
}
.back-a:hover{
	color: #007fcc;
}
.kh-div-t2{
	display: none;
}

body.active #header.aBto{
	top: 0;
}
.combo-select {
	position: relative;
	max-width: 100%;
	width: 100%;
	margin-bottom: 10px;
	display: inline-block;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 3px;
}

.combo-select .combo-input {
	margin-bottom: 0;
	background: #ffffff;
	color: #333333;
	font-size: 16px;
	padding-left: 10px;
	margin: 0 0px;
}

.combo-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: 1px solid #86b2c6;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	padding-right: 45px;
	border-radius: 0px;
	background: #ffffff;
}

.combo-input:focus {
	outline: none;
}

/**
 * Arrow
 */
.combo-arrow {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	cursor: pointer;
	text-align: center;
	font-size: 14px;
	width: 100%;
	font-size: 12px;
	color: #999999;
}

.combo-arrow:before {
	content: " ";
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #86b2c6;
	display: block;
	width: 0;
	height: 0;
	top: 0;
	right: 15px;
	bottom: 0;
	position: absolute;
	margin: auto 0;
}

/**
 * When opened
 */
.combo-open .combo-arrow {
	border-color: #86b2c6;
}

.combo-open .combo-arrow:before {
	border-top: none;
	border-bottom: 5px solid #86b2c6;
}

/**
 * When focused
 */
.combo-focus {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	border-color: #51A7E8;
}

.combo-focus input {
	border-color: #51A7E8;
}

/**
 * Hide native select
 */
.combo-select select {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-appearance: none;
	opacity: 0;
}

.footer-share .footer-item>a {
    position: relative;
}

.ewmx {
    display: none;
    position: absolute;
    width: 100px;
    left: 0;
    bottom: 110%;
}
.footer-share .footer-item>a:hover .ewmx{
	display: block;
}
@media only screen and (min-width: 960px) {
	.combo-select select {
		left: -1px;
		top: -1px;
		width: 0;
		height: 0;
		margin: 0;
	}
}

/**
 * Selected option
 */
.option-selected {
	background-color: #eee;
}

/**
 * Hovered option
 */
.option-hover {
	background-color: #86b2c6;
	color: #fff;
}

/**
 * Option item
 */
.option-item {
	cursor: pointer;
	border-bottom: 1px #86b2c6 solid;
}

.option-item:hover {
	background-color: #86b2c6;
	color: #fff;
}

.option-item:last-child {
	border-bottom: none;
}

/**
 * Disabled and optgroups
 */
.option-group {
	cursor: text;
	font-weight: 600;
	background: #e1e1e1;
	border: 1px #ccc solid;
	border-width: 1px 0;
}

/**
 * Disabled
 */
.option-disabled {
	opacity: 0.5;
}

/**
 * Dropdown
 */
.combo-dropdown {
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 0;
	min-width: 100%;
	max-width: 100%;
	max-height: 300px;
	margin: 0;
	padding: 0;
	display: none;
	overflow-y: auto;
	background: #fff;
	border: 1px solid #999999;
	border-radius: 0;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	box-sizing: border-box;
	text-align: left;
}

.combo-dropdown li {
	list-style: none;
	padding: 5px 1em;
	margin: 0;
	font-size: 14px;
}

/**
 * On Active
 */
.combo-open .combo-dropdown {
	display: block;
}

/**
 * Search marker
 */
.combo-marker {
	text-decoration: underline;
}


.combo-select input::placeholder {
	color: #575757;
	font-size: 14px;
}

.combo-select:first-of-type .combo-arrow::after {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background-size: 100%;

	left: 15px;
	top: 12px;
}

.combo-select:last-of-type .combo-arrow::after {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background-size: 100%;
	left: 15px;
	top: 12px;
}


.select-div-year{
	width: 100%;
}
.combo-select{
	border: none;
}
.combo-select .combo-input{
	padding: 10px;
	padding-right: 10px;
	font-size: 12px;
	height: 35px;
	border: none;
	background: #f5f5f5;
}
.option-hover{
	background-color: #ffffff;
	color: #000000;
	opacity: 0.5;
}
.option-hover{
	
}
.option-item:hover{
	background: #f5f5f5;
	color: #000000;
}
.option-item{
	border-color: #e0e0e0;
}
.combo-dropdown li{
	font-size: 12px;
}
.combo-arrow:before{
	width: 20px;
	height: 20px;
	border: none;
	background-image: url(../images/jjh_03.png);
	background-position: center;
	background-size: 6px;
	background-repeat: no-repeat;
	transform: rotateZ(90deg);
	-webkit-transform: rotateZ(90deg);
	-moz-transform: rotateZ(90deg);
}
.combo-open .combo-arrow:before{
	border-bottom: none;
	transform: rotateZ(270deg);
	-webkit-transform: rotateZ(270deg);
	-moz-transform: rotateZ(270deg);
}
.mask{
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	right: 0;
	top: 0;
	background: rgba(0,0,0,0.6);
	display: none;
	z-index: 9999;
}
.nei-t{
	text-align: center;
	padding-right: 0;
	top: 50%;
}
.nei-t h4{
	font-size: 32px;
	color: #ffffff;
	text-align: center;
}
.header-logo{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 200px;
}

.search-top-right{
	display: flex;
	
	box-sizing: border-box;
}
.search-top-d{
	width: 50%;
	box-sizing: border-box;
	flex-wrap: wrap;
}
.search-top-d ul li{
	width: 100%;
}

#header:hover{
	background: #ffffff;
	    transition: 0.5s;
}
#header:hover .header-top-left li .xiala-a {
    background-image: url(../images/menu_03.png);
}
#header:hover .header-top-left li .header-search {
    background-image: url(../images/header-icon_03.png);
}
#header:hover .header-top-left li a, #header:hover .header-top-right li a , #header:hover .header-ul-list li a{
    color: #000000;
}
#header:hover .header-img1 {
    display: inline-block;
}
#header:hover .header-img2 {
    display: none;
}
#header:hover .call-a {
    background-image: url(../images/header-icon_07.png);
}


.s-body #header{
	background: #ffffff;
	    transition: 0.5s;
}
.s-body .header-top-left li .xiala-a {
    background-image: url(../images/menu_03.png);
}
.s-body .header-top-left li .header-search {
    background-image: url(../images/header-icon_03.png);
}
.s-body .header-top-left li a, .s-body .header-top-right li a {
    color: #000000;
}
.s-body .header-img1 {
    display: inline-block;
}
.s-body .header-img2 {
    display: none;
}
.s-body .call-a {
    background-image: url(../images/header-icon_07.png);
}


/* news */
 .news{}
 .news .swiper-container{}
 .news .swiper-container .swiper-slide{}
 .news .swiper-container .swiper-slide .news-slide-left{float: left;width: 48%;}
 .news .swiper-container .swiper-slide .news-slide-right{width: 48%;float: right;}
 .news .swiper-container .swiper-slide .news-slide-right h3{font-size: 20px;line-height: 36px;color: #000000;font-weight: bold;margin-top: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
 .news .swiper-container .swiper-slide .news-slide-right p{font-size: 16px;line-height: 36px;color: #666666;display: -webkit-box;-webkit-box-orient: vertical; margin-top: 20px;}
 .news .swiper-container .swiper-slide .news-slide-right a{background: #0074c8;color: #ffffff;padding: 10px 30px;border-radius: 50px;margin-top: 40px;}
 .news .swiper-container .swiper-slide .news-slide-right a icon{width: 20px;height: 20px;margin-right: 10px;background: url(../images/jt-b_10.png) no-repeat;background-size: 95%;background-position: center;display: inline-block;vertical-align: middle;}
 
 .news .swiper-container .swiper-slide .news-slide-right a span{vertical-align: middle;font-size: 16px;}
 .news .swiper-container-horizontal>.swiper-pagination-bullets,.news .swiper-pagination-custom,.news .swiper-pagination-fraction{width: 20%;text-align: left;left: 52%;bottom: 30px;}
 .news .swiper-pagination-bullet-active{background: #0074c8;}
 .news-list{margin: 35px 0 50px;}
 .news-list ul{}
 .news-list ul li{border-top: 1px solid #f0f0f0;}
 .news-list ul li a{display: block;padding: 35px 0;}
 .news-list ul li a .news-list-left{overflow: hidden;float: left;width: 20%;}
 .news-list ul li a .news-list-center{float: left;width: 60%;padding-left: 40px;}
 .news-list ul li a .news-list-center h3{font-size: 20px;color: #111111;line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}  
 .news-list ul li a .news-list-center p{font-size: 16px;line-height: 36px;color: #666666;text-overflow: ellipsis;overflow: hidden;margin: 15px 0;     height: 72px;}
 .news-list ul li a .news-list-center .read-news{}
 .news-list ul li a .news-list-center .read-news icon{width: 25px;height: 25px;background: #0074c8 url(../images/jt-b_10.png) no-repeat;background-position: center;vertical-align: middle;border-radius: 100%;display: inline-block;}
 .news-list ul li a .news-list-center .read-news span{font-size: 16px;color: #666666;vertical-align: middle;margin-left: 8px;}
 
 .news-list ul li a .news-list-right{float: right;} 
 .news-list ul li a .news-list-right b{display: block;font-size: 40px;color: #d7dcd8;font-weight: normal;position: relative;margin-bottom: 15px;padding-bottom: 25px;}
 .news-list ul li a .news-list-right b::after{content: "";position: absolute;width: 35px;height: 2px;background: #d7dcd8;bottom: 0;right: 0;}
 .news-list ul li a .news-list-right span{display: block;font-size: 18px;color: #d7dcd8;text-align: right;}
 .news-list ul li a:hover .news-list-center h3{color: #0074c8;}
 .news-list ul li a:hover .news-list-right b{color: #0074c8;}
 .news-list ul li a:hover .news-list-center .read-news span{color: #0074c8;}

.news-detail-nd{}
.news-detail-title{
	text-align: center;
	border-bottom: 1px solid #f5f5f5;
}
.news-detail-title h4{
	font-size: 30px;
	color: #333333;
	line-height: 36px;
}
.news-detail-tip{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 15px 0;
}
.news-detail-tip span{
	font-size: 12px;
	color: #aaaaaa;
	line-height: 36px;
	display: block;
	background-position: left;
	background-repeat: no-repeat;
	    margin: 0 15px;
		padding-left: 25px;
}
.news-detail-tip .n-time{
	background-image: url(../images/nd-icon_03.jpg);
}
.news-detail-tip .n-look{
	background-image: url(../images/nd-icon_06.jpg);
}
.news-detail-text{
	box-sizing: border-box;
	padding: 20px 15px;
}
.news-detail-text p{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
.news-detail-text table{
	border-collapse: collapse;
}

.news-detail-else{
	border-bottom: 1px solid #f5f5f5;
	display: flex;
	padding: 45px 0;
}
.news-detail-left{
	
}
.back-a{
	
}
.back-a a{
	font-size: 18px;
	color: #0074c8;
	border: 1px solid #0074c8;
	border-radius: 100px;
	    padding: 7px 55px;
}
.news-detail-right{
	margin-left: auto;
	display: flex;
	align-items: center;
}
.news-detail-right a{
	width: 37px;
	height: 37px;
	margin: 0 0 0 15px;
}
.news-detail-page{
	padding: 15px 0;
}
.news-detail-page>div{
	margin: 3px 0px;
}
.news-detail-page a{
	font-size: 16px;
	color: #666666;
	line-height: 36px;
	position: relative;
	    padding-left: 14px;
}
.news-detail-page a::after{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #666666;
	left: 0;
	top: 15px;
}
.news-detail-page a:hover{
	color: #0074c8;
}
.nei-search{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 850px;
	border: 1px solid #bfd7e3;
	border-radius: 25px;
	height: 45px;
	margin:25px auto;
}
.nei-search input{
	width: calc(100% - 130px);
	box-sizing: border-box;
	background-color: none;
	padding: 0 10px;
	height: 100%;
	border: none;
	border-radius: 25px;
}
.nei-search label{
	font-size: 14px;
	color: #ffffff;
	display: block;
	width: 130px;
	box-sizing: border-box;
	background:#0074c8 url(../images/bbs_04.png) no-repeat;
	border-radius: 0 25px 25px 0;
	height: 100%;
	padding-left: 58px;
	    line-height: 45px;
	    background-position: 27px;
		cursor: pointer;
}
.supp-list{
	display: flex;
	box-sizing: border-box;
	padding: 15px 35px;
	border: 1px solid #dfebf1;
}
.supp-list span{
	width: 100px;
	font-size: 16px;
	color: #333333;
	display: block;
	    line-height: 31px;
}
.supp-list .supp-ul{
	width: calc(100% - 100px);
	display: flex;
	flex-wrap: wrap;
}
.supp-list .supp-ul li{
	
}
.supp-list .supp-ul li a{
	    padding: 5px 25px;
	position: relative;
	border-radius: 5px;
	color: #333333;
	font-size: 16px;
	text-align: center;
	display: block;
}
.supp-list .supp-ul li a.active{
	background: #0074c8;
	color: #ffffff;
}
.supp-list .supp-ul li a.active:hover{
	color: #ffffff;
}
.supp-list .supp-ul li a::after{
	position: absolute;
	content: "";
	right: 0;
	top: 9px;
	width: 1px;
	height: 15px;
	background: #666666;
}
.supp-list .supp-ul li a:hover{
	color: #0074c8;
}
.supp-qs{
	box-sizing: border-box;
	padding:10px 35px;
	box-shadow: 0 0 10px #f5f7fa;
	margin: 25px 0;
}
.supp-qs ul{}
.supp-qs ul li{
	border-bottom: 1px solid #f5f7fa;
}
.supp-qs ul li .supp-qs-title{
	display: flex;
	padding: 10px 0;
	align-items: center;
	cursor: pointer;
}
.supp-qs ul li:hover .supp-qs-title p{
	color: #007fcc;
}
.supp-qs ul li .supp-qs-title i{
	width: 12px;
	height: 12px;
	display: block;
	background: url(../images/jj_07.jpg) no-repeat;
	transition: 0.4s;
}
.supp-qs ul li .supp-qs-title.active i{
	/* transform: rotateZ(45deg); */
	background-image: url(../images/jj_04.jpg);
	transition: 0.4s;
}
.supp-qs ul li .supp-qs-title p{
	font-size: 16px;
	color: #000000;
	line-height: 30px;
	padding-left: 10px;
	box-sizing: border-box;
}

.supp-qs-top{
	background: #f5f7fa;
	padding: 20px 35px;
	display: none;
}
.supp-qs-top p{
	font-size: 16px;
	color: #555555;
	line-height: 30px;
}
.supp-down{
	margin-top: 40px;
}
.supp-down-ul{
	display: flex;
	flex-wrap: wrap;
}
.supp-down-ul li{
	width: 49%;
	margin-right: 2%;
	margin-bottom: 25px;
	background: #ffffff;
	box-shadow: 0 0 10px #f5f7fa;
}
.supp-down-ul li:nth-of-type(2n){
	margin-right: 0;
}
.supp-down-ul li a{
	display: flex;
	align-items: center;
	padding:25px 30px;
}
.supp-down-ul li a h4{
	font-size: 18px;
	padding: 8px;
	color: #555555;
	box-sizing: border-box;
	background: url(../images/down_03.png) no-repeat;
	background-position: left;
	padding-left: 25px;
	width: calc(100% - 100px);
	padding-left: 55px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: 0.5s;
}
.supp-down-ul li a span{
	width: 100px;
	display: block;
	text-align: right;
	font-size: 16px;
	color: #555555;
	margin-left: auto;
	transition: 0.5s;
}
.supp-down-ul li:hover a h4,.supp-down-ul li:hover a span{
	color: #007fcc;
	transition: 0.5s;
}
.support-tk-text{}
.support-tk-text h4{}
.support-tk-text table{
	border: 1px solid #cccccc;
	border-spacing: 0;
	border-color: #cccccc;
	width: 100%;
	margin-bottom: 15px;
}
.support-tk-text table tr td,.support-tk-text table th{
	border: 1px solid #cccccc;
	font-size: 14px;
	color: #666666;
	text-align: center;
	padding: 10px;
}
.support-tk-text table th{
	width: 25%;
	font-size: 16px;
	    color: #000000;
	    font-weight: bolder;
		background: #fbfbfb;
		padding: 15px;
}
.support-tk-text table th:nth-of-type(2){
	width: 50%;
	text-align: center;
}
.support-tk-text table td:nth-of-type(2){
	text-align: center;
}
.support-tk-text h4{
	font-size: 24px;
	color: #333333;
	line-height: 36px;
	margin-bottom: 12px;
}
.support-tk-text p{
	font-size: 16px;
	color: #888888;
	line-height: 36px;
}
.support-text{
	margin-bottom: 15px;
	margin-top: 25px;
}
.support-text p{
	font-size: 16px;
	color: #888888;
	line-height: 36px;
}


.about-s4-ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 20px;
	margin-bottom: 100px;
}
.about-s4-ul li{
	box-sizing: border-box;
	padding: 0 10px;
	text-align: center;
	position: relative;
}
.about-s4-ul li::after{
	position: absolute;
	right: -35px;
	width: 72px;
	height: 10px;
	content: "";
	background: url(../images/jian-xian_03.jpg) no-repeat;
	background-position: center;
	top: 60px;
}
.about-s4-ul li:last-of-type::after,.about-s4-ul:nth-of-type(even) li:last-of-type::after{
	/* height: 72px;
	width: 10px; */
	transform: rotateZ(90deg);
	left: 0;
	right: 0;
	margin: auto;
	top: 210px;
}
.about-s4-ul:nth-of-type(3) li::after{
	transform: rotateZ(180deg);
	right: auto;
	left: -35px;
}
.about-s4-ul:last-of-type li:last-of-type::after{
	display: none;
}
.about-s4-ul li .process-s2-img{
	width: 120px;
	height: 120px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #f1f1f1;
	border-radius: 100%;
	margin: auto;
	transition: 0.4s;
	margin-bottom: 20px;
}
.about-s4-ul li .process-s2-img img{
	/* position: absolute;
	left: 0;
	right: 0; */
	
}
.about-s4-ul li .process-s2-img .s2-img1{
	
}
.about-s4-ul li .process-s2-img .s2-img2{
	display: none;
}
.about-s4-ul li .process-s2-img:hover .s2-img1{
	display: none;
}
.about-s4-ul li .process-s2-img:hover .s2-img2{
	display: inline-block;
}
.about-s4-ul li .process-s2-img:hover{
	background: #007fcc;
	transition: 0.4s;
}
.about-s4-ul li .process-s2-img:hover b{
	
}
.about-s4-ul li .process-s2-img b{
	font-size: 36px;
	font-weight: bold;
	color: #d1d1d1;
	font-style: italic;
	font-family: Arial;
	position: absolute;
	right: 0;
	top: -10px;
}
.about-s4-ul li p{
	font-size: 20px;
	color: #2c2c2c;
	line-height: 30px;
}
.about-s4-ul:first-of-type{
	margin-top: 90px;
}
.about-s4-ul li{
	width: 20%;
}
.about-s4-ul li .about-s4-text{
	text-align: center;
	position: relative;
}

.about-s4-ul li .about-s4-text h4{
	font-size: 18px;
	color: #666666;
}
.about-s4-ul li .about-s4-text .about-s4-top{
	/* display: none; */
	position: absolute;
	top: 130%;
	left: 0;
	width: 100%;
	background: #ffffff;
	z-index: 99;
}
.about-s4-ul li .about-s4-text .about-s4-top p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
}
.about-s4-ul li:hover .about-s4-text .about-s4-top{
	display:block;
}
.about-s4-ul:nth-of-type(3){
	flex-direction: row-reverse;
}
.about-s4-ul:nth-of-type(1) li:nth-of-type(1){
	margin-left: 20%;
}

.about-s4-ul:nth-of-type(1) li:nth-of-type(1)::after{
	transform: rotateZ(270deg);
	    left: 0;
	    right: 0;
	    margin: auto;
	    top: 210px;
}
.about-s4-ul:nth-of-type(1) li:nth-of-type(2)::after{
	transform: rotateZ(270deg);
	    left: 0;
	    right: 0;
	    margin: auto;
	    top: 210px;
}
.about-s4-ul li:last-of-type::after{
	transform: rotateZ(90deg);
	    left: 0;
	    right: 0;
	    margin: auto;
	    top: 210px;
}
/* .about-s4-ul:nth-of-type(4) li:nth-of-type(1)::after {
    transform: rotateZ(90deg);
    left: 0;
    right: 0;
    margin: auto;
    top: 210px;
} */
.about-s4-ul:nth-of-type(1) li:nth-of-type(1):before{
	content: "否";
	position: absolute;
	left: 0;
	right: -40px;
	    margin: auto;
	    top: 137%;
	font-size: 16px;
	color: #2c2c2c;
	z-index: 99;
}
.about-s4-ul:nth-of-type(1) li:nth-of-type(2):before{
	content: "是";
	position: absolute;
	left: 0;
	right: -40px;
	    margin: auto;
	    top: 137%;
	font-size: 16px;
	color: #2c2c2c;
	z-index: 99;
}
.about-s4-ul:nth-of-type(2) li:nth-of-type(2):before{
	content: "是";
	position: absolute;
	left: 0;
	right: -250px;
	    margin: auto;
	    top: 25%;
	font-size: 16px;
	color: #2c2c2c;
	z-index: 99;
}
.about-s4-ul:nth-of-type(2) li:nth-of-type(5):before{
	content: "否";
	position: absolute;
	left: 0;
	right: -60px;
	    margin: auto;
	    top: 137%;
	font-size: 16px;
	color: #2c2c2c;
	z-index: 99;
}
.support{
	overflow: hidden;
}

.gsgg-ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
.gsgg-ul li{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 25px;
	box-shadow: 0 0 8px #cccccc;
	background: #ffffff;
	
}
.gsgg-ul li:nth-of-type(3n){
	margin-right: 0;
}
.gsgg-ul li a{
	display: block;
	padding: 30px;
	box-sizing: border-box;
}
.gsgg-ul li a .gsgg-top{
	display: flex;
	border-bottom: 1px solid #e5e5e5;
	padding: 15px 0;
	align-items: center;
}
.gsgg-ul li a .gsgg-top span{
	font-size: 16px;
	color: #666666;
}
.gsgg-ul li a .gsgg-top i{
	width: 22px;
	height: 9px;
	background: url(../images/jjt_03.jpg) no-repeat;
	background-position: center;
	margin-left: auto;
}
.gsgg-ul li a .gsgg-bottom{
	padding: 15px 0;
}
.gsgg-ul li a .gsgg-bottom h5{
	font-size: 16px;
	color: #000000;
	line-height: 36px;
	transition: 0.4s;
}
.gsgg-ul li a:hover .gsgg-bottom h5{
	color: #007fcc;
	transition: 0.4s;
}

/* gupiao */
.gupiao{
	background: #f6f9fb;
	box-sizing: border-box;
	padding: 30px;
	margin-top: 30px;
}
.gupiao-top{
	display: flex;
	align-items: center;
}
.gupiao-dl{
	width: 300px;
}
.gupiao-name{
	margin-bottom: 20px;
}
.gupiao-name p{
	font-size: 18px;
	color: #252526;
	font-weight: bold;
}
#gupiao-nowprice{}
#gupiao-nowprice p{
	
	display: flex;
	align-items: flex-end;
	box-sizing: border-box;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 6px 82%;
}
#gupiao-nowprice p b{
	font-size: 60px;
	font-weight: bold;
	margin-right: 10px;
	line-height: 60px;
}
#gupiao-nowprice p span{
	font-size: 24px;
	
	font-weight: bold;
}
#gupiao-nowprice.red p{
	background-image: url(../images/pic_red.png);
}
#gupiao-nowprice.red p b,#gupiao-nowprice.red p span{
	color: #e50000;
}
#gupiao-nowprice.green p{
	background-image: url(../images/pic_green.png);
}
#gupiao-nowprice.green p b,#gupiao-nowprice.green p span{
	color: green;
}
.gupiao-price-list{
	display: flex;
	width: calc(100% - 300px);
	/* justify-content: space-evenly; */
	flex-wrap: wrap;
	box-sizing: border-box;
	    padding-left: 45px;
}
.gupiao-price-list li{
	width: 25%;
	margin-bottom: 20px;
}
.gupiao-price-list span{
	display: block;
	font-size: 14px;
	color: #999999;
	margin-bottom: 12px;
}
.gupiao-price-list b{
	display: block;
	font-size: 24px;
	color: #6d6d6d;
	font-weight: bold;
}
.gupiao-bottom{
	margin-top: 35px;
	border-top: 1px solid #dcdcdc;
	padding-top: 15px;
}
.gupiao-bottom p{
	font-size: 14px;
	color: #666666;
}
.gupiao-bottom p span{
	margin: 0 10px;
}
.gupiao-k-tab{
	display: flex;
	margin: 30px 0;
}
.gupiao-k-tab a{
	font-size: 14px;
	color: #333333;
	padding: 5px 15px;
	border: 1px solid #007fcc;
	border-right: none;
	cursor: pointer;
}
.gupiao-k-tab a:last-of-type{
	border-right: 1px solid #007fcc;
}
.gupiao-k-tab a.active{
	background: #007fcc;
	color: #ffffff;
}
.gupiao-k-list{
	/* background: #f5f9fb; */
	box-sizing: border-box;
	padding: 20px;
	height: 340px;
}
.gupiao-k-list .gupiao-k-img{
	display: none;
	text-align: center;
}
.gupiao-k-list .gupiao-k-img.active{
	display: block;
}





#gupiao-nowprice p {
    display: flex;
    align-items: flex-end;
    box-sizing: border-box;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 6px 68%;
}
#gupiao-nowprice.red p{
	background-image: url(../images/pic_red.png);
}
#gupiao-nowprice.red p b,#gupiao-nowprice.red p span{
	color: #e50000;
}
#gupiao-nowprice.green p{
	background-image: url(../images/pic_green.png);
}
#gupiao-nowprice.green p b,#gupiao-nowprice.green p span{
	color: green;
}

.tzzgx-lx-right{
	width: calc(100% - 320px);
}
.tzzgx-lx-div{
	display: flex;
	flex-wrap: wrap;
}
.tzzgx-lx-left{
	width: 320px;
	padding: 30px 0;
	box-sizing: border-box;
}
.tzzgx-lx-left h5{
	font-size: 18px;
	color: #918b86;
	margin-bottom: 5px;
}
.tzzgx-lx-left b{
	display: block;
	color: #007fcc;
	font-size: 36px;
	font-weight: normal;
	margin-bottom: 5px;
}
.tzzgx-lx-left span{
	display: block;
	font-size: 14px;
	color: #999999;
	margin-bottom: 5px;
}
#gupiao-nowprice p b{
	margin-bottom: 0;
}
.tzzgx-lx-right ul{
	display: flex;
	flex-wrap: wrap;
}
.tzzgx-lx-right ul li{
	width: 49%;
	margin-bottom: 5px;
	box-sizing: border-box;
	border-bottom: 1px dashed #dedede;
	margin-right: 2%;
	display: flex;
	align-items: center;
	padding: 10px 0;
}
.tzzgx-lx-right ul li:nth-of-type(2n){
	margin-right: 0;
}
.tzzgx-lx-right ul li image{
	width: 44px;
	height: 44px;
}
.tzzgx-lx-right ul li div{
	width: calc(100% - 44px);
	box-sizing: border-box;
	padding: 0 10px;
}
.tzzgx-lx-right ul li p{
	font-size: 18px;
	color: #888888;
	line-height: 30px;
}
.tzzgx-lx-right ul li h5{
	font-size: 18px;
	color: #333333;
	line-height: 30px;
}
.tzzgx-lx-div{
	margin-top: 60px;
	
}
.tzzgx-lx-right{
	box-sizing: border-box;
	border-left: 1px solid #dedede;
	padding: 20px 0;
	padding-left: 40px;
}

.about-contact-top{}
.about-contact-top ul{
	display: flex;
	flex-wrap: wrap;
	background: #ffffff;
	box-sizing: border-box;
	padding: 30px 0;
}
.about-contact-top ul li{
	width: 33.333333%;
	box-sizing: border-box;
	padding: 0 30px;
}
.about-contact-top ul li h5{
	font-size: 22px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 10px;
}
.about-contact-top ul li p{
	font-size: 14px;
	color: #19110b;
	line-height: 30px;
	margin-bottom: 15px;
}
.about-contact-top ul li p:last-of-type{
	margin-bottom: 15px;
}
.about-contact-top ul li div{
	margin-bottom: 10px;
}
.about-contact-top ul li a{
	border: 1px solid #eae8e4;
	display: block;
	padding: 9px 0 9px 125px;
}
.about-contact-top ul li a span{
	font-size: 14px;
	color: #19110b;
}
#contact-map1{
	width: 100%;
	height: 500px;
}
.about-map{
	margin-top: 25px;
	box-sizing: border-box;
	background: #ffffff;
	padding: 15px;
}
.nei-nav{
	border-bottom: 1px solid #ffffff;
}
.about-msg-box{
	display: flex;
	flex-wrap: wrap;
	margin-top: 35px;
}
.about-msg-left{
	width: 45%;
	text-align: center;
}
.about-msg-right{
	width: 55%;
}
.about-msg-right .msg-item{
	display: flex;
	margin-bottom: 12px;
}
.msg-item label{
	width: 110px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color: #444444;
	display: flex;
}
.msg-item label i{
	font-size: 24px;
	color: #ff0000;
	display: inline-block;
	margin-left: auto;
}
.msg-item input,.msg-item select{
	background: #f8f8f8;
	border: none;
	border-radius: 5px;
	border: 1px solid #f0f0f0;
	box-sizing: border-box;
	padding: 0 10px;
	height: 45px;
	line-height: 45px;
	width: calc(100% - 130px);
	margin-left: auto;
}
.msg-item textarea{
	background: #f8f8f8;
	border: none;
	border-radius: 5px;
	border: 1px solid #f0f0f0;
	box-sizing: border-box;
	padding: 10px;
	height: 170px;
	resize: none;
	width: calc(100% - 130px);
	margin-left: auto;
}
.about-msg-title{
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 30px;
}
.about-msg-title span{
	font-size: 22px;
	color: #333333;
	position: relative;
	padding: 10px 0;
}
.about-msg-title span::after{
	position: absolute;
	content: "";
	left: 0;
	width: 100%;
	right: 0;
	bottom: 0;
	height: 2px;
	background: #007fcc;
}
.about-msg-right .msg-item>div{
	margin-left: 130px;
	display: flex;
	align-items: center;
	margin-top: 5px;
}
.about-msg-right .msg-item>div #check{
	width: 15px;
	height: 15px;
	margin-right: 10px;
}
.about-msg-right .msg-item>div p{
	font-size: 14px;
	color: #8f8f8f;
}
.about-msg-right .msg-item>div a{
	font-size: 14px;
	color: #007fcc;
	
	margin: 0 5px;
	text-decoration: underline;
}
.about-msg-right .msg-item button{
	margin-left: 130px;
	width: calc(100% - 130px);
	background: #007fcc;
	color: #ffffff;
	border-radius: 5px;
	    padding: 13px 0;
	border: none;
	cursor: pointer;
}
.about-msg-right .msg-item button:hover{
	opacity: 0.8;
	transition: 0.5s;
}

.join-ul-box{
	display: flex;
	flex-wrap: wrap;
	margin-top: 35px;
}
.join-ul-box li{
	width: 49%;
	margin-right: 2%;
	margin-bottom: 20px;
	box-shadow: 0 0 8px #ececec;
	box-sizing: border-box;
	padding: 35px;
}
.join-ul-box li:nth-of-type(2n){
	margin-right: 0;
}
.join-ul-box li .join-ul-div{}
.join-ul-box li .join-ul-div h4{
	margin-bottom: 10px;
}
.join-ul-box li .join-ul-div h4 a{
	font-size: 18px;
	color: #000000;
}
.join-ul-box li .join-ul-div p{
	margin-bottom: 20px;
}
.join-ul-box li .join-ul-div p span{
	font-size: 14px;
	color: #888888;
	margin-right: 30px;
}
.join-ul-box li .join-ul-div p span:last-of-type{
	margin-right: 0;
	
}
.join-ul-box li .join-ul-div>a{
	color: #007fcc;
	font-size: 14px;
	background: #f6f8f9;
	padding: 7px 20px;
}
.join-ul-box li .join-ul-div>a:hover{
	background: #007fcc;
	color: #ffffff;
}
.join-ul-box li:hover .join-ul-div h4 a{
	color: #007fcc;
}




/* join--end*/


/* join-detail */
.mask{
	
}
.join-detail-box{
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: auto;
	height: 670px;
	/* box-sizing: border-box; */
	/* padding: 30px 45px 0px; */
	background: #ffffff;
	background-position: center;
	background-size: cover;
	display: none;
	padding: 10px 10px 55px;
	z-index: 99999999;
	box-sizing: border-box;
	overflow: hidden;
}
.join-detail-div{
	padding: 30px 45px 0px;
}
.join-detail-title{
	border-bottom: 1px solid #eeeeee;
	box-sizing: border-box;
	padding-bottom: 25px;
}
.join-detail-title b{
	font-size: 24px;
	    color: #000000;
		font-weight: normal;
		display: block;
		margin-bottom: 15px;
}
.join-detail-title p{}
.join-detail-title p span{
	font-size: 14px;
	    color: #888888;
	    margin-right: 30px;
}
.join-detail-text{
	height: 425px;
	overflow-y: overlay;
	box-sizing: border-box;
	padding: 0px 0 25px;
	margin-top: 25px;
}
.join-detail-text>div{
	
}
.join-detail-text h5,.join-detail-text h3{
	font-size: 18px;
	color: #000000;
	margin-bottom: 10px;
}
.join-detail-text p{
	font-size: 14px;
	color: #777777;
	line-height: 30px;
}
.go-email{
	margin-top: 25px;
}
.go-email a{
	
	font-size: 18px;
	color: #ffffff;
	border-radius: 10px;
	background: #007fcc;
	padding: 6px 35px;
}
.go-email a:hover{
	opacity: 0.8;
	transition: 0.4s;
}
.join-detail-box .join-detail-item{
	display: none;
}
.join-ul-box li .join-ul-div h4 a,.join-ul-box li .join-ul-div>a{
	cursor: pointer;
}
.close-a {
	width: 40px;
	height: 40px;
	margin-left: auto;
	position: relative;
	display: block;
	cursor: pointer;
}

.close-a::after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 50%;
	margin: auto;
	width: 35px;
	height: 3px;
	background: #000000;
	border-radius: 10px;
	transform: translateY(-50%) rotateZ(-45deg);
}

.close-a::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: auto;
	width: 35px;
	height: 3px;
	background: #000000;
	border-radius: 10px;
	transform: translateY(-50%) rotateZ(45deg);
	top: 50%;
}

.close-a:hover {
	transform: rotateZ(90deg);
	transition: 0.4s;
}
/* join-detail */


.about-jj-num{
	display: flex;
	flex-wrap: wrap;
	    justify-content: space-between;
}
.about-text{}
.about-text p{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
	margin-bottom: 10px;
	
}
.about-jj-center{
	width: 400px;
	height: 400px;
	border-radius: 100%;
	overflow: hidden;
	border: 1px solid #007fcc;
	box-sizing: border-box;
	padding: 10px;
}
.about-jj-item{
	width: calc((100% - 500px)/2);
	box-sizing: border-box;
	padding-right: 20px;
}
.about-jj-item b{
	font-size: 65px;
	color: #000000;
	font-weight: normal;
}
.about-jj-item span{
	font-size: 65px;
	color: #000000;
}
.about-jj-item p{
	font-size: 18px;
	color: #000000;
}
.about-jj-div{
	border-bottom: 2px solid #cccccc;
	    padding: 30px 0;
}

.about-video{
	height: 520px;
}
.about-video video{
	width: 100%;
	    height: 100%;
		object-fit: cover;
}
.n-title{}
.n-title h3{
	font-size: 36px;
	color: #000000;
	text-align: center;
}
.wh-ul{
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	margin-bottom: 40px;
}
.wh-ul li{
	width: 33.3333333%;
	box-sizing: border-box;
	padding: 5px;
}
.li-bac{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 540px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.li-div-text{
	text-align: center;
	position: relative;
	z-index: 2;width: 100%;
}
.li-div-text h5{
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 20px;
}
.li-div-text .li-tt{
	position: relative;
	margin-top: 25px;
	 /*display: none; */
	height: 0;
opacity:0;    padding: 0 10%;
	/*overflow: hidden;*/
	box-sizing: border-box;
	transition: 0.6s;
}
.li-div-text .li-tt i{
	/* position: absolute;
	content: ""; */
	width: 1px;
	height: 20px;
	background: #ffffff;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	margin-bottom: 10px;
}
.li-div-text .li-tt p{
	font-size: 18px;
	color: #ffffff;
}
.li-img{
	margin-bottom: 20px;
}

.wh-ul li:hover .li-div-text .li-tt{
	height: 81px;
opacity:1;
	transition: 0.6s;
}
.wh-ul li{
	position: relative;
	overflow: hidden;
}
.wh-ul li::after{
	position: absolute;
	content: "";
	width: 85%;
	height: 85%;
	background: rgba(0,15,46,0.5);
	left: 0;
	right: 0;
	margin: auto;
	top: 50%;
	-webkit-transform:scale(1) translateY(150%);
	transform:scale(1) translateY(150%);
	-moz-transform:scale(1) translateY(150%);
	transition: 0.6s;
	z-index: 0;
}
.wh-ul li:hover::after{
	
	-webkit-transform:scale(1) translateY(-50%);
	transform:scale(1) translateY(-50%);
	-moz-transform:scale(1) translateY(-50%);
	transition: 0.6s;

}
.about-lc{
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 50px 0;
}

.n-title.white h3{
	color: #ffffff;
}
.about-swiper1{
	margin-top: 55px;
}
.about-swiper1 .swiper-slide{
	border-radius: 20px;
	background: #4eb5ff;
	box-sizing: border-box;
	padding: 15px;
}
.about-swiper1 .swiper-slide b{
	font-size: 70px;
	color: #ffffff;
	font-weight: normal;
}
.about-swiper1 .swiper-slide ul{
	height: 255px;
	    overflow: overlay;
		padding-right: 20px;
		box-sizing: border-box;
}
.about-swiper1 .swiper-slide li{
	display: flex;
}
.about-swiper1 .swiper-slide li span{
	width: 40px;
	color: #ffffff;
	font-size: 18px;
	display: block;
	margin-top: 7px;
}
.about-swiper1 .swiper-slide li p{
	font-size: 16px;
	color: #ffffff;
	line-height: 36px;
	position: relative;
	padding-left: 13px;
	width: calc(100% - 40px);
}
.about-swiper1 .swiper-slide li p::after{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	background: #ffffff;
	left: 0;
	top: 16px;
	border-radius: 100%;
}


.about-swiper2{
	position: relative;
	margin-top: 60px;
}
.about-swiper2 .swiper-slide{
	text-align: center;
}
.about-swiper2 .swiper-slide b{
	color: rgba(255,255,255,0.3);
	font-size: 18px;
	position: relative;
	cursor: pointer;
}
.about-swiper2 .swiper-slide b::after{
	position: absolute;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 100%;
	left: 0;
	right: 0;
	margin: auto;
	top:-20px;
	background: rgba(255,255,255,0.3);
}
.about-swiper2 .swiper-slide-active b,.about-swiper2 .swiper-slide b:hover{
	color: #ffffff;
}
.about-swiper2 .swiper-slide-active b::after,.about-swiper2 .swiper-slide b:hover::after{
	background: rgba(255,255,255,1);
}
.about-swiper2 .swiper-container{
	padding: 55px 0;
}
.about-swiper2::after{
	position: absolute;
	content: "";
	width: 100%;
	left: 0;
	top: 38px;
	background: rgba(255,255,255,0.5);
	height: 1px;
}
.about-swiper2 .swiper-button-white{
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	top: 40px;
}
.about-swiper2 .swiper-button-prev{
	background-image: url(../images/jjbt_03.png);
	left: -40px;
}
.about-swiper2 .swiper-button-next{
	background-image: url(../images/jjbt_05.png);
	right: -40px;
}


.about-swiper1 .swiper-slide ul::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	background-color: rgba(255, 255, 255, 0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 10px;
}

.about-swiper1 .swiper-slide ul::-webkit-scrollbar-thumb {
	background-color: rgba(255,255,255,1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 10px;
}

.search-ban{
	margin-top: 150px;
}

.search-div .search-top-input{
	background: none;
	border: 1px solid #dbdbdb;
	border-radius: 0;
}
.search-tab-list{
	display: flex;
}
.search-tab-list a{
	font-size: 14px;
	color: #666666;
	margin-right: 150px;
	position: relative;
	padding: 5px 0;
}
.search-tab-list a::after{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: auto;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #007fcc;
	opacity: 0;
}
.search-tab-list a.active::after{
	opacity: 1;
}
.search-tab-list a.active,.search-tab-list a:hover{
	color: #007fcc;
	font-weight: bold;
}
.search-item{
	border-top: 1px solid #eae8e4;
	padding: 20px 0;
}
.search-num{}
.search-num .search-text{
	font-size: 14px;
	color: #666666;
}
.search-num .search-text b{
	font-size: 14px;
	color: #007fcc;
	margin: 0 5px;
}

.search-ul-list{
	margin-top: 15px;
}
.search-ul-list li{
	border-bottom: 1px solid #e5e5e5;
	padding: 20px 0;
}
.search-ul-list li a{
	display: block;
}
.search-ul-list li a h4{
	font-size: 18px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 15px;
}
.search-ul-list li a h4:hover{
	color: #007fcc;
}
.search-ul-list li a .search-ul-text{
	margin-bottom: 15px;
}
.search-ul-list li a p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.search-ul-list li a span{
	font-size: 14px;
	color: #ff0000;
}
.search-ul-list li a span:hover{
	text-decoration: underline;
}



/* add */
.zixun{
	margin-bottom: 25px;
}
.zixun a{
	background-image: url(../images/ww_03.png);
	background-repeat: no-repeat;
	color: #ffffff;
	background-color: #0074c8;
	display: block;
	font-size: 18px;
	   padding: 15px 0 15px 165px;
	       background-position: 35%;
}
.zixun a:hover{
	opacity: 0.7;
}
.success-right{
	width: 365px;
	margin-left: auto;
}
.success-right h4{
	font-size: 24px;
	color: #333333;
	line-height: 30px;
}
.xg-ul{
	margin-top: 25px;
}
.xg-ul li{
	margin-bottom: 20px;
}
.xg-ul li a{
	display: block;
}
.xg-ul li a .success-detail-img{
	height: 210px;
	overflow: hidden;
}
.xg-ul li a .success-detail-img img{
	width: 100%;
	height: 100%;
	transition: 0.5s;
}
.xg-ul li a:hover .success-detail-img img{
	transform: scale(1.1);
	transition: 0.5s;
}
.xg-ul li a h5{
	font-size: 16px;
	color: #333333;
	padding: 15px 0;
	transition: 0.5s;
}
.xg-ul li a:hover h5{
	color: #0074c8;
	transition: 0.5s;
}


.success-left{
	width: calc(100% - 465px);
}
.success-detail-box{
	display: flex;
	flex-wrap: wrap;
}
.success-title{
	display: flex;
	align-items: center;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 15px;
}
.success-title b{
	font-size: 20px;
	color: #0074c8;
}
.success-title h4{
	font-size: 30px;
	color: #333333;
	line-height: 30px;
}
.success-title i{
	font-size: 32px;
	margin: 0 5px;
}
.success-text{
	padding: 25px 0;
}
.success-text p{
	font-size: 16px;
	color: #333333;
	line-height: 30px;
}
.success-text h4{
	font-size: 24px;
	color: #333333;
	line-height: 30px;
	margin-bottom: 15px;
}

.section1-box,.index-banner,.index-banner .swiper-container{
	height: 100%;
}
.index-banner img {
    width: 100%;
	height: 100%;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background: #ffffff!important;
}
#fp-nav{
	right: 0;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 5px!important;
    width: 5px!important;
    
    border: 3px solid #ffffff!important;
    background: none!important;
}
.section-box{
	height: 100%;
	display: flex;
    align-items: center;
	justify-content: center;
}
.section1-box{
	display: block;
}
.index-s1, .index-s2, .index-s3, .index-s4, .index-s5, .index-s6 {
    overflow: hidden;
    margin-bottom: 0;
	
}
.index-s2,.index-s2 .wrap-1600,.index-s2-box{
	height: 100%;
}

.index-s1{
	padding: 0;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background-position: center!important;
}
.index-about-text{
	background: none;
	padding: 0;
	    width: 50%;
	    margin-left: 0;
}
.index-s1-box{
	height: 100%;
	align-items: center;
}
.index-about-text h4{
	color: #ffffff;
}
.index-about-text p{
	color: #ffffff;
	height: auto;
	max-height: 180px;
}
.index-about-text h4::after{
	background: #ffffff;
}

.index-s2-bac{
	height: 100%;
	position: relative;
}
.index-s2-bac>div{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center!important;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	opacity: 0;
	z-index: 9;
	transition: 0.5s;
}
.index-s2{
	position: relative;
	width: 100%;
}
.index-s2-bac>div.active{
	opacity: 1;
	z-index: 999;
	transition: 0.5s;
}
.index-s2-section{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
}
.index-s2-top{
	display: flex;
	width: 100%;
	box-sizing: border-box;
	padding: 0 80px;
}
.index-s2 .wrap-1600{
	display: flex;
	align-items: center;
}

.index-s2-right{
	padding: 0 40px 0 120px;
	box-sizing: border-box;
}
.index-s2-right .index-s2-item{
	display: none;
}
.index-s2-right .index-s2-item.active{
	display: block;
}
.index-s2-right .index-s2-item .swiper-container{
	/* width: 100%; */
	display: none;
	margin-top: 85px;
}
.index-s2-right .index-s2-item.active .swiper-container{
	
	display: block;
}

.index-s2-left{
	width: 225px;
	background: rgba(255,255,255,0.3);
	padding: 12px 0;
}
.index-s2-left li{
	position: relative;
	padding: 0 25px;
	cursor: pointer;
}
.index-s2-left li.active{
	
}
.index-s2-left li::after{
	position: absolute;
	right: 30px;
	content: "";
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background: url(../images/a-j-img_03.png) no-repeat;
	background-position: center;
	width: 27px;
	height: 13px;
	opacity: 0;
}
.index-s2-left li::before{
	width: 4px;
	height: 70%;
	position: absolute;
	content: "";
	left: -1px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	background: #0074c8;
	display: none;
}
.index-s2-left li.active:after{
	opacity: 1;
}
.index-s2-left li.active::before{
	display: block;
}
.index-s2-left li a{
	color: #ffffff;
	font-size: 18px;
	    padding: 15px 0;
		cursor: pointer;
}
.index-s2-left li{}
.index-s2-right{
	width: calc(100% - 225px);
}
.index-s2-item-ul a{
	display: block;
	box-sizing: border-box;
	padding: 5px;
	background: rgba(255,255,255,0.8);
}
.index-s2-title{
	
}
.index-s2-title h4{
	margin-top: 20px;
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 20px;
	font-weight: bolder;
}
.index-s2-title p{
	font-size: 18px;
	color: #ffffff;
	line-height: 30px;
}
.index-s2-title a{
	margin-top: 20px;
	font-size: 18px;
	color: #fff;
	background: url(../images/a-j-img_03.png) no-repeat;
	background-position: 115px center;
    	position: relative;
    	background-color: rgba(0,0,0,0.1);
    	padding: 12px 60px 12px 30px;
display: block;
    width: 80px;
    margin-left: auto;
    border-radius: 10px;
}
.index-s2-title a::before{
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 0;
	height: 1px;
	transition: 0.4s;
	background: #ffffff;
}
.index-s2-title a:hover::before{
	/* color: #007fcc; */
	width: 100%;
	transition: 0.4s;
}
.index-s2-li-img{
	height: 120px;
	overflow: hidden;
}
.index-s2-li-img img{
	width: 100%;
	height: 100%;
	transition: 0.5s;
}
.index-s2-li-text{
	padding: 12px 10px 15px 10px;
}
.index-s2-li-text h5{
	font-size: 18px;
	color: #333333;
}
.index-s2-item-ul a:hover .index-s2-li-img img{
	transform: scale(1.1);
	transition: 0.5s;
}
.index-s2-item-ul a:hover .index-s2-li-text h5{
	color: #0074c8;
	
}
#header.on{
	background: #ffffff;
}


/* daohang */
.header-bottom{
	display: block;
}
.header-nav-top{
	display: none;
	border-top: 1px solid #e0e0e0;
	    position: absolute;
	    left: 0;
	    width: 100%;
	    top: 100%;
	    z-index: 99;
	    /* display: none; */
	    padding-left: 5%;
	    box-sizing: border-box;
	    background: #ffffff;
	    height: 600px;
	    overflow: hidden;
	    /* transition: 0.4s; */
}
.header-nav-top-box{
	height: 100%;
}
.header-nav-li-top{
	position: absolute;
	    width: 400px;
	    top: 0;
	    left: 375px;
	    background: #f5f5f5;
	    height: 100%;
	    padding: 15px 0;
	    display: none;
}
.header-nav-dl-top {
    position: absolute;
    left: 400px;
    top: 0;
    background: #ffffff;
    width: calc(100vw - 5% - 775px);
    height: 100%;
    box-sizing: border-box;
    padding: 20px 25px;
    display: none;
    padding-right: 110px;
    background-position: center;
    background-size: cover;
}
.header-nav-top-ul{
	height: 100%;
}
.two-item>a{
	    padding: 8px 30px 8px 50px;
}
.two-item{
	padding-left: 0;
}

.header-nav-top .search-close{
	left: auto;
	    right: 3%;
}
.header-nav-top-ul {
    background: #e8e8e8;
    width: 375px;
    /* height: 100%; */
    padding: 15px 0;
}
.header-nav-top-ul li>a {
    font-size: 15px;
    color: #333333;
    position: relative;
    display: block;
    padding: 8px 30px 8px 45px;
	font-weight: 400;
}
.header-nav-top-ul li>a::after{
	top: 12px;
}
.header-nav-top-ul li.active>a {
    color: #007fcc;
    border-left: 2px solid #007fcc;
    background-color: #f5f5f5;
	font-size: 15px;
}
.two-item.active>a {
    color: #007fcc;
    border-left: 2px solid #007fcc;
    background-color: #ffffff;
}
.header-nav-dl-top dl dt {
    box-sizing: border-box;
    padding: 0;
}
.header-nav-dl-top dl dt a {
    font-size: 15px;
    color: #0074c8;
    padding: 5px 0;
}
.header-nav-dl-top dl dd p {
    font-size: 15px;
}
.header-nav-dl-top dl {
    margin-bottom: 8px;
}
.header-nav-dl-top dl dt a:hover{
	color: #0074c8;
}
.header-nav-dl-top dl dt a::after{
	background: #0074c8;
display:none;
}
.header-nav-top .search-close{
	display: none;
}
.header-ul-list li a{
	color: #ffffff;
}
.header-ul-list{
	padding: 5px 0;
}
.header-top {
    padding: 30px 0 5px;
}
#header.aBto.on {
    top: -116px;
    transition: 0.5s;
}
.header-ul-list{
	justify-content: center;
}
.header-ul-list li {
    margin: 0 20px;
}
.header-ul-list li a:hover {
    color: #0074c8!important;
}
.body-top .header-top-left li .xiala-a{
	/* display: none; */
}
#header{
	position: fixed;
}
.video-box{

}
.video-list ul{
	display: flex;
	flex-wrap: wrap;
}
.video-list ul li{
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.video-list ul li:nth-child(3n){
	margin-right: 0;
}
.video-con{
	display: block;
	
}
.video-con .video-img{
	transition: all .6s;
	overflow: hidden;
}
.video-con:hover .video-img img{
	transform: scale(1.1);
}
.video-con .video-img img{
	transition: all .6s;
}
.video-con.active .screen {
	display: block;
}
  .video-title h3{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6em;
	padding: 22px 0;
	text-align: center;
}
  .video-con.active.reback .screen {
	display: none;
  }
  .video-close{
	text-align: end;
	
  }
  .video-close i{
	font-size: 30px;
	transition: all .3s;
  }
  .video-close i:hover{
	transform: rotate(360deg);
	color: #007fcc;
	cursor: pointer;
  }
  .screen.active {
	display: block;
  }
  .screen {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.2);
	top: 0;
	left: 0;
	z-index: 9999;
  }
  .screen-box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
  }
  .screen-box .screen-box {
	margin: 0 auto;
  }
  .screen-box .screen-con {
	width: 50%;
	height: auto;
  }
  .screen-box .screen-con img {
	width: 100%;
  }
  .screen-box .screen-con video {
	width: 100%;
  }
.video-img{
	position: relative;
}
.video-play{
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
}
.login-banner{
	position: relative;
	display: flex;
    padding: 100px 0;
    min-height: 940px;
    background: url(../images/login_banner_01.jpg);
    background-size: cover;
    align-items: center;
    justify-content: center;
}
.login-banner .banner-img img{
	width: 100%;
}
.login-form{
	background-color: #fff;
	border-radius: 10px;
	padding: 60px 88px 50px 72px;
	
	
}

.login-form .input-box span{
	
	display: inline-block;
	width: 100px;
	padding-right: 15px;
	line-height: 45px;
	font-size: 16px;
	text-align: end;
}
.login-form .input-box{
	margin-bottom: 15px;
	display: flex;
	flex-wrap: nowrap;
}
.login-form .input{
	width: 100%;
	width: calc(100% - 100px);
}
.input-inline{
	display: flex;
	width: calc(100% - 100px);
	align-items: center;
	justify-content: space-between;
}
#phone{
	width: 55%;
    border-radius: 0;
    border-right: 0;
	border-left: 0;
}
#getCode{
	display: flex;
    width: 40%;
    border-radius: 0 5px 5px 0;
    background: #e8ecf2;
    color: #0075C9;
    font-size: 14px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
	border: none;
}
.phone-label{
	display: flex;
    width: 20%;
    border-radius: 5px 0 0 5px;
    background: #f2f2f2;
    color: #666;
    font-size: 14px;
    align-items: center;
    justify-content: center;
	line-height: 48px;
}
.login-form .input-box b{
	margin-left: 10px;
	color: red;
	line-height: 45px;
}
.login-form input{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	line-height: 45px;
	height: 45px;
	outline: none;
	border: 1px solid #d1d1d1;
	padding: 0 10px;
	border-radius: 5px;
}
.submitA a{
	display: inline-block;
	margin: 15px auto;
	width: 545px;
	line-height: 50px;
	border-radius: 25px;
	background-color: #0074c8;
	text-align: center;
	color: #fff;
	border: 1px solid #0074c8;
	transition: all 0s;
}
.submitA a:hover{
	background-color: #fff;
	color: #0074c8;
}
.login-form h2{
	margin-bottom: 50px;
	font-size: 26px;
	font-weight: bold;
}
.login-form2 h2{
	margin-bottom: 10px;
}
.resetpwd h2{
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.resetpwd h2 a{
	display: block;
	color: #0074c8;
	font-size: 15px;
}
.change-des{
	display: inline-block;
	margin-left: 50px;
}

.change-des:hover a{
	color: #0074c8;
}
.change-des a{
	display: inline-block;
	font-size: 14px;
	
	line-height: 2em;
	background-image: url(../images/shouji.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 20px;
	cursor: pointer;
	color: #666;
}
.change-des span{
	color: #666;
	font-size: 14px;
}
.login-form2 .change-des{
	margin-left: 0;
}
.login-form2 .change-des a{
	background-image: none;
	padding: 0;
	margin-bottom: 15px;
	color: #0074c8;
}
.login-form2 .change-des span{
	color: #666;
}
.form-bot{
	margin-top: 55px;
	text-align: center;
}
.form-bot a{
	display: inline-block;
	margin: 0px 15px;
	opacity: 0.5;
}
.form-bot a:hover{
	color: #0074c8;
	opacity: 1;
	text-decoration: underline;
}

.gender {
    color: #868686;
    font-size: 14px;
}
.radio {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    line-height: 18px;
    cursor: pointer;
}
.login-form .radio .radio-bg {
    display: inline-block;
    margin-right: 5px;
    padding: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #cacccf;
    border-radius: 100%;
    background-color: #fff;
    vertical-align: top;
    cursor: pointer;
}
.login-form .radio input:checked+span.radio-on {
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #cacccf;
    transition: all .2s ease;
    transform: scale(0,0);
    transform: scale(1,1);
	padding: 0;
}
.login-form .input-box .radio span{
	width: 18px;
	height: 18px;
	line-height: 18px;
}
.login-form .radio .radio-on {
    display: none;
}
.login-form .radio input {
    display: none;
	width: auto;
	line-height: 18px;
	height: 18px;
}
.login-form #lastName{
	width: 65%;
}
.input-box.confirm {
	justify-content: flex-end;
}
.input-box.confirm .input-inline{
	display: block;
	line-height: 24px;
}
.statement-btn{
	color: #0075C9;
    text-decoration: underline;
}
.confirm .radio{
	margin-right: 0;
}




.hdapply-bookbox {
    display: none;
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
	box-sizing: border-box;
}
.hdapply-book {
    width: 1200px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -600px;
    margin-top: -310px;
    border-radius: 8px;
	box-sizing: border-box;
}
.hdapply-bookclose {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-align: center;
    transition: all .4s ease;
    background: url(../images/icon-close.png) no-repeat center;
}
.hdapply-bookcont {
    width: 100%;
    padding: 40px 32px;
	box-sizing: border-box;
	
}
.hdapply-bookcont-tit {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin-bottom: 16px;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
}

.hdapply-bookcont-box {
    overflow-y: auto;
    height: 480px;
}

.hdapply-bookcont-cont {
    font-size: 16px;
    color: #666;
	padding-right: 10px;
}
.hdapply-bookcont-cont p {
    line-height: 26px;
}
.resetpwd input {
	margin-bottom: 20px;
    padding: 5px 10px;
    width: 100%;
    height: 45px;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    background-color: #fff;
}

.submitA{
	text-align: center;
}
.case-tab-show{
	min-height: 680px;
	display: none;
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.case-tab-show.active{
	display: block;
}

.case-tab-a{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.case-tab-a-ul{
	display: flex;
	justify-content: space-around;
	background-color: rgba(0, 0, 0, 0.2);
}
.case-tab-a-li{
	width: 100%;
	
}
.case-tab-a-li.active{
	background-color: rgba(0, 127, 204, 0.6);
}
.case-tab-a-li:hover{
	background-color: rgba(0, 127, 204, 0.5);
}
.case-tab-a-li a{
	display: block;
	line-height: 100px;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}

.case-tab-des.active{
	display: block;
}
.case-tab-des{
	box-sizing: border-box;
	display: none;
	min-height: 355px;
	width: 645px;
	padding: 45px 30px;
	background-color: rgba(255, 255, 255, 0.8);
}
.case-tab-des h3{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 30px;
	line-height: 2em;
	color: #007fcc;
}
.case-tab-des p{
	font-size: 16px;
	line-height: 2em;
}
.case-tab-des a{
	display: inline-block;
	margin-top: 15px;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	padding: 0 15px;
	background-color: #007fcc;
	border-radius: 18px;
}
.case-show-ul{
	width: 1400px;
	max-width: 94%;
	margin: 0 auto;
	position: absolute;
	top: 100px;
	transform: translateX(-50%);
	left: 50%;
}

.ewmbox{
        position: relative;
	cursor:pointer;
    }
.ewmbox:hover .ewm{
	display:block;
}
.ewm{
	display:none;
        position: absolute;
        width: 40%;
        transform: translateX(-50%);
        left: 50%;
        bottom: 100%;
}
.ewm img{
	width:100%;
}
.search-ul-list li a h3 {
    font-size: 16px;
    color: #666;
    font-weight: bold;
    margin-bottom: 10px;
}

/*2-1*/
.art-cont {
    padding: 55px 40px;
box-shadow: 2px 2px 4px 2px rgb(118 102 102 / 40%);
}
.art-cont h1 {
    color: #333;
    font-size: 24px;
    text-align: center;
    font-weight: 700;
}
.art-cont .main-content p {
font-size: 14px;
    font-family: Arial;
    line-height: 26px;
    color: #666;
}
.links-box h1 {
    font-size: 28px;
    line-height: 50px;
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px solid #e7e7e7;
    font-weight: bold;
}
.links-box {
    width: 100%;
    padding: 80px 0 20px;
    font-family: Arial;
}
.container {
    position: relative;
    margin: 0 auto;
    width: 100%;
}
.links-box-list {
    width: 100%;
    padding-top: 20px;
display: table;
}
.links-box-list li {
    width: 25%;
    float: left;
}
.links-box-list li .links-listbox:first-child {
    margin-top: 0;
}
.links-listbox h5 a {
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.links-listbox a {
    font-size: 15px;
    line-height: 26px;
    color: #0062b1;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}







@media (max-width:1660px) {
	
}

@media (max-width:1580px) {
	
}

@media (max-width:1440px) {
	.index-title h3 span{
		font-size: 32px;
	}
	.index-s1-num{
		margin-top: 25px;
	}
	.index-case-left-box .index-title {
	    padding-right: 135px;
	}
	.index-s2-li-img {
	    height: 95px;
	}
}

@media (max-width:1366px) {
	
}

@media (max-width:1280px) {
	html {
		width: 1280px;
		margin: auto;
	}

	.wrap {
		width: 1200px !important;
		margin: auto;
		max-width: 1200px !important;
	}

	.wrap-1400 {
		width: 1200px;
		margin: auto;
		max-width: 1200px !important;
	}


}
.header-nav-top-ul li:nth-child(3) .header-nav-li-top dl:nth-child(6){ display:flex; flex-wrap:wrap;}
.header-nav-top-ul li:nth-child(3) .header-nav-li-top dl:nth-child(6) dt{width:100%; }
.header-nav-top-ul li:nth-child(3) .header-nav-li-top dl:nth-child(6) dd{ margin-right:20px;}





@media screen and (max-width: 768px){
.index-s2-left li.active::before {
    display: none;
}

.index-s2-left li.active:after {
    opacity: 1;
    top: auto;
    bottom: 0;
}
.index-s2-left li.active:after {
    opacity: 1;
    top: auto;
    bottom: 5px;
    right: auto;
    left: 50%;
    width: calc(100% - 30px);
    background-image: none;
    display: block;
    height: 2px;
    background-color: #fff;
    transform: translate(-50%,-50%);
}



	html{
		width: auto !important;
	}
	.header-ul-list{
		display: none;
	}
	#header {
		background: #ffffff !important;
		transition: 0.5s;
    	box-sizing: border-box;
	}
	#header .header-top-left li a, #header .header-top-right li a, #header .header-ul-list li a {
		color: #000000;
	}
	#header .header-top-left li .header-search {
		background-image: url(../images/header-icon_03.png);   
		background-size: 15px;
	}
	.index-body .header-img2 {
		display: none;
	}
	.index-body .header-img1 {
		display: inline-block;
	}
	.header-top-left li {
		position: relative;
		margin-right: 8px;
	}
	.header-logo {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		width: 135px;
		top: 0;
	}
	.header-top-right li {
		    margin-right: 15px;
    		    margin-left: 0;
	}
	.body .call-a, .body-top .call-a {
		background-image: url(../images/header-icon_07.png);
		background-repeat: no-repeat;
	}
	.header-top .header-top-div {
		display: flex;
		justify-content: flex-start;
	}
	.header-top {
		padding: 40px 0 10px;
		margin-top: 5px;
	}

	.header-nav-top{
		display: none !important;
		width: 100vw;
		height: auto;
		padding-left: 0;
	}
	.header-nav-top.on{
		display: block !important;
	}
	.header-nav-li-top {
		position: initial;
		width: 100%;
		top: 0;
		left: 375px;
		background: #fff;
		height: 100%;
		padding: 10px 0;
	}
	.header-nav-top-ul li.active>a{
		background-color: #fff;
	}
	.header-nav-top-ul {
		background: #fff;
		width: 100%;
		/* height: 100%; */
		padding:5px;
	}
	.header-nav-dl-top {
		position: inherit;
		background: #ffffff;
		width: 100%;
		padding: 5px 10px;
		display: none;
	}
	.header-nav-li-top>h4{
		display: none;
	}
	.two-item.active .header-nav-dl-top{
		display: none;
	}
	.two-item.active>a::after, .two-item>a:hover::after{
		display: none;
	}
	.header-nav-top-ul li>a{
		font-size: 17px !important;
		border-bottom: 1px solid #eee;
		padding: 5px;
	}
	.header-nav-top-ul>li.else .header-nav-dl-top {
		left: 0;
		width: 100%;
		padding: 5px 10px;
	}
	.header-nav-top-ul li.active>a::after, .header-nav-top-ul li:hover>a::after {
		display: none;
	}
	.two-item.active>a {
		color: #007fcc;
		border-left: none;
		background-color: #ffffff;
	}
	.two-item>a {
		padding: 5px 10px;
	}
	.two-item {
		margin-bottom: 0;
	}
	.header-nav-dl-top{
		display: none !important;
	}














	.header-nav-top-ul li.active .header-nav-li-top {
		display: none;
	}
	.header-nav-li-top{
		height: auto;
	}
	.header-nav-top-ul li>a::after {
		display: none;
	}
	.header-nav-top-ul li>a {
		font-size: 17px !important;
		border-bottom: 1px solid #eee;
		padding: 0 5px;
		line-height: 40px;
	}
	.header-nav-top-ul li{
		position: relative;
	}
	.xl-menu {
		transition: all .6s;
	}
	.xl-menu.on{
		transform: rotate(180deg);
	}
	.header-nav-li-top{
		border-left: none;
	}
	.else .header-nav-dl-top {
		display: block !important;
	}
	.jishu-div {
		display: none;
	}
	.header-nav-top-ul li:nth-child(3) .header-nav-li-top dl dd p {
		line-height: 1.65;
	}
	.header-nav-top-ul li:nth-child(3) .header-nav-li-top dl {
		margin-bottom: 5px;
	}
	.two-item>a {
		padding: 7px 10px;
	}
	.header-nav-li-top {
		border-left: none;
		max-height: 280px;
		overflow-y: scroll;
	}
	.header-nav-li-top::-webkit-scrollbar {
		width: 3px;
		height: 8px;
		background-color: rgba(210, 210, 210, 0);
		
	}











	.index-slide-text h4 {
		font-size: 22px;
		color: #ffffff;
		font-weight: bold;
		margin-bottom: 20px;
		box-sizing: border-box;
		/* width: 45%; */
	}
	.index-slide-text h5 {
		font-size: 20px;
		color: #FFFFFF;
		margin-bottom: 8px;
	}
	.index-about-text {
		background: none;
		width: 100%;
		padding: 0 10px;
		margin-left: 0;
	}
	.index-about-text h4 {
		font-size: 20px;
		color: #fff;
		font-weight: bold;
		position: relative;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.index-s2-top {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0 10px;
	}
	.index-s2-left {
		width: 100%;
		background: rgba(255,255,255,0.3);
		padding: 0;
	}
	.index-s2-right {
		width: 100%;
		padding: 0;
	}
	.index-s2-left>ul{
		display: flex;
	}
	.index-s2-left li{
		padding: 0 15px;
	}
	.index-s2-title h4 {
		font-size: 22px;
		color: #ffffff;
		margin: 10px 0;
		font-weight: bolder;
	}
	.index-s2-title p {
		font-size: 16px;
		color: #ffffff;
		line-height: 1.65em;
	}
	.index-s2-right .index-s2-item .swiper-container {
		
		margin-top: 30px;
	}
	.index-s2 .wrap-1600 {
		display: flex;
		align-items: center;
		padding-top: 20px;
	}
	.index-s2-li-img {
		height: 180px;
	}
	.margin-auto-center {
		text-align: center;
		justify-content: center;
		margin-top: 10px;
	}
	.index-s4-tab a {
		font-size: 16px;
		color: #ffffff;
		padding: 10px 15px;
		border-radius: 10px;
		background: #bfbfbf;
		margin: 0 10px;
		cursor: pointer;
	}
	.index-title h3 span {
		font-size: 20px;
	}
	.index-title {
		margin-bottom: 10px;
	}
	.index-s4-swiper .swiper-slide .index-s4-img {
		height: 200px;
		width: 100%;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		transition: 0.4s;
	}
	.index-s4-swiper .swiper-button-next, .index-s4-swiper .swiper-button-prev {
		top: 30%;
	}
	.swiper-button-next, .swiper-button-prev {
		position: absolute;
		width: 30px;
		height: 30px;
		margin-top: -22px;
		z-index: 10;
		cursor: pointer;
		-moz-background-size: 27px 44px;
		-webkit-background-size: 27px 44px;
		background-size: 20px 30px;
		background-position: center;
		background-repeat: no-repeat;
	}
	.index-s4-swiper .swiper-slide .index-s4-text span {
		position: relative;
		font-size: 14px;
		color: #0074c8;
		padding: 8px 0;
	}
	.index-s4-swiper .swiper-slide .index-s4-text{
		padding: 10px;
	}
	.index-s4-swiper {
		margin: 15px 0;
	}
	.index-s6-div {
		display: block;
	}
	.index-s6-right {
		width: 100%;
		box-sizing: border-box;
		padding-left: 0;
		display: flex;
		flex-wrap: wrap;
	}
	.index-s6-right li {
		width: 30%;
		margin-right: 5%;
		text-align: center;
	}
	.index-s6-right li:nth-child(3n){
		margin-right: 0;
	}
	.index-s6 {
		padding: 100px 0 50px;
	}
	.index-s6-left {
		width: 100%;
	}
	.index-s6-right li p {
		border-top: 1px solid #c4d0de;
		padding: 15px 0;
	}
	.index-s6-right li a .s6-img-div {
		height: 45px;
		line-height: 45px;
		margin: 10px 0;
	}
	.index-s6-right li a .s6-img-div img{
		max-height: 45px;
	}


.index-s6-biao {
    display: flex;
    height: 40px;
}

	.index-s2-right .index-s2-item .swiper-container {
		margin-top: 10px;
	}
	.index-s2-title a {
		margin-top: 10px;
		font-size: 16px;
		color: #fff;
		background: url(../images/a-j-img_03.png) no-repeat;
		background-position: 115px center;
		position: relative;
		background-color: rgba(0,0,0,0.1);
		padding: 10px 60px 10px 30px;
		display: block;
		width: 70px;
		margin-left: auto;
		border-radius: 10px;
	}
	.index-s2 .wrap-1600 {
		display: flex;
		align-items: center;
		padding-top: 40px;
	}
	.wrap-1400 {
		width: 1200px;
		margin: auto;
		max-width: 94% !important;
	}
	.case-s2-tab {
		display: flex;
		justify-content: center;
		margin: 35px 0;
		flex-wrap: wrap;
	}
	.case-tab-des {
		box-sizing: border-box;
		display: none;
		min-height: 355px;
		width: 100%;
		padding: 15px;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.footer-top-right {
		width: 100%;
		display: none;
	}
	.footer-top-left {
		width: 100%;
		text-align: center;
	}
	.footer-top-div {
		display: block;
	}
	.footer-top-left h2 {
		font-size: 22px;
		color: #ffffff;
	}
	.footer-top {
		padding: 30px 0;
	}
	.footer-share {
		display: flex;
		margin-top: 15px;
		justify-content: center;
	}
	.footer-share .footer-item {
		margin: 0 10px;
	}





	.footer-copy-left {
		display: block;
		padding: 10px 0;
	}
	.footer-copy .wrap-1600 {
		display: block;
	}
	.footer-copy p {
		margin-right: 0;
	}
	.footer-copy-a a {
		font-size: 14px;
		color: rgba(255,255,255,0.2);
		/* margin: 0 10px; */
		position: relative;
		padding: 0 5px;
		display: block;
	}
	.footer-lang {
		position: relative;
		background: url(../images/earch_03.png) no-repeat;
		background-position: 9px;
		background-size: 15px;
		padding: 10px 5px;
		padding-left: 30px;
	}
	.nei-ban {
		margin-top: 85px;
	}
	.nei-ban-text{
		padding: 0;
		top: 10%;
	}
	.nei-ban-text p{
		display: none;
	}
	.nei-ban-text h3 {
		font-size: 22px;
		color: #ffffff;
		margin-bottom: 10px;
	}
	.go-a{
		padding: 5px 15px;
	}
	#header.aBto.on {
		top: 0;
		transition: 0.5s;
	}
	.nei-tab-top-ul li{
    	margin-right: 10px;
	}
	.nei-tab-top-ul li a {
		font-size: 14px;
		color: #666666;
		position: relative;
		padding: 10px 0;
	}
	.nei-title h3 {
	   font-size: 22px;
	   color: #0074c8;
	   padding: 10px 0;
	   position: relative;
	}
	.case-s2-tab li a {
		font-size: 16px;
		color: #333333;
		border-radius: 100px;
		padding: 5px 15px;
		cursor: pointer;
	}
	.case-s2-tab li {
		margin: 0 5px 5px;
	}
	.case-s2-tab {
		display: flex;
		justify-content: center;
		margin: 20px 0 10px;
		flex-wrap: wrap;
	}
	.case-show-ul{
		top: 30px;
	}
	.case-tab-show{
		min-height: 400px;
	}
	.case-tab-des h3 {
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 20px;
		line-height: 1.5em;
		color: #007fcc;
	}
	.case-tab-des p {
		font-size: 16px;
		line-height: 1.65em;
	}
	.case-tab-des{
		min-height: 280px;
	}
	.case-tab-a-li a {
		display: block;
		line-height: 2.5em;
		color: #fff;
		font-weight: bold;
		font-size: 18px;
		text-align: center;
	}
	.padd-40 {
		padding: 30px 0;
	}
	.case-s3-ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		box-sizing: border-box;
		box-shadow: 0 2px 6px #eeeeee;
		border-radius: 5px 5px 0 0;
		overflow: hidden;
	}
	.case-s3-ul li a .case-s3-text {
		padding: 15px;
		box-sizing: border-box;
	}
	.case-s3-ul li a .case-s3-text h4 {
		font-size: 18px;
		color: #333333;
		line-height: 30px;
		max-height: 60px;
		overflow: hidden;
	}
	.ziyuan-ul li {
		background: #f3f5fa;
		box-sizing: border-box;
		border: 1px solid #d8e0ea;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.ziyuan-ul li:nth-child(2n){
		margin-right: 0;
	}
	.ziyuan-ul li a .ziyuan-right {
		text-align: center;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
	}
	.ziyuan-ul li a .ziyuan-left {
		width: 100%;
		height: 65px;
		line-height: 65px;
		text-align: center;
	}
	.ziyuan-ul li a {
		display: block;
		width: 100%;
		height: 100%;
		align-items: center;
		padding: 15px 0;
		box-sizing: border-box;
	}
	.ziyuan-ul li a .ziyuan-right b {
		font-size: 14px;
		color: #323333;
		display: block;
	}
.ziyuan-ul {
    display: flex;
    margin-top: 20px;
    flex-wrap: wrap;
}
.nei-ban-text .more-a {
    margin-top: 10px;
}



	.case-detail-s2-ul {
		display: block;
	}
	.case-detail-s2-ul li {
		width: 100%;
		box-sizing: border-box;
		padding: 15px;
		text-align: center;
		display: flex;
		align-items: center;
	}
	.case-detail-s2-ul li>img{
		width: 100px;
		height: auto !important;
		max-width: 65px !important;
	}
	.product-item-div ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		background: #ffffff;
	}

.product-item-div ul li a{
		padding: 10px;
		font-size: 14px;
	}
	.product-item-div ul li span{
		margin: 5px 0;
	}
	.pd-tab-t1 table tr td {
		border: 1px solid #dcdcdc;
		font-size: 14px;
		color: #666666;
		padding: 5px;
		box-sizing: border-box;
	}
	.pd-tab-t1 table tr td:first-of-type {
	    color: #007fcc;
	    font-size: 14px;
	}
	.product-detail-s2-js h3 {
		font-size: 20px;
		color: #000000;
		margin-top: 8px;
	}
	.product-detail-s2-js {
	    margin-bottom: 20px;
	}
	.pd-tab-t1 table tr th {
    	border: 1px solid #dcdcdc;
	    background: #0074c8;
	    color: #ffffff;
	    font-size: 16px;
	    font-weight: normal;
	    padding: 10px;
	}
	.pd-tab-t1 table {
		width: 100%;
		margin-bottom: 15px;
	}




	.success-left {
	    width: 100%;
	}
	.success-title h4 {
		font-size: 18px;
		color: #333333;
		line-height: 30px;
	}
	.news-detail-else {
		border-bottom: 1px solid #f5f5f5;
		display: flex;
		padding: 20px 0;
	}
	.back-a a {
		font-size: 16px;
		color: #0074c8;
		border: 1px solid #0074c8;
		border-radius: 30px;
		padding: 7px 35px;
	}
	.zixun a {
		background-image: url(../images/ww_03.png);
		background-repeat: no-repeat;
		color: #ffffff;
		background-color: #0074c8;
		display: block;
		font-size: 16px;
		padding: 15px;
		text-align: center;
		background-position: 25%;
	}
	.success-right h4 {
		font-size: 20px;
		color: #333333;
		line-height: 30px;
	}

	.succ-case-left {
		width: 100%;
		text-align: center;
	}
	.succ-case-right {
		border: 1px solid #e3e3e3;
		width: 100%;
		height: 40px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
	}
	.succ-case-s1-box {
	    display: block;
	    align-items: center;
	}
	.succ-case-list-right li {
		width: 100%;
		padding: 0 !important;
		position: relative;
	}
	.succ-case-list-right li dl {
		position: initial;
		width: 100%;
		display: none;
	}
	.succ-case-list-right li.active dl {
		visibility: visible;
		display: flex;
	}
	.succ-case-list-right li dd{
		width: 33.33%;
		padding: 0 5px;
	}






	.succ-case-list-div{
		display: block;
	}
	.succ-case-list-div .succ-case-list-left {
		width: 100%;
		text-align: center;
		background: #f6f7f9;
		padding: 15px;
		box-sizing: border-box;
	}
	.succ-case-list-right li>a{
		padding: 15px;
		border-bottom: 1px solid #ddd;
	}
	._page_container {
		margin: 25px 0 ! 50px important;
	}
	._page_container ._jumper {
	    margin: 10px 0 0 !important;
	    text-align: center;
	}
	.search-top-input{
		width: 80%;
		height: 40px;
		line-height: 40px;
	}
	.search-close {
	    left: auto;
	    right: 20px;
	    display: flex;
	    align-items: center;
	    cursor: pointer;
	    background-color: #ffffff;
	    padding: 0;
	}
	.search-top-box {
		display: block;
	}
	.search-top-box .search-top-left{
		border: none;
		padding: 20px 0;
	}
	.search-top-box .search-top-left dl dt, .search-top-box .search-top-left dl dd {
		margin-bottom: 10px;
	}
	.search-top-right {
	    width: 100%;
	    box-sizing: border-box;
	    padding: 0;
	    display: none;
	}
	.kh-box {
		width: 100%;
		height: auto;
		position: fixed;
		box-sizing: border-box;
		padding: 10px;
	}
	.kh-box-div>div {
	    box-sizing: border-box;
	    padding: 20px 10px;
	}
	.kh-div-t1 {
		display: block;
	}
	.kh-div-t1-left {
	    width: 100%;
	    box-sizing: border-box;
	    border-right: 1px solid #f5f5f5;
	    padding-right: 0;
	}
	.kh-div-t1-left dd .div-a {
		margin-top: 10px;
		padding-left: 15px;
	}
	.kh-div-t1-left dd h4 {
		font-size: 14px;
		color: #111111;
		margin-bottom: 0;
	}
	.kh-div-t1-left dd {
		border-bottom: 1px solid #f5f5f5;
		box-sizing: border-box;
		padding: 10px 0;
	}
	.kh-div-t1-right {
		width: 100%;
		margin-left: auto;
		padding: 0;
	}
	.kh-div-t1-right dd img {
	    margin-top: 0;
	    float: right;
	    width: 20%;
	}
	.kh-div-t1-right dd p {
		font-size: 12px;
		color: #4b4b4b;
		line-height: 24px;
		position: relative;
		padding-left: 15px;
		float: left;
	}
	.kh-title h2 {
	    font-size: 20px;
	    line-height: 31px;
	    color: #000000;
	    margin: 10px 0 10px;
	}
	.kh-box .close-btn {
	    width: 40px;
	    height: 41px;
	    background-size: 30px;
	    margin: 0;
	}
	.kh-box .search-close {
		right: 0;
		left: auto;
		padding: 10px;
	}
	.product-s1-ul li {
		width: 50%;
		margin-right: 0;
		text-align: center;
		padding: 10px;
		box-sizing: border-box;
	}
	.product-s1-ul {
		display: flex;
		margin-top: 20px;
		flex-wrap: wrap;
	}
	.product-s1-ul li .product-s1-img {
		height: 55px;
		line-height: 55px;
		margin-bottom: 10px;
	}
	.product-s1-ul li h4 {
		font-size: 18px;
		color: #333333;
		margin-bottom: 10px;
	}




	.product-s2-tab {
		display: flex;
		margin-top: 30px;
		margin-bottom: 25px;
		justify-content: space-around;
	}
	.small-tab-box {
		display: block;
		padding: 15px;
	}
	.product-small-tab {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.product-small-tab li::after{
		display: none;
	}
	.product-small-tab li{
		width: 50%;
	}
.product-small-tab li a{
		font-size: 14px;
	}

.product-s3-text{
		padding: 0;
	}
	.product-s3-bac{
		height: 350px;
	}
	.product-s3-text h4 {
		font-size: 22px;
		color: #ffffff;
		margin-bottom: 10px;
	}
	.product-s3-text p {
		font-size: 14px;
		color: #ffffff;
		line-height: 1.8em;
	}










	.nei-nav-div {
		display: flex;
		font-size: 14px;
		color: #9a9a9a;
		height: auto;
		align-items: center;
		flex-wrap: wrap;
		padding: 5px 0;
	}
	.nei-nav-div a{
		line-height: 1.65em;
	}
	.product-detail-title h3 {
		font-size: 20px;
	}
	.product-detail-s1-div {
		display: block;
	}
	.product-detail-s1-div .product-detail-s1-left {
		width: 100%;
		background: #eeeeee;
		box-sizing: border-box;
		padding: 0;
		text-align: center;
		height: 300px;
		line-height: 300px;
	}
	.product-detail-s1-div .product-detail-s1-left img {
		max-height: 240px;
	}
	.product-detail-s1-right {
		width: 100%;
		box-sizing: border-box;
		padding: 15px;
	}
	.product-detail-s1-right h4 {
		font-size: 16px;
		color:#0074c8;
		margin-bottom: 4px;
	}
	.product-detail-s1-text {
		margin-bottom: 10px;
	}
	.pd-s2-ul {
		display: flex;
		flex-wrap: wrap;
	}
	.pd-s2-ul li h4 {
		font-size: 18px;
		color: #000000;
		margin-bottom: 5px;
	}
	.pd-s2-ul li .pd-s2-ul-img {
		background: #ebf0f4;
		height: 180px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
	}
	.succ-case-list-right {
		width: 100%;
		display: block;
		position: relative;
	}
	.succ-case-list-right li dd {
		box-sizing: border-box;
	}
	.succ-case-list-right li dl a {
		padding: 10px 5px;
	}





	.about-s4-ul li {
		width: 100%;    
		margin-bottom: 20px;
	}
	.about-s4-ul:first-of-type{
		display: none;
	}
	.about-s4-ul li::after {
		
		transform: rotateZ(90deg);
		left: 0;
		right: 0;
		margin: auto;
		top: 210px;
		display: none;
	}
	
	.about-s4-ul li .process-s2-img {

	    margin-bottom: 10px;
	}
	.about-s4-ul:nth-of-type(2) li:nth-of-type(5):before{
		display: none;
	}
	.about-s4-ul{
		margin-bottom: 0;
	}
	.about-s4-ul:nth-of-type(2) li:nth-of-type(2):before{
		display: none;
	}
.about-s4-ul li .about-s4-text .about-s4-top{
		position: initial;
	}

.nei-ban-text {
		padding: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.nei-t h4{
		font-size: 20px;
	}






	.about-msg-left {
		width: 100%;
		text-align: center;
	}
	.about-msg-right {
		width: 100%;
		margin-top: 20px;
	}
	.about-msg-title {
		border-bottom: 1px solid #e9e9e9;
		margin-bottom: 10px;
	}
	.about-msg-title span {
		font-size: 20px;
		color: #333333;
		position: relative;
		padding: 10px 0;
	}



.msg-item label{
		width: 90px;
	}
	.msg-item input, .msg-item select{
		width: calc(100% - 100px);
	}
	.msg-item textarea{
		width: calc(100% - 100px);
	}
	.about-msg-right .msg-item>div {
		margin-left: 100px;
	}
	.about-msg-right .msg-item button {
		margin-left: 100px;
		width: calc(100% - 100px);
	}

.support-text p {
		line-height: 30px;
	}
	.support-tk-text table th {
		padding: 5px;
	}
	.support-tk-text table tr td, .support-tk-text table th {
	    padding: 5px;
	}
	.support-tk-text h4 {
		font-size: 18px;
		color: #333333;
		line-height: 30px;
		margin-bottom: 5px;
	}
	.support-tk-text p {
		line-height: 30px;
	}




	.nei-search{
		width: 100%;
	}
	.supp-list {
		display: flex;
		box-sizing: border-box;
		padding: 15px;
		border: 1px solid #dfebf1;
	}
	.nei-search label{
		width: 110px;
	}
	.nei-search input{
		width: 70%;
	}
	.supp-list {
		display: block;
		box-sizing: border-box;
		padding: 15px;
		border: 1px solid #dfebf1;
	}
	.supp-list .supp-ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.supp-qs {
		box-sizing: border-box;
		padding: 10px;
		box-shadow: 0 0 10px #f5f7fa;
		margin: 15px 0;
	}
	.supp-qs ul li .supp-qs-title{
		padding: 5px 0;
	}
	.supp-qs-top{
		padding: 15px;
	}
.supp-list .supp-ul li a {
		padding: 5px 20px;
		font-size: 14px;
	}
	.supp-down-ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		background: #ffffff;
		box-shadow: 0 0 10px #f5f7fa;
	}
	.supp-down-ul li a {
		display: flex;
		align-items: center;
		padding: 10px;
	}
	.supp-down-ul li a h4 {
		font-size: 16px;
		padding: 8px;
		padding-left: 25px;
		width: calc(100% - 100px);
		background-size: 25px;
		padding-left: 40px;
	}





	.video-list ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5%;
	}
	.video-title h3 {
	    padding: 10px 0;
	}
	.screen-box .screen-con {
		width: 94%;
		height: auto;
	}
	.video-play{
		width: 50px;
	}
	.news .swiper-container .swiper-slide .news-slide-left {
		float: none;
		width: 100%;
	}
	.news .swiper-container .swiper-slide .news-slide-right {
		width: 100%;
		float: none;
	}
	.news .swiper-container .swiper-slide .news-slide-right h3 {
		font-size: 18px;
		line-height: 30px;
		color: #000000;
		font-weight: normal;
		margin-top: 10px;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
	.news .swiper-container .swiper-slide .news-slide-right p {
		font-size: 16px;
		line-height: 30px;
		color: #666666;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin-top: 0;
	}
	.news .swiper-container .swiper-slide .news-slide-right a {
		background: #0074c8;
		color: #ffffff;
		padding: 10px 30px;
		border-radius: 50px;
		margin-top: 10px;
	}
	.news-list ul li a .news-list-left {
		overflow: hidden;
		float: none;
		width: 100%;
	}
	.news-list ul li a .news-list-center {
		float: none;
		width: 100%;
		padding: 0;
	}
	.news-list ul li a .news-list-center .read-news icon {
		width: 30px;
		height: 30px;
	}
	.news-list ul li a .news-list-right b::after{
		display: none;
	}
	.news-list ul li a .news-list-right {
		float: none;
		display: flex;
		align-items: center;
	}
	.news-list ul li a .news-list-right b {
		display: block;
		font-size: 20px;
		color: #333;
		font-weight: normal;
		position: relative;
		margin-bottom: 0;
		padding-bottom: 0;
		line-height: 40px;
		margin-right: 10px;
	}
	.news-list ul li a .news-list-right span {
		display: block;
		font-size: 18px;
		color: #333;
		text-align: start;
		line-height: 40px;
	}
	.news-list ul li a {
		display: block;
		padding: 15px 0;
	}
	._page_container{
		height: auto !important;
	}
	html body div ._page_container {
		margin: 20px 0 !important;
	}
.news .swiper-container .swiper-slide .news-slide-right p {

		height: 90px;
		overflow: hidden;
		-webkit-line-clamp: 3;
	}

	.news-detail-text p video{
		width: 100% !important;
		height: auto !important;
		margin: 10px 0;
	}
	.news-detail-title h4 {
		font-size: 20px;
		color: #333333;
		line-height: 36px;
	}
	.news-detail-text {
		box-sizing: border-box;
		padding: 10px;
	}
	.news-detail-text p {
		font-size: 14px;
		color: #666666;
		line-height: 25px;
	}
	.news-detail-page a{
		line-height: 30px;
	}




	.about-jj-num{
		display: block;
	}
	.about-jj-item {
		width: 100%;
		box-sizing: border-box;
		padding-right: 0;
		display: flex;
		justify-content: space-around;
	}
	.about-jj-div {
		border-bottom: 1px solid #cccccc;
		padding: 15px 0;
		width: 40%;
		text-align: center;
	}
	.about-jj-item b {
		font-size: 24px;
		color: #000000;
		font-weight: normal;
	}
	.about-jj-item span {
		font-size: 24px;
		color: #000000;
	}
	.about-jj-item p {
		font-size: 16px;
		color: #000000;
	}
	.about-jj-center {
		width: 60%;
		height: auto;
		border-radius: 100%;
		overflow: hidden;
		border: 1px solid #007fcc;
		box-sizing: border-box;
		padding: 10px;
		margin: 20px auto;
	}
	



	.about-swiper2 .swiper-button-prev {
		background-image: url(../images/jjbt_03.png);
		left: 0;
	}
	.about-swiper2 .swiper-button-next {
		background-image: url(../images/jjbt_05.png);
		right: 0;
	}
	.n-title h3 {
		font-size: 22px;
		color: #000000;
		text-align: center;
	}
	.about-swiper1 .swiper-slide b {
		font-size: 22px;
		color: #ffffff;
		font-weight: normal;
	}
	.wh-ul li {
		width: 100%;
		box-sizing: border-box;
		padding: 5px;
	}
	.li-bac{
		height: 360px;
	}
	.li-div-text{
		width: 85%;
	}
	.li-div-text .li-tt{
		overflow: visible;
		margin-top: 10px;
	}
	.li-div-text .li-tt p{
		font-size: 16px;
	}
	.li-div-text h5 {
		font-size: 18px;
		color: #ffffff;
		margin-bottom: 10px;
	}


	.about-video {
    		height: auto;
    		padding: 0;
    		margin: -5px 0;
	}


	

	.join-ul-box li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		box-shadow: 0 0 8px #ececec;
		box-sizing: border-box;
		padding: 15px;
	}
	.join-ul-box li .join-ul-div p span {
		font-size: 14px;
		color: #888888;
		margin-right: 10px;
	}
	.close-a {
		width: 30px;
		height: 30px;
		margin-left: auto;
		position: relative;
		display: block;
		cursor: pointer;
	}
	.close-a::before {
		width: 30px;
		height: 2px;
	}
	.close-a::after {
		width: 30px;
		height: 2px;
	}
	.join-detail-div {
		padding: 10px;
	}
	.join-detail-title b {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.join-detail-title {
		border-bottom: 1px solid #eeeeee;
		box-sizing: border-box;
		padding-bottom: 15px;
	}
	.join-detail-text {
		height: 300px;
		overflow-y: overlay;
		box-sizing: border-box;
		padding: 0px 0 15px;
		margin-top: 15px;
	}
	.join-detail-box{
		height: auto;
		padding: 10px 10px 30px;
	}
	.go-email a {
		font-size: 16px;
		color: #ffffff;
		border-radius: 10px;
		background: #007fcc;
		padding: 8px 20px;
	}
	.about-contact-top ul li {
		width: 100%;
		box-sizing: border-box;
		padding: 0 15px;
		text-align: center;
	}
	.about-contact-top ul li h5 {
		font-size: 18px;
		color: #000000;
		font-weight: bold;
		margin: 10px;
	}
	.about-contact-top ul li a {
		border: 1px solid #eae8e4;
		display: block;
		padding: 9px 0 9px 9px;
	}

	#contact-map1 {
		width: 100%;
		height: 300px;
	}
	.gupiao-top {
		display: block;
		align-items: center;
	}
	.gupiao-price-list {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		box-sizing: border-box;
		padding-left: 0;
	}
	.gupiao-price-list b {
		display: block;
		font-size: 16px;
		color: #6d6d6d;
		font-weight: bold;
	}
	.gupiao {
		background: #f6f9fb;
		box-sizing: border-box;
		padding: 10px;
		margin-top: 20px;
	}
	.gupiao-dl {
		width: 100%;
	}
	#gupiao-nowprice p b {
		font-size: 24px;
		font-weight: bold;
		margin-right: 10px;
		line-height: 1em;
	}
	#gupiao-nowprice p span {
		font-size: 16px;
		font-weight: bold;
	}
	.gupiao-price-list li {
		width: 50%;
		margin: 15px 0 0;
		display: flex;
		align-items: center;
	}
	.gupiao-price-list {
		display: flex;
		width: 100%;
		align-items: center;
		flex-wrap: wrap;
		box-sizing: border-box;
		padding-left: 0;
	}
	.gupiao-price-list b {
		display: block;
		font-size: 14px;
		color: #6d6d6d;
		font-weight: bold;
	}
	.gupiao-price-list span {
		display: block;
		font-size: 14px;
		color: #999999;
		margin-bottom: 0;
		width: 60%;    
		margin-right: 5px;
	}
	.gupiao-k-tab {
		display: flex;
		margin: 20px 0 10px;
	}
	.gupiao-k-list {
		box-sizing: border-box;
		padding: 10px;
		height: auto;
	}






	.tzzgx-lx-left b {
		display: block;
		color: #007fcc;
		font-size: 25px;
		font-weight: normal;
		margin-bottom: 5px;
	}
	.tzzgx-lx-div {
		margin-top: 10px;
	}
	.tzzgx-lxfs .tzzgx-lx-left {
		width: 100%;
		padding: 15px 0;
		box-sizing: border-box;
		text-align: center;
	}
	.tzzgx-lxfs #gupiao-nowprice p{
		justify-content: center;
    	background-position: 33%;
	}
	.tzzgx-lx-right {
		box-sizing: border-box;
		border-left: none;
		padding: 15px;
		width: 100%;
	}
	.tzzgx-lx-right ul li {
		width: 100%;
		margin-bottom: 5px;
		box-sizing: border-box;
		border-bottom: 1px dashed #dedede;
		margin-right: 0;
		display: flex;
		align-items: center;
		padding: 5px 0;
	}
	.tzzgx-lx-right ul li>img{
		width: 40px;
	}
	.tzzgx-lx-right ul li p {
		font-size: 16px;
		color: #888888;
		line-height: 1.5em;
	}







	.kh-t2-tab {
		display: flex;
		justify-content: center;
		margin: 10px 0;
	}
	.kh-title h2 {
		font-size: 16px;
		line-height: 30px;
		color: #000000;
		margin: 5px 0;
	}
	.kh-t2-tab a {
		width: 150px;
		height: 35px;
		line-height: 35px;
		border-radius: 20px;
		background: #626262;
		font-size: 12px;
		color: #ffffff;
		text-align: center;
		margin: 0 5px;
		cursor: pointer;
	}
	.kh-t2-box .kh-t2-item>ul>li {
		margin-bottom: 10px;
		width: 100%;
	}
	.kh-t2-box .kh-t2-item>ul>li:nth-of-type(1) {
		width: 90px;
		margin-right: 10px;
	}
	.kh-box{
		height: 100%;
	}
	.back-div {
		text-align: center;
		margin: 10px 0;
	}
	.kh-t2-box .kh-t2-item>ul>li>textarea {
		width: 100%;
		height: 50px;
	}
	.pro-butt, .js-butt {
		background: #1b1b1b;
		color: #ffffff;
		font-size: 12px;
		border: none;
		padding: 8px 25px;
		display: block;
		margin: auto;
		cursor: pointer;
	}
	.login-banner {
		position: relative;
		display: flex;
		padding: 0;
		min-height: 90vh;
		padding-top: 80px;
		background: url(../images/login_banner_01.jpg);
		background-size: cover;
		align-items: center;
		justify-content: center;
	}
	.submitA a {
		display: inline-block;
		margin: 10px auto;
		width: 60%;
		line-height: 35px;
		border-radius: 25px;
		background-color: #0074c8;
		text-align: center;
		color: #fff;
		border: 1px solid #0074c8;
		transition: all 0s;
		font-size: 14px;
	}
	.login-form {
		background-color: #fff;
		border-radius: 10px;
		padding: 20px;
	}
	.login-form .input-box span {
		display: inline-block;
		width: 80px;
		padding-right: 10px;
		line-height: 45px;
		font-size: 14px;
		text-align: end;
	}
	.change-des {
		display: inline-block;
		margin-left: 20px;
	}
	.login-form h2 {
		margin-bottom: 20px;
		font-size: 22px;
		font-weight: bold;
		text-align: center;
	}
	.form-bot {
		margin-top: 25px;
		text-align: center;
	}


	.login-banner .phone-label{
		width: 65px;font-size: 12px;
	}
	.login-banner #getCode{
		width: 65px;		font-size: 12px;

	}
	.login-form{
		padding: 15px;		

	}
.input-box.confirm .input-inline {
		display: block;
		line-height: 24px;
		width: 100%;
	}
	.login-form .radio input:checked+span.radio-on{
		top: 1px;
		left: 1px;
	}
	.login-form .input-box .radio span {
		width: 10px;
		height: 10px;
		line-height: 10px;
	}
	.input-box.confirm .input-inline{
		font-size: 14px;
	}

	.hdapply-book {
		width: 100%;
		background: #fff;
		position: absolute;
		transform: translate(-50%, -50%);
		top: 50%;
		left: 50%;
		margin-left: 0;
		margin-top: 0;
		border-radius: 8px;
		box-sizing: border-box;
	}
	.hdapply-bookcont {
		width: 100%;
		padding: 15px;
		box-sizing: border-box;
	}
	.hdapply-bookcont-tit {
		font-size: 20px;
		color: #333;
		text-align: center;
		margin-bottom: 10px;
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
	}
	.hdapply-bookcont-cont p {
		line-height: 1.65em;
		font-size: 14px;
	}
	.gender {
		color: #868686;
		font-size: 14px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.gender {
		color: #868686;
		font-size: 14px;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.call-a, .index-body .call-a{
		display: none;
	}
	.header-top-right li{
		font-size: 14px;
		color: #000;
	}

.login-top .drop-ul{
		top: 30px !important;
   		padding: 10px !important;
	}


.footer-top-left .footer-logo {
    margin-bottom: 20px;
    width: 125px;
    margin: 0 auto 10px;
}
.index-s6 {
    padding: 100px 0 20px;
}
.index-s6-right li p {
    border-top: 1px solid #c4d0de;
    padding: 5px 0;
    font-size: 14px;
}

}