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: "Arial","Microsoft YaHei","Helvetica Neue",Helvetica,sans-serif;
    background-color: #ffffff;
    overflow-x: hidden;
}

button, textarea,select{
   -webkit-appearance: none;
   resize: none;
   outline: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
   /*border: 0;*/
}
input{
	resize: none;
   outline: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
h1, h2, h3, h4, h5, h6 {
    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;
  
}

a:active {
    text-decoration: none
}

li {
    list-style: none;
}

.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
}

@font-face{
    font-family: "co"; 
    src: url('../font/C031016T.TTF');
}
@font-face{
    font-family: "psb"; 
    src: url('../font/Poppins-SemiBold_2.ttf');
}
@font-face{
    font-family: "psr"; 
    src: url('../font/Poppins-Regular_0.ttf');
}

@font-face{
    font-family: "psm"; 
    src: url('../font/Poppins-Medium.ttf');
}

@font-face{
	font-family: 'iag';
	src: url('../font/ITCAVANTGARDECEGOTHICDEMI.TTF');
}
.conwidth{
	max-width: 1400px;
	width: 90%;
	margin: auto;
}

/*header*/
.header {
	position:absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 12;
	margin: auto;


	width: 100%;

	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.header.on{
	background: #FFFFFF;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}
.header.hover{
	background: #FFFFFF;
}
.header.hide{
	top: -100%;
}
.header .wrap{
	width: 86.5%;
	margin: auto;
}
.header .content{
}

.header .box {
	text-align: center;
	font-size: 0;
}

.header .logo {
	float: left;
}
.header .logo a {
	height: 100px;
	line-height: 100px;
}
.header .logo a img {
	
}

.header .head-right{
	float: right;
}
.header .nav {
	float: left;
	display: inline-block;
	margin-right: 20px;
}
.header .nav>ul>li{
	position: relative;
	float: left;
	padding: 0px 30px;
}

.header .nav>ul>li>a {
	position: relative;
	font-family: arial;
	color: #444444;
	font-size: 18px;
	line-height: 100px;
	padding: 0px 10px;
}
.header .nav>ul>li:hover>a,
.header .nav>ul>li.on a {
	color: #405aa8;
}
.header .nav>ul>li>a:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	width: 0;
	height: 5px;
	margin: auto;
	background: #405aa8;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.header .nav>ul>li:hover>a:before,
.header .nav>ul>li.on>a:before{
	width: 100%;
}
.header .drop-down {
	position: absolute;
	top: 100px;
	/*left: 50%;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	min-width: 156px;*/
	left: 0;
	padding: 12px 0px;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 0px 0px 4px 4px;
	display: none;
}
.header .alter .drop-down{
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
.header .drop-down a {
	display: block;
	font-family: 'psr';
	color: #444444;
	font-size: 16px;
	line-height: 40px;
	padding-left: 25px;
	padding-right: 30px;
	text-align: left;
	white-space: nowrap;
	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;
}

.header .drop-down a:hover {
	color: #405aa8;
}

.header .drop-down a img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px;
}

.header .drop-down a .ic2 {
	display: none;
}

.header .drop-down a:hover .ic1 {
	display: none;
}

.header .drop-down a:hover .ic2 {
	display: inline-block;
}

.header .drop-down a .t1 {
	font-size: 16px;
	color: #191E4C;
	line-height: 22px;
	text-align: left;
	padding: 0px 30px;
}

.header .drop-down a .t2 {
	margin-top: 12px;
	font-size: 14px;
	color: #687990;
	line-height: 20px;
	text-align: left;
	padding: 0px 30px;
	white-space: nowrap;
}
/*搜索*/
.searchdiv {
	float: left;
	text-align: center;
}

.header .show-search-btn {
	/*display: block;*/
	height: 100px;
	line-height: 100px;
	transition-duration: .3s;
	text-align: center;
	font-size: 16px;
	color: #666666;
	overflow: hidden;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.show-search-btn img {
	margin-left: 10px;
}
.show-search-btn svg{
	max-width: 24px;
	max-height: 24px;
}
.show-search-btn .ic2 {
	display: none;
}

.header .content.alter .show-search-btn .ic2,
.header.white .show-search-btn .ic2,
.header.hover .show-search-btn .ic2{
	display: inline-block;
}

.header .content.alter .show-search-btn .ic1,
.header.white .show-search-btn .ic1,
.header.hover .show-search-btn .ic1 {
	display: none;
}


.row {
	position: relative;
}

/*语言切换*/
.head-nation{
	float: left;
	position: relative;
	margin-left: 50px;
	margin-top: 35px;
	-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.white .head-nation, .header.alter .head-nation{
	background: url(../images/lang.png) center left no-repeat;
}*/
.head-nation .current{
	cursor: pointer;
	margin-bottom: 10px;
	min-height: 30px;
	/*padding-left: 28px;
	background: url(../images/lang.png) center left no-repeat;*/
}
.head-nation .current .name{
	min-width: 50px;
	font-family: arial;
    font-size: 18px;
   	color: #405aa8;
   	line-height: 30px;
    vertical-align: middle;
    display: inline-block;
    transition: all .3s;
    text-align: center;
}
.head-nation ul{
	display: none;
	position: absolute;
	left: 0;
	left: 50%;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 40px;
	z-index: 10;
	background-color: #ffffff;
	padding: 10px 0px;
	text-align: left;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
}
.head-nation ul li a{
	display: block;
	font-weight: bold; 
    font-size: 16px;
    color: #666666;
    line-height: 2.2;
    min-width: 90px;
    text-align: center;
    padding: 0px 20px;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.head-nation ul li a:hover{
	color: #405aa8;
	background-color: #f9f9f9;
}
/**/
.menubtn {
	display: none;
	float: right;
	width: 45px;
	height: 70px;
	background: url(../image/menu-icon1.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
	cursor: pointer;
}

/*.header.white .menubtn,
.header .content.alter .menubtn,
.header.hover .menubtn {
	background: url(../images/menu-icon1a.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
}*/

.menubtn.on {
	background: url(../image/menu-icon2.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
}

/*.header.white .menubtn.on,
.header .content.alter .menubtn.on,
.header.hover .menubtn.on {
	background: url(../images/menu-icon2a.png) center right no-repeat;
	-moz-background-size: 28px 28px;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
}*/

.m-nav {
	position: fixed;
	top: 60px;
	left: 0;
	width: 100%;
	height: calc(100% - 60px);
	background: #fff;
	display: none;
	z-index: 99;
	overflow-y: scroll;
}

.m-nav .nav-list {
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%;
}
.m-nav .nav-list>li{
	text-align: left;
	border-bottom: #e8e8e8 solid 1px;
	box-sizing: border-box;
}
.m-nav .nav-list .one-level{
	position: relative;
	padding-right: 40px;
}
.m-nav .nav-list .one-level i{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 50px;
	background: url(../image/img33.png) center no-repeat;
	background-size: 9px 15px;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.m-nav .nav-list .one-level.on i{
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
.m-nav .nav-list>li>a,
.m-nav .nav-list .one-level{
	font-family: "syr";
	font-size: 18px;
	color: #666666;
	display: block;
	height: 50px;
	line-height: 50px;
}

.m-nav .nav-list>li>a:hover,
.m-nav .nav-list .one-level.on,
.m-nav .nav-list .one-level:hover {
	color: #405aa8;
}
.m-nav .nav-list .lang{
	text-align: center;
	margin-top: 10%;
	border-bottom: none;
}
.m-nav .nav-list .lang .one-level{
	padding-right: 0;
}
.m-nav .nav-list .one-level a, .m-nav .nav-list .one-level span{
	display: inline-block;
    color: #666666;
}
.m-nav .nav-list .one-level span{
	margin: 0 30px;
}
.m-nav .nav-list .one-level:hover span{
	color: #666666;
}
.m-nav .nav-list li a .tit {
	color: #222222;
}

.m-nav .nav-list li a:hover .tit {
	color: #405aa8;
}

.m-nav .m-subnav {
	display: none;
	border-top: #e8e8e8 solid 1px;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 20px;
	box-sizing: border-box;
}

.m-nav ul li .m-subnav>a,
.m-nav ul li .m-subnav .two-level {
	display: block;
	font-family: "syn";
	font-size: 16px;
	color: #999999;
	padding-left: 15px;
	height: 40px;
	line-height: 40px;
}

.m-nav ul li .m-subnav a .ic2 {
	display: none;
}

.m-nav ul li .m-subnav a:hover .ic1 {
	display: none;
}

.m-nav ul li .m-subnav a:hover .ic2 {
	display: inline-block;
}

.m-nav ul li .m-subnav a:hover {
	color: #405aa8;
}

.m-nav .subnav_2 {
	padding-left: 30px;
	display: none;
}

.m-nav .subnav_2 .subnav_2li>a,
.m-nav .three {
	display: block;
	font-size: 16px;
	color: #666666;
	height: 40px;
	line-height: 40px;
}

.m-nav .subnav_3 a {
	display: block;
	font-size: 15px;
	line-height: 2;
	color: #999999;
}

.m-nav .subnav_3 {
	display: none;
	padding: 0px 15px;
}

/*侧边栏*/
.sidebar{
	position: fixed;
	bottom: 20%;
    right: 0;
    z-index: 99;
}
.sidebar>ul{
}
.sidebar>ul>li{
	position: relative;
	text-align: center;
	cursor: pointer;
	margin-bottom: 1px;
}
.sidebar ul li:last-child{
	margin-bottom: 0px;
}
.sidebar ul li a,
.sidebar ul li span{
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	position: relative;
	text-align: center;
	overflow: hidden;
	background: #dfdfdf;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.sidebar ul li.on a, .sidebar ul li:hover a{
	background: #405aa8;
	text-decoration:none;
}
.sidebar ul li a img{
	max-width: 100%;
}
.sidebar ul li a img.ic2{
	display: none;
}
.sidebar ul li:hover a img.ic1{
	display: none;
}
.sidebar ul li:hover a img.ic2{
	display: inline-block;
}
.sidebar ul li.istop span{
	background: #405aa8;
}
.sidebar ul li .secondary{
	display: none;
	position: absolute;
	right: 85px;
	top: 50%;
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	min-width: 100%;
	min-height: 100%;
	background: #ffffff;
	box-shadow: 0px 8px 29px rgba(6,63,55,0.2);
	border-radius: 15px;
    box-sizing: border-box;
    white-space: nowrap;
}
.sidebar ul li .secondary::before{
	content: '';
	position: absolute;
	top: 0;
	right: -10px;
	bottom: 0;
	margin: auto;
	width: 0;
    height: 0;
	border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 10px solid #ffffff;
}
.sidebar ul li .imgbox{
	padding: 20px;
	overflow: hidden;
}
.sidebar ul li .codeimg{
	text-align: center;
	width: 110px;
}
.sidebar ul li .codeimg img{
	display: block;
	width: 100%;
}
.sidebar ul li .txt{
	text-align: center;
	margin-top: 10px;
	color: #666666;
	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{
	width: 100%;
}
.i-banner .box .t1{
	font-family: "co"; 
	color: #405aa8;
	font-size: 56px;
	line-height: 1.3;
	/*margin-bottom: 30px;*/
	word-break: break-word;
}
.i-banner .box .t2{
	font-family: "syr"; 
	color: #fefefe;
	font-size: 20px;
	margin-bottom: 50px;
	word-break: break-word;
}
.i-banner .box .btn{
	text-align: left;
	padding: 0;
}
.i-banner .box .btn span{
	display: inline-block;
	min-width: 180px;
	text-align: center;
	padding: 0px 35px;
	color: #fcfdff;
	font-size: 16px;
	background: #7bbe42;
	height: 56px;
	line-height: 56px;
	border-radius: 28px;
	box-sizing: border-box;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.i-banner .box .btn span:hover{
	color: #405aa8;
	background: #ffffff;
}
.lunbotu .arrowsbox{
	position: absolute;
	left: 50%;
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 60px;
	max-width: 1400px;
	width: 90%;
	overflow: hidden;
	z-index: 11;
}
.lunbotu .swiper-button-next, 
.lunbotu .swiper-button-prev{
	position: static;
	margin-top: 0px;
	display: inline-block;
	margin-right: 15px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background-color: #405aa8;
	-moz-background-size: 22px 11px;
    -webkit-background-size: 22px 11px;
    background-size: 22px 11px;
    border-radius: 50%;
    overflow: hidden;
}
.lunbotu .swiper-button-next, 
.lunbotu .swiper-container-rtl .swiper-button-prev{
	background-image: url(../image/img10.png);
}
.lunbotu .swiper-button-prev, 
.lunbotu .swiper-container-rtl .swiper-button-next{
	background-image: url(../image/img9.png);
}
.lunbotu .swiper-button-next.swiper-button-disabled, 
.lunbotu .swiper-button-prev.swiper-button-disabled{
	opacity: 1;
    background-color: #ffffff;
}
.lunbotu .swiper-button-next.swiper-button-disabled{
	background-image: url(../image/img10a.png);
}
.lunbotu .swiper-button-prev.swiper-button-disabled{
	background-image: url(../image/img9a.png);
}
.lunbotu .swiper-pagination{
	z-index: 7;
}
.lunbotu .swiper-pagination-bullet{
	position: relative;
	width: 70px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background: none;
	border-radius: 0;
	color: transparent;
	font-size: 14px;
}
.lunbotu .swiper-pagination-bullet:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 3px;
	background: #FFFFFF;
	opacity: 0.4;
}
.lunbotu .swiper-pagination-bullet-active{
	color: #ffffff;
	background: none;
	border-radius: 0;
	opacity: 1;
}
/*.lunbotu .swiper-pagination-bullet-active:before{
	opacity: 1;
}*/
.lunbotu .swiper-pagination-bullet-active:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 3px;
	background: #FFFFFF;
	animation: linewidth 5000ms forwards ease;
}
@-webkit-keyframes linewidth{
	0%{
		width: 0;
	} 
	100%{
		width: 100%;
	}
}
@keyframes linewidth{
	0%{
		width: 0;
	} 
	100%{
		width: 100%;
	}
}
.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, 
.lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction {
    bottom: 50px;
    left: 0;
    width: 100%;
}

.omain{
	padding-top: 100px;
}
.obanner{
	position: relative;
	z-index: 1;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.obanner>img{
	width: 100%;
}
.ob-img{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.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;
    color: #FFFFFF;
}
.bannerzi.black{
	color: #222222;
}
.obanner .bannerzi .box{
	text-align: left;
}
.obanner .bannerzi .box.center{
	text-align: center;
	max-width: 830px;
	width: 100%;
	margin: auto;
}
.obanner .bannerzi .box .t1{
	font-family: 'psr';
	font-size: 60px;
	line-height: 1;
}
.obanner .bannerzi .box .t2{
	font-size: 16px;
	line-height: 2;
	margin-top: 15px;
} 
.obanner .bannerzi .box .t2 a{
	display: inline-block;
	vertical-align: middle;
	margin-right: 16px;
	color: #FFFFFF;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.obanner .bannerzi .box .t2 a:hover{
	color: #405aa8 !important;
}
.obanner .bannerzi .box .t2 i{
	display: inline-block;
	vertical-align: middle;
	width: 2px;
	height: 14px;
	background: #ffffff;
	margin-right: 16px;
}
.obanner .bannerzi.black .box .t2 a{
	color: #222222;
}
.obanner .bannerzi.black .box .t2 i{
	background: #818488;
}
.obanner .bannerzi .box .t3{
	font-family: 'psm';
	color: #ffffff;
	font-size: 40px;
	line-height: 1.1;
	margin-bottom: 20px;
}
.obanner .bannerzi .box .t4{
	font-family: 'psl';
	color: #ffffff;
	font-size: 18px;
}
#cas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*opacity: 0.3;*/
    z-index: 1;
}

@-webkit-keyframes fadeInUpSmall{
  	from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 80px, 0);
	    transform: translate3d(0, 80px, 0);
  	}
  	to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
  	}
}
@keyframes fadeInUpSmall {
  	from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 80px, 0);
	    transform: translate3d(0, 80px, 0);
  	}
  	to {
	    opacity: 1;
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
  	}
}
.fadeInUpSmall {
  	-webkit-animation-name: fadeInUpSmall;
  	animation-name: fadeInUpSmall;
}
@keyframes fadeup {
  	0% {
	    transform: translateY(20px);
	    opacity: 0;
  	}
  	100% {
	    transform: translateY(0);
	    opacity: 1;
  	}
}
.fadeup {
    -webkit-animation-name: fadeup;
    animation-name: fadeup;
}
@keyframes faderight {
  	0% {
	    transform: translateX(20px);
	    opacity: 0;
  	}
  	100% {
	    transform: translateX(0);
	    opacity: 1;
  	}
}
.faderight {
    -webkit-animation-name: faderight;
    animation-name: faderight;
}

@keyframes fadeleft {
  	0% {
	    transform: translateX(-20px);
	    opacity: 0;
  	}
  	100% {
	    transform: translateX(0);
	    opacity: 1;
  	}
}
.fadeleft {
    -webkit-animation-name: fadeleft;
    animation-name: fadeleft;
}
/*index*/
.i-introduce{
	padding-top: 7.5%;
	background: #f6f8fc url(../image/img11.png) bottom center no-repeat;
	background-size: 100% auto;
}
.i-introduce .box{
	position: relative;
	padding-bottom: 320px;
}
.i-introduce .leftbox{
	float: left;
	width: 52.2%;
}
.i-introduce .leftbox .text{
}
.i-introduce .leftbox .text .t1{
	font-family: "psb"; 
	color: #222222;
	font-size: 40px;
	line-height: 1.3;
	margin-bottom: 30px;
}
.i-introduce .leftbox .text .t2{
	color: #656565;
	font-size: 16px;
	line-height: 2;
	word-break: break-word;
	margin-bottom: 40px;
}
.morebtn{
	font-size: 0;
}
.morebtn a,
.morebtn span{
	position: relative;
	z-index: 1;
	display: inline-block;
	color: #ffffff;
	font-family: "psr";
	font-size: 16px;
	padding: 0px 15px;
	height: 50px;
	line-height: 50px;
}
.product .morebtn span{
	font-family: arial;
	font-size: 14px;
}
.morebtn a img,
.morebtn span img{
	display: inline-block;
	margin-left: 15px;
}
.morebtn a:before,
.morebtn span:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #334fa2;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.morebtn a:hover:before,
.morebtn span:hover:before{
	left: auto;
	right: 0;
	width: 0;
}
.morebtn a:after,
.morebtn span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	background: #405aa8;
}
.i-introduce .iconbox{
	margin-top: 40px;
}
.introduce .iconbox{
	float: left;
	width: 100%;
	margin-top: 100px;
}
.introduce .iconbox ul{
	max-width: 1240px;
	width: 100%;
	margin: auto;
}
.i-introduce .iconbox li{
	float: left;
	width: -moz-calc((100% - 50px) / 6);
	width: -webkit-calc((100% - 50px) / 6);
	width: calc((100% - 50px) / 6);
	margin-right: 10px;
	text-align: center;
	border: #FFFFFF solid 3px;
	height: 100px;
	line-height: 94px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	background: -webkit-linear-gradient(rgba(228,228,228,0.2), rgba(255,255,255,0.2)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(228,228,228,0.2), rgba(255,255,255,0.2));/* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(228,228,228,0.2), rgba(255,255,255,0.2));/* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(228,228,228,0.2), rgba(255,255,255,0.2)); /* 标准的语法（必须放在最后） */
}
.i-introduce .iconbox li:nth-child(6n){
	margin-right: 0;
}
.i-introduce .iconbox li img{
	max-width: 70px;
}
.i-introduce .rightbox{
	position: relative;
	float: right;
	width: 44.28%;
	overflow: hidden;
	border-radius: 10px;
}
.i-introduce.introduce .rightbox{
	border-radius: 0px 80px 0px 0px;
}
.i-introduce .rightbox img{
	display: block;
	width: 100%;
}
.i-introduce .rightbox .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 136px;
	height: 136px;
	margin-top: -68px;
	margin-left: -68px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.icon .inner{
	position: relative;
	z-index: 10;
    width: 90px;
    height: 90px;
    border-radius: 45px;
    background: #3a5bbe url(../image/img12.png) center no-repeat;
    background-size: 31% auto;
}
.i-introduce .rightbox .icon span{
	padding: 40%;
	position: absolute;
	left: 10%;
    top: 10%;
	border: 1px solid #405aa8;
	box-shadow: 0 0 120px 30px rgba(64, 90, 168, 1) inset;
	border-radius: 100%;
	z-index: 1;
	opacity: 0;
}
.i-introduce .rightbox .icon .sp1{
	-webkit-animation: wateranimate 3s 2.4s ease-out infinite;
	animation: wateranimate 3s 2.4s ease-out infinite;
}			
.i-introduce .rightbox .icon .sp2{
	-webkit-animation: wateranimate 3s 1.6s ease-out infinite;
	animation: wateranimate 3s 1.6s ease-out infinite;
}
.i-introduce .rightbox .icon .sp3{
	-webkit-animation: wateranimate 3s 0.8s ease-out infinite;
	animation: wateranimate 3s 0.8s ease-out infinite;
}
.i-introduce .rightbox .icon .sp4{
	-webkit-animation: wateranimate 3s 0s ease-out infinite;
	animation: wateranimate 3s 0s ease-out infinite;
}
.i-introduce .numbox{
	position: absolute;
	left: 0;
	bottom: 110px;
	z-index: 10;
	width: 100%;
}
.numbox ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.numbox ul li{
	position: relative;
	text-align: center;
}
.numbox ul li:before{
	content: '';
	position: absolute;
	right: -120px;
	top: 50%;
	width: 1px;
	height: 66px;
	margin-top: -33px;
	background: url(../image/img36.png) center no-repeat;
}
.numbox ul li:nth-child(4n):before{
	background: none;
}
.numbox ul li .t1{
	position: relative;
	font-family: "din"; 
	color: #405aa8;
	font-size: 30px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.numbox ul li .t1 span{
	display: inline-block;
	vertical-align: top;
}
.numbox ul li .t1 .timer{
	display: inline-block;
	font-size: 50px;
}
.numbox ul li .t1:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 20px;
	height: 2px;
	background: #405aa8;
	margin-left: -20px;
}
.numbox ul li .t2{
	color: #666666;
	font-size: 18px;
}
/*视频弹窗样式*/
.bigPicLayer {
	display: none;
	width: 1000px;
	height: 556px;
	position: fixed;
	z-index: 11;
	top: 40% !important;
	margin-top: -180px;
	padding: 10px;
}
.bigPicLayer .close {
	display: block;
	width: 38px;
	height: 38px;
	background: url(../image/closebtn.png) no-repeat;
	right: -50px;
	top: -50px;
	position: relative;
	position: absolute;
	z-index: 12;
}
.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%;
}
#Layer1 {
	position: fixed;
	z-index: 9;
	background: #000000;
	top: 0;
	left: 0;
	width: 100% !important;
}
/*.video_all{
	position:fixed; 
	top:0; 
	left:0; 
	z-index: 9; 
	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: 111;
		top: 40% !important;
		margin-top: -100px;
		padding: 10px;
	}
}
@media screen and (max-width: 1004px) {
	.bigPicLayer {
		left: 50% !important;
		margin-left: -300px;
		box-sizing: border-box;
	}
	.bigPicLayer .imgDiv {
		height: 169px;
	}
}
@media only screen and (max-width: 767px){
	.bigPicLayer {
		display: none;
		position: fixed;
		width: 94%;
		height: auto;
		margin-left: 0px;
		top: 35% !important;
		left: 3% !important;
		z-index: 10;
	}
	
	.bigPicLayer .close {
		display: block;
		width: 40px;
		height: 40px;
		right: 0;
		top: -15%;
		position: absolute;
		background-size: cover;
		z-index: 10;
	}
	
}
@media only screen and (max-width: 480px){
	.bigPicLayer .close {
		width: 36px;
		height: 36px;
	}
	
}
/*product*/
.i-product{
	padding-top: 90px;
	padding-bottom: 80px;
	background: url(../image/img37.jpg) center no-repeat;
	background-size: cover;
}
.pro_title{
	padding-bottom: 24px;
	border-bottom: rgba(0,0,0,0.1) solid 1px;
}
.pro_title .tit{
	float: left;
	color: #06428b;
	font-size: 40px;
	font-family: "psb";
	text-transform: uppercase;
	font-weight: bold;
	
}
.pro_title .searchwrap{
	float: right;
	width: 250px;
	border-radius: 22px;
	overflow: hidden;
	background: rgba(255,255,255,0.2);
	border: rgba(0,41,85,0.5) solid 2px;
	margin-top: 10px;
}
.pro_title .searchwrap .text{
	float: left;
	width: -moz-calc(100% - 60px);
	width: -webkit-calc(100% - 60px);
	width: calc(100% - 60px);
	padding-left: 20px;
	box-sizing: border-box;
	height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: none;
    border: none;
    outline: none;
}
.i-product .pro_title .searchwrap .text{
	color: #737373;
}
.pro_title .searchwrap .btn{
	float: left;
	width: 60px;
	height: 40px;
    line-height: 40px;
    color: #ffffff;
    font-size: 14px;
    background: url(../image/img22.png) center no-repeat;
    border: none;
    outline: none;
}
/*.product .pro_title .searchwrap{
	background: #f2f2f2;
}
.product .pro_title .searchwrap .text{
	color: #666666;
}
.product .pro_title .searchwrap .btn{
	background: url(../images/img22a.png) center no-repeat;
}*/
.i-product .pro_title .searchwrap input::-webkit-input-placeholder{
	color: #9e9e9e;
}
.i-product .pro_title .searchwrap input:-moz-placeholder{
	color: #9e9e9e;
}
.i-product .pro_title .searchwrap input::-moz-placeholder{
	color: #9e9e9e;
}
.i-product .pro_title .searchwrap input:-ms-input-placeholder{
	color: #9e9e9e;
}
/*.product .pro_title .searchwrap input::-webkit-input-placeholder{
	color: #b8b8b8;
}
.product .pro_title .searchwrap input:-moz-placeholder{
	color: #b8b8b8;
}
.product .pro_title .searchwrap input::-moz-placeholder{
	color: #b8b8b8;
}
.product .pro_title .searchwrap input:-ms-input-placeholder{
	color: #b8b8b8;
}*/
.pro_box{
	margin-top: 54px;
	border-bottom: #364f98 solid 1px;
}
.pro_box:last-child{
	border-bottom: none;
}
.pro_box .title{
	width: 100%;
	overflow: hidden;
}
.pro_box .title .subtit{
	float: left;
	color: #405aa8;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}
.pro_box .title .more{
	float: right;
}
.pro_box .title .more a{
	padding-right: 30px;
	font-size: 14px;
	line-height: 1.7;
	font-family: Arial;
	text-transform: uppercase;
	text-decoration: underline;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.i-product .pro_box .title .more a{
	color: #444444;
	background: url(../image/img23.png) center right no-repeat;
}
/*.product .pro_box .title .more a{
	color: #444444;
	background: url(../images/img23a.png) center right no-repeat;
}*/
.pro_box .wrap{
	margin-top: 40px;
}
.pro_box .wrap ul{
	font-size: 0;
}
.pro_box .wrap ul li{
	display: inline-block;
	vertical-align: top;
	width: 22.825%;
	margin-right: 2.9%;
	margin-bottom: 2.9%;
}
.pro_box .wrap ul li:nth-child(4n){
	margin-right: 0;
}
.pro_box .wrap ul li a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.pro_box .wrap ul li .img{
	position: relative;
	width: 100%;
	background: #e1e2e4;
	overflow: hidden;
	border-radius: 10px;
	object-fit: cover;
}
.pro_box .wrap ul li .img img{
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	height: 250px;
	object-fit: cover;
}
.pro_box .wrap ul li:hover .img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.pro_box .wrap ul li .img i{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background-color: #405aa8;
	opacity: 0;
	-webkit-transform: scale(0.2);
	transform: scale(0.2);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.pro_box .wrap ul li:hover .img i{
	opacity: 0.8;
	-webkit-transform: scale(0.72);
	transform: scale(0.72);
}
.pro_box .wrap ul li .img:before{
	content: '';
	position: absolute;
	left: 25%;
	top: 25%;
	z-index: 3;
	width: 50%;
	height: 50%;
	background: url(../image/img38.png) center no-repeat;
	background-size: 32.5% auto;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.pro_box .wrap ul li:hover .img:before{
	opacity: 1;
}
.pro_box .wrap ul li .txt{
	margin-top: 18px;
	text-align: center;
}
.pro_box .wrap ul li .txt .t1{
	color: #222222;
	font-size: 18px;
	line-height: 1.5;
	word-break: break-word;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin-bottom: 3px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.i-product .pro_box .wrap ul li .txt .t1{
	color: #222222;
}
/*.product .pro_box .wrap ul li .txt .t1{
	color: #3f3f3f;
}
.product .pro_box .wrap ul li:hover .txt .t1{
	color: #1f3a8a;
}*/
.pro_box .wrap ul li .txt .t2{
	color: #999999;
	font-size: 16px;
	line-height: 1.7;
	word-break: break-word;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.oem_odm{
	padding-top: 5.2%;
	padding-bottom: 6.5%;
}
.oem_odm .box{
}
.oem_odm .title{
	max-width: 980px;
	width: 100%;
	margin: auto;
	text-align: center;
}
.oem_odm .title .t1{
	font-family: "psb";
	color: #000000;
	font-size: 44px;
	margin-bottom: 15px;
}
.oem_odm .title .t2{
	color: #999999;
	font-size: 16px;
	line-height: 1.7;
}
.oem_odm .box ul{
	margin-top: 50px;
}
.oem_odm .box ul li{
	float: left;
	width: 23.425%;
	margin-right: 2.1%;
	margin-bottom: 2.1%;
}
.oem_odm .box ul li:nth-child(4n){
	margin-right: 0;
}
.oem_odm .box ul li a{
	position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-bottom: 136.4%;
}
.oem_odm .box ul li .img{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}
.oem_odm .box ul li .img:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url(../image/img47.png) center bottom no-repeat;
    background-size: 100% auto;
}
.oem_odm .box ul li .img img{
	width: 100%;
}
.oem_odm .box ul li .img-circle{
	position: absolute;
    z-index: 3;
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    pointer-events: none;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.oem_odm .box ul li:hover .img-circle{
    -webkit-transform: scale(4);
    transform: scale(4);
}
.oem_odm .box ul li .img-circle span{
	position: absolute;
    top: 17%;
    left: 50%;
    width: 60%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.oem_odm .box ul li .img-circle span::before {
    content: "";
    display: block;
    padding-top: 100%;
}
.oem_odm .box ul li .img-circle span:after{
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 120%;
    border: 1000px solid #405aa8;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.oem_odm .box ul li .txt{
	position: absolute;
	left: 0;
	bottom: 35px;
	z-index: 5;
	width: 100%;
	padding: 0px 30px;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.oem_odm .box ul li .txt .icon{
	margin-bottom: 12px;
}
.oem_odm .box ul li .txt .tit{
	color: #ffffff;
	font-size: 20px;
	line-height: 1.6;
	word-break: break-word;
	margin-bottom: 12px;
}
.oem_odm .box ul li .txt .arrow{
}
/**/
.abnav{
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: #ebebeb solid 1px;
}
/*.abnav.fixed{
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	-wbekit-transition: all 0.6s ease;
	transition: all 0.6s ease;
}
.abnav.on{
	top: 100px;
}*/
.abnav ul{
	font-size: 0;
}
.abnav ul li{
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
.abnav ul li a{
	position: relative;
	z-index: 1;
	display: block;
	min-width: 220px;
	color: #333333;
	font-size: 18px;
	height: 80px;
	line-height: 80px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	overflow: hidden;
}
.abnav ul li.on a, 
.abnav ul li:hover a{
	color: #ffffff;
	/*background: #314da1;*/
}
.abnav ul li.on a:before,
.abnav ul li:hover a:before{
	content: '';
	position: absolute;
	left: -50%;
	top: 0;
	z-index: -1;
	width: 52%;
	height: 100%;
	opacity: 0;
	background: url(../image/img49.jpg) top left;
	background-size: 100% 100%;
	animation: ani1 600ms forwards ease;
}
.abnav ul li.on a:after,
.abnav ul li:hover a:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	width: 52%;
	height: 100%;
	opacity: 0;
	background: url(../image/img50.jpg) top right no-repeat;
	background-size: 100% 100%;
	animation: ani2 600ms forwards ease;
}
@-webkit-keyframes ani1{
	0%{
		opacity: 0;
		left: -50%;
	} 
	100%{
		opacity: 1;
		left: 0;
	}
}
@keyframes ani1{
	0%{
		opacity: 0;
		left: -50%;
	} 
	100%{
		opacity: 1;
		left: 0;
	}
}
@-webkit-keyframes ani2{
	0%{
		opacity: 0;
		right: -50%;
	} 
	100%{
		opacity: 1;
		right: 0;
	}
}
@keyframes ani2{
	0%{
		opacity: 0;
		right: -50%;
	} 
	100%{
		opacity: 1;
		right: 0;
	}
}
/*About-Introduction*/
.introduce{
	padding-top: 7%;
	padding-bottom: 7%;
	background: url(../image/img52.png) left bottom no-repeat;
}
.introduce .leftbox{
	float: left;
	width: 50%;
	padding-right: 3.6%;
	box-sizing: border-box;
	overflow: hidden;
}
.introduce .rightbox{
	float: right;
	width: 50%;
	padding-left: 3.6%;
	overflow: hidden;
	box-sizing: border-box;
	text-align: right;
}
.introduce .rightbox .img{
	position: relative;
	max-width: 610px;
	width: 100%;
	border-radius: 0px 80px 0px 0px;
	overflow: hidden;
}
.introduce .rightbox ul{
	position: absolute;
	bottom: 0;
	left: 8%;
	width: 84%;
	overflow: hidden;
}
.introduce .rightbox ul li{
	float: left;
	width: 50%;
	text-align: center;
}
.introduce .rightbox ul li span,
.introduce .rightbox ul li a{
	display: block;
	padding: 10% 0;
	color: #ffffff;
	font-size: 20px;
	height: 40px;
	line-height: 40px;
}
.introduce .rightbox ul li span{
	background: #334fa2;
	cursor: pointer;
}
.introduce .rightbox ul li span img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
.introduce .rightbox ul li a{
	background: #6fba2c;
}
.introduce .rightbox ul li a img{
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}
.introduce .rightbox img{
	max-width: 100%;
}
.introduce .leftbox .t1{
	font-family: 'psm';
	color: #334fa2;
	font-size: 40px;
}
.introduce .leftbox .t2{
	color: #444444;
	font-size: 20px;
	line-height: 1.6;
	word-break: break-word;
	margin-top: 20px;
}
.attestation{
	padding-top: 28%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.attestation ul{
	padding-top: 45px;
	padding-bottom: 40px;
	background-color: #FFFFFF;
	background: -webkit-linear-gradient(rgba(243,243,243), rgba(255,255,255)); 
    background: -o-linear-gradient(rgba(243,243,243), rgba(255,255,255));
    background: -moz-linear-gradient(rgba(243,243,243), rgba(255,255));
    background: linear-gradient(rgba(243,243,243), rgba(255,255,255));
	box-shadow: 2px 6px 12px rgba(0,0,0,0.07);
}
.attestation ul li{
	float: left;
	width: 20%;
	text-align: center;
}
.attestation ul li .img{
	width: 110px;
	height: 110px;
	line-height: 108px;
	border-radius: 55px;
	text-align: center;
	margin: auto;
	border: #e7e7e7 solid 1px;
	background: #FFFFFF;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.attestation ul li:hover .img{
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}
.attestation ul li .img img{
	max-width: 78%;
}
.attestation ul li .txt{
	color: #222222;
	font-size: 18px;
	line-height: 1.2;
	max-width: 200px;
	width: 100%;
	margin: 10px auto 0px;
}
.concept{
	padding-top: 6%;
	padding-bottom: 6.5%;
}
.concept ul{
	font-size: 0px;
}
.concept ul li{
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: top;
    width: 33.333333%;
    height: 70vh;
    max-height: 650px;
	-webkit-transition: all .36s;
	transition: all .36s;    
}

.concept ul li .bg{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.concept ul li .bg:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
}
.concept ul li .round{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all .36s .36s ease-out;
	transition: all .36s .36s ease-out;
}
.concept ul li .round .tit{
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	width: 100%;
	padding: 0px 20px;
	overflow: hidden;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 30px;
	color: #ffffff;
}
.concept ul li .round .ic{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width: 340px;
	max-width: 100%;
	animation: turn 10s linear infinite;
}
@-webkit-keyframes turn {
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes turn {
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
.concept ul li .txt{
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: left;
	width: 360px;
	max-width: 100%;
	opacity: 0;
	visibility: hidden;
}
.concept ul li .txt .t1{
	font-weight: bold;
	color: #ffffff;
	font-size: 30px;
	margin-bottom: 15px;
}
.concept ul li .txt .t2{
	color: #ffffff;
	font-size: 16px;
	line-height: 1.8;
}
@media only screen and (min-width: 1025px){
	.concept ul:hover li{
	    width: 30%;
	}
	.concept ul li:hover{
		width: 40%;
	}
	.concept ul li:hover .bg:before{
		background: rgba(41,68,148,0.85);
	}
	.concept ul li:hover .round{
		opacity: 0;
		-webkit-transition: all .36s ease-out;
		transition: all .36s ease-out;
	}
	.concept ul li:hover .txt{
		opacity: 1;
		visibility: visible;
		pointer-events: all;
	    -webkit-transition: all .36s .36s ease-out;
		transition: all .36s .36s ease-out;
	}
}
/*联系我们*/
.contact{
	padding-top: 6.8%;
	padding-bottom: 8.9%;
	background: url(../image/img65.png) left bottom no-repeat;
	background-size: 100% auto;
}
.contact .way{
	float: left;
	width: 50%;
	max-width: 490px;
	overflow: hidden;
}
.contact .way .tit{
	color: #222222;
	font-size: 34px;
	margin-bottom: 35px;
}
.contact .way ul li{
	margin-bottom: 30px;
}
.contact .way ul li .t1{
	color: #222222;
	font-size: 16px;
	font-weight: bold;
}
.contact .way ul li .t2{
	color: #666666;
	font-size: 14px;
	line-height: 1.6;
}
.contact .message{
	float: right;
	width: 50%;
	overflow: hidden;
}
.contact .message .tit{
	color: #222222;
	font-size: 24px;
	margin-bottom: 25px;
}
.contact .message .box{
	width: 100%;
	overflow: hidden;
}
.contact .message .box .half{
	float: left;
	width: -moz-calc((100% - 20px) / 2);
	width: -webkit-calc((100% - 20px) / 2);
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
	margin-bottom: 20px;
}
.contact .message .box .half:nth-child(2n){
	margin-right: 0;
}
.contact .message .box .inputli,
.contact .message .box .textli{
	padding-left: 20px;
	padding-right: 20px;
	border: #e5e5e5 solid 1px;
	box-sizing: border-box;
	overflow: hidden;
}
.contact .message .box .textli{
	padding-top: 15px;
	padding-bottom: 20px;
}
.contact .message .box .sp{
	float: left;
	min-width: 65px;
	margin-right: 10px;
	color: #888888;
	font-size: 14px;
	height: 58px;
	line-height: 58px;
}
.contact .message .box .textli .sp{
	height: auto;
	line-height: 1.7;
}
.contact .message .box .sp .must{
	display: inline-block;
	margin-right: 5px;
	color: #445ba7;
}
.contact .message .box .inputli input{
	/*float: left;
	/*width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);*/
	width: 100%;
	overflow: hidden;
	color: #666666;
	font-size: 14px;
	height: 58px;
	line-height: 58px;
}
.contact .message .box .inputli input::-webkit-input-placeholder,
.contact .message .box textarea::-webkit-input-placeholder{
	font-family: "微软雅黑";
    font-size: 14px;
    color: #888888;
}

.contact .message .box .inputli input::-moz-placeholder,
.contact .message .box textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */
    font-size: 14px;
    color: #888888;
}

.contact .message .box .inputli input:-moz-placeholder,
.contact .message .box textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    color: #888888;
}

.contact .message .box .inputli input:-ms-input-placeholder,
.contact .message .box textarea:-ms-input-placeholder{ /* Internet Explorer 10-11 */
    font-size: 14px;
    color: #888888;
}
.contact .message .box textarea{
	float: left;
	width: 100%;
	background: none;
	border: none;
	outline: none;
	color: #666666;
	font-size: 14px;
	line-height: 1.8;
	min-height: 80px;
}
.contact .message .labelli{
	float: left;
	margin-top: 20px;
	width: 100%;
}
.contact .message .labeldiv input{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	margin-top: 4px;
}
.contact .message .labeldiv .txt{
	display: inline-block;
	vertical-align: top;
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
	color: #999999;
	font-size: 14;
	line-height: 1.7;
}
.contact .message .btn{
	float: left;
	width: 100%;
	margin-top: 30px;
}
.contact .message .btn input{
	width: 200px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: #445ba7;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 20px;
}
/*荣誉资质*/
.honor{
	position: relative;
	padding-top: 7.5%;
	padding-bottom: 10.5%;
	background: url(../image/img69.png) bottom center no-repeat;
	background-size: 100% auto;
}
.honor_tab{
	position: relative;
	z-index: 3;
	float: left;
	width: 230px;
}
.honor_tab ul{
	margin-top: 45px;
}
.honor_tab ul li{
	margin-bottom: 50px;
}
.honor_tab ul li span{
	position: relative;
	display: inline-block;
	padding-bottom: 15px;
}
.honor_tab ul li span:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 4px;
	background: #405aa8;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.honor_tab ul li:hover span:before,
.honor_tab ul li.on span:before{
	width: 100%;
}
.honor_tab ul li .t1{
	color: #ccd2d9;
	font-size: 46px;
	line-height: 1.5;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.honor_tab ul li .t2{
	color: #666666;
	font-size: 18px;
	line-height: 1.7;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.honor_tab ul li:hover .t1,
.honor_tab ul li.on .t1,
.honor_tab ul li:hover .t2,
.honor_tab ul li.on .t2{
	color: #405aa8;
}
.honor_wrap{
	position: relative;
	z-index: 1;
	float: left;
	width: -moz-calc(100% - 230px);
	width: -webkit-calc(100% - 230px);
	width: calc(100% - 230px);
	overflow: hidden;
}
.honor_swiper{
	display: none;
}
.honor_swiper.on{
	display: block;
}
.view{
	float: left;
	width: 67%;
	padding-right: 3%;
	box-sizing: border-box;
}
.view .swiper-container{
	position: relative;
	padding-left: calc((100% - 44px) / 3);
	padding-right: calc((100% - 44px) / 3);
	box-sizing: border-box;
}
.view:hover .arrow {
	display: block;
}
.view .swiper-slide{
    position: relative;
}
.view .swiper-slide-prev .img,
.view .swiper-slide-next .img{
	position: relative;
}
.view .swiper-slide-prev .img:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background:linear-gradient(to right,#ffffff,transparent);
}
.view .swiper-slide-next .img:before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	background:linear-gradient(to right,transparent,#ffffff);
}
.view .swiper-slide-active{
}
.view .swiper-slide .img{
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-bottom: 25px;
}
.view .swiper-slide img{
	filter: blur(2px);
	max-width: 100%;
}
.view .swiper-slide .txt{
	opacity: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.view .swiper-slide.active .txt{
	opacity: 1;
}
.view .active, .view .swiper-slide-duplicate-active{
    transform: scale(1);
}
.view .active.swiper-slide i, .view .swiper-slide.swiper-slide-duplicate-active i{
	background: none;
}
.view .swiper-slide .txt{
	color: #222222;
	font-size: 24px;
	text-align: center;
}

.preview {
	position: relative;
	float: right;
	width: 33%;
}
.preview .swiper-container{
	padding: 20px;
	height: 320px;
	margin: 40px auto;
	box-sizing: border-box;
}
.preview .swiper-wrapper{
}
.preview .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
	background-color: #ffffff;
	margin-bottom: 20px;
	border-radius: 40px;
	overflow: hidden;
}
.preview .swiper-slide p{
	color: #222222;
	font-size: 18px;
	padding: 0px 10px;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	cursor: pointer;
}

.preview  .swiper-button-next, .preview  .swiper-button-prev {
    position: absolute;
	left: 0;
	right: 0;
	top: auto;
	bottom: auto;
    width: 40px;
	height: 30px;
    z-index: 10;
    display: inline-block;
	margin: 0 auto;
    cursor: pointer;
    background-size: 15px 9px;
    background-position: center;
    background-repeat: no-repeat;
}
.preview .arrow-top{
	background-image: url("../image/img66.png");
	bottom: auto;
	top:0px;	
}
/*.preview .arrow-top:hover{
	background-image: url("../images/img67a.png");
}*/
.preview .arrow-bottom{
	background-image: url("../image/img67.png");
	top: auto;
	bottom: 0px;
}
/*.preview .arrow-bottom:hover{
	background-image: url("../images/img68a.png");
}*/
.preview .active-nav{
	box-shadow: 0px 3px 18px rgba(0,30,63,0.1);
	border-radius: 40px;
}
.preview .active-nav p{
	color: #405aa8;
}
/*news*/
.news{
	padding-top: 95px;
	padding-bottom: 100px;
}
.news .main_new{
	width: 100%;
	overflow: hidden;
}
.news .main_new a{
	display: block;
	width: 100%;
	background: #f4f6fa;
	font-size: 0px;
}
.news .main_new .img{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	overflow: hidden;
}
.news .main_new .img img{
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.news .main_new:hover .img img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.news .main_new .txt{
	display: inline-block;
	vertical-align: middle;
	width: 50%;
	padding-left: 4.66%;
	padding-right: 3.66%;
	box-sizing: border-box;
}
.news .txt .t1{
	font-family: 'din';
	color: #445ba7;
	font-size: 20px;
	margin-bottom: 30px;
}
.news .txt .t2{
	color: #222222;
	font-size: 30px;
	line-height: 1.2;
	margin-bottom: 10px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	height: 110px;
}
.news .main_new:hover .txt .t2{
	color: #405aa8;
}
.news .txt .t3{
	color: #999999;
	font-size: 16px;
	line-height: 1.5;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 48px;
}
.news .main_new .txt .t3{
	margin-bottom: 45px;
}
.news .box .txt .t3{
	margin-bottom: 25px;
}
.news .txt .t4{
	color: #222222;
	font-size: 22px;
	line-height: 1.2;
	margin-bottom: 15px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 52px;
}
.news .box ul li:hover .txt .t4{
	color: #405aa8;
}
.news .txt .t5{
	position: relative;
	padding-right: 40px;
	font-family: 'psr';
	color: #999999;
	font-size: 16px;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.news .txt .t5 i{
	position: absolute;
	right: 20px;
	top: 0;
	width: 20px;
	height: 100%;
	background: url(../image/img71.png) left center no-repeat;
	background-size: 19px 12px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
}
.news .box ul li:hover .txt .t5{
	color: #405aa8;
}
.news .box ul li:hover .txt .t5 i{
	right: 0;
	opacity: 1;
}
.news .box{
	margin-top: 65px;
}
.news .box ul{
	font-size: 0;
	margin-bottom: 50px;
}
.news .box ul li{
	display: inline-block;
	vertical-align: top;
	width: 31.4%;
	margin-right: 2.9%;
	margin-bottom: 2.9%;
	box-sizing: border-box;
}
.news .box ul li:nth-child(3n){
	margin-right: 0;
}
.news .box ul li a{
	display: block;
	width: 100%;
	padding-bottom: 20px;
}
.news .box ul li .img{
	position: relative;
	width: 100%;
	background: #405aa8;
	margin-bottom: 40px;
}
.news .box ul li .img img{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.news .box ul li:hover .img img{
	left: 20px;
	top: 20px;
}
.news .box ul li .txt{
}
/*分页*/
.page{
    width: 100%;
    text-align: center;
}
.order .page-list, .notice .page-list, .customer-m .page-list{
	float: left;
}
.page-list{
	text-align: center;
	font-size: 0;
}
.page-list a{
	display: inline-block;
	vertical-align: top;
   	min-width: 45px;
   	height: 40px;
   	line-height: 40px;
	margin-bottom: 5px;
	margin-right: 15px;
    text-align: center;
    font-size: 18px;
    color: #5f5f5f;
    overflow: hidden;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.page-list a:last-child{
	margin-right: 0;
}
.page-list a.fyprev{
	font-style: italic;
	font-size: 14px;
	padding-left: 40px;
	background: url(../image/img78.png) center left no-repeat;
}
.page-list a.fynext{
	font-style: italic;
	font-size: 14px;
	padding-right: 40px;
	background: url(../image/img79.png) center right no-repeat;
}
.page-list a.fyprev:hover{
	background: url(../image/img78a.png) center left no-repeat;
}
.page-list a.fynext:hover{
	background: url(../image/img79a.png) center right no-repeat;
}
.page-list a:hover,
.page-list a.on{
    color: #405aa8;
}
/*新闻详情*/
.new-detail{
	padding-top: 100px;
	padding-bottom: 100px;
}
.new-detail .left_wrap{
	float: left;
	width: -moz-calc(100% - 340px);
	width: -webkit-calc(100% - 340px);
	width: calc(100% - 340px);
	padding-right: 4.28%;
	overflow: hidden;
	box-sizing: border-box;
}
.new-detail .left_wrap .title{
	padding-bottom: 15px;
	border-bottom: #eeeeee solid 1px;
}
.new-detail .left_wrap .title .h1{
	color: #222222;
	font-size: 36px;
}
.new-detail .left_wrap .title .txt{
	margin-top: 25px;
}
.new-detail .left_wrap .title .txt .sp{
	display: inline-block;
	vertical-align: middle;
	margin-right: 35px;
	color: #999999;
	font-size: 14px;
}
.new-detail .left_wrap .box{
	padding-top: 20px;
	padding-bottom: 60px;
}
.comtxt{
	color: #444444;
	font-size: 16px;
	line-height: 2;
}
.new-detail .right_wrap{
	float: right;
	width: 340px;
	padding: 0px 25px 50px;
	border: #eeeeee solid 1px;
	overflow: hidden;
	box-sizing: border-box;
}
.new-detail .right_wrap .title{
	color: #000000;
	font-size: 34px;
	line-height: 1.7;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: #EEEEEE dashed 1px;
}
.new-detail .right_wrap .newwrap{
	margin-top: 25px;
}
.newwrap ul li{
	margin-bottom: 30px;
}
.newwrap ul li a{
	position: relative;
	display: block;
	width: 100%;
	padding-left: 32px;
	overflow: hidden;
	box-sizing: border-box;
}
.newwrap ul li .sp{
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 3px;
	background: #cccccc;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
}
.newwrap ul li:nth-child(1) .sp{
	background: #f84521;
}
.newwrap ul li:nth-child(2) .sp{
	background: #ff6f24;
}
.newwrap ul li:nth-child(3) .sp{
	background: #ff8c25;
}
.newwrap ul li .t1{
	font-weight: bold;
	color: #222222;
	font-size: 16px;
	margin-bottom: 5px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.newwrap ul li:hover .t1{
	color: #445ba7;
}
.newwrap ul li .t2{
	color: #999999;
	font-size: 14px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.newwrap ul li:hover .txt .t2{
	color: #007AFF;
}
.detail-pager{
	position: relative;
	overflow: hidden;
	font-size: 0;
	background-color: #f5f5f5;
}
.detail-pager a{
	position: relative;
	float: left;
	width: 50%;
	color: #444444;
	font-size: 18px;
	line-height: 1.2;
	padding: 30px 40px;
	box-sizing: border-box;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.detail-pager a:hover{
	color: #445ba7;
}
.page_prev .t1{
	font-style: italic;
	font-size: 14px;
	margin-bottom: 20px;
	padding-left: 40px;
	background: url(../image/img78.png) left center no-repeat;
}
.page_prev:hover .t1{
	background: url(../image/img78a.png) left center no-repeat;
}
.page_next .t1{
	font-style: italic;
	font-size: 14px;
	padding-right: 40px;
	background: url(../image/img79.png) right center no-repeat;
	text-align: right;
	margin-bottom: 20px;
}
.page_next:hover .t1{
	background: url(../image/img79a.png) right center no-repeat;
}
/*OEM&ODM*/
.csbox{
	padding-top: 5.8%;
	padding-bottom: 7.8%;
	background: url(../image/img81.png) left top no-repeat;
}
.csbox .content{
	position: relative;
	padding-left: -moz-calc((100% - 1400px) / 2);
	padding-left: -webkit-calc((100% - 1400px) / 2);
	padding-left: calc((100% - 1400px) / 2);
}
.csbox .content .img{
	width: 100%;
	overflow: hidden;
}
.csbox .content .img img{
	width: 100%;
}
.csbox .content .txt{
	margin-top: 30px;
	max-width: 1400px;
	width: 100%;
}
.csbox .content .txt .t1{
	position: relative;
	font-size: 44px;
	color: #333333;
	font-family: 'psb';
	margin-bottom: 10px;
}
.csbox .content .txt .t1:before{
	content: '';
	position: absolute;
	top: 25px;
	left: -80px;
	z-index: 2;
	width: 6px;
	height: 6px;
	background-color: #FFFFFF;
	border-radius: 50%;
	border: #405aa8 solid 4px;
}
.csbox .content .txt .t1:after{
	content: '';
	position: absolute;
	top: 30px;
	left: -80px;
	z-index: 1;
	width: 80px;
	height: 2px;
	border-bottom: #405aa8 dashed 1px;
}
.csbox .content .txt .t2{
	color: #444444;
	font-size: 18px;
	line-height: 1.5;
}
.oemodm_box>ul>li{
	width: 100%;
	overflow: hidden;
	padding-bottom: 30px;
	margin-bottom: 90px;
}
.oemodm_box ul li .img{
	position: relative;
	width: 50%;
}
.oemodm_box ul li .img img{
	width: 100%;
}
.oemodm_box ul li:nth-child(odd) .img{
	float: left;
}
.oemodm_box ul li:nth-child(even) .img{
	float: right;
}
.oemodm_box ul li .img:before{
	content: '';
	position: absolute;
	bottom: -30px;
	z-index: -1;
	width: 104px;
	height: 104px;
	background: #405aa8;
}
.oemodm_box ul li:nth-child(odd) .img:before{
	right: -30px;
	border-radius: 0px 0px 30px 0px;
}
.oemodm_box ul li:nth-child(even) .img:before{
	left: -30px;
	border-radius: 0px 0px 0px 30px;
}
.oemodm_box ul li .txt{
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.oemodm_box ul li:nth-child(odd) .txt{
	padding-left: 6.5%;
	padding-right: -moz-calc((100% - 1600px) / 2);
	padding-right: -webkit-calc((100% - 1600px) / 2);
	padding-right: calc((100% - 1600px) / 2);
}
.oemodm_box ul li:nth-child(even) .txt{
	padding-right: 6.5%;
	padding-left: -moz-calc((100% - 1600px) / 2);
	padding-left: -webkit-calc((100% - 1600px) / 2);
	padding-left: calc((100% - 1600px) / 2);
}
.oemodm_box ul li .txt .cont{
	position: relative;
	padding-top: 10%;
}
.oemodm_box ul li .txt .digit{
	position: absolute;
	top: -20px;
	z-index: -1;
	font-family: 'iag';
	/*font-weight: bold;*/
	font-size: 180px;
	color: #ffffff;
	line-height: 1;
	text-shadow: #ececec 1px 0 0, #ececec 0 1px 0, #ececec -1px 0 0, #ececec 0 -1px 0;
}
.oemodm_box ul li:nth-child(odd) .txt .digit{
	right: 0;
}
.oemodm_box ul li:nth-child(even) .txt .digit{
	left: 0;
}
.oemodm_box ul li .tit{
	position: relative;
	margin-top: 3px;
	font-family: 'psb';
	color: #333333;
	font-size: 44px;
	line-height: 1.2;
	margin-bottom: 30px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.oemodm_box ul li .tit:before{
	content: '';
	position: absolute;
	left: -12px;
	top: -3px;
	width: 28px;
	height: 28px;
	background: url(../image/img87.png) left top no-repeat;
}
.oemodm_box ul li:hover .tit{
	color: #405aa8;
}
.oemodm_box ul li .comtext{
	color: #666666;
	font-size: 18px;
	line-height: 1.5;
}
.oemodm_box ul li .vers{
	max-height: 190px;
	overflow-y: auto;
}
.oemodm_box ul li .vers::-webkit-scrollbar {width: 4px;background-color: #e5e5e5;}
.oemodm_box ul li .vers::-webkit-scrollbar-thumb {border: none; width: 4px; border-radius: 2px;background-color: #405aa8;}
.oemodm_box ul li .vers::-webkit-scrollbar-corner {background-color: #e5e5e5;}
.oemodm_box ul li .vers::-webkit-scrollbar:horizontal {height: 4px;}
.oemodm_box ul li .more{
	color: #405aa8;
	font-size: 16px;
	margin-top: 20px;
}
.oemodm_box ul li .more span{
	padding-right: 25px;
	display: inline-block;
	background: url(../image/img88.png) center right no-repeat;
}
.oemodm_box ul li .oth{
	margin-top: 15%;
	padding-bottom: 30px;
}
.oemodm_box ul li .oth .ic{
	text-align: left;
	margin-bottom: 10px;
}
.oemodm_box ul li .oth .subtit{
	font-family: 'iag';
	font-weight: bold;
	color: #405aa8;
	font-size: 16px;
	padding: 9px 0px;
}
.oemodm_box ul li .oth .subtit.spe span{
	display: inline-block;
	vertical-align: top;
}
.oemodm_box ul li .oth .subtit .timer{
	margin-right: 5px;
	font-size: 34px;
}
.oemodm_box ul li .oth .subtxt{
	color: #888888;
	font-size: 18px;
	line-height: 1.4;
	min-height: 90px;
}
.oemodm_box .swiper-pagination-bullet{
	width: 24px;
	height: 3px;
	background: #ecedee;
	opacity: 1;
	margin: 0px 8px;
	border-radius: 0px;
}
.oemodm_box .swiper-pagination-bullet-active{
	background: #405aa8;
}
/*Product Applications*/
.applications{
	padding-top: 70px;
	padding-bottom: 100px;
}
.applications .title{
	text-align: center;
	font-size: 44px;
	font-family: 'psb';
	color: #405aa8;
}
.applications .box{
	margin-top: 40px;
}
.applications .gallery-top{
	padding: 0 16%;
}
.applications .gallery-top .swiper-pagination{
	display: none;
}
.applications .content{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.applications .content img{
	display: block;
	width: 100%;
}
.applications .content .wrap{
	position: absolute;
	left: 0;
	bottom: -100%;
	background: #405aa8;
	min-width: 40%;
	padding: 32px 45px;
	border-radius: 0px 50px 0px 0px;
	box-sizing: border-box;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.applications .swiper-slide-active .content .wrap{
	bottom: 0;
}
.applications .content .wrap .tit{
	color: #FFFFFF;
	font-size: 24px;
}
.applications .content .wrap .linkbox{
	margin-top: 15px;
	overflow: hidden;
	font-size: 0;
}
.applications .content .wrap .linkbox a{
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	margin-bottom: 10px;
	min-width: 70px;
	text-align: center;
	padding: 0px 12px;
	box-sizing: border-box;
	color: #ffffff;
	font-size: 14px;
	line-height: 2;
	border: rgba(255,255,255,0.2) solid 1px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.applications .content .wrap .linkbox a:hover{
	background: #70ba2b;
	border: #70ba2b solid 1px;
}
.applications .tabwrap{
	padding-top: 85px;
}
.applications .tabwrap .gallery-thumbs{
	max-width: 1200px;
	width: 100%;
	margin: auto;
}
.applications .tabwrap ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
}
.applications .tabwrap ul li{
	position: relative;
}
.applications .tabwrap ul li .dot{
	width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    position: relative;
    cursor: pointer
}
.applications .tabwrap ul li .dot .txt{
	position: absolute;
    opacity: 0;
    bottom: 60px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out 0.3s;
    -moz-transition: all 0.3s ease-out 0.3s;
    -o-transition: all 0.3s ease-out 0.3s;
    -ms-transition: all 0.3s ease-out 0.3s;
}
.applications .tabwrap ul li.on .dot .txt,
.applications .tabwrap ul li.active-nav .dot .txt,
.applications .tabwrap ul li:hover .dot .txt{
	opacity: 1;
	bottom: 30px;
}
.applications .tabwrap ul li .dot .txt .t1{
	position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    line-height: 1;
    bottom: 0;
    font-size: 80px;
    font-family: 'iag';
    color: rgba(13, 14, 15, 0.1);
    background: linear-gradient(180deg, rgba(13, 14, 15, 0.1) 0%, rgba(13, 14, 15, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.applications .tabwrap ul li .dot .txt .t2{
	color: #222222;
	font-size: 20px;
	white-space: nowrap;
	background: #FFFFFF;
}
.applications .tabwrap ul li .dot i{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    line-height: 7px;
    text-align: center;
    background-color: #e8e9ec;
}
.applications .tabwrap ul li em{
	position: absolute;
	left: 80px;
	bottom: 40px;
	z-index: 1;
	height: 1px;
    background-color: #e8e9ec;
    width: 450px;
}
.applications .tabwrap ul li.on em:before,
.applications .tabwrap ul li.active-nav em:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 0;
	height: 1px;
	background: #405aa8;
	animation: linewidth 5000ms forwards ease;
}
.applications .tabwrap ul li:last-child em{
	display: none;
}
/*product*/
.product{
	padding-top: 110px;
	padding-bottom: 110px;
	background: #f7f8fa;
}
.product ul li{
	width: 100%;
	margin-bottom: 50px;
	background: #ffffff;
}
.product ul li:last-child{
	margin-bottom: 0;
}
.product ul li a{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.product ul li a:before{
	content: '';
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background: url(../image/img140.png) left bottom no-repeat;
	background-size: 48.6% auto;
}
.product ul li:nth-child(odd) a:before{
	left: 0;
}
.product ul li:nth-child(even) a:before{
	right: 0;
}
.product ul li .txt{
	float: left;
	width: 50%;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 3%;
}
.product ul li:nth-child(odd) .txt{
	float: right;
	padding-left: 5%;
	padding-right: 5.7%;
}
.product ul li:nth-child(even) .txt{
	float: left;
	padding-right: 5%;
	padding-left: 5.7%;
}
.product ul li .txt .con{
	position: relative;
	z-index: 1;
	padding-top: 40px;
}
.product ul li .txt .digit{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 1;
    font-size: 90px;
    font-family: 'din';
    color: rgba(13, 14, 15, 0.1);
    background: linear-gradient(180deg, rgba(226, 229, 240, 0.6) 0%, rgba(226, 229, 240, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.product ul li .txt .t1{
	color: #222222;
	font-size: 34px;
}
.product ul li .txt i{
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 30px;
	width: 40px;
	height: 3px;
	background: #445ba7;
}
.product ul li .txt .t2{
	color: #666666;
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 50px;
	word-break: break-word;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	height: 116px;
}
.product ul li .img{
	width: 50%;
}
.product ul li:nth-child(odd) .img{
	float: right;
}
.product ul li:nth-child(even) .img{
	float: left;
}
.product ul li .img img{
	width: 100%;
}
.advert{
	padding-top: 60px;
	padding-bottom: 60px;
	background: #405aa8 url(../images/img106.png) top right 10% no-repeat;
	background-size: auto 100%;
}
.advert .tit{
	float: left;
	color: #f8f7f8;
	font-size: 30px;
	width: -moz-calc(100% - 240px);
	width: -webkit-calc(100% - 240px);
	width: calc(100% - 240px);
	margin-top: 10px;
}
.advert .btn{
	float: right;
	width: 180px;
	margin-right: 40px;
	border: rgba(255,255,255,0.09) solid 4px;
	border-radius: 6px;
	overflow: hidden;
	box-sizing: border-box;
	height: 58px;
	line-height: 50px;
}
.advert .btn a{
	display: block;
	width: 100%;
	background: #FFFFFF;
	text-align: center;
	font-weight: bold;
	color: #405aa8;
	text-transform: uppercase;
	font-size: 16px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.advert .btn a:hover{
	background: #70ba2b;
	color: #FFFFFF;
}
/*product-list*/
.product-list{
	padding-bottom: 70px;
	background: #f7f8fa;
}
.product-list .title{
	padding-top: 100px;
	padding-bottom: 35px;
	background-color: #FFFFFF;
}
.product-list .title .t1{
	font-weight: bold;
	color: #222222;
	font-size: 40px;
	margin-bottom: 15px;
}
.product-list .title .t2{
	font-family: 'psl';
	color: #666666;
	font-size: 16px;
	line-height: 2;
}
.product-list .box{
	margin-top: 50px;
}
.product-list .box ul{
	margin-bottom: 20px;
	font-size: 0;
}
.relevant_product ul{
	margin-top: 45px;
	font-size: 0;
}
.product-list .box ul li,
.relevant_product ul li{
	display: inline-block;
	vertical-align: top;
	width: 31.4%;
	margin-right: 2.9%;
	margin-bottom: 2.9%;
	background: #ffffff;
}
.relevant_product ul li{
	box-shadow: 2px 6px 15px rgba(0,0,0,0.09);
}
.product-list .box ul li:nth-child(3n),
.relevant_product ul li:nth-child(3n){
	margin-right: 0;
}
.proli a{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	padding-bottom: 80px;
}
.proli .img{
	width: 100%;
	padding: 0px 20px;
	box-sizing: border-box;
	overflow: hidden;
}
.proli .img img{
	width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.proli .txt{
	position: absolute;
	left: 0;
	bottom: -70px;
	z-index: 1;
	width: 100%;
	padding: 30px;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.proli:hover .txt{
	bottom: 0;
}
.proli .txt:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -100%;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #506cc2 url(../image/img116.png) center right no-repeat;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.proli:hover .txt:before{
	bottom: 0;
}
.proli .txt .t1{
	color: #222222;
	font-size: 20px;
	margin-bottom: 30px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.proli:hover .txt .t1,
.proli:hover .txt .t2{
	color: #ffffff;
}
.proli .txt .t2{
	color: #5a5a5a;
	font-size: 16px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.proli .txt .btn{
	margin-top: 20px;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.proli:hover .txt .btn{
	opacity: 1;
}
.proli .txt .btn span{
	display: inline-block;
	min-width: 100px;
	height: 40px;
	line-height: 36px;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	border: rgba(255,255,255,0.2) solid 2px;
	box-sizing: border-box;
}
/**/
.product-detail{
	padding-top: 90px;
	padding-bottom: 50px;
	background-color: #f9f9f9;
}
.product-detail .leftbox{
	float: left;
	width: 50%;
	padding-right: 4%;
	overflow: hidden;
	box-sizing: border-box;
}
.product-detail .leftbox .swiper-container{
	max-width: 580px;
	width: 100%;
	margin-left: 0px;
}
.product-detail .leftbox .img{
	position: relative;
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding-bottom: 70px;
}
.product-detail .leftbox .img img{
	max-width: 100%;
}
.product-detail .leftbox .img:before{
	content: '';
	position: absolute;
	left: 120px;
	bottom: 20px;
	width: -moz-calc(100% - 190px);
	width: -webkit-calc(100% - 190px);
	width: calc(100% - 190px);
	height: 2px;
	background: #e7e7e7;
	opacity: 0;
	visibility: hidden;
}
.product-detail .leftbox .swiper-slide-active .img:before{
	opacity: 1;
	visibility: visible;
}
.product-detail .leftbox .swiper-slide-active .img:after{
	content: '';
	position: absolute;
	left: 120px;
	bottom: 20px;
	width: -moz-calc(100% - 190px);
	width: -webkit-calc(100% - 190px);
	width: calc(100% - 190px);
	height: 2px;
	background: #506cc2;
	animation: line1 5000ms forwards ease;
}
@-webkit-keyframes line1{
	0%{
		width: 0;
	} 
	100%{
		width: -moz-calc(100% - 190px);
		width: -webkit-calc(100% - 190px);
		width: calc(100% - 190px);
	}
}
@keyframes line1{
	0%{
		width: 0;
	} 
	100%{
		width: -moz-calc(100% - 190px);
		width: -webkit-calc(100% - 190px);
		width: calc(100% - 190px);
	}
}
.product-detail .swiper-button-next, 
.product-detail .swiper-button-prev{
	position: absolute;
    top: auto;
    bottom: 7px;
    width: 35px;
    height: 30px;
    margin-top: -15px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 21px 14px;
    -webkit-background-size: 21px 14px;
    background-size: 21px 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f9f9f9;
}
.product-detail .swiper-button-prev, 
.product-detail .swiper-container-rtl .swiper-button-next {
    background-image: url(../image/img118.png);
    left: 0;
    right: auto;
}
.product-detail .swiper-button-next, 
.product-detail .swiper-container-rtl .swiper-button-prev {
    background-image: url(../image/img119.png);
    right: 0;
    left: auto;
}
.product-detail .swiper-container-horizontal>.swiper-pagination-bullets, 
.product-detail .swiper-pagination-custom, .swiper-pagination-fraction{
	width: auto;
	padding-left: 50px;
	padding-right: 30px;
	box-sizing: border-box;
}
.product-detail .swiper-pagination{
	color: #222222;
	font-size: 20px;
	background-color: #f9f9f9;
}
.product-detail .swiper-pagination .swiper-pagination-current{
	color: #405aa8;
}
.product-detail .rightbox{
	float: left;
	width: 50%;
	overflow: hidden;
	padding-top: 2.8%;
}
.product-detail .rightbox .title{
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: #e5e5e5 solid 1px;
}
.product-detail .rightbox .title .t1{
	color: #222222;
	font-size: 30px;
	margin-bottom: 15px;
}
.product-detail .rightbox .title .t2{
	color: #666666;
	font-size: 16px;
	line-height: 1.7;
}
.product-detail .rightbox .text .tit{
	color: #999999;
	font-size: 16px;
	margin-bottom: 20px;
}
.product-detail .rightbox .text .txt{
	color: #444444;
	font-size: 16px;
	line-height: 1.7;
}
.product-detail .rightbox .text .txt li{
	margin-bottom: 12px;
}
.product-detail .rightbox .btn{
	margin-top: 45px;
	overflow: hidden;
}
.product-detail .rightbox .btn a{
	float: left;
	width: 46%;
	height: 70px;
	line-height: 70px;
	margin-right: 4%;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.product-detail .rightbox .btn a.bt1{
	color: #ffffff;
	background: #506cc2;
}
.product-detail .rightbox .btn a.bt2{
	color: #222222;
	background: #d4d9e8;
}
.product-detail .rightbox .btn a:hover{
	background: #70ba2b;
	color: #FFFFFF;
}
/*particulars*/
.particulars{
	padding-top: 50px;
	padding-bottom: 90px;
	background: url(../image/img120.png) top right no-repeat;
}
.particulars .title{
	position: relative;
	padding-left: 30px;
	font-weight: bold;
	font-size: 26px;
	color: #506cc2;
}
.particulars .title i{
	position: absolute;
	left: 0;
	top: 5px;
	width: 20px;
	height: 20px;
	border: #6780ca dashed 1px;
	border-radius: 50%;
	box-sizing: border-box;
}
.particulars .parameter{
	margin-bottom: 50px;
}
.particulars .parameter .box{
	margin-top: 30px;
}
.particulars .parameter .text{
	float: left;
	width: 50%;
	overflow: hidden;
}
.particulars .parameter .text .txt{
	color: #444444;
	font-size: 18px;
	line-height: 1.7;
}
.particulars .parameter .text .txt li{
	margin-bottom: 10px;
}
.particulars .parameter .img{
	float: right;
	width: 50%;
	text-align: right;
	padding-left: 5%;
	overflow: hidden;
	box-sizing: border-box;
}
.particulars .parameter .img img{
	max-width: 100%;
}
.application_area{
	margin-bottom: 40px;
}
.application_area ul{
	margin-top: 50px;
	font-size: 0;
}
.application_area ul li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 30.66666%;
	margin-right: 4%;
	margin-bottom: 4%;
	padding-bottom: 65px;
}
.application_area ul li:nth-child(3n){
	margin-right: 0;
}
.application_area ul li .img{
	width: 100%;
	overflow: hidden;
}
.application_area ul li .img img{
	width: 100%;
}
.application_area ul li .txt{
	position: absolute;
	left: 5.8%;
	bottom: 0;
	width: 88.4%;
	min-height: 200px;
	padding: 36px 28px 20px;
	background-color: #FFFFFF;
	border-top: #506cc2 solid 4px;
	box-sizing: border-box;
	box-shadow: 2px 6px 15px rgba(0,0,0,0.09);
	color: #444444;
	font-size: 18px;
	line-height: 1.7;
	word-break: break-word;
}
.relevant_infor{
	margin-bottom: 80px;
}
.relevant_infor ul{
	margin-top: 20px;
	overflow: hidden;
	font-size: 0px;
}
.relevant_infor ul li{
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
	width: 46%;
	margin-right: 8%;
	margin-bottom: 10px;
}
.relevant_infor ul li:nth-child(2n){
	margin-right: 0;
}
.relevant_infor ul li a{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 45px;
	box-sizing: border-box;
	overflow: hidden;
	background: url(../image/img125.png) left top 10px no-repeat;
}
.relevant_infor ul li .t1{
	float: left;
	width: -moz-calc(100% - 105px);
	width: -webkit-calc(100% - 105px);
	width: calc(100% - 105px);
	color: #222222;
	font-size: 16px;
	line-height: 1.7;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.relevant_infor ul li:hover .t1{
	color: #506cc2;
}
.relevant_infor ul li .t2{
	float: right;
	color: #999999;
	font-size: 16px;
	line-height: 1.7;
}
/*Service-Business-area*/
.business_area{
	padding-top: 105px;
	padding-bottom: 130px;
}
.business_area ul li{
	margin-bottom: 50px;
	padding-top: 7.2%;
	padding-bottom: 7.2%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.business_area ul li:last-child{
	margin-bottom: 0px;
}
.business_area ul li .txt{
	max-width: 440px;
	width: 100%;
	margin-left: 7.2%;
	padding: 70px 50px 40px;
	background: url(../image/img132.png) right bottom no-repeat;
	background-size: cover;
	box-sizing: border-box;
	overflow: hidden;
}
.business_area ul li .txt .t1{
	position: relative;
	font-weight: bold;
	color: #222222;
	font-size: 30px;
	padding-bottom: 18px;
}
.business_area ul li .txt .t1:before{
	content: '';
	position: absolute;
	left: -20px;
	top: -20px;
	width: 100%;
	height: 100%;
	background: url(../image/img133.png) left top no-repeat;
}
.business_area ul li .txt .t2{
	color: #444444;
	font-size: 16px;
	line-height: 2;
	min-height: 100px;
}
.business_area ul li .txt .tag{
	margin-top: 20px;
	overflow: hidden;
}
.business_area ul li .txt .tag a{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
	border: #eeeeee solid 1px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	min-width: 70px;
	color: #666666;
	font-size: 14px;
	height: 30px;
	line-height: 28px;
	text-align: center;
	padding: 0px 10px;
}
.business_area ul li .txt .tag a:hover{
	color: #FFFFFF;
	background-color: #70ba2b;
}
/*Our production process*/
.strength{
	padding-top: 110px;
	background: url(../image/img134.png) left bottom 13.5% no-repeat;
}
.strength .title .t1{
	color: #405aa8;
	font-size: 34px;
}
.strength .title .t2{
	color: #666666;
	font-size: 18px;
	line-height: 1.7;
	margin-top: 15px;
}
.strength .process .title{
	text-align: center;
}
.process{
	padding-bottom: 80px;
}
.process .box{
	position: relative;
	margin-top: 45px;
}
.process .ipbox{
	display: none;
}
.process .bgbox{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.process .bgbox ul li{
	width: 100%;
	height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.process .bgbox ul li.on{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.process .content{
	position: relative;
}
.process .content ul li{
	position: relative;
	z-index: 1;
	float: left;
	width: 16.6666%;
	max-height: 600px;
	height: 70vh;
	overflow: hidden;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-transition: ease 1s;
	transition: ease 1s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
    border-left: 1px solid rgba(255,255,255,.3);
}
.process .content ul li:first-child{
	border-left: none;
}
.process .content ul li.on{
	width: 50%;
	border-left: 1px solid #405aa8;
}
.process .content ul li:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(64,90,168,0.5);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.process .content ul li.on:before{
	width: 0;
}
.process .content ul li:after{
	content: '';
	position: absolute;
	left: -1px;
	top: 0;
	z-index: 4;
	width: 10px;
	height: 0;
	background: #405aa8;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.process .content ul li.on:after{
	height: 100%;
}
.process .content ul li .txt{
	position: absolute;
	z-index: 3;
	left: 0;
	top: 42%;
	/*top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
	width: 100%;
	padding: 0px 30px;
	box-sizing: border-box;
}
.process .content ul li .txt .t1{
	color: #ffffff;
	font-size: 26px;
}
.process .content ul li .txt i{
	display: block;
	margin-top: 15px;
	margin-bottom: 16px;
	width: 20px;
	height: 3px;
	background: #6fba2c;
}
.process .content ul li .txt .t2{
	color: #ffffff;
	font-size: 18px;
}
.process .content ul li .digit{
	position: absolute;
	left: 0;
	bottom: 35px;
	width: 100%;
	padding: 0px 25px;
	color: #c9c9c9;
	font-size: 16px;
}
/*Work together to create the future*/
.future{
	position: relative;
	z-index: 1;
	padding-top: 80px;
	padding-bottom: 170px;
}
#cas{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#cas canvas{
	position: absolute;
	left: 0;
	bottom: -100px;
	width: 100%;
}
.future .left_w{
	float: left;
	width: 50%;
	overflow: hidden;
}
.future .txt{
	margin-top: 40px;
	padding-left: 50px;
	padding-top: 70px;
	box-sizing: border-box;
	background: url(../image/img137.png) top left no-repeat;
}
.future .txt .tit{
	color: #222222;
	font-size: 16px;
	line-height: 2;
}
.future .txt .btn{
	margin-top: 35px;
	font-size: 0;
}
.future .txt .btn span{
	display: inline-block;
	width: 130px;
	height: 50px;
	line-height: 50px;
	padding: 0px 10px;
	box-sizing: border-box;
	background: #6fba2c;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
}
.future .right_w{
	float: right;
	text-align: right;
	width: 50%;
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 4%;
}
.future .img{
	width: 100%;
	overflow: hidden;
}
.future .img img{
	max-width: 100%;
}
/*sales network*/
.sales_network{
	padding-top: 75px;
}
.sales_network .title .left_w{
	float: left;
	max-width: 970px;
	width: -moz-calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
	width: calc(100% - 170px);
}
.sales_network .title .t1{
	color: #324ea1;
	font-size: 36px;
	margin-bottom: 20px;
}
.sales_network .title .t2{
	color: #444444;
	font-size: 16px;
	line-height: 1.7;
}
.sales_network .title .right_w{
	float: right;
}
.sales_network .title .btn{
	margin-top: 60px;
}
.sales_network .title .btn a{
	display: block;
	width: 150px;
	height: 50px;
	line-height: 48px;
	border: #506cc2 solid 1px;
	text-align: center;
	color: #334fa2;
	font-size: 16px;
	text-align: center;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.sales_network .title .btn a:hover{
	background: #334fa2;
	color: #FFFFFF;
}
.sales_network .box{
	margin-top: 56px;
	padding-top: 90px;
	padding-bottom: 80px;
	background-color: #3150ad;
	background: -webkit-linear-gradient(#334fa2, #3050b0); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#334fa2, #3050b0); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#334fa2, #3050b0); /* Firefox 3.6 - 15 */
    background: linear-gradient(#334fa2, #3050b0); /* 标准的语法（必须放在最后） */
}
.sales_network .content{
	position: relative;
	max-width: 1230px;
	width: 100%;
	margin: auto;
}
.sales_network .content .img{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.sales_network .content .img img{
	width: 100%;
}

.sales_network .content .focus{
	position: absolute;
	/*top: 142px;
    right: 220px;*/
    top: 25%;
    right: 17.9%;
	width: 150px;
	height: 150px;
}
.sales_network .content .focus .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 10;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border-radius: 50%;
	margin-left: -12px;
	margin-top: -12px;
	background-color: #FFFFFF;
}
.sales_network .content .focus .icon img{
}
.water0 {
	-webkit-animation: wateranimate 2s 2s ease-out infinite;
	animation: wateranimate 2s 2s ease-out infinite;
}	
.water1 {
	-webkit-animation: wateranimate 2s 1.5s ease-out infinite;
	animation: wateranimate 2s 1.5s ease-out infinite;
}			
.water2 {
	-webkit-animation: wateranimate 2s 1s ease-out infinite;
	animation: wateranimate 2s 1s ease-out infinite;
}			
.water3 {
	-webkit-animation: wateranimate 2s 0.5s ease-out infinite;
	animation: wateranimate 2s 0.5s ease-out infinite;
}			
.water4 {
	-webkit-animation: wateranimate 2s 0s ease-out infinite;
	animation: wateranimate 2s 0s ease-out infinite;
}			
.water1, .water2, .water3, .water4 {
	padding: 20%;
	position: absolute;
	left: 28%;
    top: 28%;
	border: 2px solid #FFFFFF;
	/*box-shadow: 0 0 120px 30px rgba(255, 255, 255, 1) inset;*/
	border-radius: 100%;
	z-index: 1;
	opacity: 0;
}
@-webkit-keyframes wateranimate {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(2);
		opacity: 0;
	}
}
@keyframes wateranimate {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}
/**/

@media only screen and (max-width: 1680px){
	.header .nav{
		margin-right: 0px;
	}
	.header .nav>ul>li{
		padding: 0px 25px;
	}
	.head-nation{
		margin-left: 20px;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 50px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 56px;
	}
	/*index*/
	.i-introduce .leftbox .text .t1{
		font-size: 40px;
	}
	/*OEM&ODM*/
	.csbox .content{
		padding-left: 10%;
	}
	.csbox .content .txt .t1,
	.oemodm_box ul li .tit,
	.applications .title{
		font-size: 42px;
	}
	.oemodm_box ul li:nth-child(odd) .txt{
		padding-left: 6.5%;
		padding-right: 6.5%;
	}
	.oemodm_box ul li:nth-child(even) .txt{
		padding-right: 6.5%;
		padding-left: 6.5%;
	}
}
@media only screen and (max-width: 1536px){
	.header .wrap{
		width: 92%;
	}
	.header .nav>ul>li{
		padding: 0px 20px;
	}
	.header .nav>ul>li>a:before{
		height: 4px;
	}
	/**/
	/*banner*/
	.i-banner .box .t1{
		font-size: 46px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 50px;
	}
	/*index*/
	.i-introduce .leftbox .text .t1{
		font-size: 36px;
	}
	.i-introduce .leftbox .text .t2{
		font-size: 17px;
	}
	.numbox ul li:before{
		right: -100px;
	}
	.numbox ul li .t1 .timer{
		font-size: 45px;
	}
	.numbox ul li .t2{
		font-size: 17px;
	}
	.pro_title .tit{
		font-size: 42px;
	}
	.pro_box{
		margin-top: 50px;
	}
	/*about introduction*/
	.introduce .leftbox .t1{
		font-size: 38px;
	}
	.introduce .leftbox .t2{
		font-size: 19px;
	}
	/*OEM&ODM*/
	.csbox .content .txt .t1,
	.oemodm_box ul li .tit,
	.applications .title{
		font-size: 40px;
	}
	.csbox .content .txt .t2,
	.oemodm_box ul li .comtext,
	.oemodm_box ul li .oth .subtxt{
		font-size: 17px;
	}
}
@media only screen and (max-width: 1440px){
	/*footer*/
	.foot_nav ul li .subtit{
		font-size: 22px;
	}
	.footer .foot_form .phone{
		font-size: 22px;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 42px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 48px;
	}
	.obanner .bannerzi .box .t3{
		font-size: 36px;
	}
	/*index*/
	.i-introduce .box{
		padding-bottom: 300px;
	}
	.i-introduce .leftbox .text .t1{
		font-size: 34px;
	}
	.i-introduce .leftbox .text .t2{
		  font-size: 16px;
	}
	.numbox ul li:before{
		right: -90px;
	}
	.pro_title .tit{
		font-size: 40px;
	}
	.oem_odm .title .t1{
		font-size: 40px;
	}
	.oem_odm .box ul li .txt{
		padding: 0px 25px;
		bottom: 30px;
	}
	.oem_odm .box ul li .txt .tit{
		font-size: 18px;
	}
	/**/
	.abnav ul li a{
		height: 75px;
    	line-height: 75px;
	}
	/*about honor*/
	.honor_tab ul li{
		margin-bottom: 40px;
	}
	.view .swiper-slide .txt{
		font-size: 22px;
	}
	/*about introduction*/
	.introduce .leftbox .t1{
		font-size: 36px;
	}
	.introduce .leftbox .t2{
		font-size: 18px;
	}
	.concept ul li .round .tit,
	.concept ul li .txt .t1{
		font-size: 28px;
	}
	.contact .message .box .inputli input{
		height: 54px;
		line-height: 54px;
	}
	.contact .message .btn input{
		height: 56px;
		line-height: 56px;
	}
	/*new*/
	.news{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.news .box ul{
		margin-bottom: 40px;
	}
	.news .box ul li .img{
		margin-bottom: 35px;
	}
	.news .txt .t1{
		font-size: 18px;
		margin-bottom: 25px;
	}
	.news .txt .t2{
		font-size: 28px;
		height: 100px;
	}
	.news .txt .t4{
		font-size: 20px;
		height: 48px;
	}
	.news .box .txt .t3{
		margin-bottom: 20px;
	}
	/*new detail*/
	.new-detail{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.new-detail .left_wrap .title .h1{
		font-size: 34px;
	}
	.new-detail .right_wrap .title{
		font-size: 32px;
	}
	/*OEM&ODM*/
	.csbox .content .txt .t1,
	.oemodm_box ul li .tit,
	.applications .title{
		font-size: 36px;
	}
	.csbox .content .txt .t2,
	.oemodm_box ul li .comtext,
	.oemodm_box ul li .oth .subtxt{
		font-size: 16px;
	}
	.oemodm_box>ul>li{
		margin-bottom: 70px;
	}
	.oemodm_box>ul>li:last-child{
		margin-bottom: 0px;
	}
	.oemodm_box ul li .oth{
		margin-top: 12%;
	}
	.applications{
		padding-bottom: 80px;
	}
	.applications .tabwrap .gallery-thumbs{
		max-width: 1000px;
	}
	.applications .tabwrap ul li em{
		width: 380px;
	}
	.applications .content .wrap{
		padding: 25px 35px;
	}
	.applications .content .wrap .tit{
		font-size: 22px;
	}
	/*product*/
	.product{
		padding-top: 100px;
		padding-bottom: 100px;
	}
	
	.product ul li .txt .t1{
		font-size: 32px;
	}
	.product ul li .txt i{
		margin-top: 25px;
    	margin-bottom: 25px;
	}
	.product ul li .txt .t2{
		margin-bottom: 40px;
	}
	.advert .tit{
		font-size: 28px;
	}
	.product-detail{
		padding-top: 80px;
	}
	.particulars{
		padding-top: 50px;
		padding-bottom: 80px;
	}
	.business_area{
		padding-top: 90px;
	    padding-bottom: 110px;
	}
	.business_area ul li .txt .t1{
		font-size: 28px;
	}
	.strength{
		padding-top: 100px;
	}
	.strength .title .t1{
		font-size: 32px;
	}
	.process{
		padding-bottom: 70px;
	}
	.future{
		padding-top: 70px;
		padding-bottom: 150px;
	}
	.sales_network .title .t1{
		font-size: 34px;
	}
}
@media only screen and (max-width: 1366px){
	.header .logo a img{
		max-width: 300px;
	}
	.header .nav>ul>li{
		padding: 0px 16px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 44px;
	}
	.footer .foot_logo a img{
		max-width: 300px;
	}
	.numbox ul li:before{
		right: -80px;
	}
	/*about honor*/
	.honor_tab ul li{
		margin-bottom: 35px;
	}
	.view .swiper-slide .txt{
		font-size: 20px;
	}
	.preview .swiper-slide p{
		font-size: 17px;
	}
	/*new detail*/
	.new-detail .left_wrap .title .h1{
		font-size: 32px;
	}
	.new-detail .right_wrap .title{
		font-size: 30px;
	}
	/*OEM&ODM*/
	.csbox .content .txt .t1,
	.oemodm_box ul li .tit,
	.applications .title{
		font-size: 32px;
	}
	.oemodm_box>ul>li{
		margin-bottom: 60px;
	}
	.oemodm_box ul li .oth{
		margin-top: 10%;
	}
	.oemodm_box ul li .txt .digit{
		font-size: 160px;
	}
	.applications{
		padding-bottom: 70px;
	}
	.applications .tabwrap .gallery-thumbs{
		max-width: 900px;
	}
	.applications .tabwrap ul li em{
		width: 350px;
	}
	/*product*/
	.product{
		padding-top: 90px;
		padding-bottom: 90px;
	}
	.product-list .title{
		padding-top: 90px;
	}
	.product-list .title .t1{
		font-size: 36px;
	}
	.business_area{
		padding-top: 80px;
	    padding-bottom: 100px;
	}
}
@media only screen and (max-width: 1280px){
	.header .nav>ul>li{
		padding: 0px 12px;
	}
	.header .nav>ul>li>a{
		font-size: 17px;
	}
	.header .nav>ul>li>a:before{
		height: 3px;
	}
	/**/
	.foot_nav ul li .subtit{
		font-size: 21px;
	}
	.foot_nav ul li .drop-down a{
		font-size: 15px;
	}
	.footer .foot_form .phone{
		font-size: 21px;
	}
	.footer .foot_form .btn{
		font-size: 16px;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 32px;
	}
	.i-banner .box .btn span {
	    height: 48px;
	    line-height: 48px;
	}
	.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
		width: 50px;
		height: 50px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 40px;
	}
	.obanner .bannerzi .box .t3{
		font-size: 32px;
	}
	/*index*/
	.i-introduce .box{
		padding-bottom: 280px;
	}
	.i-introduce .numbox{
		bottom: 80px;
	}
	.i-introduce .leftbox .text .t1{
		font-size: 32px;
	}
	.i-introduce .leftbox .text .t2{
		font-size: 16px;
	}
	.i-product{
		padding-top: 70px;
	}
	.numbox ul li:before{
		right: -70px;
	}
	.numbox ul li .t1 .timer{
		font-size: 42px;
	}
	.numbox ul li .t2{
		font-size: 16px;
	}
	.pro_title .tit{
		font-size: 36px;
	}
	.oem_odm .title .t1{
		font-size: 36px;
	}
	.oem_odm .box ul li .txt{
		bottom: 25px;
	}
	.oem_odm .box ul li .txt .icon{
		margin-bottom: 10px;
	}
	.oem_odm .box ul li .txt .icon img{
		max-width: 40px;
	}
	.oem_odm .box ul li .txt .tit{
		font-size: 17px;
		margin-bottom: 10px;
	}
	/**/
	.abnav ul li a{
		height: 70px;
    	line-height: 70px;
	}
	/*about honor*/
	.honor_tab ul li span:before{
		height: 3px;
	}
	/*about introduction*/
	.introduce .leftbox .t1{
		font-size: 34px;
	}
	.introduce .leftbox .t2{
		font-size: 17px;
	}
	.concept ul li .round .tit,
	.concept ul li .txt .t1{
		font-size: 26px;
	}
	.attestation ul li .img{
		width: 100px;
		height: 100px;
		line-height: 100px;
	}
	/*new*/
	.news{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.news .box ul{
		margin-bottom: 30px;
	}
	.news .box ul li .img{
		margin-bottom: 30px;
	}
	.news .txt .t1{
		margin-bottom: 20px;
	}
	.news .txt .t2{
		font-size: 24px;
		height: 84px;
	}
	.news .txt .t4{
		font-size: 19px;
		height: 44px;
	}
	.news .main_new .txt .t3{
		margin-bottom: 30px;
	}
	/*new detail*/
	.new-detail{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.new-detail .left_wrap .title .h1{
		font-size: 30px;
	}
	.new-detail .right_wrap .title{
		font-size: 28px;
	}
	.oemodm_box ul li .img:before{
		width: 90px;
		height: 90px;
		bottom: -25px;
	}
	.oemodm_box ul li:nth-child(odd) .img:before{
		right: -25px;
	}
	.oemodm_box ul li:nth-child(even) .img:before{
		left: -25px;
	}
	/*product*/
	.product{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.product ul li .txt{
		padding-top: 10px;
	}
	.product ul li .txt .t1{
		font-size: 30px;
	}
	.product ul li .txt i{
		margin-top: 20px;
    	margin-bottom: 20px;
	}
	.product ul li .txt .t2{
		margin-bottom: 30px;
	}
	.advert .tit{
		font-size: 26px;
	}
	.product-list .title{
		padding-top: 80px;
	}
	
	.product-detail{
		padding-top: 70px;
	}
	.particulars{
		padding-bottom: 70px;
	}
	.particulars .parameter .text .txt,
	.application_area ul li .txt{
		font-size: 17px;
	}
	.business_area{
		padding-top: 70px;
	    padding-bottom: 90px;
	}
	.business_area ul li .txt{
		padding-top: 60px;
	}
	.strength{
		padding-top: 90px;
	}
	.strength .title .t1{
		font-size: 30px;
	}
	.process{
		padding-bottom: 60px;
	}
	.process .content ul li .txt .t1{
		font-size: 24px;
	}
	.process .content ul li:after{
		width: 8px;
	}
	.future{
		padding-top: 60px;
		padding-bottom: 120px;
	}
	.future .txt{
		margin-top: 30px;
	    padding-left: 40px;
	    padding-top: 50px;
	}
	.sales_network .title .t1{
		font-size: 32px;
	}
}
@media only screen and (max-width: 1199px){
	.header .wrap{
		width: 90%;
	}
	.header .logo a{
		height: 70px;
		line-height: 70px;
	}
	.header .logo a img{
		max-width: 100%;
		max-height: 45px;
	}
	.header .nav{
		display: none;
	}
	.header .show-search-btn{
		height: 70px;
		line-height: 70px;
	}
	.head-nation{
		margin-top: 20px;
	}
	.head-nation .current .name{
		display: none;
	}
	.omain{
		padding-top: 70px;
	}
	/**/
	.search{
		top: 70px;
	}
	.search-header{
		padding-top: 50px;
    	padding-bottom: 80px;
	}
	.search .submit0,
	.search-close{
		height: 64px;
	}
	.search-header .search-input{
		text-indent: 60px;
		line-height: 64px;
	}
	/**/
	.menubtn{
		display: block;
	}
	/**/
	.abnav.on{
		top: 70px;
	}
	/*footer*/
	.footer .foot_logo{
		padding-bottom: 25px;
	}
	.footer .foot_logo a img{
	    max-width: 100%;
	    max-height: 45px;
	}
	.foot_nav ul li{
		width: 23.5%;
    	margin-right: 2%;
	}
	.sales_network .content .focus{
		top: 23%;
	}
}
@media only screen and (max-width: 1024px){
	/*banner*/
	.oimg1{
		display: none;
	}
	.oimg2{
		display: block;
	}
	.sidebar{
		display: none;
	}
	/*footer*/
	.foot_nav{
		display: none;
	}
	.footer .foot_logo{
		text-align: left;
	}
	.footer .foot_form{
		float: none;
		max-width: 100%;
		text-align: left;
	}
	.footer .foot_form ul{
		display: none;
	}
	.footer .foot_form .text,
	.footer .foot_form .btn{
		height: 44px;
    	line-height: 44px;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 30px;
	}
	.i-banner .box .btn span {
		min-width: 160px;
	    height: 45px;
	    line-height: 45px;
	}
	.lunbotu .arrowsbox{
		bottom: 40px;
	}
	.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{
		bottom: 30px;
	}
	.lunbotu .swiper-pagination-bullet{
		width: 60px;
	}
	.obanner>img{
		display: none;
	}
	.obanner .ob-img{
		position: static;
		padding: 28% 0;
		transform: none;
		display: block;
	}
	.obanner .bannerzi .box .t2{
		margin-top: 10px;
	}
	.obanner .bannerzi .box .t3{
		font-size: 30px;
	}
	.obanner .bannerzi .box .t4{
		font-size: 17px;
	}
	/*index*/
	.i-introduce{
		padding-top: 70px;
	}
	.i-introduce .box{
		padding-bottom: 100px;
	}
	.i-introduce .numbox{
		bottom: 80px;
	}
	.i-introduce .leftbox{
		float: none;
		width: 100%;
	}
	.i-introduce .rightbox{
		float: none;
		width: 100%;
	}
	.i-introduce .leftbox .text .t1{
		font-size: 30px;
	}
	.i-introduce .leftbox .text .t2{
		min-height: 1px;
	}
	.i-introduce .numbox{
		position: static;
		padding: 13% 0;
	}
	.numbox ul{
		display: block;
		width: 100%;
		overflow: hidden;
		font-size: 0px;
	}
	.numbox ul li{
		display: inline-block;
		vertical-align: top;
		width: 25%;
	}
	.numbox ul li:before{
		right: 0;
	}
	.numbox ul li .t1 .timer{
		font-size: 38px;
	}
	.numbox ul li .t2{
		font-size: 16px;
		padding: 0 4%;
	}
	.i-product{
		padding-top: 60px;
		padding-bottom: 70px;
	}
	.pro_box{
		margin-top: 45px;
	}
	.pro_title .tit{
		font-size: 30px;
	}
	.pro_title .searchwrap{
		margin-top: 5px;
	}
	.pro_box .wrap ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.pro_box .wrap ul li:nth-child(2n){
		margin-right: 0;
	}
	.oem_odm{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.oem_odm .title .t1{
		font-size: 30px;
		margin-bottom: 25px;
	}
	.oem_odm .box ul{
		margin-top: 50px;
	}
	.oem_odm .box ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.oem_odm .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.oem_odm .box ul li a{
		padding-bottom: 120%;
	}
	.oem_odm .box ul li .txt .tit{
		font-size: 20px;
	}
	.pro_box .wrap ul li .img i{
		right: 15px;
		top: 15px;
	}
	.oem_odm .box ul li .img-circle{
		display: none;
	}
	/**/
	.abnav ul{
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;
		font-size: 0;
	}
	.abnav ul::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	}
	.abnav ul::-webkit-scrollbar-button {
		background-color: rgba(0, 0, 0, 0);
	}
	.abnav ul::-webkit-scrollbar-track {
		background-color: rgba(0, 0, 0, 0);
	}
	.abnav ul::-webkit-scrollbar-track-piece {
		background-color: rgba(0, 0, 0, 0);
	}
	.abnav ul::-webkit-scrollbar-thumb {
		background-color: rgba(0, 0, 0, 0);
	}
	.abnav ul::-webkit-scrollbar-corner {
		background-color: rgba(0, 0, 0, 0);
	}
	.abnav ul::-webkit-scrollbar-resizer {
		background-color: rgba(0, 0, 0, 0);
	}
	.abnav ul::-webkit-scrollbar {
		width: 0px;
		height: 0px;
	}
	.abnav ul li{
		
	}
	.abnav ul li a{
		min-width: 160px;
		height: 60px;
    	line-height: 60px;
    	font-size: 17px;
	}
	/*about honor*/
	.honor_tab{
		width: 200px;
	}
	.honor_tab ul li .t1{
		font-size: 40px;
		line-height: 1.2;
	}
	.honor_tab ul li .t2{
		font-size: 16px;
	}
	.honor_tab ul li span:before{
		height: 2px;
	}
	.honor_wrap{
		width: -moz-calc(100% - 200px);
	    width: -webkit-calc(100% - 200px);
	    width: calc(100% - 200px);
	}
	.view{
		width: 60%;
	}
	.view .swiper-container{
		padding-left: 0px;
		padding-right: 0px;
	}
	.view .swiper-slide .txt{
		font-size: 18px;
	}
	.preview{
		width: 40%;
	}
	.preview .swiper-container {
	    height: 290px;
	    margin: 40px auto;
	    box-sizing: border-box;
	}
	.preview .swiper-slide p{
		font-size: 16px;
	}
	/*about introduction*/
	.introduce{
		padding-top: 70px;
		padding-bottom: 80px;
	}
	.introduce .leftbox{
		padding-right: 0;
	}
	.introduce .leftbox .t1{
		font-size: 32px;
	}
	.introduce .leftbox .t2{
		font-size: 16px;
	}
	.introduce .rightbox ul{
		position: static;
		width: 100%;
	}
	.introduce .rightbox ul li span img{
		max-width: 35px;
		margin-right: 15px;
	}
	.introduce .rightbox ul li span, .introduce .rightbox ul li a{
		padding: 20px 0px;
		font-size: 18px;
	}
	.concept{
		padding-top: 70px;
		padding-bottom: 80px;
	}
	.concept ul li .round .tit,
	.concept ul li .txt .t1{
		font-size: 24px;
	}
	.attestation ul li .img{
		width: 90px;
		height: 90px;
		line-height: 90px;
	}
	.attestation ul li .txt{
		font-size: 17px;
	}
	/*联系我们*/
	.contact{
		padding-top: 70px;
		padding-bottom: 100px;
	}
	.contact .way{
		float: none;
		width: 100%;
		max-width: 100%;
		margin-bottom: 30px;
	}
	.contact .way .tit{
		font-size: 32px;
	}
	.contact .message{
		float: none;
		width: 100%;
	}
	.contact .message .tit{
		font-size: 22px;
	}
	.contact .message .box .inputli input{
		height: 50px;
		line-height: 50px;
	}
	.contact .message .btn input{
		height: 52px;
		line-height: 52px;
		font-size: 18px;
	}
	/*new*/
	.news{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.news .box{
		margin-top: 55px;
	}
	.news .box ul li .img{
		margin-bottom: 25px;
	}
	.news .box ul li:hover .img img{
		left: 0;
		top: 0;
	}
	.news .txt .t1{
		font-size: 16px;
		margin-bottom: 15px;
	}
	.news .txt .t2{
		font-size: 21px;
		height: 50px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.news .txt .t4{
		font-size: 19px;
		height: 44px;
	}
	.news .main_new .txt .t3{
		margin-bottom: 25px;
	}
	.morebtn a, .morebtn span{
		font-size: 15px;
	}
	/*new detail*/
	.new-detail{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.new-detail .left_wrap{
		float: none;
		width: 100%;
		padding-right: 0px;
	}
	.new-detail .left_wrap .box{
		padding-bottom: 0px;
	}
	.new-detail .right_wrap{
		display: none;
	}
	.new-detail .left_wrap .title .h1{
		font-size: 28px;
	}
	.detail-pager{
		display: none;
	}
	/*OEM&ODM*/
	.csbox{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.csbox .content .txt .t1,
	.oemodm_box ul li .tit,
	.applications .title{
		font-size: 28px;
	}
	.csbox .content{
		padding-left: 15%;
	}
	.oemodm_box>ul>li{
		margin-bottom: 60px;
	}
	.oemodm_box ul li:nth-child(odd) .txt{
		padding-left: 65px;
		padding-right: 5%;
	}
	.oemodm_box ul li:nth-child(even) .txt{
		padding-right: 65px;
		padding-left: 5%;
	}
	.oemodm_box ul li .txt .cont{
		padding-top: 0;
	}
	.oemodm_box ul li .tit{
		margin-bottom: 20px;
	}
	.oemodm_box ul li .txt .digit{
		font-size: 140px;
	}
	.oemodm_box ul li .vers{
		max-height: 145px;
	}
	.oemodm_box ul li .oth .ic img{
		max-width: 45px;
	}
	.oemodm_box ul li .img:before{
		width: 80px;
		height: 80px;
		bottom: -20px;
	}
	.oemodm_box ul li:nth-child(odd) .img:before{
		right: -20px;
	}
	.oemodm_box ul li:nth-child(even) .img:before{
		left: -20px;
	}
	.oemodm_box ul li .oth{
		padding-bottom: 30px;
	}
	.oemodm_box ul li .oth.swiper-container-horizontal>.swiper-pagination-bullets, 
	.oemodm_box ul li .oth .swiper-pagination-custom, 
	.oemodm_box ul li .oth .swiper-pagination-fraction{
		bottom: 0;
	}
	.oemodm_box ul li .oth .subtxt{
		min-height: 1px;
	}
	.applications{
		padding-bottom: 60px;
	}
	.applications .tabwrap{
		padding-top: 70px;
	}
	.applications .tabwrap .gallery-thumbs{
		max-width: 720px;
	}
	.applications .tabwrap ul li em{
		width: 250px;
	}
	.applications .content .wrap{
		padding: 20px 30px;
	}
	.applications .content .wrap .tit{
		font-size: 20px;
	}
	.applications .tabwrap ul li .dot .txt .t2{
		font-size: 18px;
	}
	/*product*/
	.product{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.product ul li .txt .con{
		padding-top: 30px;
	}
	.product ul li:nth-child(odd) .txt{
		padding-left: 30px;
		padding-right: 30px;
	}
	.product ul li:nth-child(even) .txt{
		padding-left: 30px;
		padding-right: 30px;
	}
	.product ul li .txt .t1{
		font-size: 28px;
	}
	.product ul li .txt .t2{
		
		word-break: break-word;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		font-size: 15px;
		height: 81px;
	}
	
	.advert .tit{
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 0;
	}
	.advert .btn{
		float: none;
		margin: 25px auto 0px;
	}
	.product-list .title{
		padding-top: 70px;
	}
	.product-list .title .t1{
		font-size: 32px;
	}
	.product-list .title .t2{
		font-size: 15px;
	}
	
	.product-list .box ul li, .relevant_product ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.product-list .box ul li:nth-child(3n), 
	.relevant_product ul li:nth-child(3n){
		margin-right: 4%;
	}
	.product-list .box ul li:nth-child(2n), 
	.relevant_product ul li:nth-child(2n){
		margin-right: 0;
	}
	.proli a{
		padding-bottom: 0;
	}
	.proli .img{
		padding-top: 20px;
	}
	.proli .txt{
		position: static;
		padding: 25px;
	}
	.proli .txt:before{
		opacity: 0;
		bottom: 0;
		background: #506cc2;
	}
	.proli:hover .txt:before{
		opacity: 1;
	}
	.proli .txt .btn{
		opacity: 1;
	}
	.proli .txt .btn span{
		color: #999999;
    	border: #999999 solid 1px;
	}
	.proli:hover .txt .btn span{
		color: #FFFFFF;
    	border: #FFFFFF solid 1px;
	}
	.product-detail{
		padding-top: 60px;
	}
	.particulars .title{
		padding-left: 25px;
	}
	.particulars .title i{
		top: 4px;
		width: 18px;
		height: 18px;
	}
	.particulars{
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.particulars .parameter .box{
		margin-top: 25px;
	}
	.product-detail .rightbox .title{
		margin-bottom: 25px;
    	padding-bottom: 25px;
	}
	.product-detail .rightbox .title .t1{
		font-size: 28px;
	}
	.product-detail .rightbox .title .t2{
		font-size: 15px;
	}
	.product-detail .rightbox .text .txt{
		font-size: 15px;
	}
	
	.product-detail .rightbox .btn{
		margin-top: 30px;
	}
	.product-detail .rightbox .btn a{
		font-size: 18px;
		height: 60px;
		line-height: 60px;
	}
	.particulars .parameter .text .txt,
	.application_area ul li .txt{
		font-size: 16px;
	}
	.application_area ul{
		margin-top: 40px;
	}
	.application_area ul li{
		width: 48%;
	}
	.application_area ul li:nth-child(3n){
		margin-right: 4%;
	}
	.application_area ul li:nth-child(2n){
		margin-right: 0;
	}
	.application_area ul li .txt{
		padding: 25px 28px 20px;
	}
	.relevant_infor ul li{
		width: 100%;
		margin-right: 0;
	}
	.business_area {
	    padding-top: 60px;
	    padding-bottom: 80px;
	}
	.business_area ul li .txt .t1{
		font-size: 26px;
		padding-bottom: 12px;
	}
	.business_area ul li .txt .t2{
		min-height: 1px;
	}
	.strength{
		padding-top: 70px;
	}
	.strength .title .t1{
		font-size: 28px;
	}
	.process{
		padding-bottom: 50px;
	}
	/*.process .content ul li .txt .t1{
		font-size: 22px;
	}
	.process .content ul li:after{
		width: 6px;
	}*/
	.future{
		padding-top: 50px;
		padding-bottom: 100px;
	}
	.future .txt{
		margin-top: 20px;
	    padding-left: 20px;
	    padding-top: 30px;
	}
	.process .box{
		display: none;
	}
	.process .ipbox{
		display: block;
		margin-top: 40px;
	}
	.process .content ul li,
	.process .content ul li.on{
		float: none;
		width: 100%;
		height: 25vh;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.process .content ul li .txt{
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.sales_network{
		padding-top: 70px;
	}
	.sales_network .title .t1{
		font-size: 30px;
	}
	.sales_network .content .focus{
		top: 22%;
		right: 17%;
	}
	.sales_network .box{
		padding-top: 80px;
    	padding-bottom: 70px;
	}
}
@media only screen and (max-width: 991px){
	.product ul li .img,
	.product ul li .txt{
		float: none;
		width: 100%;
	}
	.product ul li .txt{
		margin-top: 0px;
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.product ul li:nth-child(odd) .txt{
		padding-left: 30px;
		padding-right: 30px;
	}
	.product ul li:nth-child(even) .txt{
		padding-left: 30px;
		padding-right: 30px;
	}
	.product ul li a:before{
		background: url(../image/img140.png) left bottom no-repeat;
    	background-size: 100% auto;
	}
	.product ul li:nth-child(even) a:before{
		right: auto;
		left: 0;
	}
	.sales_network .content .focus{
		top: 20%;
		right: 15%;
	}
}
@media only screen and (max-width: 768px){
	.search-header {
	    padding-top: 40px;
	    padding-bottom: 60px;
	}
	.search .submit0{
	    background: url(../image/searchf.png) no-repeat center;
	    background-size: 24px 24px;
	}
	.search-close{
		background: url(../image/close.png) no-repeat center;
    	background-size: 24px 24px;
	}
	.search-header .search-input{
		text-indent: 40px;
		font-size: 21px;
	}
	/*footer*/
	.footer .foot_logo{
		padding-bottom: 20px;
	}
	.footer .content{
		padding-top: 20px;
	}
	.footer .content .conwidth{
		padding-bottom: 24px;
	}
	.footer .foot_form .phone{
		margin-bottom: 10px;
	}
	.footer .copyright{
		text-align: center;
	}
	.footer .copyright .designed{
		float: none;
		display: block;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 28px;
	}
	.i-banner .box .btn span {
		min-width: 160px;
	    height: 45px;
	    line-height: 45px;
	}
	.lunbotu .arrowsbox{
		bottom: 20px;
	}
	.lunbotu .swiper-button-next, 
	.lunbotu .swiper-button-prev{
		width: 45px;
		height: 45px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 36px;
	}
	.obanner .bannerzi .box .t2{
		margin-top: 5px;
	}
	.obanner .bannerzi .box .t3{
		font-size: 28px;
	}
	.obanner .bannerzi .box .t4{
		font-size: 16px;
	}
	/*index*/
	.i-introduce{
		padding-top: 60px;
	}
	.i-introduce .leftbox .text .t1{
		margin-bottom: 20px;
	}
	.i-introduce .leftbox .text .t2{
		font-size: 15px;
	}
	.i-introduce .iconbox li{
		width: -moz-calc((100% - 20px) / 3);
		width: -webkit-calc((100% - 20px) / 3);
		width: calc((100% - 20px) / 3);
		margin-bottom: 10px;
	}
	.i-introduce .iconbox li:nth-child(6n){
		margin-right: 10px;
	}
	.i-introduce .iconbox li:nth-child(3n){
		margin-right: 0;
	}
	.i-introduce .rightbox{
		margin-top: 40px;
	}
	.icon .inner{
		width: 80px;
		height: 80px;
		border-radius: 40px;
	}
	.i-introduce .numbox{
		padding: 3% 0;
	}
	.numbox ul li{
		display: inline-block;
		vertical-align: top;
		width: 48%;
		margin-right: 4%;
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.numbox ul li:nth-child(2n){
		margin-right: 0;
	}
	.numbox ul li:nth-child(2n):before{
		display: none;
	}
	.i-introduce .leftbox .text .t1{
		font-size: 28px;
	}
	.numbox ul li .t1 .timer{
		font-size: 36px;
	}
	.numbox ul li .t2{
		font-size: 15px;
	}
	.i-product{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.pro_title{
		padding-bottom: 20px;
	}
	.pro_title .tit{
		font-size: 28px;
	}
	.pro_title .searchwrap{
		margin-top: 0px;
	}
	.pro_box .wrap ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 6%;
	}
	.pro_box .wrap ul li:nth-child(4n){
		margin-right: 4%;
	}
	.pro_box .wrap ul li:nth-child(2n){
		margin-right: 0;
	}
	.pro_box .wrap ul li .img i {
	    right: 20px;
	    top: 20px;
	}
	.oem_odm{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.oem_odm .title .t1{
		font-size: 28px;
		margin-bottom: 15px;
	}
	.oem_odm .box ul{
		margin-top: 40px;
	}
	.oem_odm .box ul li{
		width: 48%;
		margin-right: 4%;
	}
	.oem_odm .box ul li:nth-child(4n){
		margin-right: 4%;
	}
	.oem_odm .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.oem_odm .box ul li .txt .icon img{
		max-width: 35px;
	}
	.oem_odm .box ul li .tit{
		font-size: 18px;
	}
	.oem_odm .box ul li .btn span{
		font-size: 15px;
	}
	/*about honor*/
	.honor{
		padding-top: 60px;
   	    padding-bottom: 100px;
	}
	.honor_tab{
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.honor_tab ul{
		margin-top: 0;
	}
	.honor_tab ul li{
		display: inline-block;
		vertical-align:top ;
		margin-right: 10%;
		margin-bottom: 20px;
	}
	.honor_tab ul li span{
		padding-bottom: 10px;
	}
	.honor_tab ul li .t1{
		display: inline-block;
		font-size: 36px;
	}
	.honor_tab ul li .t2{
		display: inline-block;
	}
	.honor_wrap{
		float: none;
		width: 100%;
	}
	.view{
		width: 100%;
		padding-left: 50px;
		padding-right: 50px;
		box-sizing: border-box;
	}
	.preview{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.preview .swiper-container{
		display: none;
	}
	.preview .swiper-button-next, .preview .swiper-button-prev{
		background-size: 25px auto;
	}
	.preview .arrow-bottom{
		right: auto;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	} 
	.preview .arrow-top{
		left: auto;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	/*about introduction*/
	.introduce{
		padding-top: 60px;
		padding-bottom: 70px;
	}
	.introduce .leftbox{
		float: none;
		width: 100%;
	}
	.introduce .leftbox .t1{
		font-size: 28px;
	}
	.introduce .rightbox{
		float: none;
		width: 100%;
		padding-left: 0;
		margin-top: 40px;
	}
	.introduce .rightbox .img{
		max-width: 100%;
	}
	.introduce .rightbox .img>img{
		width: 100%;
	}
	.attestation ul{
		font-size: 0;
		text-align: center;
	}
	.attestation ul li{
		float: none;
		display: inline-block;
		vertical-align: top;
		width: 33.33%;
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.concept{
		padding-top: 60px;
    	padding-bottom: 70px;
	}
	.concept ul li{
		float: none;
		width: 100%;
		height: 33vh;
	}
	.concept ul li .bg{
		background-size: cover;
	}
	.concept ul li .round .ic{
		width: 250px;
	}
	/*联系我们*/
	.contact{
		padding-top: 60px;
	}
	.contact .way .tit{
		font-size: 28px;
		margin-bottom: 25px;
	}
	.contact .message .tit{
		font-size: 20px;
	}
	/*new*/
	.news{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.news .main_new .img{
		float: none;
		width: 100%;
	}
	.news .main_new .txt{
		float: none;
		width: 100%;
		padding: 30px;
	}
	.news .box{
		margin-top: 50px;
	}
	.news .box ul{
		margin-bottom: 20px;
	}
	.news .box ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.news .box ul li:nth-child(3n){
		margin-right: 4%;
	}
	.news .box ul li:nth-child(2n){
		margin-right: 0;
	}
	.news .box ul li .img{
		margin-bottom: 25px;
	}
	/*.news .box ul li:hover .img img{
		left: 15px;
		top: 15px;
	}*/
	.news .txt .t1{
		font-size: 16px;
		margin-bottom: 15px;
	}
	.news .txt .t2{
		font-size: 21px;
		height: 50px;
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.news .txt .t4{
		font-size: 19px;
		height: 44px;
	}
	.news .main_new .txt .t3{
		margin-bottom: 25px;
	}
	.morebtn a, .morebtn span{
		font-size: 15px;
	}
	/*new detail*/
	.new-detail{
		padding-top: 60px;
	}
	.new-detail .left_wrap .title .h1{
		font-size: 26px;
	}
	/**/
	.csbox{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.csbox .content{
		padding-left: 5%;
		padding-right: 5%;
	}
	.csbox .content .txt{
		padding-left: 50px;
		padding-right: 30px;
		box-sizing: border-box;
	}
	.csbox .content .txt .t1:before{
		top: 10px;
		left: -25px;
	}
	.csbox .content .txt .t1:after{
		display: none;
	}
	.csbox .content .txt .t1, .oemodm_box ul li .tit, .applications .title{
		font-size: 24px;
	}
	.oemodm_box>ul>li{
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
		margin-bottom: 30px;
	}
	.oemodm_box ul li .img{
		float: none !important;
		width: 100%;
		box-sizing: border-box;
		bottom: 20px;
	}
	.oemodm_box ul li:nth-child(odd) .img{
		padding-right: 20px;
	}
	.oemodm_box ul li:nth-child(even) .img{
		padding-left: 20px;
	}
	.oemodm_box ul li:nth-child(odd) .img:before{
		right: 0px;
	}
	.oemodm_box ul li:nth-child(even) .img:before{
		left: 0px;
	}
	.oemodm_box ul li .txt{
		position: relative;
		float: none !important;
		width: 100%;
		margin-top: 40px;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.oemodm_box ul li .oth{
		margin-top: 40px;
	}
	.oemodm_box ul li .vers{
		max-height: 100%;
	}
	.oemodm_box ul li:nth-child(even) .txt .digit{
		left: auto;
		right: 0;
	}
	.applications{
		padding-top: 60px;
		padding-left: 5%;
		padding-right: 5%;
		box-sizing: border-box;
		overflow: hidden;
	}
	.applications .gallery-top{
		padding-left: 0;
		padding-right: 0;
	}
	.applications .tabwrap{
		display: none;
	}
	.applications .content .wrap{
		padding: 20px 25px;
	}
	.applications .tabwrap ul li.on .dot .txt,
	.applications .tabwrap ul li.active-nav .dot .txt,
	.applications .tabwrap ul li:hover .dot .txt{
		opacity: 0;
		bottom: 0;
	}
	.applications .tabwrap ul li em{
		display: none;
	}
	.applications .gallery-top{
		padding-bottom: 40px;
	}
	.applications .gallery-top .swiper-pagination{
		display: block;
	}
	.applications .swiper-container-horizontal>.swiper-pagination-bullets, 
	.applications .swiper-pagination-custom, 
	.applications .swiper-pagination-fraction{
		bottom: 0;
	}
	.applications .swiper-pagination-bullet-active{
		background: #405aa8;
	}
	.product{
		padding-top: 60px;
	}
	.product-list{
		padding-bottom: 60px;
	}
	.product-list .title{
		padding-top: 60px;
	}
	.product-list .title .t1{
		font-size: 28px;
	}
	.product-detail{
		padding-top: 50px;
	}
	.product-detail .leftbox{
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.product-detail .leftbox .swiper-container{
		margin-right: auto;
		margin-left: auto;
	}
	.product-detail .rightbox{
		float: none;
		width: 100%;
		padding-top: 40px;
	}
	.particulars{
		padding-bottom: 50px;
	}
	.particulars .parameter .text{
		float: none;
		width: 100%;
	}
	.particulars .parameter .img{
		float: none;
		width: 100%;
		padding-left: 0;
		margin-top: 30px;
		text-align: center;
	}
	.product-detail .rightbox .title .t1{
		font-size: 26px;
	}
	.business_area {
	    padding-bottom: 70px;
	}
	.business_area ul li{
		margin-bottom: 40px;
	}
	.business_area ul li .txt{
		padding: 40px 40px 30px;
	}
	.business_area ul li .txt .t1{
		font-size: 24px;
		padding-bottom: 10px;
	}
	.business_area ul li .txt .t1:before{
		left: -15px;
    	top: -15px;
    	background: url(../image/img133.png) left top no-repeat;
    	background-size: 32px auto;
	}
	.business_area ul li .txt .tag{
		margin-top: 15px;
	}
	.strength{
		padding-top: 60px;
	}
	.strength .title .t1{
		font-size: 26px;
	}
	.strength .title .t2{
		margin-top: 10px;
		font-size: 17px;
	}
	.process{
		padding-bottom: 40px;
	}
	.future{
		padding-top: 40px;
		padding-bottom: 90px;
	}
	.future .left_w{
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}
	.future .right_w{
		float: none;
		width: 100%;
		padding-left: 0px;
	}
	.future .right_w img{
		width: 100%;
	}
	.future .txt {
	    padding-top: 20px;
	}
	.sales_network{
		padding-top: 60px;
	}
	.sales_network .box{
		margin-top: 45px;
	}
	.sales_network .title .left_w{
		float: none;
		width: 100%;
	}
	.sales_network .title .t1{
		font-size: 28px;
	}
	.sales_network .title .right_w{
		float: none;
		width: 100%;
		text-align: left;
	}
	.sales_network .title .btn{
		margin-top: 40px;
	}
	.sales_network .content .focus{
	    top: 15%;
		right: 15%;
	}
}
@media only screen and (max-width: 640px){
	.header .logo{
		max-width: 50%;
	}
	.header .logo a{
		height: 60px;
		line-height: 60px;
	}
	.header .logo a img{
		max-width: 100%;
		max-height: 40px;
	}
	.header .show-search-btn{
		height: 60px;
		line-height: 60px;
	}
	.head-nation{
		margin-top: 15px;
		margin-left: 16px;
	}
	.menubtn{
		width: 40px;
		height: 60px;
	}
	.search{
		top: 60px;
	}
	.search-header {
	    padding-top: 30px;
	    padding-bottom: 50px;
	}
	.search-header .search-input{
		font-size: 18px;
	}
	.omain{
		padding-top: 60px;
	}
	/**/
	.abnav.on{
		top: 60px;
	}
	/*footer*/
	.footer .foot_logo a img {
	    max-height: 40px;
	}
	.footer .foot_form .txt{
		font-size: 15px;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 24px;
	}
	.obanner .ob-img{
		padding: 32% 0;
	}
	.obanner .bannerzi .box .t1{
		font-size: 32px;
	}
	.abnav ul li a {
	    min-width: 150px;
	    height: 56px;
	    line-height: 56px;
	    font-size: 16px;
	}
	/*index*/
	.i-introduce{
		padding-top: 50px;
	}
	.i-introduce .box{
		padding-bottom: 80px;
	}
	.i-introduce .leftbox .text .t1{
		font-size: 24px;
		margin-bottom: 15px;
	}
	.i-introduce .iconbox{
		margin-top: 30px;
	}
	.icon .inner {
	    width: 70px;
	    height: 70px;
	    border-radius: 35px;
	}
	.numbox ul li .t1{
		font-size: 26px;
	}
	.numbox ul li .t1 .timer{
		font-size: 32px;
	}	
	.oem_odm{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	/*about honor*/
	.honor{
		padding-top: 50px;
	}
	/*about introduction*/
	.introduce{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.introduce .leftbox .t1{
		font-size: 26px;
	}
	.introduce .rightbox ul li span, .introduce .rightbox ul li a{
		padding: 15px 0px;
	}
	.concept{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	/*联系我们*/
	.contact{
		padding-top: 50px;
	}
	.contact .way .tit{
		font-size: 26px;
		margin-bottom: 20px;
	}
	.contact .message .tit{
		font-size: 18px;
	}
	.contact .message .btn input{
		width: 180px;
	}
	/*new*/
	.news .txt .t2{
		font-size: 20px;
		height: auto;
	}
	.news .txt .t4{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.news .box .txt .t3{
		margin-bottom: 15px;
	}
	.page-list a{
		min-width: 40px;
	    height: 40px;
	    line-height: 40px;
	}
	.page-list a.fyprev{
		padding-left: 30px;
	}
	.page-list a.fynext{
		padding-right: 30px;
	}
	/**/
	.oemodm_box>ul>li{
		margin-bottom: 20px;
	}
	.oemodm_box ul li .oth .ic img{
		max-width: 40px;
	}
	.oemodm_box ul li .oth .subtit .timer{
		font-size: 30px;
	}
	.oemodm_box ul li .txt .digit{
		font-size: 120px;
	}
	.applications{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.applications .content .wrap{
		position: static;
		border-radius: 0px;
	}
	/*product*/
	.product{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.product ul li .txt .t1{
		font-size: 26px;
	}
	.product ul li .txt .t2{
		margin-bottom: 25px;
	}
	.application_area ul li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 40px;
	}
	.particulars .title{
		font-size: 24px;
	}
	.application_area ul li .txt{
		padding: 25px 20px;
		min-height: 1px;
	}
	.business_area {
		padding-top: 50px;
	    padding-bottom: 60px;
	}
	.business_area ul li{
		margin-bottom: 30px;
	}
	.business_area ul li .txt{
		max-width: 90%;
		width: 90%;
		padding: 40px 30px 30px;
		margin-left: 5%;
	}
	.business_area ul li .txt .t1{
		font-size: 22px;
	}
	.business_area ul li .txt .t2{
		font-size: 15px;
		line-height: 1.7;
	}
	.strength{
		padding-top: 50px;
	}
	.strength .title .t1{
		font-size: 24px;
	}
	.strength .title .t2{
		font-size: 16px;
	}
	.process{
		padding-bottom: 35px;
	}
	.process .ipbox{
		margin-top: 30px;
	}
	.future{
		padding-top: 30px;
		padding-bottom: 80px;
	}
	.future .left_w{
		margin-bottom: 35px;
	}
	.future .txt .btn{
		margin-top: 25px;
	}
	.sales_network{
		padding-top: 50px;
	}
	.sales_network .box{
		margin-top: 40px;
	}
	.sales_network .title .t1{
		font-size: 26px;
		margin-bottom: 15px;
	}
	.sales_network .title .btn{
		margin-top: 30px;
	}
	.sales_network .title .btn a{
		width: 120px;
		height: 46px;
		line-height: 44px;
		font-size: 15px;
	}
	.sales_network .box{
		padding-top: 70px;
    	padding-bottom: 60px;
	}
	.sales_network .content .focus{
        top: 11%;
		right: 13%;
	}
}
@media only screen and (max-width: 540px){
	.lunbotu .swiper-pagination-bullet{
		width: 45px;
		height: 40px;
	}
	.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction{
		bottom: 15px;
	}
	.search-header {
	    padding-top: 20px;
	    padding-bottom: 40px;
	}
	.search-header .search-input{
		font-size: 16px;
		line-height: 56px;
	}
	.search .submit0,
	.search-close{
		height: 56px;
		line-height: 56px;
	}
	.search .submit0{
	    background: url(../image/searchf.png) no-repeat center;
	    background-size: 21px 21px;
	}
	.search-close{
		background: url(../image/close.png) no-repeat center;
    	background-size: 21px 21px;
	}
	.m-nav .nav-list>li>a, .m-nav .nav-list .one-level{
		font-size: 16px;
	}
	/*banner*/
	.i-banner .box .t1{
		font-size: 22px;
		margin-bottom: 25px;
	}
	.i-banner .box .btn span{
		min-width: 120px;
		height: 42px;
		line-height: 42px;
		font-size: 15px;
	}
	.obanner .bannerzi .box .t1{
		font-size: 28px;
	}
	.obanner .bannerzi .box .t3{
		font-size: 24px;
	}
	.obanner .bannerzi .box .t4{
		font-size: 15px;
	}
	/*index*/
	.i-introduce .box{
		padding-bottom: 60px;
	}
	.i-introduce .rightbox{
		margin-top: 30px;
	}
	.icon .inner {
	    width: 60px;
	    height: 60px;
	    border-radius: 30px;
	}
	.i-introduce .leftbox .text .t1{
		font-size: 22px;
	}
	.i-introduce .iconbox li{
	    width: 30%;
	    margin-right: 5%;
	    margin-top: 2.5%;
	    margin-bottom: 2.5%;
	    text-align: center;
	}
	.i-introduce .iconbox li:nth-child(6n){
		margin-right: 5%;
	}
	.i-introduce .iconbox li:nth-child(3n){
		margin-right: 0;
	}
	.i-introduce .iconbox li img{
		max-width: 100px;
	}
	.i-introduce .numbox{
		margin-top: 25px;
	}
	.i-product{
		padding-top: 40px;
	}
	.numbox ul li{
		margin-top: 7%;
		margin-bottom: 7%;
	}
	.numbox ul li .t1{
		font-size: 24px;
		padding-bottom: 10px;
   	 	margin-bottom: 10px;
	}
	.numbox ul li .t1 .timer{
		font-size: 28px;
	}
	.numbox ul li .t2{
		font-size: 14px;
	}
	
	.pro_title .tit{
		float: none;
		width: 100%;
		font-size: 22px;
		margin-bottom: 20px;
	}
	.pro_title .searchwrap{
		float: none;
		width: 100%;
	}
	.pro_box .title .subtit{
		float: none;
		width: 100%;
		font-size: 21px;
	}
	.pro_box .title .more{
		float: none;
		text-align: right;
		width: 100%;
		margin-top: 20px;
	}
	.pro_title .tit{
		font-size: 24px;
	}
	.pro_box .wrap{
		margin-top: 30px;
	}
	.pro_box .wrap ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.oem_odm .box ul li .txt .tit{
		font-size: 18px;
	}
	.oem_odm{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.oem_odm .title .t1{
		font-size: 24px;
	}
	.oem_odm .box ul{
		margin-top: 30px;
	}
	.oem_odm .box ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.oem_odm .box ul li .tit{
		font-size: 20px;
	}	
	/*about honor*/
	.honor{
		padding-top: 40px;
	}
	.honor_tab ul li{
		margin-right: 20px;
	}
	.honor_tab ul li .t1{
		font-size: 32px;
	}
	.preview .swiper-button-next, .preview .swiper-button-prev{
		background-size: 20px auto;
	}
	/*about introduction*/
	.introduce{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.introduce .leftbox .t1{
		font-size: 24px;
	}
	.introduce .leftbox .t2{
		font-size: 15px;
	}
	.introduce .rightbox ul li span, .introduce .rightbox ul li a{
		font-size: 17px;
	}
	.introduce .rightbox ul li span img{
		max-width: 30px;
		margin-right: 10px;
	}
	.concept{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.attestation ul{
		padding-top: 35px;
		padding-bottom: 30px;
	}
	.attestation ul li .img{
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
	.attestation ul li .txt{
		font-size: 16px;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	/*联系我们*/
	.contact{
		padding-top: 40px;
	}
	.contact .way{
		margin-bottom: 15px;
	}
	.contact .way .tit{
		font-size: 24px;
	}
	.contact .message .tit{
		font-size: 17px;
	}
	.contact .message .box .half{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.contact .message .btn input{
		width: 150px;
	}
	/*new*/
	.morebtn a, .morebtn span{
		height: 48px;
		line-height: 48px;
	}
	.news{
		padding-top: 50px;
    	padding-bottom: 50px;
	}
	.news .main_new .txt{
		padding: 25px;
	}
	.news .box ul{
		margin-bottom: 0px;
	}
	.news .box ul li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}
	.news .txt .t2{
		font-size: 18px;
	}
	.news .txt .t3{
		height: auto;
	}
	.news .txt .t4{
		height: auto;
	}
	.news .txt .t5{
		font-size: 14px;
	}
	.page-list a{
		margin-right: 10px;
	}
	/*new detail*/
	.new-detail{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.new-detail .left_wrap .title .h1{
		font-size: 24px;
	}
	.new-detail .left_wrap .title .txt .sp{
		margin-right: 25px;
	}
	/**/
	.csbox .content .txt{
		padding-left: 40px;
	}
	.applications {
	    padding-top: 40px;
	    padding-bottom: 40px;
	}
	.applications .box{
		margin-top: 30px;
	}
	.oemodm_box ul li:nth-child(odd) .img{
		padding-right: 15px;
	}
	.oemodm_box ul li:nth-child(even) .img{
		padding-left: 15px;
	}
	.oemodm_box ul li .img:before {
	    width: 60px;
	    height: 60px;
	    bottom: -15px;
	}
	.oemodm_box ul li:nth-child(odd) .img:before{
		border-radius: 0px 0px 20px 0px;
	}
	.oemodm_box ul li:nth-child(even) .img:before{
		border-radius: 0px 0px 0px 20px;
	}
	.oemodm_box ul li .txt .digit{
		font-size: 100px;
	}
	/**/
	.product ul li .txt .con{
		padding-top: 20px;
	}
	.product ul li .txt .t1{
		font-size: 24px;
	}
	.product ul li .txt i{
		margin-bottom: 15px;
	}
	.product-list{
		
		padding-bottom: 50px;
	}
	.product-list .title{
		padding-top: 50px;
	}
	.product-list .title .t1{
		font-size: 24px;
	}
	.product-list .box ul{
		margin-bottom: 0px;
	}
	.product-list .box ul li, .relevant_product ul li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.product-detail{
		padding-top: 40px;
	}
	.product-detail .rightbox{
		padding-top: 30px;
	}
	.product-detail .rightbox .title .t1{
		font-size: 24px;
	}
	.product-detail .rightbox .btn a{
		font-size: 17px;
		height: 56px;
		line-height: 56px;
	}
	.particulars .title{
		font-size: 22px;
	}
	.application_area{
		margin-bottom: 30px;
	}
	.application_area ul{
		margin-top: 30px;
	}
	.relevant_infor{
		margin-bottom: 40px;
	}
	.relevant_infor ul li a{
		padding-left: 30px;
	}
	.relevant_infor ul li .t1{
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.relevant_infor ul li .t2{
		float: none;
		width: 100%;
	}
	.particulars{
		padding-bottom: 40px;
	}
	.relevant_product ul{
		margin-top: 35px;
	}
	.product-detail .swiper-pagination{
		font-size: 18px;
	}
	.process .content ul li .txt .t1{
		font-size: 22px;
	}
	.process .content ul li .txt .t2{
		font-size: 17px;
	}
	.process .content ul li .digit{
		bottom: 20px;
	}
	.sales_network{
		padding-top: 40px;
	}
	.sales_network .box{
		padding-top: 60px;
    	padding-bottom:50px;
	}
	.sales_network .title .t1{
		font-size: 24px;
	}
	.sales_network .title .t2{
		font-size: 15px;
	}
	.sales_network .content .focus{
        top: 6%;
	    right: 11%;
	}
}
@media only screen and (max-width: 480px){
	.m-nav .nav-list{
		padding-top: 15px;
	}
	/*footer*/
	.footer .foot_form form{
		max-width: 100%;
	}
	.footer .foot_logo a img{
		max-height: 36px;
	}
	/**/
	.obanner .ob-img{
		padding: 40% 0;
	}
	.pro_title .tit{
		font-size: 22px;
	}
	.pro_box{
		margin-top: 35px;
	}
	.pro_box .title .subtit{
		font-size: 18px;
	}
	.abnav ul li a {
	    min-width: 130px;
	    height: 50px;
	    line-height: 50px;
	    font-size: 15px;
	}
	.i-introduce .box{
		padding-bottom: 40px;
	}
	/*about honor*/
	.honor_tab ul li .t1{
		font-size: 28px;
	}
	.preview .swiper-button-next, .preview .swiper-button-prev{
		background-size: 15px auto;
	}
	/*about introduction*/
	.introduce .leftbox .t1{
		font-size: 22px;
	}
	.attestation ul li .img{
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.concept ul li .round .tit, .concept ul li .txt .t1{
		font-size: 21px;
	}
	.attestation ul li .txt{
		font-size: 15px;
	}
	/*news*/
	.news{
		padding-top: 40px;
	}
	.page-list a{
		min-width: 36px;
	    height: 36px;
	    line-height: 36px;
	    margin-right: 5px;
	}
	.page-list a.fyprev{
		padding-left: 25px;
	}
	.page-list a.fynext{
		padding-right: 25px;
	}
	/*new detail*/
	.new-detail{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.new-detail .left_wrap .title .h1{
		font-size: 21px;
	}
	.new-detail .left_wrap .title .txt .sp{
		margin-right: 20px;
	}
	.csbox .content .txt{
		padding-left: 30px;
		padding-right: 10px;
	}
	.oemodm_box ul li .txt{
		margin-top: 30px;
	}
	.csbox .content .txt .t1, .oemodm_box ul li .tit, .applications .title{
		font-size: 21px;
	}
	.oemodm_box ul li .txt .digit{
		font-size: 90px;
	}
	/*product*/
	.product{
		padding-top: 40px;
		padding-bottom: 50px;
	}
	.product ul li{
		margin-bottom: 30px;
	}
	.product ul li .txt .t1{
		font-size: 22px;
	}
	.advert .tit{
		font-size: 24px;
	}
	.advert .btn{
		width: 160px;
		height: 48px;
    	line-height: 42px;
		border: rgba(255,255,255,0.09) solid 3px;
	}
	.advert .btn a{
		font-size: 15px;
	}
	.product-list{
		padding-bottom: 40px;
	}
	.product-list .title{
		padding-top: 40px;
	}
	.product-list .box{
		margin-top: 40px;
	}
	.proli .txt .t1{
		font-size: 18px;
	}
	.proli .txt .t2{
		font-size: 15px;
	}
	.product-detail .rightbox .title .t1{
		font-size: 22px;
	}
	.product-detail .rightbox .btn a{
		font-size: 16px;
		height: 50px;
		line-height: 50px;
	}
	.application_area ul li .txt{
		padding: 20px;
	}
	.particulars .parameter .text .txt,
	.application_area ul li .txt{
		font-size: 15px;
	}
	.business_area{
		padding-top: 40px;
	}
	.business_area ul li .txt{
		padding-top: 30px;
	}
	.business_area ul li .txt .t1{
		font-size: 20px;
	}
	.strength{
		padding-top: 40px;
	}
	.strength .title .t1{
		font-size: 22px;
	}
	.process .content ul li .txt .t1{
		font-size: 20px;
	}
	.process .content ul li .txt .t2{
		font-size: 16px;
	}
	.process .content ul li .txt i{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.process .content ul li .digit{
		bottom: 15px;
	}
	.future .txt .btn span{
		font-size: 15px;
		height: 45px;
    	line-height: 45px;
	}
	.sales_network .box{
		padding-top: 50px;
    	padding-bottom:40px;
	}
	.sales_network .content .focus{
        top: -6px;
    	right: 25px;
	}
	.sales_network .title .btn a {
	    height: 42px;
	    line-height: 40px;
	}
	.business_area ul li .txt .tag a{
		min-width: 60px;
	}
	.business_area ul li .txt .tag a:last-child{
		margin-right: 0;
	}
}

/*搜索结果*/
.xsousuo {
     padding-top: 90px;
    /* padding-bottom: 80px; */
    background: #fff;
}

.xsousuo .conwidth {}

.xsousuo .xssbox {
    padding-top: 85px;
    padding-left: 4%;
    padding-right: 4%;
    padding-bottom: 80px;
    /* background-color: #FFFFFF; */
}

.xssbox .title {
    font-family: sy-Regular;
    color: #000000;
    font-size: 28px;
    padding-bottom: 35px;
    border-bottom: #e8e8e8 solid 1px;
}

.xssbox .title .t1 {
    color: #148fee;
}

.xsdiv {}

.xsdiv ul li {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: #eae5e5 solid 1px;
}

.xsdiv ul li a {
    display: inline-block;
    width: 100%;
}

.xsousuo .l-wrap {
    float: left;
    width: 150px;
}

.xsousuo .l-wrap img {
    width: 100%;
}

.xsousuo .r-wrap {
    float: left;
    width: -moz-calc(100% - 150px);
    width: -webkit-calc(100% - 150px);
    width: calc(100% - 150px);
    padding-left: 30px;
    box-sizing: border-box;
    margin-top: 4vh;
}

.xsdiv ul li a .xtop {
    margin-bottom: 10px;
    overflow: hidden;
    color: #222222;
    font-size: 20px;
    margin-right: 30px;
    margin-bottom: 5px;
}

.xsdiv ul li a:hover .xtop {
    color: #148fee;
}

.xsdiv ul li a .xmid {
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.xsdiv ul li a .time {
    color: #444444;
    font-size: 16px;
}

@media screen and (max-width: 1440px) {
    .xssbox .title {
        font-size: 26px;
    }
}

@media screen and (max-width: 1024px) {
    .xsousuo {
        padding-bottom: 70px;
    }

    .xsousuo .xssbox {
        padding-top: 30px;
        padding-bottom: 50px;
        padding-left: 0;
        padding-right: 0;
    }

    .xssbox .title {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .xsousuo {
        padding-bottom: 60px;
    }

    .xsousuo .xssbox {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .xssbox .title {
        font-size: 20px;
        padding-bottom: 25px;
    }

    .xsdiv ul li {
        padding: 25px 0px;
    }
}

@media screen and (max-width: 640px) {
    .xsousuo .xssbox {
        padding-top: 0px;
        padding-bottom: 30px;
    }

    .xssbox .title {
        font-size: 18px;
        padding-bottom: 20px;
    }

    .xsdiv ul li {
        padding: 20px 0px;
    }

    .xsdiv ul li a .xtop {
        font-size: 18px;
    }

    .xsdiv ul li a .time {
        font-size: 15px;
    }
}

@media screen and (max-width: 576px) {
    .xsousuo .xssbox {
        padding-top: 0;
    }

    .xsousuo .l-wrap {
        width: 100px;
    }

    .xsousuo .r-wrap {
        padding-left: 20px;
        width: -webkit-calc(100% - 100px);
        width: calc(100% - 100px);
    }

    .xsdiv ul li a .xtop {
        font-size: 17px;
    }

    .xsdiv ul li a .xmid {
        margin-bottom: 10px;
    }

    .xsdiv ul li a .time {
        font-size: 14px;
    }
}


	.shareic{
		float: right;
	}
	.shareic ul li{
		float: left;
		margin-left: 10px;
	}
	.shareic ul li:last-child{
		margin-right: 0;
	}
	.shareic ul li a{
		display: block;
		width: 36px;
		height: 36px;
		line-height: 36px;
		border-radius: 50%;
		background: #1c3647;
		overflow: hidden;
		text-align: center;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.shareic ul li:hover a{
		background: #087cc9;
	}
	.shareic ul li a img{
		max-width: 22px;
	}
	.footer .copyright{
		overflow: hidden;
	}
	@media screen and (max-width: 768px){
		.shareic{
			float: none;
			width: 100%;
			text-align: center;
			font-size: 0;
			margin-bottom: 15px;
		}
		.shareic ul{
			display: inline-block;
		}
		.shareic ul li a{
			width: 32px;
			height: 32px;
			line-height: 32px;
		}
		.shareic ul li a img{
			max-width: 18px;
		}
	}




/*20220711*/
/*footer*/
.footer .content{
	padding-top: 0;
}
.footer .foot_form .phone span{
	color: #b2b2b2;
}
.footer .copyright .designed{
	float: none;
	display: inline-block;
	margin-left: 40px;
}
.footer .foot_share{
	float: right;
}
.footer .foot_share ul li{
	float: left;
	margin-right: 10px;
}
.footer .foot_share ul li:last-child{
	margin-right: 0;
}
.footer .foot_share ul li a{
	display: block;
	width: 29px;
	height: 29px;
	line-height: 29px;
	border-radius: 50%;
	overflow: hidden;
	text-align: center;
	background: #d6d6d6;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.footer .foot_share ul li a img.ic1{
	display: none;
}
.footer .foot_share ul li:hover a img.ic1{
	display: none;
}
.footer .foot_share ul li:hover a img.ic2{
	display: inline-block;
}
.footer .foot_share ul li:hover a{
	background: #6eb92b;
}
.foot_nav ul li .drop-down ul li{
	display: block;
	width: 100%;
	float: none;
}
.more_btn span{
	display: inline-block;
	cursor: pointer;
	padding-right: 12px;
	color: #405aa8;
	font-size: 16px;
	background: url(../image/img141.png) center right no-repeat;
}
.serviceBox{
	position: fixed;
	right: 30px;
	bottom: 10vh;
}
.serviceIcon{
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	background: #405aa8;
	overflow: hidden;
	transition: all 0.5s ease;
}
.serviceIcon:hover{
	background: #6eb92b;
}
.serviceIcon a,
.serviceIcon span{
	display: block;
	width: 100%;
}
.serviceIcon a img,
.serviceIcon span img{
	max-width: 30px;
}
.servicePopup{
	position: absolute;
	right: 0;
	bottom: 0;
	box-shadow: 5px 11px 29px rgba(10,2,5,0.13);
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 12px 24px 45px;
	box-sizing: border-box;
	display: none;
}
.servicePopup .close{
	position: absolute;
	right: 20px;
	top: 15px;
}
.servicePopup .tit{
	width: calc(100% - 30px);
	color: #000000;
	font-size: 20px;
	line-height: 1.7;
}
.servicePopup .icon{
	margin-top: 25px;
	margin-bottom: 10px;
	text-align: center;
}
.servicePopup .icon img{
}
.servicePopup .subtit{
	color: #888888;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 15px;
}
.servicePopup .inputli{
	width: 214px;
	margin-bottom: 15px;
	border: #e9e9e9 solid 1px;
	border-radius: 5px;
	padding: 0px 15px;
	overflow: hidden;
	box-sizing: border-box;
}
.servicePopup .inputli input,
.servicePopup .inputli textarea{
	width: 100%;
	color: #666666;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	border: none;
	background: #FFFFFF;
	outline: none;
}
.servicePopup .inputli textarea{
	height: 80px;
}
.servicePopup input::-webkit-input-placeholder,
.servicePopup textarea::-webkit-input-placeholder{
	font-family: Arial;
	color: #888888;
}
.servicePopup input:-moz-placeholder,
.servicePopup textarea:-moz-placeholder{
	font-family: Arial;
	color: #888888;
}
.servicePopup input::-moz-placeholder,
.servicePopup textarea::-moz-placeholder{
	font-family: Arial;
	color: #888888;
}
.servicePopup input:-ms-input-placeholder,
.servicePopup textarea:-ms-input-placeholder{
	font-family: Arial;
	color: #888888;
}
.servicePopup .inputbtn{
	border-radius: 5px;
	background: #0b4b8f;
	overflow: hidden;
}
.servicePopup .inputbtn input{
	width: 100%;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	color: #ffffff;
	background: none;
	outline: none;
	border: none;
}
@media only screen and (max-width: 1024px){
	.footer .foot_share{
		display: none;
	}
}
@media only screen and (max-width: 768px){
	.footer .copyright .designed {
	    float: none;
	    display: block;
	    margin-left: 0;
	}
}

.atlas{
	position: relative;
	width: 100%;
	overflow: hidden;
}

/*20220801*/
.data{
	padding: 70px 0px;
}
.data .table {

}
.data .table th {
	font-size: 14px;
	color: #222;
	height: 60px;
	background: #eee;
	font-weight: normal;
}

.data .table th:nth-child(1) {
	width: 70%;
	text-align: left;
	padding: 0 44px;
}

.data .table td {
	border-bottom: 1px dashed #dfdfdf;
	text-align: center;
	font-size: 14px;
	color: #666;
	height: 69px;
}

.data .table tr:hover td {
	background: #f8f8f8;
}

.data .table td a {
	color: #222;
}
.data .boxs {
	position: relative;
}

.data .icon {
	float: left;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: #405aa8;
	background-size: cover;
	margin-top: 7px;
	margin-right: 24px;
}

.data .text {
	float: left;
	width: calc(100% - 34px);
	font-size: 14px;
	color: #222;
}

.data .box {
	padding: 0 10px;
	text-align: left;
}
@media only screen and (max-width: 1024px){
	.data{
		padding: 60px 0px;
	}
}
@media only screen and (max-width: 540px){
	.data{
		padding-top: 40px;
	}
	.data .table th:nth-child(1){
		padding-left: 20px;
		padding-right: 10px;
		width: 65%;
	}
	.data .box{
		padding: 0px 5px;
	}
	.data .text{
		width: calc(100% - 16px);
	}
	.data .icon{
		margin-right: 10px;
	}
	.data .table td a img{
		max-width: 20px;
	}
}