body, button, dd, div, dl, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, ul {
    margin: 0;
    padding: 0;
    border: 0
}

* {
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: "Microsoft YaHei","PingFang SC" , "STHeiti", "瀹嬩綋", "arial";
    background-color: #ffffff;
    overflow-x: hidden;
}

button, input, textarea {
    font-family: "Microsoft YaHei", "STHeiti", "瀹嬩綋", "arial", Verdana;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Microsoft YaHei", "STHeiti", "瀹嬩綋", "arial";
    font-weight: normal
}

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

.online_x{
	cursor:pointer;
}
button:hover,
input[type=submit]:hover {
    cursor: pointer
}

button:focus,
input:active,
input:focus,
textarea:focus {
   /* border: 0*/
  	outline: 0 none;
  	outline-color: transparent;
}

a {
    color: #333;
    display: inline-block;
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none;
    cursor: pointer
}

a:active {
    text-decoration: none
}

li {
    list-style: none;
}

.msg_error {
	color: red;
	font-size: 14px;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}


.conwidth{
	max-width: 1400px;
	width: 100%;
	margin: auto;
}
.owidth{
	max-width: 1580px;
	width: 100%;
	margin: auto;
}
@font-face{
    font-family: "DIN";
    src: url('../fonts/DIN-BOLD_0.OTF');
}
@font-face{
    font-family: "DENG";
    src: url('../fonts/DENG.TTF');
}
@font-face{
    font-family: "DEBIAO";
    src: url('../fonts/DEBIAO.TTF');
}
/*header*/
.main{
	padding-top: 100px;
}
.header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
	background-color: #FFFFFF;
}
.header.fixed{
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}
.header .content{
	width: 87.5%;
	margin: auto;
}
/*.fixed{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 999;
}*/
.header .box{
	text-align: center;
	height: 100px;
}
.header .box .h-logo{
	float: left;
	display: inline-block;
	line-height: 100px;
	height: 100px;
}
.header .box .h-logo img{
	width: 179px;
	/*height: 69px;*/
}
.header .box .nav{
	display: inline-block;
	margin: 0 auto;
}
.header .box .nav ul{
	float: left;
}
.header .box .nav ul li{
	position: relative;
	display: inline-block;
}
.header .box .nav ul li>a{
	position: relative;
	color: #666666;
	font-size: 16px;
	line-height: 70px;
	height: 70px;
	margin: 15px 25px;
	padding: 0px 15px;
}
.header .box .nav ul li:hover::before, .header .box .nav ul li.on::before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	width: 2px;
	height: 15px;
	background-color: #5a54c0;
}
.header .box .nav ul li:hover::after, .header .box .nav ul li.on::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 2px;
	height: 15px;
	background-color: #5a54c0;
}
.header .box .nav ul li:hover>a{
	position: relative;
	color: #5a54c0;
}
.header .box .nav ul li .navcell{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	min-width: 100%;
	/*left: 0;
	right: 0;
	margin: auto;*/
	top: 100px;
	z-index: 10;
	display: none;
	background-color: #ffffff;
	box-shadow: 0px 1px 25px rgba(0,0,0,.1);
}
.header.fixed .box .nav ul li .navcell{
	box-shadow: 0px 2px 10px rgba(0,0,0,.2);
}
.header .box .nav ul li .navcell .con{
	padding: 20px 0px;
}
.header .box .nav ul li .navcell a{
	display: block;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 40px;
	text-align: left;
	white-space: nowrap;
	color: #666666;
	font-size: 16px;
	text-align: center;
}
.header .box .nav ul li .navcell a:hover{
	color: #5a54c0;
}
.menubtn{
	display: none;
}
.h-other{
	float: right;
}
.h-other .searchdiv{
	float: left;
}
.header .h-other .show-search-btn {
    display: block;
    height: 100px;
    line-height: 100px;
    transition-duration: .3s;
    text-align: center;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
}
.show-search-btn img{
	cursor: pointer;
}
.search {
  	position: fixed;
 	z-index: 6;
  	top: 100px;
  	right: 0;
  	height: 100%;
  	max-height: 100vh;
  	overflow-y: scroll;
  	overflow-x: hidden;
  	-webkit-overflow-scrolling: touch;
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  	opacity: 0;
  	visibility: hidden;
  	transition-property: opacity,visibility;
  	transition-duration: .5s;
  	transition-delay: .5s;
}
.search.search-is-open{
  	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity:1;
	visibility:visible;
	transition-delay:0s;}
.search.search-is-open .search__container{
	transform:translateY(0) translateZ(0);
}
.search__container{
  	position:relative;
  	z-index:2;
	background-color:#fff;
	transform:translateY(-100%) translateZ(0);
	transition:transform .75s cubic-bezier(.77,0,.175,1);
}
.search__overlay{
  	position:fixed;
  	z-index:1;
	top:0;
	right:0;
	width:100%;
	height:100%;
	/*background-color:#1d1d1d;*/
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	opacity:.2;
}
.search,.search__overlay{
	left:0;
}
.search-header{
	position:relative;
  	padding-top: 90px;
	padding-bottom: 120px;
}
.row{
	position: relative;
}
.search-header .search-loader{
	position:absolute;
  	top:17px;
	left:2.6vw;
}
.search-header .search-btn-close{position:absolute;
  	top:0;
	right:0;
}
.search-header .search-input{
  	font-size:24px;
	width:100%;
	-webkit-appearance:none;
	-moz-appearance:none;
	border:0;
}
.search-header .search-input__wrapper:after{content:"";
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	right:0;
	height:1px;
	background-color:#d9d9d9;
	width:100%;
}
.search-item{position:relative;
  	display:block;
	overflow:hidden;
	transition:background-color .2s,opacity .3s,color .3s;
	transform-origin:0 0;
	color:#1d1d1d;
}
.search-item:after{
	content:"";
	position:absolute;
	z-index:1;
	bottom:0;
	left:8.333%;
	right:8.333%;
	height:1px;
	background-color:#d9d9d9;
}
.search-item .solr-highlight{
	background-color:rgba(101,32,142,.2);
}
.search-close {
  	position: absolute;
  	display: block;
  	top: 0;
 	right: 0;
  	width: 28px;
  	height: 72px;
  	background: url(../images/close.png) no-repeat center;
  	background-size: 28px 28px;
  	cursor: pointer;
  	z-index: 6;
  	transition-duration: .5s;
}
.search-close:hover {
  	transform: rotate(90deg);
}
.search .submit0 {
  	position: absolute;
  	top: 0;
  	left: 0;
  	z-index: 5;
  	width: 28px;
  	height: 75px;
  	background: url(../images/searchf.png) no-repeat center;
  	border: none;
  	background-size: 28px 28px;
  	box-sizing: border-box;
  	display: block;
}
.search-header .search-input {
  	display: block;
  	text-indent: 80px;
 	line-height: 75px;
  	font-size: 24px;
  	color: #333;
  	width: 100%;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	border: 0;
  	border-bottom: 1px solid #d9d9d9;
}
.header .h-language{
	float: left;
	margin-left: 50px;
	margin-top: 34px;
}
.header .h-language ul{
	border: #6b66bc solid 1px;
}
.header .h-language ul li{
	float: left;
	padding: 0px 7px;
}
.header .h-language ul li a{
	color: #6b66bc;
	font-size: 14px;
	line-height: 30px;
}
.header .h-language ul li:hover, .header .h-language ul li.on{
	background-color: #6b66bc;
}
.header .h-language ul li:hover a, .header .h-language ul li.on a{
	color: #ffffff;
}

.login{
	display: none;
	position: fixed;
	top: 100px;
	left: 0;
	width: 100%;
	height: -moz-calc(100% - 100px);
	height: -webkit-calc(100% - 100px);
	height: calc(100% - 100px);
	background: rgba(0,0,0,.4);
	z-index: 999;
}
.login .box{
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 540px;
	width: 90%;
	margin: 0px auto;
}
.login .box .content{
	background: #ffffff url(../images/img1.png) top left no-repeat;
	padding-bottom: 35px;
	overflow: hidden;
}
.login .box .content .title{
	margin: 90px auto 0px;
	text-align: center;
	padding: 0px 10px;
}
.login .box .content .title .t1{
	color: #5a54c0;
	font-size: 32px;
	font-weight: bold;
	margin-bottom: 10px;
}
.login .box .content .title .t2{
	color: #666666;
	font-size: 14px;
}
.login .box .content .con{
	padding: 2% 0 0;
	max-width: 360px;
	width: 80%;
	margin: 0 auto;
	overflow: hidden;
}
.login-li{
	position: relative;
	margin-top: 20px;
	padding: 0px 30px;
	border: #eeeeee solid 1px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.login-li input{
	width: 100%;
	color: #999999;
	font-size: 14px;
	line-height: 58px;
	border: none;
	background: none;
	outline: none;
}
.login-li input::-webkit-input-placeholder {
    color: #afafaf;
}
.login-li input:-moz-placeholder {
	color: #afafaf;
}
.login-li input::-moz-placeholder {
	color: #afafaf;
}
.login-li input:-ms-input-placeholder {
	color: #afafaf;
}
/*.login-li i{
	position: absolute;
	left: 4px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 100%;
}
.login-li.icon1 i{
	background: url(../images/img61.png) center left no-repeat;
	background-size: 20px 21px;
}
.login-li.icon2 i{
	background: url(../images/img62.png) center left no-repeat;
	background-size: 20px 21px;
}*/
.login-btn{
	text-align: center;
	overflow: hidden;
	margin-top: 30px;
}
.login-btn input{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	background-color: #5a54c0;
	height: 60px;
	width: 100%;
}
.login-tips{
	color: #444444;
	font-size: 14px;
	text-align: center;
	margin-top: 30px;
}
.login-tips a{
	color: #5a54c0;
	text-decoration: underline;
}
.login .box .login-close{
	text-align: center;
	overflow: hidden;
	margin-top: 40px;
}
.login .box .login-close a{
	display: inline-block;
	margin: 0 auto;
}
.login .box .login-close a img{
	width: 50px;
	height: 50px;
}
/**/
.header .menubtn{
	float: right;
	display: none;
	width: 50px;
    height: 60px;
    background: url(../images/menu-icon1.png) center right no-repeat;
    -moz-background-size: 36px 36px;
    -webkit-background-size: 36px 36px;
    background-size: 36px 36px;
    cursor: pointer;
}
/* .header.white .menubtn{
	background: url(../images/menu-icon1.png) center right no-repeat;
	 -moz-background-size: 36px 36px;
    -webkit-background-size: 36px 36px;
    background-size: 36px 36px;
} */
.header .menubtn.on{
    background: url(../images/menu-icon2.png) center right no-repeat;
    -moz-background-size: 36px 36px;
    -webkit-background-size: 36px 36px;
    background-size: 36px 36px;
}
/* .header.white .menubtn.on, .header.white1 .menubtn.on{
	background: url(../images/menu-icon2.png) center right no-repeat;
	-moz-background-size: 36px 36px;
    -webkit-background-size: 36px 36px;
    background-size: 36px 36px;
} */
.m-nav{
	display: none;
	position: fixed;
    right: 0;
    top: 60px;
    width: 100%;
    height: -moz-calc(100vh - 60px);
    height: -webkit-calc(100vh - 60px);
    height: calc(100vh - 60px);
    background: #fff;
    display: none;
    overflow-y: auto;
    z-index: 105;
}
.m-nav .m-searchbox{
	padding: 6% 3% 0;
	overflow: hidden;
}
.m-nav .m-search{
	width: 100%;
	border: #666666 solid 1px;
	border-radius: 15px;
	margin: 0 auto;
	padding-right: 20px;
	padding-left: 60px;
	background: url(../images/search1.png) center left 20px no-repeat;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.m-nav .m-search input{
	width: 100%;
	height: 50px;
	line-height:50px;
	color: #333333;
	font-size: 16px;
	background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
  	-moz-appearance: none;
}
.m-nav ul{
	padding: 3% 3% 0;
}
.m-nav ul li{
	position: relative;
	width: 100%;
	border-bottom: 1px solid #eeeeee;
	padding: 0 3%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.m-nav ul li .one-level{
	width: 100%;
}
.m-nav ul li .one-level i{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 18px;
	height: 100%;
	background: url(../images/img71.png) center no-repeat;
	background-size: 13px 7px;
}
.header .m-nav ul li>a, .one-level{
	position: relative;
	display: inline-block;
	color: #333333;
	font-size: 22px;
	margin: 0 auto;
	line-height: 65px;
}
.m-nav .submenu{
	display: none;
	margin: auto;
	width: 100%;
	padding: 0 3% 3%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.submenu .submenu-li a{
	display: inline-block;
	color: #666666;
	font-size: 18px;
	line-height: 2.4;
}
.submenu a:hover{
	color: #1762cb;
}
.submenu-li .two-level{
    color: #666666;
    font-size: 18px;
    line-height: 2.4;
}
.submenu-li .level-box{
	display: none;
}
.submenu-li .level-ul{
	margin: 20px auto 0px;
	overflow: hidden;
}
.submenu-li .level-li{
	float: left;
	width: 48%;
	text-align: center;
	overflow: hidden;
	margin-right: 4%;
	margin-bottom: 2%;
}
.submenu-li .level-li:nth-child(2n){
	margin-right: 0;
}
.submenu-li .level-li .imgbox{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.submenu-li .level-li .imgbox img{
	max-width: 100%;
}
.submenu-li .level-li .txtbox{
	padding: 0 5%;
	overflow: hidden;
}
.submenu-li .level-li .txtbox .t1{
	color: #333333;
	font-size: 16px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.submenu-li .level-li .txtbox .t2{
	color: #333333;
	font-size: 14px;
	line-height: 1.5;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.header-other{
	position: relative;
	float: left;
	padding-left: 35px;
}
.header-other::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 18px;
	background-color: #c1c1c1;
}
.header-search{
    width: 20px;
    height:38px;
    float:left;
    margin-top: 31px;
    position:relative;
    overflow:hidden;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.header-search-bg {
    width: 20px;
    height:38px;
    background:url(../images/search.png) right center no-repeat;
    background-size: 19px 17px;
    position:absolute;
    right:0;
}
.header.white .header-search-bg, .header.white1 .header-search-bg{
	 background:url(../images/search1.png) right center no-repeat;
	 background-size: 19px 17px;
}
.header-search2 {
    width: 150px;
    height:38px;
}
.header-search-box2 {
    right:0!important;
}
.header-search-box {
    position:absolute;
    right: -150px;
    width: 150px;
    height:38px;
    top:0;
    background:#dee8ee;
    border-radius: 19px;
    overflow: hidden;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.header-search-txt {
    width: 100px;
    height: 38px;
    line-height:38px;
    border:none;
    float:left;
    padding-left: 20px;
    color:#333;
    font-size:12px;
    background:none;
    outline: none;
    -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.header-search-txt::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #666;
}
.header-search-txt:-moz-placeholder, textarea:-moz-placeholder {
	color: #666;
}
.header-search-txt::-moz-placeholder, textarea::-moz-placeholder {
	color: #666;
}
.header-search-txt:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #666;
}
.header-search-button {
    width: 44px;
    height: 35px;
    float: left;
    cursor: pointer;
    border: none;
    background: url(../images/search1.png) center center no-repeat;
}
.header .language{
	float: left;
	display: inline-block;
	font-size: 14px;
	color: #121212;
	height: 100px;
	line-height: 100px;
	position: relative;
	cursor: pointer;
	z-index: 99;
	text-align: left;
	margin-left: 20px;
}
.header .language .top{
}
.header .language .top .icon1{
}
.header .language .top .icon2{
	display: none;
}
.header.white .language .top .icon1, .header .language:hover .icon1, .header.white1 .language .top .icon1{
	display: none;
}
.header.white .language .top .icon2, .header .language:hover .icon2, .header.white1 .language .top .icon2{
	display: inline-block;
}
.header .language .drop-down{
	display: none;
	position: absolute;
	top: 75px;
	left: 50%;
	z-index: 100;
	width: 77px;
	text-align: center;
	background: rgba(0,0,0,.5);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.header .language .drop-down ul{
	padding: 10px 10px 15px;
	/*box-shadow: 0px 0px 15px rgba(0,0,0,.15);*/
}
.header .language .drop-down a{
	display: block;
	font-family: "PingFang-Regular";
	font-size: 16px;
	line-height: 1.8;
	color: #ffffff;
}
.header .language .drop-down a:hover{
	color: #0ea3bf;
}
.header-share{
	float: left;
	margin-top: 31px;
}
.header-share .icon{
	float: left;
	height: 38px;
	line-height: 38px;
	margin-left: 20px;
}
.header .header-other .icon1{
}
.header .header-other .icon2{
	display: none;
}
.header.white .header-other .icon1, .header .header-other .icon:hover .icon1, .header.white1 .header-other .icon1{
	display: none;
}
.header.white .header-other .icon2, .header .header-other .icon:hover .icon2, .header.white1 .header-other .icon2{
	display: inline-block;
}
/*footer*/
.footer{
	padding-top: 55px;
	background-color: #f6f6f6;
}
.footer .footer-top{
	padding-bottom: 60px;
}
.footer .footer-left{
	float: left;
	width: 20.5%;
	padding-right: 20px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.footer .footer-logo{
	margin-bottom: 20px;
}
.footer .footer-logo img{
}
.footer .footer-phone{
	margin-top: 20px;
}
.footer .footer-phone .t1{
	color: #666666;
	font-size: 14px;
	margin-bottom: 6px;
}
.footer .footer-phone .t2{
	font-family: "DIN";
	color: #6763ab;
	font-size: 30px;
}
.footer-share{
	margin-top: 45px;
}
.footer-share ul li{
	position: relative;
	float: left;
	margin-right: 20px;
}
.footer-share ul li:last-child{
	margin-right: 0;
}
.footer-share ul li a{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #FFFFFF;
	border-radius: 50%;
	text-align: center;
}
.footer-share ul li a img{
}
.footer-share ul li a .img1{}
.footer-share ul li a .img2{
	display: none;
}
.footer-share ul li:hover a .img1{
	display: none;
}
.footer-share ul li:hover a .img2{
	display: inline-block;
}
.footer-share ul li .popup{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    padding-bottom: 12px;
    z-index: 10;
    -moz-transition: all .36s ease;
    -o-transition: all .36s ease;
    -webkit-transition: all .36s ease;
    transition: all .36s ease;
    -moz-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -webkit-transform: translate(0, -20px);
    transform: translate(0, -20px);
    visibility: hidden;
}
.footer-share ul li:hover .popup{
	filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity: 1;
	-moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    visibility: visible;
}
.footer-share ul li .er-code{
    background: #FFFFFF;
}
.footer-share ul li .er-code img {
    width: 100px;
    height: 100px;
}
/*.footer-share ul li .triangle{
   	position: absolute;
   	left: 50%;
   	bottom: 0;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
   	width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 9px 0px;
    border-color: #FFFFFF transparent transparent transparent;
}*/
.footer-nav{
	float: left;
	width: 62.8%;
	overflow: hidden;
}
.footer-nav .navli{
	float: left;
	width: 20%;
	padding-left: 5%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.footer-nav .navli .title{
	color: #222222;
	font-size: 16px;
}
.footer-nav .navli ul{
	margin-top: 20px;
}
.footer-nav .navli ul li{
	margin-bottom: 2px;
}
.footer-nav .navli ul li a{
	color: #999999;
	font-size: 14px;
	line-height: 2;
}
.footer-nav .navli ul li a:hover{
	color: #5a54c0;
}
.footer .footer-bottom{

}
.footer .copyright{
	color: #afafaf;
    font-size: 14px;
    overflow: hidden;
    padding: 18px 0px 25px;
    border-top: #e5e5e5 solid 1px;
}
.footer .copyright .txt{
	float: left;
}
.footer .copyright a{
	color: #afafaf;
}
.footer .copyright .name{
	color: #afafaf;
	margin: 0 10px;
}
.t-support{
	float: right;
	color: #afafaf;
}
.t-support:hover, .footer .copyright a:hover{
	color: #5a54c0;
}
.footer-other{
	float: right;
	display: inline-block;
}
.footer-other .platform{
}
.footer-other .platform ul{
	margin-top: 20px;
}
.footer-other .platform ul li{
	float: left;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.footer-other .platform ul li a{
	margin: 0 4px;
	box-shadow: 0px 1px 25px rgba(0,0,0,.1);
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
.footer-other .platform ul li:hover{
	-o-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.footer-other .platform ul li a img{
	width: 30px;
	height: 30px;
}
.footer-other .tit{
	color: #222222;
	font-size: 16px;
}
.footer-language{
	position: relative;
	margin-top: 35px;
}
.footer-language .top{
	border: #dcdcdc solid 1px;
	color: #999999;
	font-size: 14px;
	line-height: 30px;
	padding: 0px 15px;
	margin-top: 10px;
	background: #f6f6f6 url(../images/img7.png) center right 12px no-repeat;
	background-size: 10px 5px;
}
.footer-language .drop-down{
	display: none;
	position: absolute;
	top: 63px;
	left: 0;
	z-index: 98;
	width: 100%;
	background-color: #f6f6f6;
	border-left: #CCCCCC solid 1px;
	border-right: #CCCCCC solid 1px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.footer-language .drop-down ul{
}
.footer-language .drop-down a{
	display: block;
	font-size: 14px;
	line-height: 2.2;
	color: #CCCCCC;
	padding: 0px 15px;
	border-bottom: #CCCCCC solid 1px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.footer-language .drop-down a:hover{
	color: #5a54c0;
}

/*渚ц竟鏍?/
.sidebar{
	position: fixed;
	bottom: 30%;
    right: 0;
    z-index: 99;
   	opacity: 0;
    transform: translateX(80px);
    -webkit-transform: translateX(80px);
    -moz-transform: translateX(80px);
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.sidebar.show{
	opacity: 1;
	transform: none;
}
.sidebar ul li{
	position: relative;
	text-align: center;
	cursor: pointer;
	padding-left: 20px;
	padding-right: 15px;
	background-color: #5a54c0;
	border-radius: 25px 0px 0px 25px;
}
.sidebar ul li .istop{
	display: inline-block;
	vertical-align: middle;
	line-height: 50px;
}
.sidebar ul li .istop img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
.sidebar ul li .istop .sp{
	color: #FFFFFF;
	font-size: 14px;
}
/*banner*/
.lunbotu{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.lunbotu .swiper-slide a{
	display: block;
	width: 100%;
}
.lunbotu .swiper-slide a>img{
	width: 100%;
}
.oimg2{
	display: none;
}
.i-banner{
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2;
}
.i-banner .box{
	text-align: right;
}
.i-banner .box .t1{
	color: #5a54c0;
	font-size: 60px;
	font-weight: bold;
	margin-bottom: 35px;
}
.i-banner .box .t2{
	color: #ffffff;
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 65px;
}
.i-banner .box .btn{
	text-align: right;
}
.i-banner .box .btn span{
	display: inline-block;
	vertical-align: middle;
	padding: 0px 30px;
	height: 60px;
	line-height: 60px;
	background-color: #5a54c0;
	color: #ffffff;
	font-size: 14px;
	overflow: hidden;
}
.i-banner .box .btn span img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 35px;
}
.lunbotu>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction {
    bottom: 5.5%;
    left: 0;
    width: 100%;
}
.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	 margin: 0px 4px;
}
.lunbotu .swiper-pagination-bullet {
	position: relative;
    display: inline-block;
  	width: 15px;
  	height: 15px;
  	text-align: center;
  	background-color: #5a54c0;
  	border-radius: 0;
  	opacity: 1;
  	box-shadow: none;
  	-webkit-transition-duration: .3s;
    transition-duration: .3s;
    overflow: hidden;
}
.lunbotu .swiper-pagination-bullet-active{
	position: relative;
	opacity: 1;
	border-radius: 0;
	background-color: #fc6719;
}
.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px 60px;
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}
.lunbotu .swiper-button-prev, .lunbotu.swiper-container-rtl .swiper-button-next{
	background-image: url(../images/img9.png);
    left: 0;
    right: auto;
}
.lunbotu .swiper-button-next, .lunbotu.swiper-container-rtl .swiper-button-prev{
	background-image: url(../images/img10.png);
    right: 0;
    left: auto;
}
.lunbotu .swiper-button-prev:hover, .lunbotu.swiper-container-rtl .swiper-button-next:hover{
	background-image: url(../images/img11.png);
}
.lunbotu .swiper-button-next:hover, .lunbotu.swiper-container-rtl .swiper-button-prev:hover{
	background-image: url(../images/img12.png);
}
.obanner{
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.ob-img{
	/*display: none;*/
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.obanner>img{
	width: 100%;
}
.bannerzi{
	position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
    margin: auto;
}
.obanner .bannerzi .box{
	text-align: center;
}
.obanner .bannerzi .box .t1{
	color: #FFFFFF;
	font-size: 40px;
	font-weight: bold;
}
.obanner .bannerzi .box .t2{
	color: #ffffff;
	font-size: 16px;
	margin-top: 20px;
}


/*棣栭〉*/
.i-title{
}
.i-title .t1{
	color: #cac8e3;
	font-size: 24px;
	margin-bottom: 5px;
}
.i-title .t2{
	font-size: 36px;
	font-weight: bold;
	color: #222222;
}
.i-title.white .t1, .i-title.white .t2{
	color: #FFFFFF;
}
.i-title .t3{
	font-size: 46px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 25px;
}
.i-title .t4{
	font-size: 14px;
	line-height: 1.7;
	color: #ffffff;
}
.i-title .t5{
	color: #666666;
	font-size: 16px;
	margin-top: 15px;
}
.i-title .line{
	width: 40px;
	height: 4px;
	margin: 20px auto 0px;
	background-color: #5a54c0;
}
.i-product .i-title, .i-news .i-title, .contact .i-title, .honor .i-title{
	float: left;
}
.i-title.center{
	text-align: center;
}
.all-btn a{
	display: inline-block;
	vertical-align: middle;
	width: 140px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background-color: #5a54c0;
	color: #ffffff;
	font-size: 14px;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.all-btn a img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
.all-btn a:hover{
	background-color: #fc6719;
}
.i-product .all-btn{
	float: right;
	margin-top: 34px;
}
/*浜у搧涓績*/
.i-product{
	padding-top: 110px;
	padding-bottom: 75px;
}
.i-product .lower{
	position: relative;
	margin-top: 50px;
}
.i-product .product-box{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding-bottom: 60px;
}
.i-product .swiper-container-horizontal>.swiper-pagination-bullets, .i-product .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
    left: 0;
    width: 100%;
}
.i-product .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}
.i-product .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 0;
    background-color: #d2d2d2;
    opacity: 1;
}
.i-product .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: #5a54c0;
}
.i-product .product-box .con{
	position: relative;
	padding-bottom: 30px;
}
.i-product .product-box .con .imgbox{
	width: 100%;
	overflow: hidden;
}
.i-product .product-box .con .imgbox img{
	width: 100%;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.i-product .product-box .con:hover .imgbox img{
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.i-product .product-box .con .txtbox{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 500px;
	width: 85%;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding: 20px 30px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 2px 1px 25px rgba(0,0,0,.1);
}
.i-product .product-box .con .txtbox .t1{
	float: left;
	width: 90%;
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	line-height: 2.2;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.i-product .product-box .con .txtbox .icon{
	float: right;
}
.i-product .swiper-button-next, .i-product .swiper-button-prev, .i-news .swiper-button-next, .i-news .swiper-button-prev{
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 50px 50px;
    -webkit-background-size: 50px 50px;
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 22px rgba(0,0,0,.1);
}
.i-product .swiper-button-next:hover, .i-product .swiper-button-prev:hover, .i-news .swiper-button-next:hover, .i-news .swiper-button-prev:hover{
	box-shadow: 1px 1px 22px rgba(90,84,190,.3);
}
.i-product .swiper-button-prev, .i-product .swiper-container-rtl .swiper-button-next, .i-news .swiper-button-prev, .i-news .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img17.png);
    left: 0;
    right: auto;
}
.i-product .swiper-button-next, .i-product .swiper-container-rtl .swiper-button-prev, .i-news .swiper-button-next, .i-news .swiper-container-rtl .swiper-button-prev{
    background-image: url(../images/img18.png);
    right: 0;
    left: auto;
}
.i-product .swiper-button-prev:hover, .i-product .swiper-container-rtl .swiper-button-next:hover, .i-news .swiper-button-prev:hover, .i-news .swiper-container-rtl .swiper-button-next:hover{
	background-image: url(../images/img17a.png);
}
.i-product .swiper-button-next:hover, .i-product .swiper-container-rtl .swiper-button-prev:hover, .i-news .swiper-button-next:hover, .i-news .swiper-container-rtl .swiper-button-prev:hover{
    background-image: url(../images/img18a.png);
}
/*鎴戜滑鐨勪紭鍔?/
.i-advantage{
	position: relative;
	padding-top: 120px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.i-advantage .left{
	width: 37.5%;
	padding-left: 13.54%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.i-advantage .left .box{
	position: relative;
	z-index: 2;
	/*max-width: 460px;
	width: 100%;*/
}
.i-advantage .tab{
	margin-top: 40px;
	margin-bottom: 60px;
}
.i-advantage .tab ul{
}
.i-advantage .tab ul li{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	border: #7b78cd solid 1px;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.i-advantage .tab ul li.on, .i-advantage .tab ul li:hover{
	border: #fc6719 solid 1px;
	background-color: #fc6719;
}
.i-advantage .tab ul li a, .i-advantage .tab ul li span{
	min-width: 160px;
	display: inline-block;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 3;
	padding-left: 30px;
	padding-right: 30px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.i-advantage .tab ul li a img{
	display: inline-block;
	vertical-align: text-bottom;
	margin-right: 12px;
	width: 21px;
	height: 22px;
}
.i-advantage .tabbox{
}
.i-advantage .tabdiv{
	position: relative;
	width: 100%;
	display: none;
	box-shadow: 2px 1px 25px rgba(0,0,0,.1);
}
.i-advantage .tabdiv.on{
	display: block;
}
.i-advantage .tabdiv .imgbox{
	width: 100%;
	overflow: hidden;
}
.i-advantage .tabdiv .imgbox img{
	width: 100%;
}
.i-advantage .tabdiv .txt{
	position: absolute;
	left: 100%;
	top: 0;
	width: 700px;
	height: 100%;
	background: rgba(255,255,255,.8);
	/*background-color: #FFFFFF;*/
	padding-top: 8.5%;
	padding-left: 12%;
	padding-right: 8.5%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.i-advantage .tabdiv .txt .t1{
	color: #222222;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}
.i-advantage .tabdiv .txt .t2{
	color: #666666;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 40px;
}
.i-advantage .tabdiv .txt a{
	color: #222222;
	font-size: 14px;
}
.i-advantage .tabdiv .txt a img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}
.i-advantage .right{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	width: 62.5%;
	height: 100%;
	overflow: hidden;
}
.img-carousel{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.img-carousel .imgli{
	width: 100%;
	overflow: hidden;
}
.img-carousel .imgli img{
	width: 100%;
}
.i-advantage .s-button{
	position: relative;
	width: 100%;
	height: 60px;
	text-align: right;
}
.i-advantage .swiper-button-next, .i-advantage .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px 60px;
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
}
.i-advantage .swiper-button-prev, .i-advantage .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img26.png);
    left: auto;
    right: 0;
}
.i-advantage .swiper-button-next, .i-advantage .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img27.png);
    right: -60px;
    left: auto;
}
.i-advantage .swiper-button-prev:hover, .i-advantage .swiper-container-rtl .swiper-button-next:hover{
    background-image: url(../images/img28.png);
}
.i-advantage .swiper-button-next:hover, .i-advantage .swiper-container-rtl .swiper-button-prev:hover{
    background-image: url(../images/img29.png);
}
/*鏂伴椈璧勮*/
.i-news{
	padding-top: 100px;
	padding-bottom: 100px;
}
.i-news .box{
	position: relative;
	margin-top: 60px;
}
.i-news .content{
}
.i-news .content-li{
}
.i-news .content-li.hide{
	display: none;
	visibility: hidden;
    position: absolute;
    z-index: -1;
    height: 0;
}
.i-new-o, .i-new-t{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.news-li{
	width: 100%;
	padding-bottom: 35px;
	margin-bottom: 20px;
	background-color: #FFFFFF;
}
.news-li:hover{
	box-shadow: 2px 1px 25px rgba(0,0,0,.1);
}
.news-li .img{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.news-li .img img{
	width: 100%;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.news-li .txt{
	padding: 0px 35px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.news-li .txt .t1{
	color: #222222;
	font-size: 20px;
	font-weight: bold;
	margin: 30px auto 15px;
	line-height: 1.5;
	height: 70px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.news-li .txt .t2{
	color: #999999;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.news-li .txt .t3{
	color: #5a54c0;
	font-size: 14px;
}
.news-li .txt .time{
	color: #aaaaaa;
	font-size: 18px;
	margin-top: 25px;
}
.news-li:hover .img img{
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.news-li:hover .txt .t1{
	color: #5a54c0;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.i-news .switch-btn{
	float: right;
	margin-top: 55px;
}
.i-news .switch-btn span{
	color: #222222;
	font-size: 18px;
	margin-left: 85px;
	cursor: pointer;
}
.i-news .switch-btn span.on{
	color: #5a54c0;
}

.i-video{
	padding: 6.25% 0 6.78%;
	/*background-position: center;
	background-repeat: no-repeat;*/
	background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center right;
    -webkit-background-size: cover;
    background-size: cover;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.i-video:hover{
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.i-video .box{
	text-align: center;
}
.i-video .box .txt{
	color: #eeeeee;
	font-size: 46px;
	font-weight: bold;
}
.i-video .box .btn{
	display: inline-block;
	margin-top: 40px;
	border: #a8b6e5 solid 1px;
	color: #eeeeee;
	font-size: 12px;
	line-height: 45px;
	padding: 0 25px;
	cursor: pointer;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.i-video .box .btn:hover{
	color: #5a54c0;
	background-color: #FFFFFF;
}
.i-video .box .btn img{
	margin-right: 10px;
}
.i-video .box .btn img.tu2{
	display: none;
}
.i-video .box .btn:hover img.tu1{
	display: none;
}
.i-video .box .btn:hover img.tu2{
	display: inline-block;
}
/*瑙嗛寮圭獥鏍峰紡*/
.bigPicLayer {
    display: none;
    width: 1000px;
    height: 556px;
    position: fixed;
	z-index:1000;

    top: 40% !important;
    margin-top: -180px;
    padding: 10px;
}
.bigPicLayer iframe{
	width:1000px;
	height:556px;
}

.bigPicLayer .close {
    display: block;
    width: 38px;
    height: 38px;
    background: url(../images/m5_off.png?v=11221) no-repeat;
    right: -50px;
    top: -50px;
    position: relative;
    position: absolute;
    z-index: 1000;
}

.bigPicLayer .close em {
    width: 1px;
    height: 50px;
    background: #009690;
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -0.5px;
    top: 100%;
}

.bigPicLayer .imgDiv {
    text-align: center;
}

.bigPicLayer .imgDiv img {
    width: 100%;
}

.bigPicLayer .imgDiv span {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-top: 16px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}
.video_all{
	position:fixed;
	top:0;
	left:0;
	z-index:999;
	display:none;
	width:100%;
	height:100%;
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
	background-color:#000;
}

@media screen and (max-width: 1440px) {
    .bigPicLayer {
        display: none;
        width: 600px;
        height: 350px;
        position: fixed;
        z-index: 1000;
        top: 40% !important;
        margin-top: -100px;
        padding: 10px;
    }

   .bigPicLayer iframe{
		width:100%;
		height:388px;
	}
    .bigPicLayer .close {
        display: block;
        width: 38px;
        height: 38px;
        background: url(../images/m5_off.png?v=11221) no-repeat;
        right: -50px;
        top: -50px;
        position: relative;
        position: absolute;
        z-index: 222;
    }

    .bigPicLayer .close em {
        width: 1px;
        height: 50px;
        background: #0a448d;
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -0.5px;
        top: 100%;
    }

    .bigPicLayer .imgDiv {
        text-align: center;
    }

    .bigPicLayer .imgDiv img {
        width: 100%;
    }

    .bigPicLayer .imgDiv span {
        display: block;
        text-align: center;
        font-size: 18px;
        margin-top: 16px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
    }

}
@media screen and (max-width: 1004px) {
    .bigPicLayer {
        display: none;
        width: 100%;
        height: 100$;
        position: fixed;
        z-index: 1000;
        top: 40% !important;
        margin-top: -100px;
        padding: 10px;
    }

    .bigPicLayer .close {
        display: block;
        width: 48px;
        height: 48px;
        background: url(../images/m5_off.png?v=2020) no-repeat;
        right: 40px;
        top: -50px;
        position: relative;
        position: absolute;
        z-index: 222;
    }

    .bigPicLayer .close em {
        width: 1px;
        height: 20px;
        background: #0a448d;
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -0.5px;
        top: 100%;
    }
	.wrap{
		text-align:center;
		margin:0 auto
	}
     #CuPlayer iframe{
	  width:60%;
	  height:380px;
      }
    .bigPicLayer .imgDiv {
        height: 169px;
    }

}
/*鍏充簬鎴戜滑 鍞悗鏈嶅姟*/
.i-about{
	padding-top: 90px;
	padding-bottom: 100px;
}
.i-about ul li{
	position: relative;
	float: left;
	width: 48.5%;
	margin-right: 1.5%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.i-about ul li:nth-child(2n){
	margin-right: 0;
}
.i-about ul li .imgbox{
	width: 100%;
	overflow: hidden;
}
.i-about ul li .imgbox img{
	width: 100%;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-wbekit-transition: all 0.4s;
	transition: all 0.4s;
}
.i-about ul li:hover .imgbox img{
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.i-about ul li .txtbox{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	width: 80%;
	height: 100%;
	padding-top: 12.5%;
	padding-right: 8%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.i-about ul li .t1{
	color: #ffffff;
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 20px;
}
.i-about ul li .t2{
	color: #ddddde;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 40px;
}
.i-about ul li .t3{

}
.i-about ul li .t3 .btn{
	position: relative;
	display: inline-block;
	-moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.i-about ul li .t3 .btn::before{
	content: "";
    position: absolute;
    z-index: 1;
    -moz-transition: all 1.4s ease;
    -o-transition: all 1.4s ease;
    -webkit-transition: all 1.4s ease;
    transition: all 1.4s ease;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.i-about ul li .t3 .btn.btn1::before{
	background-color: rgba(90,84,192,0.3);
}
.i-about ul li .t3 .btn.btn2::before{
	background-color: rgba(252,103,25,0.3);
}
.i-about ul li .t3 .btn:hover:before {
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}
.i-about ul li .t3 .btn::after{
	content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    z-index: 2;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.i-about ul li .t3 .btn.btn1::after{
	background-color: #5a54c0;
}
.i-about ul li .t3 .btn.btn2::after{
	background-color: #fc6719;
}
.i-about ul li .t3 .btn.btn1:hover:after {
    background-color: #FFFFFF;
}
.i-about ul li .t3 .btn.btn2:hover:after {
    background-color: #FFFFFF;
}
.i-about ul li .t3 .btn.btn1:hover a{
	 color: #5a54c0;
}
.i-about ul li .t3 .btn.btn2:hover a{
	 color: #fc6719;
}
.i-about ul li .t3 .btn a{
    position: relative;
    padding: 0px 25px;
    color: #ffffff;
	font-size: 14px;
	line-height: 45px;
    z-index: 3;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.i-about ul li .t3 .btn a img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
}
.i-about ul li .t3 .btn a img.tu2{
	display: none;
}
.i-about ul li .t3 .btn:hover a img.tu1{
	display: none;
}
.i-about ul li .t3 .btn:hover a img.tu2{
	display: inline-block;
}
/*浜у搧涓績*/
.product-center{
	padding-top: 90px;
	padding-bottom: 70px;
}
.product-center .box .left{
	float: left;
	width: 240px;
	border-top: #5a54c0 solid 3px;
	padding-left: 20px;
}
.product-center .box .left .tit{
	position: relative;
	color: #020202;
	font-size: 20px;
	font-weight: bold;
	padding-right: 20px;
}
.product-center .box .left .tit .icon{
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 18px;
	height: 100%;
	background: url(../images/img123.png) center right no-repeat;
}
.product-center .box .left .content.on .tit .icon{
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.product-center .box .left .content{
	padding-top: 30px;
}
.product-center .box .left .content ul{
	margin-top: 20px;
}
.product-center .box .left .content ul li{
	margin-bottom: 20px;
}
.product-center .box .left .content ul li .c-label{
	color: #666666;
	font-size: 16px;
	cursor: pointer;
}
.product-center .box .left .content ul li .c-label .txt{
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
}
.product-center .box .left .content ul li .c-label .txt .tag{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	padding: 0px 8px;
	font-size: 12px;
	background-color: #f4f4f4;
}
.c-label .choice-inp {
    display: none;
}
.product-center .box .left .content ul li .choice-inp[type=checkbox]+span {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: url(../images/img46.png) center no-repeat;
	background-size: 20px 20px;
}
.product-center .box .left .content ul li .choice-inp[type=checkbox]:checked+span {
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background: #FFFFFF url(../images/img47.png) center no-repeat;
	background-size: 20px 20px;
}
.product-center .cp-search{
	width: 100%;
	margin-top: 25px;
	padding-left: 20px;
	padding-right: 15px;
	border: #e5e5e5 solid 1px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    overflow: hidden;
}
.product-center .cp-search .search-left{
	float: left;
	width: 72%;
	height: 45px;
	padding-right: 10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
}
.product-center .cp-search .search-left input{
	width: 100%;
	height: 45px;
	line-height: 45px;
	color: #666666;
	font-size: 16px;
	background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
  	-moz-appearance: none;
}
.product-center .cp-search .search-left input::-webkit-input-placeholder{
	color: #999999;
}
.header-search-txt:-moz-placeholder{
	color: #999999;
}
.header-search-txt::-moz-placeholder{
	color: #999999;
}
.header-search-txt:-ms-input-placeholder{
	color: #999999;
}
.product-center .cp-search .search-right{
	float: left;
	width: 28%;
	overflow: hidden;
	height: 45px;
	background: url(../images/img48.png) center right no-repeat;
}
.product-center .box .right{
	float: left;
	width: -moz-calc(100% - 330px);
	width: -webkit-calc(100% - 330px);
	width: calc(100% - 330px);
	margin-left: 70px;
}
.product-center .box .right ul{
	padding-bottom: 30px;
}
.product-center .box .right ul li{
	float: left;
	width: 30.8%;
	margin-right: 3.8%;
	margin-bottom: 3.8%;
	background-color: #f9f9fc;
}
.product-center .box .right ul li:nth-child(3n){
	margin-right: 0;
}
.product-center .box .right ul li a{
	display: inline-block;
	width: 100%;
}
.product-center .box .right ul li .imgbox{
	width: 100%;
	overflow: hidden;
}
.product-center .box .right ul li .imgbox img{
	width: 100%;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.product-center .box .right ul li:hover .imgbox img{
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.product-center .box .right ul li .txtbox{
	text-align: center;
	padding: 20px 15px 25px;
}
.product-center .box .right ul li .txtbox .t1{
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.product-center .box .right ul li:hover .txtbox .t1{
	color: #5a54c0;
}
.product-center .box .right ul li .txtbox .t2{
	color: #999999;
	font-size: 12px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
/*鍒嗛〉*/
.page{
    width: 100%;
    text-align: center;
}
.page-list{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.page-list a{
	display: inline-block;
   	padding: 0px 12px;
   	min-width: 40px;
   	height: 40px;
   	line-height: 38px;
   	margin-right: 10px;
	margin-bottom: 5px;
    text-align: center;
    font-size: 18px;
    color: #666666;
    background-color: #FFFFFF;
    border: #e5e5e5 solid 1px;
    overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.page-list a:last-child{
	margin-right: 0;
}
.page-list a.prev{
	background: #FFFFFF url(../images/img58.png) center no-repeat;
	background-size: 6px 12px;
}
.page-list a.on.prev, .page-list a.prev:hover{
	background: #FFFFFF url(../images/img60.png) center no-repeat;
	background-size: 6px 12px;
	border: #e5e5e5 solid 1px;
}
.page-list a.next{
	background: #FFFFFF url(../images/img59.png) center no-repeat;
	background-size: 6px 12px;
}
.page-list a.on.next, .page-list a.next:hover{
	background: #FFFFFF url(../images/img61.png) center no-repeat;
	background-size: 6px 12px;
	border: #e5e5e5 solid 1px;
}
.page-list a:hover,
.page-list a.on{
    color: #ffffff;
    background-color: #5a54c0;
    border: #5a54c0 solid 1px;
}
/*浜у搧鍒嗙被*/
.product{
	padding-top: 90px;
	padding-bottom: 45px;
}
.product .box ul li{
	float: left;
	width: 48.5%;
	margin-right: 3%;
	margin-bottom: 4%;
}
.product .box ul li:nth-child(2n){
	margin-right: 0;
}
.product .box ul li a{
	display: inline-block;
	width: 100%;
}
.product .box ul li .imgbox{
	width: 100%;
	overflow: hidden;
}
.product .box ul li .imgbox img{
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.product .box ul li:hover .imgbox img{
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.product .box ul li .txtbox{
	margin-top: 30px;
}
.product .box ul li .txtbox .t1{
	color: #222222;
	font-size: 22px;
	font-weight: bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.product .box ul li .txtbox .btn{
	text-align: left;
	margin-top: 25px;
}
.product .box ul li .txtbox .btn span{
	display: inline-block;
	text-align: center;
	color: #5a54c0;
	font-size: 14px;
	line-height: 40px;
	padding: 0px 32px;
	border: #5a54c0 solid 2px;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.product .box ul li:hover .txtbox .btn span{
	background-color: #5a54c0;
	color: #FFFFFF;
}
.product .box ul li ul{
	margin-top: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.product .box ul li ul li{
	position: relative;
	float: none;
	width: 100%;
	line-height: 1.7;
	color: #666666;
	font-size: 14px;
	margin-bottom: 5px;
	margin-right: 0;
	padding-left: 20px;
	padding-right: 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.product .box ul li ul li .point{
	position: absolute;
	left: 3px;
	top: 9px;
	width: 4px;
	height: 4px;
	background-color: #313131;
}
/*浜у搧璇︽儏*/
.product-details{
	padding-top: 120px;
	padding-bottom: 100px;
	box-shadow:inset 0px 1px 14px rgba(0,0,0,.1);
}
.product-details .attribute{

}
.product-details .attribute .left{
	float: left;
	width: 50%;
}
.pc-slide{
	position: relative;
	width: 100%;
	margin: 0 auto;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.view, .preview{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.view .swiper-container {
	position: relative;
	width: 100%;
}
.view .swiper-slide .bigimg{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.view .swiper-slide .bigimg img{
	max-width: 100%;
}
/* .pc-slide .arrow-left {
	background: url(../images/img85.png) no-repeat left top;
	background-size: 60px 60px;
	position: absolute;
	left: 0;
	top: 38%;
	width: 60px;
	height: 60px;
	z-index: 10;
}
.pc-slide .arrow-right{
	background: url(../images/img87.png) no-repeat left bottom;
	background-size: 60px 60px;
	position: absolute;
	right: 0;
	top: 38%;
	width: 60px;
	height: 60px;
	z-index: 10;
} */
.preview {
	width: 100%;
	margin-top: 20px;
	position: relative;
}
.preview .swiper-container {
	width: 90%;
	margin: 0 auto;
}
.preview .swiper-slide{
}
.preview .swiper-slide.active-nav{
}
.preview .swiper-slide .smallimg{
	width: 100%;
	overflow: hidden;
	text-align: center;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.preview .swiper-slide.active-nav .smallimg{
	border: #5a54c0 solid 2px;
}
.preview .swiper-slide .smallimg img{
	max-width: 100%;
}
.preview .arrow-left {
	background: url(../images/img64.png) no-repeat center left;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -13px;
	width: 25px;
	height: 25px;
	z-index: 10;
}
.preview .arrow-right {
	background: url(../images/img65.png) no-repeat center right;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -13px;
	width: 25px;
	height: 25px;
	z-index: 10;
}
.product-details .attribute .right{
	float: left;
	width: 50%;
	padding-left: 6%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.product-details .attribute .right .box{
}
.product-details .attribute .right .box .t1{
	color: #222222;
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 35px;
	border-bottom: #eeeeee solid 1px;
}
.product-details .attribute .right .box .t2{
	color: #222222;
	font-size: 16px;
	font-weight: bold;
}
.product-details .attribute .right .box .boxli{
	margin-top: 30px;
}
.product-details .attribute .right .box .boxli .txt{
	margin-top: 15px;
	color: #666666;
	font-size: 14px;
	line-height: 1.7;
}
.product-details .attribute .right .box .boxli .txt li{
	margin-bottom: 10px;
}
.product-details .attribute .right .box .boxli .iconbox{
	margin-top: 15px;
}
.product-details .attribute .right .box .boxli .iconbox li{
	float: left;
	margin-right: 10px;
	border: #eeeeee solid 1px;
	width: 80px;
	text-align: center;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.product-details .attribute .right .box .boxli .iconbox li a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.product-details .attribute .right .box .boxli .iconbox li a img{
	width: 100%;
}
.product-details .attribute .right .box .btn{
	margin-top: 60px;
}
.product-details .attribute .right .box .btn a{
	display: inline-block;
	margin: 0px auto 20px;
	padding: 0 60px;
	height: 60px;
	line-height: 60px;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	background-color: #5a54c0;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.product-details .attribute .right .box .btn a:hover{
	background-color: #fc6719;
	box-shadow: 0px 0px 30px rgba(0,0,0,.15);
}
.product-details .parameters{
	margin-top: 90px;
}
.product-details .parameters .tit{
	border-bottom: #e5e5e5 solid 1px;
}
.product-details .parameters .tit span{
	display: inline-block;
	color: #222222;
	font-size: 18px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom: #5a54c0 solid 3px;
}
.product-details .parameters .box{
	color: #222222;
	font-size: 16px;
	line-height: 2;
	margin-top: 50px;
}
.product-details .parameters .box .t1{
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}
/*鍙戝睍鍘嗙▼*/
.page-nav{
	position: relative;
	top: -50px;
	left: 0;
	z-index: 99;
	width: 100%;
}
.page-nav .box{
	text-align: center;
}
.page-nav ul{
	background-color: #FFFFFF;
	box-shadow: 0 10px 25px -4px rgba(0,0,0,.13);
}
.page-nav ul li{
	float: left;
	width: 25%;
	text-align: center;
}
.other.page-nav ul, .xwother.page-nav ul{
	display: inline-block;
}
.other.page-nav ul li, .xwother.page-nav ul li{
	min-width: 320px;
}
.page-nav ul li a{
	display: block;
	width: 100%;
	line-height: 100px;
	color: #222222;
	font-size: 18px;
	font-weight: bold;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.page-nav ul li.on a, .page-nav ul li:hover a{
	color: #FFFFFF;
	background-color: #5a54c0;
}
/**/
.develop{
	padding-top: 100px;
}
.develop .box{
	position: relative;
	width: 100%;
}
.develop .box .timeline{
	position: absolute;
	left: 0;
	top: 142px;
	width: 100%;
	height: 1px;
	border-bottom: #e5e5e5 solid 1px;
}
.develop .slick-slide{
	position: relative;
}
.develop .time{
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	font-family: "DENG";
	color: #222222;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 25px;
	-webkit-transform: translateY(60px);
	-moz-transform: translateY(60px);
	-ms-transform: translateY(60px);
	-o-transform: translateY(60px);
	transform: translateY(60px);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    cursor: pointer;
}
.develop .year .time:hover{
	color: #5a54c0;
	font-size: 28px;
}
.develop .year .slick-current .time, .develop .slick-current .year .time:hover{
	display: block;
    color: #5a54c0;
    font-size: 80px;
    -webkit-transform: translateY(0);
   	-moz-transform: translateY(0);
   	-ms-transform: translateY(0);
   	-o-transform: translateY(0);
   	transform: translateY(0);
}
.develop .time .spot1{
	display: block;
	position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.develop .time .spot2{
	position: absolute;
    bottom: 9px;
    left: 50%;
    z-index: 3;
    width: 8px;
    height: 8px;
    background-color: #5a54c0;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.develop .year .slick-current .time .spot1{
	background-color: #5a54c0;
	box-shadow: 0 0 10px rgba(214,214,214, .35);
}
.develop .year .slick-current .time .spot2{
	background-color: #FFFFFF;
}
.develop .slick-arrow{
	font-size: 0;
	width: 45px;
	height: 45px;
	box-shadow: 1px 0px 20px rgba(0,0,0,.13);
}
.develop .slick-prev{
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 10;
	text-align: left;
	background: url(../images/img71.png) center no-repeat;
}
.develop .slick-next{
	position: absolute;
	top: 75px;
	right: 0;
	z-index: 10;
	text-align: right;
	background: url(../images/img72.png) center no-repeat;
}
.develop .eventli{
	width: 100%;
	overflow: hidden;
}
.develop .eventli .imgbox{
	float: left;
	width: 50%;
	text-align: center;
	overflow: hidden;
	padding-top: 90px;
}
.develop .eventli .imgbox img{
	max-width: 100%;
}
.develop .eventli .txtbox{
	float: left;
	width: 50%;
	padding-left: 7%;
	padding-right: 2%;
	border-left: #e5e5e5 solid 1px;
	padding-top: 90px;
	padding-bottom: 100px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.develop .eventli .txtbox .tit{
	font-family: "DENG";
	color: #5a54c0;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 15px;
}
.develop .eventli .txtbox ul li{
	color: #222222;
	font-size: 16px;
	line-height: 2;
	margin-bottom: 45px;
}

/*鍏充簬鎴戜滑*/
.about{
	padding-top: 100px;
	padding-bottom: 180px;
}
.about .box{
	margin-top: 70px;
	overflow: hidden;
}
.about .box .txtbox{
	float: left;
	width: 50%;
	padding-right: 7%;
	color: #666666;
	font-size: 16px;
	line-height: 2;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.about .box .imgbox{
	float: right;
	width: 50%;
	overflow: hidden;
	text-align: right;
}
.about .box .imgbox img{
	max-width: 100%;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.about .box:hover .imgbox img{
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
/**/
.about-banner{
	padding-top: 8%;
	padding-bottom: 6%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.about-banner .box{
	text-align: center;
}
.about-banner .btn{
	position: relative;
    display: inline-block;
    margin-top: 40px;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.about-banner .btn::before{
	content: "";
    position: absolute;
    z-index: 50;
    -moz-transition: all 1.4s ease;
    -o-transition: all 1.4s ease;
    -webkit-transition: all 1.4s ease;
    transition: all 1.4s ease;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.1);
    -moz-transform: scale(1.02, 1.02);
    -ms-transform: scale(1.02, 1.02);
    -webkit-transform: scale(1.02, 1.02);
    transform: scale(1.02, 1.02);
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.about-banner .btn:hover:before {
    -moz-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
}
.about-banner .btn::after{
	content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    z-index: 95;
    background-color: #fc6719;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.about-banner .btn:hover:after {
    background-color: #5a54c0;
}
.about-banner .btn a {
    position: relative;
    padding: 0px 45px;
    color: #ffffff;
    font-size: 14px;
    line-height: 45px;
    z-index: 98;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.about-banner .num{
	margin-top: 60px;
	padding-top: 45px;
	border-top: rgba(255,255,255,.3);
}
.about-banner .num ul li{
	float: left;
	width: 17.5%;
	margin-right: 10%;
	text-align: center;
}
.about-banner .num ul li:nth-child(4n){
	margin-right: 0;
}
.about-banner .num ul li .t1{
	font-family: "DENG";
	color: #ffffff;
	font-size: 16px;
	margin-bottom: 15px;
}
.about-banner .num ul li .t1 span{
	font-size: 60px;
}
.about-banner .num ul li .t2{
	color: #ffffff;
	font-size: 18px;
}
/*浼佷笟鏂囧寲*/
.culture{
	padding-top: 110px;
	padding-bottom: 130px;
}
.culture .box{
	margin-top: 70px;
}
.culture .box ul li{
	float: left;
	width: 46.5%;
	margin-right: 7%;
	background-color: #f8f8f8;
}
.culture .box ul li:nth-child(2n){
	margin-right: 0;
}
.culture .box ul li .imgbox{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.culture .box ul li .imgbox img{
	width: 100%;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.culture .box ul li:hover .imgbox img{
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.culture .box ul li .txtbox{
	width: 100%;
	overflow: hidden;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 45px;
	padding-bottom: 40px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.culture .box ul li .txtbox .t1{
	color: #5a54c0;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
.culture .box ul li .txtbox .t2{
	font-family: "DEBIAO";
	color: #5a54c0;
	font-size: 20px;
	/*font-weight: bold;*/
}
/*鍔犲叆鎴戜滑*/
.style{
	padding-top: 90px;
}
.style .box{
	margin-top: 70px;
}
.style .box .side{
	float: left;
	width: 25.4%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.style .box .side.left{
	padding-right: 15px;
}
.style .box .side.right{
	padding-left: 15px;
}
.style .box .middle{
	float: left;
	width: 49.2%;
	overflow: hidden;
}
.style .box .img{
	width: 100%;
	overflow: hidden;
}
.style .box .img>img{
	width: 100%;
}
.style .box .side .img{
	position: relative;
	margin-bottom: 15px;
}
.style .box .side .img:last-child{
	margin-bottom: 0;
}
.style .box .side .more{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-left: 13%;
	padding-right: 5%;
	padding-top: 15%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.style .box .side .more .t1{
	color: #feffff;
	font-size: 26px;
	font-weight: bold;
}
.style .box .side .more .t2, .style .box .side .trigger{
	display: inline-block;
	color: #ffffff;
	font-size: 14px;
	margin-top: 25%;
	cursor: pointer;
}
.style .box .side .more .t2 img, .style .box .side .trigger img{
	margin-left: 10px;
}
.dialog{
	z-index: 100;
}
.imgpopup .content{
	position: absolute;
	/* left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto; */
	top: 50%;
	left: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 1300px;
	width: 80%;
	height: 80%;
	background-color: #FFFFFF;
	padding-bottom: 20px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.imgpopup .btndiv{
	text-align: center;
	margin-top: 20px;
}
.imgpopup .return{
	display: inline-block;
	min-width: 50px;
	padding: 0px 15px;
	border: #eeeeee solid 1px;
	color: #666666;
	font-size: 16px;
	line-height: 38px;
	cursor: pointer;
	margin-bottom: 20px;
}
.popbox{
	height: -moz-calc(100% - 80px);
	height: -webkit-calc(100% - 80px);
	height: calc(100% - 80px);
	padding: 40px 60px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.popimg{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.popimg .box{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.popimg .box .imgli{
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
}
.popimg .box .imgli img{
	max-width: 100%;
	max-height: 100%;
}
.popimg .swiper-button-next, .popimg .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 60px 60px;
    -webkit-background-size: 60px 60px;
    background-size: 60px 60px;
    background-position: center;
    background-repeat: no-repeat;
}
.popimg .swiper-button-prev, .popimg .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img28.png);
    left: 10px;
    right: auto;
}
.popimg .swiper-button-next, .popimg .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img29.png);
    right: 10px;
    left: auto;
}
/*宀椾綅鎷涜仒*/
.recruitment{
	padding-top: 110px;
	padding-bottom: 110px;
}
.recruitment .box{
	margin-top: 50px;
}
.recruitment .box ul li{
	font-size: 16px;
	color: #222222;
	line-height: 40px;
	padding: 45px 45px;
	overflow: hidden;
	border-left: #eeeeee solid 1px;
	border-right: #eeeeee solid 1px;
	border-top: #eeeeee solid 1px;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.recruitment .box ul li:last-child{
	border-bottom: #eeeeee solid 1px;
}
.recruitment .box ul li:hover{
	box-shadow: 0px 1px 25px rgba(0,0,0,.1);
}
.recruitment .box ul li .post{
	float: left;
	width: 35%;
	color: #222222;
	font-weight: bold;
	font-size: 18px;
}
.recruitment .box ul li .post img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 25px;
	width: 10px;
	height: 10px;
}
.recruitment .box ul li .place{
	float: left;
	width: 25%;
}
.recruitment .box ul li .date{
	float: left;
	width: 25%;
}
.recruitment .box ul li .operation{
	float: left;
	width: 15%;
}
.recruitment .box ul li .operation span{
	position: relative;
	display: inline-block;
	padding-left: 20px;
	padding-right: 45px;
	height: 40px;
	line-height: 40px;
	color: #fefefe;
	font-size: 14px;
	background-color: #5a54c0;
	cursor: pointer;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.recruitment .box ul li .operation span::before{
	content: '+';
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #fefefe;
	font-size: 14px;
}
.recruitment .box ul li:hover .operation span{
	background-color: #fc6719;
}
/*婊氬姩鏉?/
.mCS-greenbar.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #5a54c0; }
.mCS-greenbar.mCSB_scrollTools .mCSB_draggerRail{ background-color: #e5e5e5; }
.mCS-greenbar.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 width:3px;
}
.mCSB_inside>.mCSB_container{
	margin-right: 6px;
}
.zpbg, .imgpopup{
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	z-index: 999;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
}
/*.zp_close {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
}
.zp_close img{
	width: 50px;
}*/
.r-detail{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	max-width: 1300px;
	width: 80%;
	max-height: 80%;
	overflow: auto;
	background-color: #FFFFFF;
}
.recruit-detail{
	background-color: #FFFFFF;
	padding: 3.85% 7.3%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.r-d-t{
	padding: 0px 20px 20px;
	overflow: hidden;
	border-bottom: #EEEEEE solid 1px;
}
.r-d-t .t1{
	float: left;
	color: #222222;
	font-size: 24px;
	font-weight: bold;
}
.r-d-t .t2{
	float: right;
	min-width: 88px;
	line-height: 38px;
	color: #222222;
	font-size: 16px;
	text-align: center;
	border: #EEEEEE solid 1px;
	cursor: pointer;
}
.rd-describe{
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	padding: 0px 20px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.rd-describe-t{
	color: #222222;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 25px;
}
.rd-describe-p{
	color: #666666;
	font-size: 16px;
	line-height: 2;
}
.rd-mark{
	display: inline-block;
	padding: 5px 20px;
	color: #ffffff;
	font-size: 14px;
	line-height: 2;
	background-color: #5a54c0;
}

@media screen and (max-width: 1024px){
	.hot-r-con{
		width: 96%;
		padding: 0 4%;
	}
	.hot-r .box{
		padding-top: 130px;
	}
	.hot-r-table td{
		padding: 0;
		font-size: 16px;
	}
	.rd-describe-p{
		font-size: 15px;
	}
	.r-detail{
		padding: 20px 0;
	}
	.mCSB_scrollTools .mCSB_dragger, .mCS-greenbar.mCSB_scrollTools .mCSB_draggerRail{
		display: none !important;
		opacity: 0;
	}
	.zp_close{
		right: 5%;
	}
	.recruit-detail{
		padding: 3% 4%;
	}
	.r-d-t .t1{
		font-size: 20px;
		line-height: 40px;
	}
	.r-d-t .t2{
		font-size: 15px;
	}
}
@media screen and (max-width: 768px){
	.hot-r .box {
	    padding-top: 80px;
	}
	.r-detail{
		width: 90%;
	}
	.r-d-t{
		padding: 0px 15px 15px;
	}
	.r-d-t .t1{
		font-size: 18px;
	}
	.rd-describe-t{
		margin-top: 15px;
	}
	.r-d-t .t2{
		font-size: 14px;
	}
}
@media screen and (max-width: 640px){
	.r-d-t{
		padding-right: 0;
	}
	.r-d-t .t1{
		font-size: 16px;
		line-height: 32px;
	}
	.r-d-t .t2{
		min-width: 70px;
		line-height: 30px;
	}
	.rd-describe-p{
		font-size: 14px;
		line-height: 26px;
	}
}
@media screen and (max-width: 414px){
	.hot-r{
		margin-top: 30px;
	}
	.hot-r .conwidth{
		padding: 0 3%;
	}
	.hot-r .a-title{
		padding-top: 20px
	}
	.hot-r .box {
	    padding-top: 40px;
	}
	.hot-r-table td{
		font-size: 14px;
		padding: 0;
		height: 60px;
	}
	.hot-r-table thead tr td{
		font-size: 15px;
		height: 70px;
	}
	.a-recruit-con{
		margin-top: 20px;
	}
	.a-recruit-p{
		font-size: 15px;
		line-height: 28px;
	}
	.zp_close{
		right: 0;
		top: 5%;
	}
	.zp_close img{
		width: 30px;
	}
	.recruit-detail{
		width: 100%;
		max-height: 80%;
	}
	.r-d-o{
		margin: 15px auto;
		padding: 0px 10px;
	}
	.r-d-t{
		font-size: 16px;
		line-height: 45px;
	}
	.r-d-oli{
		font-size: 14px;
	}
	.rd-describe{
		margin: 15px auto;
		padding: 0px 10px;
	}
	.rd-describe-t{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.rd-mark{
		font-size: 14px;
		line-height: 26px;
	}
	.rd-apply{
		height: 36px;
		line-height: 36px;
	}
	.rd-apply a{
		font-size: 14px;
	}
}
/*璧勬枡涓嬭浇*/
.data-download{
	padding-top: 60px;
	padding-bottom: 100px;
}
.data-download .box{
	margin-top: 75px;
}
.data-download .box ul li{
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
	background-color: #f8f8f8;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.data-download .box ul li:nth-child(3n){
	margin-right: 0;
}
.data-download .box ul li:hover{
	background-color: #5a54c0;
}
.data-download .box ul li a{
	display: inline-block;
	width: 100%;
	padding: 40px 30px 30px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.data-download .box ul li .t1{
	position: relative;
	padding-left: 45px;
	color: #222222;
	font-size: 18px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.data-download .box ul li:hover .t1{
	color: #ffffff;
}
.data-download .box ul li .t1 .icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 26px;
	height: 22px;
	background: url(../images/img84.png) center no-repeat;
	background-size: 26px 22px;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.data-download .box ul li:hover .t1 .icon{
	background: url(../images/img85.png) center no-repeat;
	background-size: 26px 22px;
}
.data-download .box ul li .t2{
	margin-top: 35px;
	color: #999999;
	font-size: 16px;
	line-height: 40px;
	font-family: "DENG";
	padding-left: 45px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.data-download .box ul li:hover .t2{
	color: #ffffff;
}
.data-download .box ul li .t2 span{
	margin-right: 15px;
}
.data-download .box ul li .t2 .btn{
	float: right;
	width: 40px;
	height: 40px;
	background: url(../images/img86.png) center no-repeat;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.data-download .box ul li:hover .t2 .btn{
	background: url(../images/img87.png) center no-repeat;
}
/*鑱旂郴鎴戜滑*/
.contact{
}
.contact .box{
	position: relative;
	box-shadow: 0px 1px 25px rgba(0,0,0,0.1);
}
.contact .box::before{
	content: '';
	position: absolute;
    top: -100%;
    left: 50%;
    z-index: 100;
    width: 1px;
    height: 100%;
    border-right:#eeeeee solid 1px ;
}
.contact .above{
	position: absolute;
    top: -100%;
    left: 0;
    z-index: 99;
    width: 100%;
    min-height: 196px;
    padding: 55px 85px;
    border-bottom: #eeeeee solid 1px;
    background-color: #FFFFFF;
    -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.contact .below{
	padding: 55px 85px;
	min-height: 196px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.contact .below ul{
}
.contact .below ul li{
	float: left;
	width: 33.33%;
	text-align: center;
}
.contact .below ul li:first-child{
	text-align: left;
}
.contact .address{
	float: right;
	width: 50%;
	text-align: center;
	padding-left: 5%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.contact .txt{
	display: inline-block;
	position: relative;
	padding-left: 32px;
}
.contact .txt .icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 32px;
	height: 35px;
	text-align: left;
}
.contact .txt .icon img{
	width: 17px;
	height: 19px;
}
.contact .txt .t1{
	color: #222222;
	font-size: 16px;
	text-align: left;
}
.contact .txt .t1.mar{
	margin-top: 10px;
}
.contact .txt .t2{
	font-weight: bold;
	color: #222222;
	font-size: 22px;
	text-align: left;
	margin-top: 10px;
}
/*鍦ㄧ嚎鐣欒█*/
.online-message{
	margin-top: 90px;
	padding-bottom: 110px;
}
.online-message .box{
	padding-top: 65px;
	padding-bottom: 65px;
	background-color: #f9f9f9;
}
.online-message .content{
	max-width: 1220px;
	width: 90%;
	margin: 0 auto;
}
.online-message .content form{
	margin-top: 40px;
}
.online-message .line{
	width: 100%;
	overflow: hidden;
}
.online-message .line .line-li{
	float: left;
	width: 23.8%;
	margin-right: 1.6%;
	margin-bottom: 1.6%;
	background-color: #FFFFFF;
	padding: 0px 30px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.online-message .line .line-li:nth-child(4n){
	margin-right: 0;
}
.online-message .line .line-li input{
	width: 100%;
    color: #222222;
    font-size: 16px;
    height: 70px;
    border: none;
    background: none;
    outline: none;
}
.online-message .line .text-box{
	background-color: #FFFFFF;
	padding: 20px 30px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.online-message .line .text-box textarea{
	width: 100%;
    resize: none;
    border: none;
    background: none;
    outline: none;
    color: #222222;
    font-size: 16px;
    line-height: 1.8;
}
.online-message .line input::-webkit-input-placeholder, .online-message .line textarea::-webkit-input-placeholder{
    color: #999999;
}
.online-message .line input:-moz-placeholder, .online-message .line textarea:-moz-placeholder{
  	color: #999999;
}
.online-message .line input::-moz-placeholder, .online-message .line textarea::-moz-placeholder{
  	color: #999999;
}
.online-message .line input:-ms-input-placeholder, .online-message .line textarea:-ms-input-placeholder{
  	color: #999999;
}
.online-message .btn {
    width: 200px;
    text-align: center;
    background-color: #5a54c0;
    margin: 40px auto 0px;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.online-message .btn input{
    width: 100%;
    height: 70px;
    line-height: 70px;
    color: #ffffff;
	font-size: 16px;
	font-weight: bold;
    background: none;
    border: none;
    outline: none;
}
.online-message .btn:hover{
	background-color: #fc6719;
}
/*鑽ｈ獕璧勮川*/
.honor{
	padding-top: 110px;
	padding-bottom: 110px;
}
.honor .titlebox{
}
.honor .switchbtn{
	float: right;
	overflow: hidden;
	margin-right: 6px;
}
.honor .switchbtn span{
	display: inline-block;
	width: 150px;
	height: 48px;
	line-height: 46px;
	margin-left: 30px;
	color: #222222;
	font-size: 14px;
	text-align: center;
	border: #e5e5e5 solid 1px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
	cursor: pointer;
}
.honor .switchbtn span.on, .honor .switchbtn span:hover{
	background-color: #5a54c0;
	border: #5a54c0 solid 1px;
	color: #FFFFFF;
}
.honor .box{
	margin-top: 60px;
}
.honor .box ul{
	display: none;
}
.honor .box ul.on{
	display: block;
}
.honor .box ul li{
	position: relative;
    z-index: 1;
	float: left;
	width: 24.4%;
	width: -moz-calc((100% - 30px) / 4);
	width: -webkit-calc((100% - 30px) / 4);
	width: calc((100% - 30px) / 4);
	overflow: hidden;
	margin-right: 10px;
	margin-bottom: 10px;
	padding-bottom: 20px;
	background-color: #efeafe;
}
.honor .box ul li:nth-child(4n){
	margin-right: 0;
}
.honor .box ul li a{
	display: block;
	width: 100%;
}
.honor .box ul li .imgbox{
	position: relative;
	width: 230px;
	height: 350px;
	line-height: 350px;
	margin: 20px auto 20px;
	padding: 0px 5px;
	text-align: center;
}
.honor .box ul li .imgbox img{
	width: 100%;
}
.honor .box ul li .txtbox{
	position: relative;
    z-index: 3;
    margin-right: 7%;
    margin-left: 7%;
    padding-right: 40px;
    overflow: hidden;
    -o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.honor .box ul li .txtbox .txt{
	width: 100%;
	color: #222222;
	font-size: 16px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.honor .box ul li:hover .txtbox .txt{
	color: #FFFFFF;
}
.honor .box ul li .txtbox .icon{
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	background: url(../images/img96.png) center right no-repeat;
	background-size: 24px 24px;
}
.honor .box ul li .circle{
	position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    width: 240px;
    height: 240px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.honor .box ul li .circle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border: 200px solid #5a54c0;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1.5);
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.5);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.honor .box ul li:hover .circle::after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
/*鐢熶骇宸ヨ壓*/
.technology{
	padding-top: 90px;
}
.technology .box{
	margin-top: 70px;
}
.technology .box .left{
	float: left;
	width: 29.3%;
}
.technology .box .left ul li{
	width: 100%;
	padding: 20px 20px 20px 25px;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
.technology .box .left ul li:hover, .technology .box .left ul li.on{
	-o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
	box-shadow: 0px 1px 25px rgba(0,0,0,0.1);
}
.technology .box .left ul li .num{
	float: left;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-family: "GENG";
	color: #222222;
	font-size: 20px;
	font-weight: bold;
	background-color: #FFFFFF;
	border-radius: 50%;
}
.technology .box .left ul li:hover .num, .technology .box .left ul li.on .num{
	-o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
	background-color: #5a54c0;
	color: #FFFFFF;
}
.technology .box .left ul li .txt{
	float: left;
	display: inline-block;
	width: -moz-calc(100% - 50px);
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
	padding-left: 25px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.technology .box .left ul li .txt .t1{
	color: #222222;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}
.technology .box .left ul li .txt .t2{
	font-family: "GENG";
	color: #999999;
	font-size: 16px;
}
.technology .box .left ul li:hover .txt .t1, .technology .box .left ul li:hover .txt .t2, .technology .box .left ul li.on .txt .t1, .technology .box .left ul li.on .txt .t2{
	color: #5a54c0;
	-o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.technology .box .right{
	float: right;
	width: 70.7%;
}
.technology .box .right .rotation{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.technology .box .right .rotation .rotate-li{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.technology .box .right .rotation .rotate-li .imgbox{
	/*float: right;*/
	width: 100%;
	overflow: hidden;
	text-align: right;
}
.technology .box .right .rotation .rotate-li .imgbox img{
	width: 100%;
}
.technology .box .right .rotation .rotate-li .txtbox{
	/*position: absolute;
	left: 0;
	bottom: 0;
	width: 55.6%;*/
	width: 100%;
	padding: 20px 30px;
	background-color: #5a54c0;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.technology .box .right .rotation .rotate-li .txtbox .t1{
	color: #FFFFFF;
	font-size: 24px;
	margin-bottom: 20px;
}
.technology .box .right .rotation .rotate-li .txtbox .t2{
	color: #FFFFFF;
	font-size: 14px;
	line-height: 1.7;
}
.technology .swiper-button-next, .technology .swiper-button-prev {
    position: absolute;
    top: auto;
    bottom: 4.5%;
    width: 30px;
    height: 30px;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
}
.technology .swiper-button-prev, .technology .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img98.png);
    left: 6%;
    right: auto;
}
.technology .swiper-button-next, .technology .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img99.png);
    right:auto;
    left: 11%;
}
.technology .content{
	margin-top: 70px;
	padding-bottom: 75px;
}
.technology .content ul li{
	position: relative;
	float: left;
	width: 31.33%;
	margin-right: 3%;
	margin-bottom: 3%;
	cursor: pointer;
	overflow: hidden;
}
.technology .content ul li:nth-child(3n){
	margin-right: 0;
}
.technology .content ul li .imgbox{
	width: 100%;
	overflow: hidden;
}
.technology .content ul li .imgbox img{
	width: 100%;
	-o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.technology .content ul li:hover .imgbox img{
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.technology .content ul li .txtbox{
	position: absolute;
	left: 6.8%;
	bottom: -100%;
	width: 86.4%;
	background-color: #f3f4f2;
	padding: 5% 6.5%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.technology .content ul li:hover .txtbox{
	bottom: 7%;
	-o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.technology .content ul li .txtbox .t1{
	float: left;
	width: 80%;
	color: #222222;
	font-size: 18px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.technology .content ul li .txtbox .t2{
	float: right;
	max-width: 24px;
	width: 15%;
	overflow: hidden;
}
.technology .content ul li .txtbox .t2 img{
	width: 100%;
}
/*瑙嗛灞曡*/
.video{
	padding-top: 90px;
	padding-bottom: 50px;
}
.video .box{
	margin-top: 50px;
}
.video .box ul li{
	float: left;
	width: 31.33%;
	margin-right: 3%;
	margin-bottom: 3%;
	background-color: #f7f7f7;
}
.video .box ul li:nth-child(3n){
	margin-right: 0;
}
.video .box ul li a{
	display: inline-block;
	width: 100%;
}
.video .box ul li .imgbox{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.video .box ul li .imgbox>img{
	width: 100%;
}
.video .box ul li .imgbox .mask{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.2);
}
.video .box ul li .imgbox .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 60px;
	height: 60px;
}
.video .box ul li .txtbox{
	text-align: center;
	padding: 30px 20px;
	font-size: 18px;
	font-weight: bold;
	color: #222222;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.video .box ul li:hover .txtbox{
	color: #5a54c0;
	-o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
}
.video .box ul li .btn{
	position: relative;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden;
}
.video .box ul li .btn .icon-tu{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	margin: auto;
	width: 100%;
	height: 100%;
	padding: 2px;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.video .circle{
	height: 100%;
	box-sizing: border-box;
	/*border: 2px solid #5a54c0;*/
	border-radius: 50%;
}
.video ul li:hover .circle{
	border: 2px solid #5a54c0;
}
.video .circle:before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 50%;
	box-sizing: border-box;
	top: 50%;
	left: 0;
	/*border: 2px solid #5a54c0;
	border-top: transparent;
	border-radius: 0 0 50% 50%/ 0 0 100% 100%;*/
	z-index: 2;
}
.video ul li:hover .circle:before {
	border-top: transparent;
	border: 2px solid #5a54c0;
	border-radius: 0 0 50% 50%/ 0 0 100% 100%;
}
.video .circle-top,
.video .circle-bottom {
	position: absolute;
	left: 0px;
	width: 100%;
	height: 50%;
	box-sizing: border-box;
	background: #FFFFFF;
}

.video ul li:hover .circle-top {
	top: 0;
	z-index: 1;
	transform-origin: center bottom;
	animation: 1s back-half linear 1s;
	animation-fill-mode: forwards;
}

.video ul li:hover .circle-bottom {
	z-index: 3;
	top: 50%;
	transform-origin: center top;
	animation: 1s front-half linear;
	animation-fill-mode: forwards;
}

@keyframes front-half {
	0% {
		transform: rotate( 0);
	}
	99% {
		transform: rotate( 180deg);
		opacity: 1;
	}
	100% {
		transform: rotate( 180deg);
		opacity: 0;
	}
}
@-moz-keyframes front-half {
	0% {
		transform: rotate( 0);
	}
	99% {
		transform: rotate( 180deg);
		opacity: 1;
	}
	100% {
		transform: rotate( 180deg);
		opacity: 0;
	}
}
@-o-keyframes front-half {
	0% {
		transform: rotate( 0);
	}
	99% {
		transform: rotate( 180deg);
		opacity: 1;
	}
	100% {
		transform: rotate( 180deg);
		opacity: 0;
	}
}
@-webkit-keyframes front-half {
	0% {
		transform: rotate( 0);
	}
	99% {
		transform: rotate( 180deg);
		opacity: 1;
	}
	100% {
		transform: rotate( 180deg);
		opacity: 0;
	}
}
@keyframes back-half {
	0% {
		transform: rotate( 0);
	}
	99% {
		transform: rotate( 180deg);
		opacity: 1;
	}
	100% {
		transform: rotate( 180deg);
		opacity: 0;
	}
}
@-moz-keyframes back-half {
	0% {
		transform: rotate( 0);
	}
	99% {
		transform: rotate( 180deg);
		opacity: 1;
	}
	100% {
		transform: rotate( 180deg);
		opacity: 0;
	}
}
@-o-keyframes back-half {
	0% {
		transform: rotate( 0);
	}
	99% {
		transform: rotate( 180deg);
		opacity: 1;
	}
	100% {
		transform: rotate( 180deg);
		opacity: 0;
	}
}
@-webkit-keyframes back-half {
	0% {
		transform: rotate( 0);
	}
	99% {
		transform: rotate( 180deg);
		opacity: 1;
	}
	100% {
		transform: rotate( 180deg);
		opacity: 0;
	}
}
/* 鏂伴椈 */
.new{
	padding-top: 80px;
	padding-bottom: 75px;
}
.new .box ul{
	margin-bottom: 60px;
}
.new .box ul li{
	position: relative;
	padding: 35px 0px;
	border-bottom: #eeeeee solid 1px;
}
.new .box ul li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 0;
	height: 100%;
	background-color: #5a54c0;
	-o-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.new .box ul li:hover::before{
	width: 100%;
}
.new .box ul li a{
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 100%;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.new .box ul li .left{
	float: left;
	width: 78%;
}
.new .box ul li:hover .imgbox{
	padding-left: 3%;
}
.new .box ul li .imgbox{
	float: left;
	width: 350px;
	overflow: hidden;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.new .box ul li .imgbox img{
	width: 100%;
}
.new .box ul li .txtbox{
	float: left;
	width: -moz-calc(78% - 350px);
	width: -webkit-calc(78% - 350px);
	width: calc(78% - 350px);
	padding-left: 5%;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.new .box ul li .txtbox .text{
	overflow: hidden;
}
.new .box ul li .txtbox .text .t1{
	color: #222222;
	font-size: 24px;
	margin-top: 30px;
}
.new .box ul li .txtbox .text .t2{
	color: #999999;
	font-size: 16px;
	margin-top: 20px;
	line-height: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.new .box ul li .txtbox .text .t3{
	color: #5a54c0;
	font-size: 14px;
	margin-top: 25px;
}
.new .box ul li .txtbox .text .t3 span{
	display: inline-block;
	text-decoration: underline;
}
.new .box ul li:hover .txtbox .text .t1, .new .box ul li:hover .txtbox .text .t2, .new .box ul li:hover .txtbox .text .t3{
	color: #FFFFFF;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.new .box ul li .time{
	float: right;
	width: 18%;
	margin-top: 30px;
	padding-right: 50px;
	text-align: right;
	overflow: hidden;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.new .box ul li .time .con{
	display: inline-block;
	text-align: center;
}
.new .box ul li .time .t1{
	font-family: "DENG";
	color: #5a54c0;
	font-size: 70px;
	font-weight: bold;
	margin-bottom: 10px;
}
.new .box ul li .time .t2{
	font-family: "DENG";
	color: #5a54c0;
	font-size: 18px;
	font-weight: bold;
}
.new .box ul li .time .t3{
	display: none;
	color: #999;
	font-size: 14px;
}
.new .box ul li:hover .time .t1, .new .box ul li:hover .time .t2{
	color: #FFFFFF;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/*鏂伴椈璇︽儏*/
.new-detail{
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #f7f8fa;
}
.detail-title {
    padding-bottom: 20px;
    border-bottom: #eeeeee solid 1px;
}
.detail-title .t1 {
    color: #222222;
	font-size: 28px;
}
.detail-title .t2 {
    color: #999999;
    font-size: 14px;
    line-height: 1.5;
    margin-top: 15px;
}
.detail-title .t2 .txtli {
    display: inline-block;
    margin-right: 80px;
}
.detail-title .t2 .sp {
    color: #888888;
}
.new-detail .box .left{
	float: left;
	width: 71.42%;
	overflow: hidden;
	background-color: #FFFFFF;
}
.new-detail .box .blog-con{
	padding: 60px 60px 30px;
}
.new-detail .box .detail-box{
	color: #666666;
	font-size: 16px;
	line-height: 2;
	padding: 20px 0px 40px;
}
.detail-other{
	padding-top: 35px;
	border-top: #dddddd solid 1px;
	overflow: hidden;
}
.nextprev{
	overflow: hidden;
}
.nextprev ul{
	float: left;
	width: -moz-calc(100% - 165px);
	width: -webkit-calc(100% - 165px);
	width: calc(100% - 165px);
	overflow: hidden;
}
.nextprev ul li a{
	display: inline-block;
	width: 100%;
	color: #666666;
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 10px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.nextprev ul li a:hover{
	color: #5a54c0;
}

.back-to{
	float: right;
}
.back-to a{
	display: inline-block;
	min-width: 100px;
	padding: 0 15px;
	text-align: center;
	border: #eeeeee solid 1px;
	line-height: 40px;
	color: #666666;
	font-size: 14px;
}
.back-to a:hover{
	color: #FFFFFF;
	background-color: #5a54c0;
	-o-transition: all .4s;
	-ms-transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.new-detail .box .right{
	float: right;
	width: 25%;
	overflow: hidden;
}
.new-detail .box .right .module{
	padding: 60px 40px 30px;
	background-color: #FFFFFF;
}
.new-detail .box .right .module .title{
}
.new-detail .box .right .module .title .t1{
	color: #444444;
	font-size: 22px;
}
.new-detail .box .right .module ul{
	margin-top: 30px;
}
.new-detail .box .right .module ul li{
	width: 100%;
	margin-bottom: 30px;
}
.new-detail .box .right .module ul li a{
	display: inline-block;
	width: 100%;
}
.new-detail .box .right .module ul li a .t1{
	color: #888888;
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 1.5;
}
.new-detail .box .right .module ul li a .t2{
	color: #999999;
	font-size: 12px;
}


/**/
@media screen and (max-width: 1440px){
	.conwidth{
		padding-left: 5%;
		padding-right: 5%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.header .box .nav ul li>a{
		margin: 15px;
	}
	/*鐧诲綍*/
	.login .box .content .title{
		margin-top: 60px;
	}
	.login-li input{
		line-height: 48px;
	}
	.login .box .login-close{
		margin-top: 20px;
	}
	.login-btn input{
		height: 50px;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 50px;
	}
	.i-banner .box .btn span{
		padding: 0px 25px;
		height: 50px;
		line-height: 50px;
	}
	.i-banner .box .btn span img{
		margin-left: 25px;
	}
	/**/
	.i-product{
		padding-top: 90px;
	}
	.i-advantage{
		padding-top: 90px;
	}
	.i-advantage .left{
		padding-left: 5%;
	}
	.i-advantage .tab{
		margin-bottom: 0;
	}
	.i-news{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.i-video .box .txt{
		font-size: 40px;
	}
	/*鍏充簬鎴戜滑*/
	.about, .culture{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	/*鑱旂郴鎴戜滑*/
	.online-message{
		padding-bottom: 90px;
	}
	.contact .box, .online-message .box{
		max-width: 90%;
	}
	/*鍙戝睍鍘嗙▼*/
	.develop{
		padding-top: 90px;
	}
	/*鑽ｈ獕璧勮川*/
	.honor{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	/*鍔犲叆鎴戜滑*/
	.recruitment{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	/*鏂伴椈璇︽儏*/
	.new-detail{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	/*浜у搧璇︽儏*/
	.product-details{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	/*鐢熶骇宸ヨ壓*/
	.technology .box .left ul li{
		padding: 15px 20px 15px 25px;
	}
}
@media screen and (max-width: 1220px){
	.main{
		padding-top: 60px;
	}
	.conwidth{
		width: 100%;
		padding-left: 4%;
		padding-right: 4%;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.header .content{
		width: 100%;
		padding-left: 4%;
		padding-right: 4%;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.i-advantage .left{
		padding-left: 4%;
	}
	.header .box .nav{
		display: none;
	}
	.header .h-language{
		margin-left: 20px;
		margin-top: 14px;
	}
	.header .menubtn{
		display: block;
	}
	.header .box{
		height: auto;
	}
	.header .box .h-logo{
		height: 60px;
		line-height: 60px;
	}
	.header .box .h-logo img{
		width: auto;
		max-height: 40px;
	}
	.header .h-other .show-search-btn{
		height: 60px;
		line-height: 60px;
	}
	.header .language{
		height: 60px;
		line-height: 60px;
	}
	.header .language .drop-down{
		top: 59px;
	}
	.search{
		top: 60px;
	}
	.search-header{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.search .submit0, .search-close{
		height: 60px;
	}
	.search .submit0{
		background-size: 20px 20px;
	}
	.search-close{
		background-size: 20px 20px;
	}
	.search-header .search-input{
		font-size: 20px;
		line-height: 60px;
		text-indent: 50px;
	}
	/*鐧诲綍*/
	.login{
		top: 60px;
		height: -moz-calc(100% - 60px);
	    height: -webkit-calc(100% - 60px);
	    height: calc(100% - 60px);
	}
	.login .box .content .title .t1{
		font-size: 28px;
	}
}
@media screen and (max-width: 1024px){
	/*banner*/
	.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
		width: 50px;
		height: 50px;
		-moz-background-size: 50px 50px;
		-webkit-background-size: 50px 50px;
		background-size: 50px 50px;
	}
	.lunbotu .swiper-pagination-bullet{
		width: 12px;
		height: 12px;
	}
	.i-banner .box .t1{
		font-size: 36px;
	}
	.i-banner .box .btn span{
		padding: 0px 20px;
		height: 40px;
		line-height: 40px;
	}
	.i-banner .box .btn span img{
		margin-left: 15px;
	}
	.obanner{
		height: 400px;
	}
	.obanner .ob-img{
		display: block;
	}
	.obanner .bannerzi .box .t1{
		font-size: 36px;
	}
	.obanner .bannerzi .box .t2{
		font-size: 15px;
	}
	.oimg1{
		display: none;
	}
	.oimg2{
		display: block;
	}
	/*鏍囬*/
	.i-title .t1{
		font-size: 20px;
		margin-bottom: 5px;
	}
	.i-title .t2{
		font-size: 30px;
	}
	.i-title .t3{
		font-size: 36px;
		margin-bottom: 15px;
	}
	/*footer*/
	.footer{
		padding-top: 40px;
	}
	.footer .footer-top{
		padding-bottom: 30px;
	}
	.footer-nav, .footer-share{
		display: none;
	}
	.footer .footer-left, .footer .footer-other{
		float: none;
		width: 100%;
	}
	.footer .footer-left{
		padding-right: 0px;
	}
	.footer .footer-other{
		margin-top: 30px;
	}
	.footer .footer-logo, .footer-other .platform{
		float: left;
	}
	.footer .footer-logo{
		margin-bottom: 0px;
	}
	.footer .footer-phone, .footer-language{
		float: right;
		text-align: right;
	}
	.footer .footer-phone{
		margin-top: 0px;
	}
	.footer-language{
		margin-top: 0px;
	}
	.footer-language .top{
		display: none;
	}
	.footer-language .drop-down{
		position: static;
		display: block !important;
		margin-top: 15px;
	}
	.footer-language .drop-down ul li{
		float: left;
		margin-left: 15px;
	}
	.footer-language .drop-down a{
		border-bottom: none;
		padding: 0;
	}
	/*棣栭〉*/
	/*棣栭〉浜у搧涓績*/
	.i-product{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.i-product .all-btn{
		margin-top: 25px;
	}
	.all-btn a{
		width: auto;
		min-width: 120px;
		padding: 0px 20px;
		height: 40px;
		line-height: 40px;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.all-btn a img{
		margin-left: 15px;
	}
	/*棣栭〉鎴戜滑鐨勪紭鍔?/
	.i-advantage{
		padding-top: 60px;
	}
	.i-advantage .tab{
		margin-bottom: 0;
	}
	.i-advantage .tab ul li a, .i-advantage .tab ul li span {
	    min-width: 120px;
	    font-size: 16px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.i-advantage .tabdiv .txt{
		width: 172%;
	}
	.i-advantage .tabdiv .txt .t1{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.i-advantage .tabdiv .txt .t2{
		margin-bottom: 25px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	.i-advantage .swiper-button-next, .i-advantage .swiper-button-prev{
		width: 50px;
		height: 50px;
		-moz-background-size: 50px 50px;
		-webkit-background-size: 50px 50px;
		background-size: 50px 50px;
	}
	.i-advantage .swiper-button-next, .i-advantage .swiper-container-rtl .swiper-button-prev{
		right: -50px;
	}
	/*棣栭〉鏂伴椈*/
	.i-news{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.i-news .switch-btn{
		margin-top: 40px;
	}
	.i-news .box{
		margin-top: 50px;
	}
	.i-news .switch-btn span{
		margin-left: 35px;
	}
	.news-li{
		padding-bottom: 20px;
	}
	.news-li .txt{
		padding: 0px 15px;
	}
	.news-li .txt .t1{
		font-size: 18px;
		height: 54px;
		margin: 20px auto 10px;
	}
	.news-li .txt .t2{
		margin-bottom: 20px;
	}
	/*绉戞妧鍐呮兜锛岀簿浜庡尰姊?/
	.i-video .box .txt{
		font-size: 36px;
	}
	.i-video .box .btn{
		line-height: 40px;
		padding: 0px 20px;
	}
	/*棣栭〉鍏充簬鎴戜滑 鍞悗鏈嶅姟*/
	.i-about{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.i-about ul li .t1{
		font-size: 28px;
		margin-bottom: 15px;
	}
	.i-about ul li .t2{
		margin-bottom: 30px;
	}
	/*鍏充簬鎴戜滑*/
	.page-nav{
		/*top: 0;
		margin-top: 40px;*/
		top: -40px;
	}
	.page-nav ul li{
		float: none;
		display: inline-block;
		width: 24%;
	}
	.page-nav ul li a{
		line-height: 80px;
	}
	.page-nav ul{
		width: 100%;
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		border-bottom: #eeeeee solid 1px;
	}
	.page-nav ul::-webkit-scrollbar{
		width:0px;
		height:0px;
	}
	.page-nav ul::-webkit-scrollbar-button{
		background-color:rgba(0,0,0,0);
	}
	.page-nav ul::-webkit-scrollbar-track{
		background-color:rgba(0,0,0,0);
	}
	.page-nav ul::-webkit-scrollbar-track-piece{
		background-color:rgba(0,0,0,0);
	}
	.page-nav ul::-webkit-scrollbar-thumb{
		background-color:rgba(0,0,0,0);
	}
	.page-nav ul::-webkit-scrollbar-corner{
		background-color:rgba(0,0,0,0);
	}
	.page-nav ul::-webkit-scrollbar-resizer{
		background-color:rgba(0,0,0,0);
	}
	.page-nav ul::-webkit-scrollbar{
		width:0px;
		height:0px;
	}
	.page-nav.other ul{
		width: auto;
	}
	.other.page-nav ul li{
		min-width: 350px;
	}
	.xwother.page-nav ul li{
		min-width: 1px;
		width: 33.33%;
	}
	.about{
		padding-top: 0;
		padding-bottom: 60px;
	}
	.culture{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.about .box{
		margin-top: 50px;
	}
	.about .box .txtbox{
		width: 65%;
		padding-right: 5%;
	}
	.about .box .imgbox{
		width: 35%;
	}
	.about-banner{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.about-banner .num{
		margin-top: 40px;
	}
	.about-banner .num ul li .t1 span{
		font-size: 50px;
	}
	.culture .box{
		margin-top: 50px;
	}
	.culture .box ul li .txtbox{
		padding-left: 30px;
		padding-right: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	/*浜у搧涓績*/
	.product-center{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.product-center .box .right ul li{
		width: 48%;
		margin-right: 4%;
	}
	.product-center .box .right ul li:nth-child(3n){
		margin-right: 4%;
	}
	.product-center .box .right ul li:nth-child(2n){
		margin-right: 0;
	}
	/*浜у搧鍒嗙被鍒楄〃*/
	.product{
		padding-top: 60px;
	}
	.product .box ul li .txtbox .t1{
		font-size: 20px;
	}
	/*浜у搧璇︽儏*/
	.product-details{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.product-details .attribute .right .box .t1{
		padding-bottom: 20px;
		font-size: 24px;
	}
	.product-details .attribute .right .box .boxli{
		margin-top: 20px;
	}
	.product-details .attribute .right .box .boxli .iconbox li{
		margin-bottom: 10px;
	}
	.product-details .attribute .right .box .btn{
		margin-top: 30px;
	}
	.product-details .attribute .right .box .btn a{
		height: 50px;
		line-height: 50px;
		padding: 0px 45px;
		margin-bottom: 0px;
	}
	.product-details .parameters{
		margin-top: 60px;
	}
	.product-details .parameters .box{
		margin-top: 40px;
		font-size: 15px;
	}
	.product-details .parameters .box .t1{
		margin-bottom: 10px;
	}
	/*鑱旂郴鎴戜滑*/
	.contact .above, .contact .below{
		padding: 45px 50px 30px;
		min-height: 170px;
	}
	.contact .txt .t1{
		font-size: 15px;
	}
	.online-message{
		margin-top: 50px;
		padding-bottom: 60px;
	}
	.online-message .box{
		padding-left: 0;
		padding-right: 0;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.online-message .line .line-li input{
		height: 70px;
	}
	.online-message .btn input{
		height: 70px;
		line-height: 70px;
	}
	/*璧勬枡涓嬭浇*/
	.data-download{
		padding-top: 0;
		padding-bottom: 60px;
	}
	.data-download .box{
		margin-top: 50px;
	}
	.data-download .box ul li .t2{
		margin-top: 25px;
	}
	/*鍙戝睍鍘嗙▼*/
	.develop{
		padding-top: 0;
	}
	.develop .box .timeline{
		top: 136px;
	}
	.develop .year .slick-current .time{
		padding-top: 20px;
		font-size: 60px;
	}
	.develop .eventli .imgbox{
		padding-top: 60px;
	}
	.develop .eventli .txtbox{
		padding-top: 60px;
	}
	.develop .eventli .txtbox ul li{
		margin-bottom: 30px;
	}
	/*鑽ｈ獕璧勮川*/
	.honor{
		padding-top: 0;
		padding-bottom: 60px;
	}
	.honor .switchbtn span{
		width: 120px;
		height: 42px;
		line-height: 40px;
		margin-left: 20px;
	}
	.honor .box{
		margin-top: 50px;
	}
	.honor .box ul li{
		width: 32.8%;
		width: -moz-calc((100% - 20px) / 3);
		width: -webkit-calc((100% - 20px) / 3);
		width: calc((100% - 20px) / 3);
	}
	.honor .box ul li:nth-child(4n){
		margin-right: 10px;
	}
	.honor .box ul li:nth-child(3n){
		margin-right: 0;
	}
	.honor .box ul li .imgbox{
		width: 100%;
		height: auto;
		line-height: 1.5;
		/* height: 300px;
		line-height: 300px; */
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.honor .box ul li .circle{
		display: none;
	}
	.honor .box ul li:hover .txtbox .txt{
		color: #6b66bc;
	}
	/*鍔犲叆鎴戜滑*/
	.style{
		padding-top: 60px;
	}
	.style .box{
		margin-top: 50px;
	}
	.style .box .side .more .t1{
		font-size: 22px;
	}
	.imgpopup .content{
		height: auto;
		max-height: 80%;
	}
	.imgpopup .content .popbox{
		padding: 5% 5% 0%;
	}
	.recruitment{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	/*鏂伴椈*/
	.new{
		padding-top: 0;
		padding-bottom: 60px;
	}
	.new .box ul{
		margin-bottom: 50px;
	}
	.new .box ul li .txtbox .text .t1{
		font-size: 20px;
		margin-top: 15px;
	}
	.new .box ul li .txtbox .text .t2{
		font-size: 15px;
		margin-top: 10px;
	}
	.new .box ul li .time .t1{
		font-size: 60px;
	}
	/*鏂伴椈璇︽儏*/
	.new-detail{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.new-detail .box .blog-con{
		padding: 45px 45px 30px;
	}
	.new-detail .box .right .module{
		padding: 45px 25px 30px;
	}
	.detail-title .t2 .txtli{
		margin-right: 30px;
	}
	.detail-title .t1{
		font-size: 24px;
	}
	.new-detail .box .detail-box, .new-detail .box .right .module ul li a .t1{
		font-size: 15px;
	}
	.new-detail .box .right .module .title .t1{
		font-size: 20px;
	}
	.nextprev ul{
		width: 100%;
	}
	.back-to{
		display: none;
	}
	/*鐢熶骇宸ヨ壓*/
	.technology{
		padding-top: 0;
	}
	.technology .box{
		margin-top: 50px;
	}
	.technology .box .left ul li{
		padding: 15px 15px 15px 15px;
	}
	.technology .box .left ul li .txt{
		padding-left: 15px;
	}
	.technology .box .left ul li .txt .t1{
		font-size: 16px;
	}
	.technology .box .left ul li .num{
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}
	.technology .box .left ul li .txt .t2{
		font-size: 15px;
	}
	.technology .content{
		margin-top: 60px;
		padding-bottom: 60px;
	}
	.technology .content ul li .txtbox{
		bottom: 7%;
	}
	/*.technology .box .right .rotation .rotate-li .txtbox{
		padding: 30px 30px 70px;
	}*/
	.technology .swiper-button-next, .technology .swiper-container-rtl .swiper-button-prev{
		left: 85px;
	}
	/*瑙嗛灞曡*/
	.video{
		padding-top: 0;
	}
	.video .box{
		margin-top: 50px;
	}
	.video .box ul li .txtbox{
		padding: 20px;
	}
	.video ul li .circle, .video ul li .circle-bottom, .video ul li .circle-top{
		display: none;
	}
}
@media screen and (max-width: 768px){
	.header .h-language{
		margin-top: 15px;
	}
	.header .h-language ul li a{
		line-height: 27px;
	}
	/*鐧诲綍*/
	.login .box .content .title{
		margin-top: 40px;
	}
	.login .box .content .title .t1{
		font-size: 24px;
	}
	.login-li{
		padding: 0px 20px;
	}
	.login-btn input{
		font-size: 16px;
	}
	/*鎼滅储*/
	.search-header .search-input{
		font-size: 18px;
	}
	/*banner*/
	.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
		width: 40px;
		height: 40px;
		-moz-background-size: 40px 40px;
		-webkit-background-size: 40px 40px;
		background-size: 40px 40px;
	}
	.lunbotu .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
	}
	.i-banner .box .t1{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.i-banner .box .btn span img{
		margin-left: 10px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 30px;
	}
	.obanner .bannerzi .box .t2{
		font-size: 14px;
		margin-top: 15px;
	}
	/*鏍囬*/
	.i-title .t1{
		font-size: 18px;
		margin-bottom: 0px;
	}
	.i-title .t2{
		font-size: 24px;
	}
	.i-title .t3{
		font-size: 28px;
	}
	.i-title .t5{
		font-size: 15px;
		margin-top: 10px;
	}
	.i-title .line{
		width: 40px;
		height: 3px;
		margin: 15px auto 0px;
	}
	/*棣栭〉*/
	/*棣栭〉浜у搧涓績*/
	.i-product{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.i-product .all-btn{
		margin-top: 20px;
	}
	.all-btn a img{
		margin-left: 10px;
	}
	.i-product .product-box{
		padding-bottom: 50px;
	}
	.i-product .lower{
		margin-top: 40px;
	}
	.i-product .product-box .con .txtbox{
		padding: 4% 5%;
	}
	.i-product .product-box .con .txtbox .t1{
		font-size: 16px;
		line-height: 2;
	}
	.i-product .swiper-button-next, .i-product .swiper-button-prev, .i-news .swiper-button-next, .i-news .swiper-button-prev{
		width: 40px;
		height: 40px;
		-moz-background-size: 40px 40px;
	    -webkit-background-size: 40px 40px;
	    background-size: 40px 40px;
	}
	/*棣栭〉鎴戜滑鐨勪紭鍔?/
	.i-advantage{
		padding-top: 50px;
		padding-bottom: 50px;
		background-size: cover;
	}
	.i-advantage .left{
		width: 100%;
		padding-left: 3%;
		padding-right: 3%;
	}
	.i-advantage .left .box{
		position: static;
	}
	.i-advantage .tab{
		margin-top: 30px;
	}
	.i-advantage .tab ul li a, .i-advantage .tab ul li span {
	    min-width: 1px;
	    font-size: 15px;
	    padding-left: 15px;
	    padding-right: 15px;
	}
	.i-advantage .tabdiv{
		overflow: hidden;
		background-color: #FFFFFF;
	}
	.i-advantage .tabdiv .imgbox{
		float: left;
		width: 36%;
	}
	.i-advantage .tabdiv .txt{
		position: static;
		float: right;
		width: 64%;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 15px;
	}
	.i-advantage .tabdiv .txt .t1{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.i-advantage .tabdiv .txt .t2{
		margin-bottom: 20px;
		-webkit-line-clamp: 3;
	}
	.i-advantage .right{
		position: static;
		width: 100%;
		padding-right: 4%;
		padding-left: 4%;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.i-advantage .s-button{
		position: static;
		height: auto;
	}
	.i-advantage .swiper-button-next, .i-advantage .swiper-button-prev{
		top: auto;
		margin-top: 0px;
		bottom: 27%;
		width: 40px;
		height: 40px;
		-moz-background-size: 40px 40px;
		-webkit-background-size: 40px 40px;
		background-size: 40px 40px;
	}
	.i-advantage .swiper-button-prev, .i-advantage .swiper-container-rtl .swiper-button-next{
		left: 0;
		right: auto;
	}
	.i-advantage .swiper-button-next, .i-advantage .swiper-container-rtl .swiper-button-prev{
		right: 0;
	}
	/*棣栭〉鏂伴椈*/
	.i-news{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.i-news .switch-btn{
		margin-top: 30px;
	}
	.i-news .box{
		margin-top: 40px;
	}
	.i-news .switch-btn span{
		margin-left: 25px;
	}
	.news-li{
		margin-bottom: 0px;
	}
	/*绉戞妧鍐呮兜锛岀簿浜庡尰姊?/
	.i-video .box .txt{
		font-size: 30px;
	}
	.i-video .box .btn{
		margin-top: 30px;
	}
	/*棣栭〉鍏充簬鎴戜滑 鍞悗鏈嶅姟*/
	.i-about{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.i-about ul li .txtbox{
		padding-top: 8%;
		padding-right: 8%;
		padding-left: 8%;
		width: 100%;
	}
	.i-about ul li .t1{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.i-about ul li .t2{
		margin-bottom: 20px;
		/* overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical; */
	}
	/*鍏充簬鎴戜滑*/
	.page-nav{
		/*margin-top: 30px;*/
		top: -35px;
	}
	.page-nav ul li a{
		line-height: 70px;
	}
	.about{
		padding-bottom: 50px;
	}
	.culture{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.about .box{
		margin-top: 40px;
	}
	.about .box .imgbox{
		width: 100%;
	}
	.about .box .imgbox img{
		width: 100%;
	}
	.about .box .txtbox{
		width: 100%;
		padding-right: 0;
		padding-top: 30px;
	}
	.about-banner{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.about-banner .num{
		margin-top: 20px;
		padding-top: 30px;
	}
	.about-banner .num ul li{
		width: 20.5%;
		margin-right: 6%;
	}
	.about-banner .num ul li:nth-child(4n){
		margin-right: 0;
	}
	.about-banner .num ul li .t1 span{
		font-size: 40px;
	}
	.about-banner .num ul li .t2{
		font-size: 16px;
	}
	.culture .box{
		margin-top: 40px;
	}
	.culture .box ul li .txtbox{
		padding-left: 25px;
		padding-right: 25px;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.culture .box ul li .txtbox .t1{
		font-size: 18px;
	}
	.culture .box ul li .txtbox .t2{
		font-size: 18px;
	}
	/*浜у搧涓績*/
	.product-center{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.product-center .box .left{
		width: 200px;
	}
	.product-center .box .left .content{
		padding-top: 20px;
	}
	.product-center .box .left .tit{
		font-size: 18px;
	}
	.product-center .cp-search .search-left input{
		font-size: 15px;
	}
	.product-center .box .right{
		margin-left: 40px;
		width: -moz-calc(100% - 260px);
		width: -webkit-calc(100% - 260px);
		width: calc(100% - 260px);
	}
	.product-center .box .right ul li .txtbox .t1{
		font-size: 16px;
	}
	/*浜у搧鍒嗙被鍒楄〃*/
	.product{
		padding-top: 50px;
	}
	.product .box ul li .txtbox{
		margin-top: 20px;
	}
	.product .box ul li .txtbox .t1{
		font-size: 18px;
	}
	.product .box ul li ul{
		margin-top: 15px;
	}
	.product .box ul li .txtbox .btn span{
		line-height: 36px;
		padding: 0px 25px;
	}
	/*浜у搧璇︽儏*/
	.product-details{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.product-details .attribute .left{
		width: 100%;
	}
	.product-details .attribute .right{
		width: 100%;
		padding-left: 0;
		margin-top: 40px;
	}
	.product-details .attribute .right .box .t1{
		font-size: 20px;
	}
	.product-details .attribute .right .box .boxli{
		margin-top: 20px;
	}
	.product-details .attribute .right .box .btn{
		margin-top: 20px;
	}
	.product-details .parameters{
		margin-top: 50px;
	}
	.product-details .parameters .box{
		margin-top: 25px;
		font-size: 15px;
	}
	.product-details .parameters .box .t1{
		margin-bottom: 10px;
	}
	/*鑱旂郴鎴戜滑*/
	.contact{
		padding-top: 20px;
	}
	.contact .above{
		position: static;
	}
	.contact .box, .online-message .box{
		max-width: 100%;
	}
	.contact .above, .contact .below{
		padding: 30px 0px;
		min-height: 1px;
	}
	.contact .box::before{
		display: none;
	}
	.contact .txt .t1{
		font-size: 15px;
	}
	.contact .txt .t2{
		font-size: 18px;
	}
	.contact .address{
		border-left: #eeeeee solid 1px;
	}
	.online-message{
		margin-top: 30px;
		padding-bottom: 0px;
	}
	.online-message .content{
		width: 100%;
	}
	.online-message .box{
		padding-left: 4%;
		padding-right: 4%;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.online-message .content form{
		margin-top: 30px;
	}
	.online-message .line .line-li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 3%;
		padding: 0px 20px;
	}
	.online-message .line .text-box{
		padding: 20px;
	}
	.online-message .line .line-li:nth-child(4n){
		margin-right: 4%;
	}
	.online-message .line .line-li:nth-child(2n){
		margin-right: 0;
	}
	.online-message .line .line-li input{
		height: 50px;
		font-size: 15px;
	}
	.online-message .line .text-box{
		padding: 15px 20px;
	}
	.online-message .line .text-box textarea{
		font-size: 15px;
	}
	.online-message .btn input{
		height: 50px;
		line-height: 50px;
	}
	/*璧勬枡涓嬭浇*/
	.other.page-nav ul li{
		min-width: 250px;
	}
	.data-download{
	/*	padding-top: 50px;*/
		padding-bottom: 50px;
	}
	.data-download .box{
		margin-top: 40px;
	}
	.data-download .box ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 3%;
	}
	.data-download .box ul li:nth-child(3n){
		margin-right: 4%;
	}
	.data-download .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.data-download .box ul li a{
		padding: 30px 25px 20px;
	}
	.data-download .box ul li .t1{
		font-size: 16px;
	}
	.data-download .box ul li .t2{
		margin-top: 10px;
	}
	/*鍙戝睍鍘嗙▼*/
	/*.develop{
		padding-top: 50px;
	}*/
	.develop .box .timeline{
		top: 127px;
	}
	.develop .year .slick-current .time{
		padding-top: 33px;
		font-size: 50px;
	}
	.develop .eventli .imgbox{
		padding-top: 50px;
	}
	.develop .eventli .txtbox{
		padding-top: 50px;
		padding-bottom: 60px;
		padding-left: 5%;
	}
	.develop .eventli .txtbox ul li{
		margin-bottom: 20px;
		font-size: 15px;
	}
	.develop .eventli .txtbox .tit{
		font-size: 20px;
	}
	/*鑽ｈ獕璧勮川*/
	.honor{
		/*padding-top: 50px;*/
		padding-bottom: 50px;
	}
	.honor .switchbtn span{
		width: 100px;
		height: 40px;
		line-height: 38px;
	}
	.honor .box{
		margin-top: 40px;
	}
	.honor .box ul li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 3%;
	}
	.honor .box ul li:nth-child(4n){
		margin-right: 2%;
	}
	.honor .box ul li:nth-child(3n){
		margin-right: 2%;
	}
	.honor .box ul li:nth-child(2n){
		margin-right: 0;
	}
	/* .honor .box ul li .imgbox{
		height: 250px;
		line-height: 250px;
	} */
	.honor .box ul li .txtbox .txt{
		font-size: 14px;
	}
	/*鍔犲叆鎴戜滑*/
	.style{
		padding-top: 50px;
	}
	.style .box{
		margin-top: 40px;
	}
	.style .box .side .more .t1{
		font-size: 18px;
	}
	.style .box .side .more .t2, .style .box .side .trigger{
		margin-top: 10px;
	}
	.popimg .swiper-button-next, .popimg .swiper-button-prev{
		width: 50px;
		height: 50px;
		-moz-background-size: 50px 50px;
		-webkit-background-size: 50px 50px;
		background-size: 50px 50px;
	}
	.recruitment{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.recruitment .box{
		margin-top: 40px;
	}
	.recruitment .box ul li{
		padding: 5% 3%;
		font-size: 15px;
	}
	.recruitment .box ul li .post{
		width: 38%;
		font-size: 16px;
	}
	.recruitment .box ul li .post img{
		margin-right: 15px;
	}
	.recruitment .box ul li .place{
		width: 17%;
	}
	.recruitment .box ul li .operation{
		width: 20%;
	}
	.recruitment .box ul li .operation span{
		float: right;
		padding-left: 15px;
		padding-right: 30px;
	}
	/*鏂伴椈*/
	.new{
		/*padding-top: 50px;*/
		padding-bottom: 50px;
	}
	.new .box ul{
		margin-bottom: 40px;
	}
	.new .box ul li{
		padding: 25px 0px;
	}
	.new .box ul li:hover .imgbox{
		padding-left: 0;
	}
	.new .box ul li:hover{
		padding-left: 3%;
		padding-right: 3%;
		background-color: #5a54c0;
	}
	.new .box ul li .imgbox{
		width: 30%;
	}
	.new .box ul li .txtbox{
		width: 51%;
	}
	.new .box ul li .txtbox .text .t1{
		font-size: 18px;
		margin-top: 0px;
	}
	.new .box ul li .txtbox .text .t2{
		font-size: 14px;
	}
	.new .box ul li .txtbox .text .t3{
		margin-top: 15px;
	}
	.new .box ul li .time{
		width: 15%;
		margin-top: 0;
		padding-right: 0;
	}
	.new .box ul li .time .t1{
		font-size: 50px;
	}
	/*鏂伴椈璇︽儏*/
	.new-detail{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.new-detail .box .left{
		width: 100%;
	}
	.new-detail .box .right{
		width: 100%;
		margin-top: 30px;	}
	.new-detail .box .blog-con{
		padding: 30px;
	}
	.new-detail .box .right .module{
		padding: 30px;
	}
	.detail-title .t2 .txtli{
		margin-right: 20px;
	}
	.detail-title .t1{
		font-size: 20px;
	}
	.new-detail .box .detail-box, .new-detail .box .right .module ul li a .t1{
		font-size: 14px;
	}
	.new-detail .box .right .module .title .t1{
		font-size: 18px;
	}
	/*鐢熶骇宸ヨ壓*/
	/*.technology{
		padding-top: 50px;
	}*/
	.technology .box{
		margin-top: 40px;
	}
	.technology .box .left{
		width: 100%;
	}
	.technology .box .left ul li{
		float: left;
		min-width: 30%;
		width: auto;
		overflow: hidden;
		padding: 20px 30px 20px 20px;
		margin-right: 15px;
	}
	.technology .box .left ul li .txt{
		padding-left: 15px;
		width: auto;
	}
	.technology .box .left ul li .txt .t1{
		font-size: 16px;
	}
	.technology .box .left ul li .num{
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 16px;
	}
	.technology .box .left ul li .txt .t2{
		font-size: 14px;
	}
	.technology .box .right{
		width: 100%;
		margin-top: 20px;
	}
	.technology .box .right .rotation .rotate-li .txtbox .t1{
		font-size: 20px;
		margin-bottom: 15px;
	}
	.technology .content{
		margin-top: 50px;
		padding-bottom: 50px;
	}
	.technology .content ul li{
		width: 48%;
		margin-right: 4%;
	}
	.technology .content ul li:nth-child(3n){
		margin-right: 4%;
	}
	.technology .content ul li:nth-child(2n){
		margin-right: 0;
	}
	.technology .content ul li .txtbox .t1{
		font-size: 16px;
	}
	.technology .box .right .rotation .rotate-li .txtbox{
		/*max-width: 640px;
		width: 90%;*/
		padding: 20px;
	}
	/*瑙嗛灞曡*/
	/*.video{
		padding-top: 50px;
	}*/
	.video .box{
		margin-top: 40px;
	}
	.video .box ul li{
		width: 48%;
		margin-right: 4%;
	}
	.video .box ul li:nth-child(3n){
		margin-right: 4%;
	}
	.video .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.video .box ul li .txtbox{
		font-size: 16px;
	}
}
@media screen and (max-width: 640px){
	.header .m-nav ul li>a, .one-level{
		font-size: 20px;
	}
	.sidebar{
		bottom: 1%;
	}
	.submenu .submenu-li a{
		font-size: 16px;
	}
	.header .h-language{
		margin-top: 18px;
	}
	.header .h-language ul li a{
		line-height: 24px;
	}
	/*鐧诲綍*/
	.login .box .content .title .t1{
		font-size: 20px;
	}
	.login-btn input{
		font-size: 15px;
	}
	.login-tips{
		margin-top: 20px;
	}
	/*鎼滅储*/
	.search-header .search-input{
		font-size: 16px;
	}
	/* banner */
	.i-banner .box .t1{
		font-size: 24px;
	}
	.i-banner .box .btn span{
		height: 36px;
		line-height: 36px;
		padding: 0px 15px;
	}
	.obanner{
		height: 300px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 24px;
	}
	.obanner .bannerzi .box .t2{
		margin-top: 10px;
	}
	/*鏍囬*/
	.i-title .t1{
		font-size: 16px;
	}
	.i-title .t2{
		font-size: 20px;
	}
	.i-title .t3{
		font-size: 24px;
	}
	.i-title .t5{
		font-size: 14px;
	}
	.i-title .line{
		width: 30px;
		height: 2px;
		margin: 10px auto 0px;
	}
	/*footer*/
	.footer{
		padding-top: 30px;
	}
	.footer .footer-top{
		overflow: hidden;
		padding-bottom: 20px;
	}
	.footer-nav, .footer-share{
		display: none;
	}
	.footer .footer-other{
		margin-top: 25px;
	}
	.footer-other .tit{
		font-size: 14px;
	}
	.footer-language .drop-down{
		margin-top: 10px;
	}
	.footer .footer-phone .t2{
		font-size: 24px;
	}
	.footer-other .platform ul{
		margin-top: 15px;
	}
	.footer .copyright{
		padding: 15px 0px;
	}
	.footer .copyright .txt{
		float: none;
		width: 100%;
		text-align: center;
	}
	.footer .t-support{
		width: 100%;
		text-align: center;
	}
	/*棣栭〉*/
	/*棣栭〉浜у搧涓績*/
	.i-product{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.i-product .all-btn{
		margin-top: 10px;
	}
	.all-btn a{
		min-width: 1px;
		height: 36px;
		line-height: 36px;
		padding: 0px 15px;
	}
	.all-btn a img{
		margin-left: 10px;
	}
	.i-product .product-box{
		padding-bottom: 40px;
	}
	.i-product .lower{
		margin-top: 30px;
	}
	.i-product .product-box .con .txtbox{
		padding: 4% 5%;
	}
	.i-product .product-box .con .txtbox .t1{
		font-size: 16px;
		line-height: 2;
	}
	/*棣栭〉鎴戜滑鐨勪紭鍔?/
	.i-advantage{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.i-advantage .tab{
		margin-top: 20px;
	}
	.i-advantage .tab ul li{
		width: 48%;
		margin-right: 4%;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.i-advantage .tab ul li:nth-child(2n){
		margin-right: 0;
	}
	.i-advantage .tabdiv .imgbox{
		display: none;
	}
	.i-advantage .tabdiv .txt{
		width: 100%;
		padding-top: 15px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 15px;
	}
	.i-advantage .tabdiv .txt .t1{
		font-size: 18px;
	}
	.i-advantage .tabdiv .txt .t2{
		margin-bottom: 10px;
	}
	/*棣栭〉鏂伴椈*/
	.i-news{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.i-news .switch-btn{
		margin-top: 20px;
	}
	.i-news .box{
		margin-top: 30px;
	}
	.i-news .switch-btn span{
		margin-left: 25px;
		font-size: 16px;
	}
	.news-li .txt .t1{
		height: auto;
	}
	/*绉戞妧鍐呮兜锛岀簿浜庡尰姊?/
	.i-video .box .txt{
		font-size: 24px;
	}
	.i-video .box .btn{
		margin-top: 20px;
	}
	/*棣栭〉鍏充簬鎴戜滑 鍞悗鏈嶅姟*/
	.i-about{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.i-about ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.i-about ul li:last-child{
		margin-bottom: 0px;
	}
	.i-about ul li .t1{
		font-size: 20px;
		margin-bottom: 10px;
	}
	.i-about ul li .t2{
		margin-bottom: 20px;
	}
	.i-about ul li .t3 .btn a{
		line-height: 40px;
	}
	.i-about ul li .t3 .btn a img{
		margin-left: 10px;
	}
	/*鍏充簬鎴戜滑*/
	/*.page-nav{
		top: -30px;
	}
	.page-nav .conwidth{
		padding-left: 0;
		padding-right: 0;
	}*/
	.page-nav ul li a{
		line-height: 60px;
		font-size: 16px;
	}
	.about{
		padding-bottom: 40px;
	}
	.culture{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.about .box{
		margin-top: 30px;
	}
	.about .box .txtbox{
		padding-top: 20px;
		font-size: 15px;
	}
	.about-banner{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.about-banner .btn{
		margin-top: 30px;
	}
	.about-banner .num{
		margin-top: 10px;
		padding-top: 0px;
	}
	.about-banner .num ul li{
		/*width: 25%;
		margin-right: 0;*/
		width: 48%;
		margin-right: 4%;
		margin-top: 30px;
	}
	.about-banner .num ul li:nth-child(2n){
		margin-right: 0;
	}
	.about-banner .num ul li .t1{
		margin-bottom: 10px;
	}
	.about-banner .num ul li .t1 span{
		font-size: 28px;
	}
	.about-banner .num ul li .t2{
		font-size: 14px;
	}
	.culture .box{
		margin-top: 30px;
	}
	.culture .box ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.culture .box ul li:last-child{
		margin-bottom: 0;
	}
	.culture .box ul li .txtbox{
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.culture .box ul li .txtbox .t1{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.culture .box ul li .txtbox .t2{
		font-size: 16px;
	}
	/*浜у搧涓績*/
	.product-center{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.product-center .box .left{
		width: 100%;
		padding: 0 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.product-center .box .left .tit{
		font-size: 16px;
	}
	.product-center .box .left .tit .icon{
		display: block;
	}
	.product-center .box .left .content ul{
		display: none;
		overflow: hidden;
	}
	.product-center .box .left .content.on ul{
		display: block;
	}
	.product-center .box .left .content ul li{
		/*float: left;
		margin-right: 30px;*/
		width: 100%;
	}
	.product-center .box .left .content ul li:last-child{
		margin-right: 0;
	}
	.product-center .cp-search{
		margin-top: 20px;
	}
	.product-center .cp-search .search-left input{
		font-size: 14px;
	}
	.product-center .box .right{
		margin-left: 0;
		width: 100%;
		margin-top: 30px;
	}
	.product-center .box .right ul li .txtbox .t1{
		font-size: 15px;
	}
	/*浜у搧鍒嗙被鍒楄〃*/
	.product{
		padding-top: 40px;
	}
	.product .box ul li .txtbox .t1{
		font-size: 16px;
	}
	.product .box ul li ul{
		margin-top: 10px;
	}
	.product .box ul li .txtbox .btn span{
		padding: 0px 20px;
	}
	/*浜у搧璇︽儏*/
	.product-details{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.product-details .attribute .right .box .t1{
		font-size: 18px;
		padding-bottom: 15px;
	}
	.product-details .attribute .right .box .btn a {
	    height: 40px;
	    line-height: 40px;
	    padding: 0px 25px;
		font-size: 15px;
	}
	.product-details .parameters{
		margin-top: 50px;
	}
	.product-details .parameters .tit span{
		padding-bottom: 15px;
	}
	.product-details .parameters .box{
		margin-top: 25px;
		font-size: 15px;
	}
	.product-details .parameters .box .t1{
		margin-bottom: 10px;
	}
	/*鑱旂郴鎴戜滑*/
	.contact .above, .contact .below{
		padding: 20px 0px;
		min-height: 1px;
	}
	.contact .address{
		width: 100%;
		margin-top: 25px;
		text-align: left;
		padding-left: 0;
		border-left: none;
	}
	.contact .below ul li{
		width: 100%;
		text-align: left;
		margin-bottom: 20px;
	}
	.contact .below ul li:last-child{
		margin-bottom: 0px;
	}
	.contact .txt .t1{
		font-size: 14px;
	}
	.contact .txt .t2{
		font-size: 16px;
		margin-top: 6px;
	}
	.online-message{
		margin-top: 20px;
	}
	.online-message .box{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.online-message .content form{
		margin-top: 25px;
	}
	.online-message .line .line-li{
		width: 100%;
		margin-right: 0%;
		margin-bottom: 20px;
	}
	.online-message .line .line-li input{
		height: 45px;
		font-size: 14px;
	}
	.online-message .line .text-box{
		padding: 12px 20px;
	}
	.online-message .line .text-box textarea{
		font-size: 14px;
	}
	.online-message .btn{
		width: 130px;
		margin-top: 20px;
	}
	.online-message .btn input {
	    height: 45px;
	    line-height: 45px;
	    font-size: 15px;
	}
	/*璧勬枡涓嬭浇*/
	.page-nav.other ul{
		width: 100%;
	}
	.other.page-nav ul li{
		float: none;
		display: inline-block;
		min-width: 1px;
		width: 48%;
	}
	.data-download{
		/*padding-top: 40px;*/
		padding-bottom: 40px;
	}
	.data-download .box{
		margin-top: 30px;
	}
	.data-download .box ul li{
		width: 100%;
		margin-right: 0%;
		margin-bottom: 20px;
	}
	.data-download .box ul li:last-child{
		margin-bottom: 0;
	}
	.data-download .box ul li a{
		padding: 20px 20px;
	}
	.data-download .box ul li .t1{
		padding-left: 40px;
		font-size: 15px;
		line-height: 2;
	}
	.data-download .box ul li .t2{
		margin-top: 0;
	}
	.data-download .box ul li .t1 .icon{
		top: 2px;
	}
	/*鍙戝睍鍘嗙▼*/
	.develop{
		padding-top: 10px;
		padding-bottom: 40px;
	}
	.develop .box .timeline{
		top: 122px;
	}
	.develop .time{
		padding-top: 5px;
		font-size: 20px;
	}
	.develop .year .slick-current .time{
		padding-top: 45px;
		font-size: 40px;
	}
	.develop .eventli .imgbox{
		float: none;
		padding-top: 40px;
		width: 100%;
		padding-bottom: 0;
	}
	.develop .eventli .imgbox img{
		width: 100%;
	}
	.develop .eventli .txtbox{
		padding-top: 30px;
		padding-bottom: 40px;
		padding-left: 5%;
		border-left: none;
		width: 100%;
	}
	.develop .eventli .txtbox ul li{
		margin-bottom: 15px;
		font-size: 14px;
	}
	.develop .eventli .txtbox .tit{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.develop .slick-next{
		right: -4%;
	}
	.develop .slick-prev{
		left: -4%;
	}
	/*鑽ｈ獕璧勮川*/
	.honor{
		/*padding-top: 40px;*/
		padding-bottom: 40px;
	}
	.honor .box{
		margin-top: 30px;
	}
	.honor .switchbtn span{
		width: 90px;
		height: 38px;
		line-height: 36px;
		margin-left: 15px;
	}
	/*鍔犲叆鎴戜滑*/
	.style{
		padding-top: 40px;
	}
	.style .box{
		margin-top: 30px;
	}
	.style .box .side .more .t2{
		margin-top: 20px;
	}
	.imgpopup .content{
		width: 90%;
	}
	.popimg .swiper-button-next, .popimg .swiper-button-prev{
		width: 40px;
		height: 40px;
		-moz-background-size: 40px 40px;
		-webkit-background-size: 40px 40px;
		background-size: 40px 40px;
	}
	.style .box .side.left{
		width: 100%;
		overflow: hidden;
		padding-right: 0;
	}
	.style .box .side .img{
		float: left;
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
		margin-top: 4%;
	}
	.style .box .side .img:nth-child(2n){
		margin-right: 0;
	}
	.style .box .middle{
		width: 100%;
	}
	.style .box .side.right{
		width: 100%;
		overflow: hidden;
		padding-left: 0;
	}
	.recruitment{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.recruitment .box{
		margin-top: 30px;
	}
	.recruitment .box ul li .post{
		width: 70%;
	}
	.recruitment .box ul li .place{
		float: right;
		width: 30%;
		text-align: right;
	}
	.recruitment .box ul li .date{
		width: 40%;
		margin-top: 10px;
	}
	.recruitment .box ul li .operation{
		width: 60%;
		margin-top: 10px;
	}
	.recruitment .box ul li .operation span{
		height: 36px;
		line-height: 36px;
	}
	/*鏂伴椈*/
	.new{
		/*padding-top: 40px;*/
		padding-bottom: 40px;
	}
	.new .box ul{
		margin-bottom: 30px;
	}
	.new .box ul li{
		padding: 20px 0px;
	}
	.new .box ul li .txtbox .text .t1{
		font-size: 16px;
		margin-top: 0px;
	}
	.new .box ul li .txtbox .text .t2{
		font-size: 14px;
		margin-top: 5px;
	}
	.new .box ul li .txtbox .text .t3{
		margin-top: 10px;
	}
	.new .box ul li .time{
		width: 15%;
		margin-top: 0;
		padding-right: 0;
	}
	.new .box ul li .time .t1{
		font-size: 40px;
	}
	.new .box ul li .time .t2{
		font-size: 16px;
	}
	/*鏂伴椈璇︽儏*/
	.new-detail{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.detail-other{
		padding-top: 25px;
	}
	.new-detail .box .blog-con, .new-detail .box .right .module{
		padding: 20px;
	}
	.new-detail .box .right .module ul{
		margin-top: 20px;
	}
	.new-detail .box .right .module ul li a .t1{
		margin-bottom: 10px;
	}
	/*鐢熶骇宸ヨ壓*/
	/*.technology{
		padding-top: 40px;
	}*/
	.technology .box{
		margin-top: 30px;
	}
	.technology .box .left ul li{
		width: 100%;
		padding: 12px 20px 12px 10px;
		margin-right: 10px;
	}
	.technology .box .left ul li .txt{
		padding-left: 10px;
	}
	.technology .box .left ul li .txt .t1{
		font-size: 15px;
	}
	.technology .box .left ul li .num{
		width: 30px;
		height: 30px;
		line-height: 30px;
		font-size: 15px;
	}
	.technology .box .right{
		width: 100%;
		margin-top: 20px;
	}
	.technology .box .right .rotation .rotate-li .txtbox .t1{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.technology .content{
		margin-top: 40px;
		padding-bottom: 40px;
	}
	.technology .content ul li:nth-child(3n){
		margin-right: 4%;
	}
	.technology .content ul li:nth-child(2n){
		margin-right: 0;
	}
	.technology .content ul li .txtbox .t1{
		font-size: 15px;
	}
	.technology .swiper-button-next, .technology .swiper-button-prev{
		bottom: 10px;
	}
	.technology .swiper-button-prev, .technology .swiper-container-rtl .swiper-button-next{
		left: 20px;
	}
	.technology .swiper-button-next, .technology .swiper-container-rtl .swiper-button-prev{
		left: 65px;
	}
	/*.technology .box .right .rotation .rotate-li .txtbox{
		padding: 20px 25px 60px;
	}*/
	/*瑙嗛灞曡*/
	.video{
		/*padding-top: 40px;*/
		padding-bottom: 20px;
	}
	.video .box{
		margin-top: 30px;
	}
	.video .box ul li .txtbox{
		font-size: 15px;
	}
}
@media screen and (max-width: 600px){
	.header .m-nav ul li>a, .one-level{
		font-size: 18px;
		line-height: 60px;
	}
	.page-nav ul li a{
		font-size: 15px;
	}
	/*鏂伴椈*/
	.new .box ul li .imgbox, .new .box ul li .txtbox, .new .box ul li .time{
		width: 100%;
	}
	.new .box ul li .txtbox{
		margin-top: 15px;
	}
	.new .box ul li .time .t1, .new .box ul li .time .t2{
		display: none;
	}
	.new .box ul li .time .t3{
		display: block;
	}
	/*浜у搧鍒嗙被鍒楄〃*/
	.product .box ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.product .box ul li .txtbox{
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
	}
	/*鐢熶骇宸ヨ壓*/
	.technology .content ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.technology .content ul li .txtbox{
		padding: 15px 20px;
	}
	/*瑙嗛灞曡*/
	.video .box ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 1024px){
        .i-banner .box, .i-banner .box .btn{
            display: none;
        }
}