@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
	margin: 0px;
	padding: 0px; font-family:"Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif
}
td, div {
	font-size: 12px;
	color: #444;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #0c09ee;
}
.clear {
	clear: both;
}
.dis {
	display: none;
}
.w {
	width: 1000px;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}
.mt10 {
	margin-top: 10px;
}
.m10 {
	margin: 10px auto;
}
ul, ol, li {
	list-style: none
}
.fl {
	float: left
}
.fr {
	float: right
}
@font-face {
	font-family: bahnschrift;
	src:  url(../fonts/bahnschrift.woff) format("woff");
	font-weight: 400;
	font-style: normal
}
.en {
	font-family: bahnschrift;
}
.subject {
	color: #fff;
	font-size: 18px;
	
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #ddd; margin-bottom:20px
}
.subject b {
	display: inline-block;
	font-weight: normal;
	background:#0c09ee;
	height: 40px; width:180px; text-align:center;
	line-height: 40px; border-top-left-radius:10px;border-top-right-radius:10px
}
.subject span {
	color: #bbb;
	display: inline-block;
	font-size: 16px;
	
	padding-left: 10px;
}
.subject a {
	float: right;
	font-size: 12px;
	
}
.pro_width {
	width: 1012px;
	height: 370px;
	overflow: hidden;
}
.prolist {
	margin: 15px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 29999px;
}
.prolist li {
	float: left;
	width: 240px;
	margin: 0 13px 13px 0;
}
.prolist li a {
	border: 1px solid #eee;
	display: block;
	padding: 15px;
}
.prolist li a img {
	border: 1px solid #eee;
}
.prolist li a .title {
	text-align: center;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	
}
.prolist li a .intro {
	line-height: 18px;
	color: #999;
	word-break: break-all;
	min-height: 55px;
}
.prolist li a .more {
	display: block;
	margin: 15px auto 10px auto;
	text-align: center;
	background: #e5e5e5;
	width: 90px;
	line-height: 24px;
}
.prolist li a:hover {
	border: 1px solid #ddd;
}
.prolist li a:hover .title {
	color: #1F92D1;
}
.prolist li a:hover .more {
	background: #1F92D1;
	color: #fff;
}
.topcase {
	margin: 15px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.topcase li {
	float: left;
	width: 240px;
	margin: 0 13px 13px 0;
}
.topcase li a {
	text-align: center;
	display: block;
	position: relative;
	height: 160px;
	overflow: hidden;
}
.topcase li img {
	border: 1px solid #eee;
	width: 240px;
	height: 180px;
	display: block;
	margin-bottom: 10px;
}
.topcase li a div {
	position: absolute;
	background: #333;
	width: 100%;
	line-height: 40px;
	height: 40px;
	color: #fff;
	display: block;
	bottom: -40px;
	left: 1px;
	opacity: 0.7
}
.bg_black {
	background: #eee;
	padding: 15px 0;
}
.subject_news {
	color: #333;
	font-size: 18px;
	
	height: 41px;
	line-height: 40px;
	border-bottom: 1px solid #ddd;
}
.subject_news b {
	display: inline-block;
	font-weight: normal;
	border-bottom: 2px solid #1F92D1;
	height: 40px;
	line-height: 40px;
}
.subject_news span {
	color: #bbb;
	display: inline-block;
	font-size: 16px;
	
	padding-left: 10px;
}
.subject_news a {
	float: right;
	font-size: 12px;
	
}
.newslist {
	margin: 15px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.newslist li {
	float: left;
	width: 480px;
	margin: 0 20px 20px 0;
}
.newslist li a img {
	float: left;
	margin-right: 10px;
	border: 1px solid #eee;
}
.newslist li a .title {
	font-size: 16px;
	
	line-height: 30px;
}
.newslist li a .date {
	font-size: 12px;
	color: #444;
	
	line-height: 20px;
}
.newslist li a .intro {
	line-height: 18px;
	color: #999;
}
.newslist li a:hover .title {
	color: #f30;
}
.link {
	padding: 15px;
}
.link img {
	margin: 3px 8px 5px 0;
}
.link ul {
	clear: both;
	margin: 0;
	padding: 0;
	list-style: none;
}
.link ul li {
	float: left;
	width: 93px;
	height: 25px;
	overflow: hidden;
}
#bg_foot_nav {
	background: #187EC6;
	text-align: center;
}
.foot_nav {
	height: 40px;
	line-height: 40px;
	color: #fff;
}
.foot_nav span {
	float: right;
	padding-top: 5px;
}
.foot_nav a {
	color: #fff;
}
.foot_nav a:hover {
	color: #ff0;
}
#bg_copyright {
	background: #1F92D1;
	padding: 20px 0;
}
.copyright {
	color: #fff;
	
	line-height: 25px;
	text-align: center;
}
.copyright a {
	color: #fff;
}
.copyright a:hover {
	color: #ff0;
}
.lefter {
	width: 220px;
	margin-right: 30px;
	float: left;
}
.righter {
	float: left;
	width: 750px;
}
.leftnav {
	background: #1F92D1;
	padding: 10px 15px;
	color: #fff;
	font-size: 18px;
	
}
.subnav {
	border: 1px solid #eee;
	border-bottom: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}
.subnav li {
}
.subnav li a {
	display: block;
	padding-left: 20px;
	background: #fafafa;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px solid #eee;
}
.subnav li a:hover {
	color: #1F92D1;
	font-weight: bold;
	background: #f3f3f3;
}
.subnav .hover a {
	display: block;
	padding-left: 20px;
	color: #1F92D1;
	font-weight: bold;
	background: #f3f3f3;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	border-bottom: 1px solid #eee;
}
.subnav dl {
	margin: 0;
	padding: 0;
	list-style: none;
*margin-top:-12px;
}
.subnav dl dt {
}
.subnav dl dt a {
	background: #fff;
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #eee;
	padding-left: 20px;
	font-size: 12px;
}
.subnav dl dt a:hover {
	background: #fff;
	font-size: 12px;
	font-weight: normal;
	color: #f30;
}
.subnav li dl .hover a {
	color: #f30;
	font-size: 12px;
	font-weight: normal;
	background: #fff;
}
.left_border {
	border: 1px solid #eee;
	border-top: 0;
	padding: 10px 15px;
	line-height: 25px;
}
.left_border p {
	margin: 0;
	padding: 0;
}
.left_border b {
	font-size: 14px;
}
.container {
	line-height: 25px;
	font-size: 14px;
	padding: 15px 0;
}
.container p {
	margin: 5px 0;
	
	font-size: 14px;
}
.artshow {
	line-height: 25px;
	font-size: 14px;
	padding: 0 0 15px 0;
}
.artshow .title {
	text-align: center;
	font-size: 20px;
	line-height: 30px;
	font-weight: 100;
	font-variant: normal;
	margin: 0;
	padding: 15px 0;
	
}
.artshow .info {
	text-align: center;
	
	color: #999;
	padding: 0 0 15px 0;
	font-size: 14px;
}
.artshow p {
	margin: 5px 0;
	font-size: 14px;
}
.artshow .pre {
	margin: 5px 0 5px 0;
	color: #999;
}
.artshow .next {
	margin: 0 0 5px 0;
	color: #999;
}
.prowidth {
	width: 759px;
	overflow: hidden;
}
.pro_list {
	margin: 15px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.ny-product{background:rgb(250,250,250)}
.pro_list li {
	float: left; width:32%; margin:10px 2% 10px 0px; background:#f0f0f0 
	
	
}
.ny-product::before{ content:''; width:30%; height:100%; background:#fff; position:absolute; left:0; top:0}
.pro_list li:nth-child(3n){margin:10px 0px 10px 0px; }
.pro_list li a {
	
	display: block;transition:all .5s; border:1px solid #f0f0f0

}
.pro_list li a img { max-width:100%
}
.pro_list li a .title {
	
	font-size: 18px;
	height: 40px;
	line-height: 40px; color:#333;margin:0px 20px 0px 20px
	
}
.pro_list li .name{ color:#888; font-size:18px; margin:20px 20px 0px 20px}
.pro_list li a .intro {
	line-height: 18px;
	color: #999;
	word-break: break-all;
	min-height: 55px; m
}
.pro_list li a .more {
	display: block;
	
	text-align: center; display:block; font-size:16px; color:#0c09ee; border:1px solid #0c09ee; transition:all .5s;
	width: 120px;
	line-height: 40px; margin:20px 20px 20px 20px
}
.pro_list li a:hover {
	
}

.pro_list li a:hover .more {
	background: #0c09ee;
	color: #fff; border:1px solid #0c09ee
}
.pic_list {
	margin: 15px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.pic_list li {
	float: left;
	width:20%;
	
}
.pic_list li:nth-child(5n){ margin:0px 0px 13px 0px}
.pic_list li a {
	border: 1px solid #eee;
	display: block;
	padding: 5px;
}
.pro_list li a img {
	border: 0;;transition:all .5s
}
.pic_list li a .title {
	text-align: center;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	
}
.pic_list li a:hover {
	border: 1px solid #ddd;
}
.pic_list li a:hover .title {
	color: #1F92D1;
}
.pro_list li .img{ overflow:hidden;  height:17.9rem; vertical-align:middle; text-align:center}
.pro_list li:hover img{ transform:scale(1.05)}
.casewidth {
	width: 780px;
	overflow: hidden;
}
.case_list {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}
.case_list li {
	width: 240px;
	margin: 0 20px 30px 0;
	float: left;
	text-align: center;
	
}
.case_list li img {
	display: block;
	margin-bottom: 15px;
}
.case_list li a {
	color: #666;
	font-size: 13px;
}
.case_list li a:hover {
	color: #f30;
}
.joblist {
	margin: 15px 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.joblist li {
	float: left;
	width: 480px;
	margin: 0 20px 20px 0;
	border-bottom: 1px dashed #eee;
	padding-bottom: 15px;
}
.joblist li a .title {
	font-size: 16px;
	
	line-height: 30px;
}
.joblist li .line {
	padding: 0;
	margin: 0;
	line-height: 22px;
}
.joblist li .line b {
	float: left;
	width: 70px;
	color: #555;
}
.joblist li .line .intro {
	margin-left: 70px;
}
.joblist li a:hover .title {
	color: #f30;
}
.job_list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
.job_list li {
	float: left;
	width: 350px;
	margin: 0 20px 20px 0;
	border-bottom: 1px dashed #eee;
	padding-bottom: 15px;
}
.job_list li a .title {
	font-size: 16px;
	
	line-height: 30px;
	line-height: 40px;
	margin-bottom: 10px;
}
.job_list li .line {
	padding: 0;
	margin: 5px 0;
	line-height: 24px;
	text-indent: 0;
}
.job_list li .line b {
	float: left;
	width: 70px;
}
.job_list li .line .intro {
	margin-left: 70px;
}
.job_list li .line .intro p {
	margin: 0 0 5px 0;
	padding: 0;
}
.job_list li a:hover .title {
	color: #f30;
}


.rss_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.rss_list li {
	border-bottom: 1px dotted #ddd;
	line-height: 40px;
	color: #999;
}
.rss_list li a {
	font-size: 14px;
	
}
#position {
	
	overflow: hidden;
	
	line-height: 40px; border-bottom:1px solid #ccc; font-size:16px; height:40px;color:#999; padding:20px 0px
}
#position i{ margin-right:20px; font-size:30px; line-height:40px; float:left;color:#999}
#position p{line-height:40px; color:#999; font-size:16px}
/*list*/
.list_page {
	text-align: center;
	margin: 10px;
	display: block;
}
.list_page:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
.list_page ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	vertical-align: bottom;
}
.list_page ul li {
	display: inline-block;
	border: solid 1px #ddd;
	border-radius: 4px;
}
.list_page ul a {
	color: #333;
	padding: 8px 12px;
	line-height: 18px;
	display: block;
	transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
	background: #fff; font-size:16px;
}
.page_group ul {
	border-right: solid 1px #ddd;
	border-radius: 4px;
}
.page_group ul li {
	border-right: none;
	border-radius: 0;
	float: left;
}
.page_group ul li:not(:first-child):not(:last-child) {
	border-radius: 0;
}
.page_group ul li:first-child {
	border-radius: 4px 0 0 4px;
}
.page_group ul li:last-child {
	border-radius: 0 4px 4px 0;
}
.page_group ul .active a {
	background: #f3f3f3;
	border-radius: 0;
}
.content {
	width: 1400px;
	margin: 0px auto
}
.comment {
	overflow: hidden;
	clear: both;
	margin: 10px 0;
}
.comment .line {
	clear: both;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
}
.comment .line .base {
	
	font-weight: bold;
	line-height: 30px;
	font-size: 14px;
}
.comment .line .base span {
	margin: 0 0 0 10px;
	color: #999;
	font-weight: normal;
	float: right;
	font-size: 12px;
}
.comment .line .content {
	line-height: 20px;
	word-wrap: break-word;
	overflow: hidden;
}
.comment .line .reply {
	
	word-wrap: break-word;
	overflow: hidden;
}
.comment .line .reply strong {
	color: #f60;
	float: left;
}
.comment_more {
	text-align: center;
	padding: 10px 0;
	
	font-size: 14px;
}
.comment_more a {
	color: #999;
}
.comment_more a:hover {
	color: #f30;
}
.commentadd {
	margin: 10px 0;
	clear: both;
}
.commentadd .text {
}
.commentadd .text .div {
	padding: 0 5px 0 0;
	border: 1px solid #E4E2E2;
	border-bottom: 0;
}
.commentadd .text .div textarea {
	width: 98%;
	height: 70px;
	overflow: auto;
	border: 0;
	padding: 10px;
}
.commentadd .input {
	margin: 0;
	font-size: 14px;
	background: #fafafa;
	border: 1px solid #EDECEC;
	overflow: hidden;
	padding: 0px 5px 5px 15px;
	line-height: 40px;
	height: 40px;
	
}
.commentadd .input .send {
	float: right;
	border: 1px solid #1F92D1;
	background: #1F92D1;
	color: #fff;
	padding: 8px 25px;
	margin: 5px 0 0;
	vertical-align: middle;
	cursor: pointer;
	
}
.bookadd {
	margin: 20px 0;
}
.bookadd div {
	margin-bottom: 15px;
}
.bookadd .label {
	float: left;
	width: 100px;
	text-align: right;
	padding-right: 10px;
	clear: both;
}
.bookadd .label span {
	color: #f30;
	
}
.bookadd .enter {
	margin-left: 120px;
}
.bookadd .enter .ip {
	border: 1px solid #ddd;
	padding: 10px 10px;
	vertical-align: middle;
	overflow: hidden;
	border-radius: 10px 0 10px 0;
}
.bookadd .enter .bnt {
	border: 1px solid #1F92D1;
	background: #1F92D1;
	padding: 8px 20px;
	vertical-align: middle;
	color: #fff;
	cursor: pointer;
}
.bookadd .enter label {
	display: block;
}
.job_h1 {
	font-size: 14px;
	line-height: 35px;
	border-bottom: 1px solid #eee;
	margin: 10px 0;
}
.info_title {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #f0f0f0;
	line-height: 30px;
	height: 30px;
	margin: 0 0 15px 0;
}
.info_intro {
	padding: 0 0 20px 0;
	line-height: 22px;
	color: #666;
}
.info_intro p {
	margin: 0 0 5px 0;
	padding: 0;
}
.info_intro .red {
	color: #f30;
	margin: 0 5px;
}
#goodsshow {
	
	overflow: hidden;
	width:100%;
}
#goodsshow img {
	border: 0;
}
#goodsshow .left {
	float: left;
	width:50%;
	margin-right:5%;
}
#goodsshow .right {
	float: left;45%
}
#goodsshow .shop_big {
	border: 1px solid #ededed;
	padding: 2px;
	background: #fff;
	width: 100%;
	cursor: pointer;
}
#goodsshow .shop_big img{width:100%}

#goodsshow .shop_plist {
	clear: both;
	
}
#prolist {
	width: 94%;
	float: left;
	overflow: hidden;
	height: 102px;
	position: relative;
	margin: 10px 0 0 0;
}
#prolist ul {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
	width: 20000px;
	position: relative;
}
#prolist ul li {
	float: left;
	cursor: pointer;
	position: relative;
	
	 margin-right:5px
}
#prolist ul li img {
	height:100px;
	width: 133px;
	
	
	border: 0;
}
#prolist .hover {
	
}

#prolist  ul li a{ display:block;border:1px solid #ccc}
#prolist .hover a{ border:1px solid #0c09ee;}
#goodsshow .shop_plist a.prev {
	float: left;
	width: 20px;
	height: 102px;
	display: block;
	outline: none;
	background: url(../images/ico_left.gif) no-repeat center;
	line-height: 102px;
	margin-top: 12px;
}
#goodsshow .shop_plist a.next {
	float: left;
	width: 20px;
	height: 102px;
	display: block;
	outline: none;
	background: url(../images/ico_right.gif) no-repeat center;
	margin-top: 12px;
}
#goodsshow .right {
	width:45%;
}
#goodsshow .right h1 {
	font-size: 18px;
	
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
}

#goodsshow .right .intro p{ color:#666; line-height:32px; font-size:16px;}
#goodsshow .right .sno {
	border-bottom: 1px solid #eee;
	line-height: 35px;
}
#goodsshow .right .price {
	color: #999;
	line-height: 30px;
	padding: 10px 0;
}
#goodsshow .right .price span {
	color: #f60;
	font-size: 16px;
}
a.inquiry {
	display: inline-block;
	background: #0c09ee;
	padding: 8px 30px;
	color: #fff;
	margin: 10px 0;
	font-size: 16px;
	
	border-radius: 4px;
}
a:hover.inquiry {
	color: #fff;
	background: #ea0409;
}
.ys_bg {
	background: url(../images/ys_bg.jpg) no-repeat center 0;
	height: 1020px;
	padding: 60px 0 0;
	overflow: hidden;
}
.yous {
	height: 750px;
	position: relative
}
.cp_tit{
	font-size: 40px;
	color: #333;
	text-align: center;
	
	line-height: 40px;
	overflow: hidden;
	
}
.cp_tit h2{
	font-size: 40px;
	color: #333;
	text-align: center;
	
	
}
.cp_tit a {
	color: #333;
}
.cp_tit a:hover, .cp01 h3 a:hover {
	color: #0c09ee;
}
.cp_tit p {
	color: #333;
	
	font-size: 20px;
	font-weight: normal;
	padding: 3px 0 0; width:1000px; margin:0px auto; line-height:30px; margin-top:10px
}
.yous .cp_tit {
	color: #fff;
	
}
.yous .cp_tit h2 {
	color: #fff;
}
.yous .cp_tit p {
	color: #fff;
}
.ys_t {
	height: 143px;
	width: 672px;
	background: #fff;
	box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);
	position: absolute;
	top: 550px;
	left: 264px;
	z-index: 10;
}
.ys_t ul li {
	font-size: 20px;
	color: #333;
	float: left;
	width: 168px;
	height: 123px;
	padding: 20px 0 0;
	position: relative;
	text-align: center;
}
.ys_t ul li:before {
	content: "";
	width: 1px;
	height: 37px;
	background: #efefef;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: -1;
}
.ys_t ul li p {
	width: 46px;
	height: 46px;
	position: relative;
	margin: 0 auto;
}
.ys_t ul li p i {
	font-size: 40px
}
.ys_t ul li b {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transform: translateX(0) rotate(0deg);
	transform: translateX(0) rotate(0deg);
	-webkit-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
	margin: 0 auto;
}
.ys_t ul li em {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 1;
	visibility: hidden;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.1s ease 0.2s;
	transition: all 0.1s ease 0.2s;
	margin: 0 auto;
}
.ys_t ul li b img, .ys_t ul li em img {
	display: block;
	width: 46px;
	height: 46px;
}
.ys_t ul li span {
	display: block;
	padding: 10px 0 0;
	line-height: 22px;
}
.ys_t ul li h6 {
	display: block;
	font-size: 16px;
	text-transform: uppercase;
	text-transform: uppercase;
	font-weight: lighter;
	margin-top: 10px
}
.ys_t ul li.on {
	background: #0c09ee;
	color: #fff;
	font-weight: bold;
	z-index: 5;
}
.ys_t ul li.on i {
	color: rgba(255,255,255,1);
	font-weight: normal;
}
.ys_t ul li.on b {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100%) rotate(180deg);
	transform: translateX(100%) rotate(180deg);
}
.ys_t ul li.on em {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.ys_t ul li:first-child:before {
	background: none;
}
.yous dl {
	position: relative;
	height: 617px;
	background: #fff;
	margin-top: 48px;
}
.yous dl dt {
	width: 960px;
	height: 617px;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 50%;
}
.yous dl dt img {
	width: 960px;
	height: 617px;
}
.yous dl dd {
	width: 500px;
	float: left;
	padding: 135px 0 0 55px;
}
.yous dl dd h5 {
	height: 90px;
	border-bottom: #d6d6d6 2px solid;
	width: 500px;
	display: inline-block;
	font-size: 30px;
	color: #333;
}
.yous dl dd em {
	width: 46px;
	height: 46px;
	display: block;
	float: left;
	line-height: 0;
	margin: 26px 15px 0 0;
}
.yous dl dd em i {
	font-size: 50px
}
.yous dl dd span {
	display: block;
	float: left;
	line-height: 32px;
}
.yous dl dd i {
	display: block;
	font-size: 16px;
	
	text-transform: uppercase;
}
.yous dl dd b {
	width: 60px;
	height: 50px;
	display: block;
	float: right;
	line-height: 0;
}
.yous dl dd b img {
	width: 60px;
	height: 50px;
}
.yous dl dd p {
	font-size: 16px;
	color: #333;
	padding: 20px 0 0;
	line-height: 30px;
}
.yous dl dt img {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
/*广告条*/
.ban01 {
	padding: 88px 0 0;
}
.ban01_l {
	width: 910px;
}
.ban01_l b {
	background: url(../images/ban_k.png) no-repeat;
	display: block;
	width: 210px;
	height: 57px;
	line-height: 56px;
	overflow: hidden;
	font-size: 20px;
	color: #0c09ee;
	text-align: center;
	float: left;
}
.ban01_lm {
	padding: 0 0 0 40px;
	width: 660px;
	float: left;
}
.ban01_lm p {
	font-size: 32px;
	color: #fff;
	font-weight: bold;
	height: 56px;
	line-height: 56px;
}
.ban01_lm ul li {
	font-size: 18px;
	color: #fff;
	float: left;
	line-height: 36px;
	background: url(../images/ban_ico.png) no-repeat 0 13px;
	padding: 0 40px 0 20px;
}
.ban01_tel {
	width: 280px;
}
.ban01_tel span {
	display: block;
	text-align: center;
	height: 55px;
}
.ban01_tel b {
	display: block;
	font-size:30px;
	color: #fff;
	float: left
}
.ban01_tel em {
	display: block;
	;
	margin: 0 auto;
	float: left;
	margin-right: 10px
}
.ban01_tel em i {
	font-size: 30px;
	color: #ea0409
}
.ban01_tel a {
	font-size: 18px;
	color: #ea0409;
	display: block;
	width: 150px;
	text-align: center;
	height: 48px;
	line-height: 48px;
	overflow: hidden;
	background: #fff;
	border-radius: 10px;
	margin: 0 auto;
	display: block
}
.ban01_tel a {
	transition: all .4s ease 0s;
	;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	color: #ea0409
}
.ban01_tel a:hover {
	-webkit-animation-name: hvr-pulse;
	animation-name: hvr-pulse;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	background: #ea0409;
	color: #fff
}
.ibrand {
	padding: 60px 0;
	background: url(../images/i_gy_bg.jpg) no-repeat left bottom #f1f1f1;
	background-size: 100% auto
}
 @media (min-width:992px) {
.ibrand .inner {
	display: table;
	width: 100%
}
.ibrand .inner>* {
	display: table-cell;
	vertical-align: middle;
	float: none
}
.ibrand .inner .leftbox {
	width: 50%;
	padding-right: 10%
}
.ibrand .inner .rightbox {
	width: 50%
}
}
 @media (max-width:1080px) {
.ibrand .inner .leftbox {
	padding-right: 5%
}
}
 @media (max-width:992px) {
.ibrand .rightbox {
	text-align: center;
	padding-top: 50px
}
.ibrand .leftbox {
	padding-right: 0 !important
}
}
.ibrand .txt {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	margin: 40px 0 30px; text-indent:2em
}
.ibrand .txt p{ margin-bottom:10px;}
 @media (max-width:1360px) {
.ibrand .txt {
	margin: 40px 0
}
}
 @media (max-width:768px) {
.ibrand .txt {
	font-size: 14px;
	line-height: 26px
}
}
.ibrand .titbox {
	font-size: 20px;
}
.ibrand .titbox a {
	width: 48%;
	float: left;
	margin-right: 4%
}
.ibrand .titbox a:nth-child(2n) {
	margin-right: 0
}
@media (max-width:1360px) {
.ibrand .titbox {
	margin-left: -30px;
	margin-right: -30px
}
.ibrand .titbox>* {
	padding-left: 30px;
	padding-right: 30px
}
}
.ibrand .titbox a {
	margin-bottom: 30px;
	display: block
}
.ibrand .titbox .tit {
	border-bottom: 1px solid #828282;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	display: block;
	font-weight: bold
}
 @media (max-width:1360px) {
.ibrand .titbox .tit {
	font-size: 18px
}
}
.ibrand .titbox a:hover {
	color: #0c09ee;
	border-bottom-color: #0c09ee
}
.ibrand .titbox a:hover .icon-jiantou_r {
	color: #0c09ee
}
.ibrand .titbox .icon-jiantou_r {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
 @media (max-width:480px) {
.ibrand .titbox {
	margin-left: -10px;
	margin-right: -10px
}
.ibrand .titbox>* {
	padding-left: 10px;
	padding-right: 10px
}
.ibrand .titbox .tit {
	font-size: 16px
}
}
.ibrand .linkbox {
 padding: .2rem 0;
	font-size: 16px;
	margin-left: 0;
	margin-right: 0
}
.ibrand .linkbox>* {
	padding-left: 0;
	padding-right: 0
}
.ibrand .linkbox a {
 padding-left: .38rem;
	display: block;
	background-image: url('../images/ic_zl.png');
	background-repeat: no-repeat;
	background-size: contain;
 background-position: .1rem center;
 background-size: .2rem
}
.ibrand .linkbox a:hover {
	color: #0c09ee;
	background-image: url('../images/ic_zl_on.png')
}
 @media (max-width:640px) {
.ibrand .linkbox a {
 background-size: .28rem;
	background-position: 0 center;
 padding-left: .34rem
}
}
 @media (max-width:480px) {
.ibrand .linkbox a {
 background-size: .2rem;
 padding-left: .26rem
}
}
.ihd h2 {
	font-size: 36px;
	margin-bottom: 10px
}
.ihd .en {
	line-height: 1;
	font-size: 48px;
	;
	text-transform: uppercase;
	font-weight: bold;
	color: #999
}
.ihd.tc {
	text-align: center
}
.idata {
	padding: 50px 0px;
	text-align: center
}
.idata ol {
	text-align: center
}
.idata li {
	text-align: center; width:23.5%; margin:0px 2% 0px 0px; 
}

.idata li:nth-child(4n){ margin:0px 0px 0px 0px}
.idata ol b {
	font-size: 20px;
	text-align: center
}
.idata ol b em {
	font-style: normal;
	font-size: 70px
}
.idata ol .desc {
	font-size: 16px;
	color: #666
}
.idata ol i {
	font-size: 70px;
	display: block;
	vertical-align: middle;
	color: #0c09ee;
	text-align: center;
	margin-right: 10px;
	position: relative;
}
 @media (min-width:992px) {
.idata ol {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
}
 @media (max-width:992px) {
.idata ol {
	overflow: hidden
}
.idata ol li {
	width: 50%;
	float: left;
	margin-bottom: 50px
}
}
 @media (max-width:640px) {
.idata ol li {
	width: 100%;
	float: none;
	border: 1px solid #dedede;
	padding: 40px;
	text-align: center;
	margin-bottom: 20px
}
.idata ol li b {
	font-size: 36px;
	display: block;
	margin-bottom: 5px
}
.idata ol li .desc {
	font-size: 14px
}
.idata ol li:nth-child(3) {
	clear: both
}
.idata ol li i {
	width: 40px !important;
	height: 40px !important;
	margin-right: 4px
}
}
.header {
	transition: all .4s ease 0s;
	width: 100%;
	z-index: 9999;
	position: fixed;
	left: 0;
	right: 0;
	top: 0
}
.header .hdinner {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	
	z-index: 999;
	min-height: 80px;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}
.header .logo {
	margin-right: 100px;
	display: block
}
.header .logo .logo-f {
	display: block;
	width: 207px;
	height: 80px;
}
.header .logo .logo-y {
	display: none
}
.header.s2 .logo .logo-y {
	display: block;
	width: 207px;
	height: 80px;
}
.header.s2 .logo .logo-f {
	display: none
}
@media (max-width:992px) {
.header .hdinner {
	height: 80px
}
.header .logo {
	height: 80px
}
}
 @media (max-width:768px) {
.header .hd-tool, .header .hdinner {
	min-height: auto;
	height: 60px
}
.header .logo {
	height: 60px;
	background-size: auto 50px
}
}
 @media (max-width:480px) {
.header .logo {
	background-size: auto 100%;
	width: 110px
}
.header .hd-tool ._line {
	margin: 0 10px
}
}
.header.s2 {
	background: #fff;
	box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.header.s2 .pc-menus .tit {
	color: #000
}
.header.s2:not(:hover) .menu_btn i {
	background: #fff
}
.header.s2:not(:hover) .logo {
	background-image: url('../images/logo_f.png')
}
.header.s2 {
	color: #000
}
.hd-tool .t-item i{ color:#fff; font-size:24px;}
.hd-tool .t-item.yy{ }

.header.s2 .hd-tool .item{
	color: #000;border:1px solid #000
}
.header.s2 .hd-tool .t-item .iconfont {
	color: #000
}
.hd-tool .t-item .item:hover{}
.menu_btn_wrap {
	height: 80px;
	position: relative;
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}
 @media (max-width:768px) {
.menu_btn_wrap {
	height: 60px
}
}
.menu_btn {
	width: 50px;
	height: 60px;
	z-index: 101;
	cursor: pointer;
	left: 50%;
	top: 50%;
	position: absolute;
	transform-origin: center center;
	transform: translateY(-50%) translateX(-50%) scale(.8);
	-webkit-transform: translateY(-50%) translateX(-50%) scale(.8);
	-moz-transform: translateY(-50%) translateX(-50%) scale(.8);
	-ms-transform: translateY(-50%) translateX(-50%) scale(.8);
	-o-transform: translateY(-50%) translateX(-50%) scale(.8)
}
.menu_btn i {
	position: absolute;
	width: 26px;
	height: 2px;
	background: #666;
	left: 12px;
	display: block;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out
}
.menu_btn i:nth-of-type(1) {
	top: 20px
}
.menu_btn i:nth-of-type(2) {
	top: 30px
}
.menu_btn i:nth-of-type(3) {
	top: 40px;
	width: 14px
}
.menu_btn.active i:nth-of-type(1) {
	-webkit-transform: rotate(225deg) translate(-7px, -7px);
	-moz-transform: rotate(225deg) translate(-7px, -7px);
	-ms-transform: rotate(225deg) translate(-7px, -7px);
	-o-transform: rotate(225deg) translate(-7px, -7px);
	transform: rotate(225deg) translate(-7px, -7px)
}
.menu_btn.active i:nth-of-type(3) {
	opacity: 0
}
.menu_btn.active i:nth-of-type(2) {
	-webkit-transform: rotate(-225deg) translate(0, 0);
	-moz-transform: rotate(-225deg) translate(0, 0);
	-ms-transform: rotate(-225deg) translate(0, 0);
	-o-transform: rotate(-225deg) translate(0, 0);
	transform: rotate(-225deg) translate(0, 0)
}
.menu_btn:hover i:nth-of-type(3) {
	width: 28px
}
.pc-menus {
	max-width: 1000px;
	margin: 0 30px;
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-box-pack: justify;
	box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	
}
.pc-menus li {
	text-align: center;
	transition: all .4s ease 0s
}
.pc-menus .tit {
	white-space: nowrap;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	display: block;
	transition: all .4s ease 0s;
	line-height: 80px;
	height: 80px;
	position: relative;
	color: #fff
}
.pc-menus .tit>.iconfont {
	font-size: 12px;
	margin-left: 5px
}
.pc-menus .tit::after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	left: 50%;
	bottom: 0;
	height: 3px;
	background: #0c09ee;
	transform: translateX(-50%);
	transition: all .4s ease 0s
}
.pc-menus .tit.active, .pc-menus li:hover .tit {
	color: #fff
}
.pc-menus .tit.active::after, .pc-menus li:hover .tit::after {
	width: 100%
}
.pc-menus .tit-home.active::after, .pc-menus li:hover .tit-home::after {
	width: 100%
}
.pc-menus>li .er-div {
  width: 100%;
  opacity: 0;
  left: 0;
  top: 100%;
  z-index: 100;
  transform: scaleY(0);
  transform-origin: top center; background:#f0f0f0;
  transition: all 0.5s ease;
  /* Opera */
  
 
  overflow: hidden; position:absolute
}
.pc-menus>li .er-div .er-ul{ }

.pc-menus>li:hover .er-div{
  transform: none;
  opacity: 1;
}
.pc-menus>li .er-div .er-ul li {
  display: inline-block;
  font-size: 1rem;
  text-align: center;
  padding: 0 20px;
}

.pc-menus>li .er-div .er-ul li a {
  color: #424242;
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;  font-size:18px; line-height:80px; height:80px;

  /* Opera */
}

.pc-menus>li .er-div .er-ul li a i {
  display: block;
  line-height: 1;
  color: #acadac;
  margin-bottom: 0.3125rem;
}

.pc-menus>li .er-div .er-ul li a:hover {
  transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  /* Firefox 4 */
  -webkit-transition: 400ms ease-in-out;
  /* Safari and Chrome */
  -o-transition: 400ms ease-in-out;
  /* Opera */
  color: rgba(7, 9, 243, 1);
}

.daohang .nav-ul>li .er-div .er-ul li a:hover i {
  color: rgba(0, 171, 132, 0.92);
}

 @media (max-width:1400px) {
.pc-menus .tit {
	font-size: 16px
}
}
.hd-dropinfo {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100%;
	z-index: 555;
	background: #fff;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all .4s ease 0s
}
.hd-dropinfo ._bg {
	position: fixed;
	width: 100vw;
	background: #fff;
	background: linear-gradient(90deg, #fff 50%, #f1f1f1 50%, #f1f1f1 100%);
	height: 0;
	left: 0;
	top: 80px;
	transition: all .4s ease 0s
}
 @media (max-width:1600px) and (min-width:1200px) {
.hd-dropinfo ._bg {
	background: linear-gradient(90deg, #fff 60%, #f1f1f1 60%, #f1f1f1 100%)
}
}
.hd-dropinfo::before, .hd-dropinfo::after {
	transition: all .4s ease 0s;
	content: '';
	display: block;
	position: absolute;
	width: 80vw;
	height: 100%;
	top: 0;
	z-index: 55
}
.hd-dropinfo::before {
	background: #fff;
	right: 50%
}
.hd-dropinfo::after {
	background-color: #f1f1f1;
	left: 50%
}
 @media (max-width:1600px) and (min-width:1200px) {
.hd-dropinfo::before {
	right: 40%
}
.hd-dropinfo::after {
	left: 60%
}
}
.hd-dropinfo .inners {
	position: relative;
	z-index: 222;
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	margin-left: auto;
	margin-right: auto
}
.hd-dropinfo .inners .navs {
 padding-top: .5rem;
	width: 50%;
	padding-right: 5%
}
 @media (max-width:1600px) and (min-width:1200px) {
.hd-dropinfo .inners .navs {
	width: 60%
}
}
.hd-tool {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	height: 80px
}
.hd-tool ._line {
	border-left: 1px solid #ccc;
	margin: 0 20px
}
.hd-tool .t-item {
	font-size: 16px;
	color: #fff
}
.hd-tool .t-item .item {
	display: inline-block;
	cursor: pointer;
	color: #fff;
	border: 1px solid #fff;
	width: 32px;
	height: 32px;
	border-radius: 18px;
	text-align: center;
	line-height: 32px
}
.hd-tool .t-item .item .iconfont {
	color: #999;
	padding: 0 2px
}
.hd-tool .t-item .item:hover {
	color: #fff
}
.hd-tool .t-item .item:hover .iconfont {
	color: #fff
}
.hd-tool .t-item .item:hover{ border:1px solid #0c09ee; background:#0c09ee;

}
.hd-tool .t-item .item:hover a{ color:#fff}
.hd-search-box {
	position: fixed;
	left: 0;
	right: 0;
	background: #fff;
	padding: 20px 5%;
	display: none
}
.hd-search-box .inner {
	display: -webkit-flex;
	display: flex;
	display: -webkit-box;
	display: box;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-align: center;
	box-align: center;
	-webkit-box-pack: end;
	box-pack: end;
	-webkit-justify-content: end;
	justify-content: end
}
.hd-search-box form {
	border: 1px solid #0c09ee;
	max-width: 500px;
	display: block;
	position: relative;
	border-radius: 3px;
	width: 80%;
	min-width: 500px
}
.hd-search-box .key {
	width: 90%;
	height: 40px;
	line-height: 40px;
	text-indent: 20px
}
.hd-search-box .submit {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	border-left: 1px solid #0c09ee;
	text-align: center;
	width: 50px;
	font-size: 20px;
	line-height: 40px;
	height: 40px;
	color: #0c09ee
}
.hd-search-box .submit .iconfont {
	font-size: 20px
}
.hd-search-box .submit:hover {
	background: #0c09ee;
	color: #fff
}
.hd-search-box .close {
	float: right;
	height: 40px;
	line-height: 42px;
	width: 60px;
	text-align: center;
	font-size: 20px
}
.hd-search-box .close:hover {
	color: #0c09ee
}
 @media (min-width:993px) {
.hd-search-box {
	top: 80px
}
}
 @media (max-width:768px) {
.hd-search-box {
	top: 50px
}
.hd-search-box .inner {
	float: none;
	width: 100%
}
.hd-search-box form {
	min-width: auto;
	width: 90%
}
.hd-search-box .close {
	position: relative
}
}
 @media (max-width:480px) {
.hd-search-box {
	bottom: 0;
	height: auto
}
}
.hd-dropinfo .inners .imgbox {
	min-width: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	height: 0;
	background: #f1f1f1;
	transition: all .4s ease 0s
}
.hd-dropinfo .navs a {
	transition: all .4s ease 0s;
	line-height: 0px;
	text-align: left;
	position: relative;
	display: block
}
.hd-dropinfo .navs a .icon-jiantou_r {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}
.hd-dropinfo .navs:not(s2) a {
	max-width: 260px
}
.hd-dropinfo .navs.s2 a {
	width: 46%;
	float: left
}
.hd-dropinfo .navs.s2 a:nth-child(2n) {
	float: right
}
.pc-menus li:hover .hd-dropinfo {
	height: 365px;
	overflow: visible;
	opacity: 1
}
.pc-menus li:hover .hd-dropinfo ._bg {
	height: 365px
}
.pc-menus li:hover .inners .imgbox {
 padding: .5rem 0 .5rem 5%;
	height: 240px
}
.pc-menus li:hover a{ color:#fff}
.pc-menus li:hover .navs a {
	line-height: 46px;
	border-bottom: 1px solid #cfcfcf;
	margin-bottom: 10px;
	opacity: 1
}
.pc-menus li:hover .navs a:hover {
	border-bottom-color: #0c09ee;
	color: #0c09ee
}
 @media (max-width:1300px) {
.pc-menus li:hover .navs a {
	width: 100% !important;
	float: left !important
}
.pc-menus li:hover .navs.s3 {
	padding-top: 20px
}
}
.coverimg {
	transition: all .4s ease 0s;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: block
}
.coverimg img {
	visibility: hidden;
	display: block
}
.coverimg.contain {
	background-size: contain
}
.index-banner {
	position: relative;
	height: 950px;
}
.index-banner .swiper-pagination {
	bottom: 50px
}
.index-banner .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.3);
	opacity: 1;
	transition: all .4s ease 0s;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: inline-block;
	border: 3px solid #fff;
	margin: 0 8px !important
}
.sbtn {
	text-align: center
}
.sbtn::after {
	display: none
}
.index-banner .swiper-pagination-bullet-active {
	border-color: #ea0409
}
.index-banner .sbtn {
	color: #fff
}
.index-banner .sbtn .iconfont {
	font-size: 36px
}
.index-banner .sbtn .iconfont:hover {
	color: #0c09ee
}
.index-banner .swiper-button-prev {
	left: 8vw
}
.index-banner .swiper-button-next {
	right: 8vw
}
.index-banner .wel-banner-bg {
	z-index: 1;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(1);
	background-position: center !important;
	background-size: cover !important;
	transition: all 7.6s ease-in-out;
	box-sizing: border-box
}
.index-banner .swiper-slide-active .wel-banner-bg {
	transform: scale(1.2)
}
.index-banner .swiper-slide {
	background-size: cover !important;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	text-align: center
}
.index-banner .swiper-slide:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(to bottom, rgba(22, 98, 183, 0.8), rgba(22, 98, 183, .2) 60%);
}
.index-banner .swiper-slide video{width: 100%;
    height: 100%;
    object-fit: cover;}
.index-banner .swiper-slide img {
	visibility: hidden;
	width: 100%
}
.index-banner .content {
	position: absolute;
	left: 50%;
	top: 55%;
	transform: translateX(-50%) translateY(-50%);
	bottom: 0;
	width: 88%;
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	z-index: 55
}
.bac3{ top:50% !important;}
.index-banner .textbox {
	color: #fff;
	width: 100%
}
.index-banner .textbox.ba3 {
	color: #000;
	width: 100%
}
.ba3{ background:url(../images/banner_textbg.png) no-repeat center; height:563px; position: relative }
.ba3 h5{ position:absolute; top:23%;;left:20%; color:#475062; font-size:40px !important;}
.ba3 h5 span{ color:#0c09ee; font-size:80px !important}
.ba3 h6{ position:absolute; top:38%; ;left:20%; color:#475062; font-size:30px !important;}
.ba3 p{position:absolute; top:45%; ;left:20%; color:#475062; font-size:16px;}
.ba3 .vmore{position:absolute; top:58%; ;left:20%;border: 1px solid #0c09ee !important; color:#0c09ee !important}
.ba3 .vmore:hover{ color:#fff !important}
.index-banner h5 {
	font-size:38px;
	margin-bottom: 20px; 
}
.index-banner h5 span{ }
.index-banner h6 {
	font-size:40px;
	margin-bottom: 20px
}
.index-banner h6 span {

	
}
.index-banner p {
	font-size: 20px;
	padding-bottom: 25px;
	margin-bottom: 25px;
	line-height: 1.3;
	margin-top: 10px
}
.index-banner p span {
	margin: 0px 20px
}
.index-banner .vmore {
	display: block;
	margin: 0 auto
}
 @media (max-width:1680px) {
.index-banner {
	height: auto
}
.index-banner h5 {
	font-size: 38px
}
.index-banner h6{ font-size:30px}
.index-banner .en {
	font-size: 18px
}
.index-banner .swiper-pagination {
 bottom: 30px
}
.index-banner .content{ width:78%}
.bac3{ width:88% !important}
}
 @media (max-width:1200px) {
.index-banner {
	height: 7rem
}
.index-banner h5 {
 font-size: .56rem
}
}
 @media (max-width:768px) {
.index-banner .swiper-pagination {
 bottom: .1rem
}
.index-banner .xsimg {
	width: 100%
}
}
 @media (max-width:640px) {
.index-banner {
	height: 320px
}
.index-banner .content {
	top: 50%
}
.index-banner .swiper-slide {
	overflow: hidden
}
.index-banner .swiper-slide img {
	height: 100%;
	max-width: none;
	position: relative;
	left: 50%;
	transform: translateX(-50%)
}
.index-banner .textbox {
 padding: .3rem .1rem;
	text-align: center;
	line-height: 34px
}
.index-banner .textbox .en {
	font-size: 16px
}
.index-banner .textbox h5 {
	font-size: 26px;
	margin-bottom: 0
}
}
 @media (max-width:480px) {
.index-banner .swiper-pagination-bullet-active {
	border-width: 2px
}
.index-banner .en {
	font-size: 14px;
	padding-bottom: 0
}
.index-banner h5 {
	font-size: 30px
}
}
.vmore {
	border: 1px solid #fff;
	width: 160px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	text-align: center;
	display: inline-block;
	color: #fff;
	transition: all .4s ease 0s; border-radius:30px
}
.vmore em {
	display: inline-block;
}
.vmore:hover {
	background: #0c09ee;
	border-color: #0c09ee;
	color: #fff
}
.vmore.gray {
	color: #666;
	border-color: #666
}
.vmore.gray em {
	background-image: url('../images/arr_r_0.png')
}
.vmore.gray:hover {
	background: #0c09ee;
	color: #fff;
	border-color: #0c09ee
}
.vmore.gray:hover em {
	background-image: url('../images/arr_r_f.png')
}
.vmore.red {
	background: #0c09ee;
	color: #fff;
	border-color: #0c09ee
}
.vmore.red em {
	background-image: url('../images/arr_r_f.png')
}
.vmore.red:hover {
	background: #000;
	border-color: #000
}
 @media (max-width:640px) {
.vmore {
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	font-size: 14px
}
}
/*首页---新闻资讯*/
.innews {
	
	padding: 60px 0 60px 0;
	position: relative; overflow:hidden
}
.innews-tabbox {
	
}
.innews-tabtit ul {
	font-size: 0;
	text-align:center; margin-top:40px
}
.innews-tabtit li {
	display: inline-block;
*display: inline;
*zoom: 1;
	vertical-align: top;
	margin-left: 12px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #c8c8c8;
	font-size: 16px;
	color: #7f7f7f;
	padding: 0 26px;
	cursor: pointer;
}
.innews-tabtit li.active {
	background: #0c09ee;
	border-color: #0c09ee;
	color: #fff;
}
.innews-tabcont {
	margin-top: 30px;
	border-top: 1px solid #d8dbdd;
	padding-top: 42px;
}
.innews-list ul {
	margin: -12px -15px;
*overflow: hidden;
}
.innews-list li {
	width: 446px;
	float: left;
	margin: 12px 15px;
}
.innews-list li .pic {
	
	background: #d5d5d5;
	overflow: hidden;
}
.innews-list li .pic img {
	display: block;
	width: 100%;
	
	transition: transform .8s;
}
.innews-list li .text {
	display: block;
	background: #f6f6f6;
	padding: 16px 30px 24px 20px;
	position: relative;
}
.innews-list li .title {
	overflow: hidden;
	height: 24px;
	line-height: 24px;
	font-size: 18px;
	color: #323232;
	transition: color .4s;
}
.innews-list li .time {
	height: 20px;
	line-height: 20px;
	font-size: 14px;
	color: #c3c3c3;
	margin-top: 4px;
	transition: color .4s;
}
.innews-list li .desc {
	
	line-height:1.8;
	font-size: 16px;
	color: #7d7d7d;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	margin-top: 10px;
	transition: color .4s;
}
.innews-list li .line {
	display: block;
	width: 0;
	height: 2px;
	background:#ea0409;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: width .5s;
}
.innews-list li:hover {
	box-shadow: 10px 6px 10px rgba(163,163,163,.35);
}
.innews-list li:hover .pic:hover img {
	transform: scale(1.1);
}
.innews-list li:hover .text {
	background: #0c09ee;
}
.innews-list li:hover .title, .innews-list li:hover .desc {
	color: #fff;
}
.innews-list li:hover .time {
	color: #fff;
filter: alpha(opacity: 50);
	opacity: .5;
}
.innews-list li:hover .line {
	width: 100%;
}
@media only screen and (max-width: 1399px) {
.innews-list li .pic {
	height: 220px;
}
.innews-list li .pic img {
	min-height: 220px;
}
.innews-list ul {
	margin: -10px -12px;
}
.innews-list li {
	width: 282px;
	margin: 10px 12px;
}
}
.fwbj {
	position: relative;
	box-sizing: border-box;
	background: #fff;
	
	padding: 60px 0 60px;
}
.fwbj h2 {
	
}
.fwbj .cp_tit{ margin-bottom:40px}
.fw{
	width: 1400px;
	position: relative;
	margin: 0px auto;
}
.fw ul {
	
	margin: 0 auto;
	height: 240px;
}
.fw li {
	width: 23.5%;
	float: left;
	position: relative; margin-right:2%; 
}
.fw li:nth-child(4n){ margin-right:0px}
.fw li:after {
	content: '';
	position: absolute;
	height: 14px;
	width: 14.0625vw;
	background: url(../images/fw_jt.png) no-repeat;
	background-size: 100%;
	top: 22px;
	left: 3.229vw;
}
.fw li i {
	display: block;
	margin-bottom: 10px; font-size:50px; color:#0c09ee
}
.fw li h4 {
	font-size: 20px;
	font-weight: bold;
	color: #171515;
}
.fw li h4 em:after {
	content: '';
	position: absolute;
	height: 1px;
	width: 50px;
	background: #cccccc;
	bottom: -10px;
	left: 0;
}
.fw li h4 em {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	margin-right: 15px;
	color: #ef7a23;
	background-image: -webkit-gradient(linear, left 0, right 0, from(#0d64e4), to(#0c09ee));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative; font-size:40px; width:40px
}
.fw li p {
	font-size: 14px;
	color: #999999;
	line-height: 24px;
	text-align: left;
	font-weight: normal;
	margin-top: 32px;
	
}
.fwkf {
	width: 1400px;
	height: 200px;
	box-shadow: 0 0 35px #bcdcf1;
	background: #ef7e1a;
	background-image: -webkit-gradient(linear, left top, right bottom, from(#06bdff), to(#0d5de2));
	background-image: -webkit-linear-gradient(left, #06bdff, #0d5de2);
	background-image: -moz-linear-gradient(left, #06bdff, #0d5de2);
	background-image: -o-linear-gradient(left, #06bdff, #0d5de2);
	background-image: -ms-linear-gradient(left, #06bdff, #0d5de2);
	background-image: linear-gradient(left, #06bdff, #0d5de2);
}
.fw_code {
	float: left;
	margin-left: 2.604vw;
	margin-top: 39px;
}
.fw_code p {
	width: 107px;
	float: left;
	margin-right: 1.77vw;
	font-size: 0.833vw;
	color: #fff;
	line-height: 34px;
	text-align: center;
}
.fw_code p img {
	width: 100%;
	display: block;
}
.fw_txt {
	line-height: 40px;
	font-size: 1.3vw;
	color: #fff;
	width: 40.104vw;
	text-align: center;
	float: left;
	margin-top: 60px;
	font-weight: bold;
}
.fw_txt i {
	display: block;
	font-weight: lighter;
}
.fw_tel {
	width: 240px;
	text-align: center;
	float: right;
	margin-top: 40px;
	margin-right: 2.864vw;
	line-height: 50px;
	color: #fff;
	font-size: 1.5625vw;
	font-weight: bold;
}
.fw_tel a {
	display: block;
	width: 180px;
	height: 44px;
	line-height: 44px;
	border-radius: 22px;
	border: 1px solid #fff;
	font-size: 0.9375vw;
	color: #fff;
	margin: 0 auto;
	font-weight: normal;
}

.ind-title {
	position: relative;
}
.ind-title h1{ color:#fff; font-size:42px}
.ind-title h2{ color:#fff; font-size:24px}

.ind-title.white .tit-cn, .ind-title.white .tit-en {
	color: #fff;
}
.ind-title.center {
	text-align: center;
}
.index-product {
	position: relative;
	width: 100%;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	-ms-flex-wrap: inherit;
	flex-wrap: inherit;
	
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch; z-index:3
}
.index-product .item-ul {
	width:50%;
	z-index: 6;
	
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	border-radius: 6px;
	background: #f8fcff url(../images/1.png) no-repeat center;z-index:3; overflow:hidden; float:left; margin:130px 0px 130px 100px; position:relative
}
.index-product .item-ul li {
	position: relative;
	width: 31%;
	overflow: hidden;
	padding:5% 1%;
	float: left;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	text-align: center; 
}
.index-product .item-ul li a {
	display: block;
	position: relative;
}
.index-product .item-ul li:nth-child(1), .index-product .item-ul li:nth-child(2), .index-product .item-ul li:nth-child(3) {
	border-top: 0;
}
.index-product .item-ul li:nth-child(3n-2) {
	border-left: 0;
}
.index-product .item-ul li .tit {
	font-size: 18px;
	color: #333;
	line-height: 24px;
	
	text-transform: uppercase; margin-top:20px
	
}
.index-product .item-ul li:hover .tit {
	color: #fff;
}
.index-product .item-ul li>i, .index-product .item-ul li a>i { font-size:50px;
	
	display: block;
	margin: 0 auto;
	overflow: hidden;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.index-product .item-ul li img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.index-product .item-ul li:hover .icon01_img2 {
	transform: translateY(-100%);
}
.index-product .item-ul li:hover .icon01_img1 {
	transform: translateY(-100%);
}
.index-product .item-ul li .desc {
	position: relative;
	top: 0;
	margin-top: 19%;
	font-size: 14px;
	color: #666;
	height: 50px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all .5s;
	transition: all .5s;
	display: none !important;
}
.index-product .item-ul li:hover .desc {
	color: #fff;
	opacity: 0.8;
}
.index-product .item-ul li:hover .desc {
	top: -25px;
}
.index-product .item-ul li::after {
	position: absolute;
	bottom: 1.3vw;
	right: 1.3vw;
	content: '';
	width: 14px;
	height: 12px;
	
	z-index: 9;
	opacity: 0;
}
.index-product .item-ul li>b {
	display: block;
	position: absolute;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	top: 10px;
	left: 10px;
	overflow: hidden;
	border-radius: 6px;
}
.index-product .item-ul li>b::before {
	content: '';
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: #0c09ee transparent transparent transparent;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: 1.2s;
	transition: 1.2s;
}
.index-product .item-ul li:hover>b::before, .index-product .item-ul li:hover::after {
	opacity: 1;
}
.index-product .item-ul li:hover>b::before {
	border-width: 930px 930px 0 0;
}
.index-product .item-ul li:hover i{ color:#fff}
.index-product .product-box {
	position: absolute;
	width:42%;
	background: #ea0409;
	z-index:1;
	padding-left:200px;
	overflow: hidden;
	display: flex;
	align-items: center; float:left; left:50%
}
.product-box-div {
	display: inline-block; padding:160px 0px; 
}
.product-box-bg {
	position: absolute;
	width: 60%;
	bottom: -14%;
	opacity: 0.48;
	right: -10%;
}
.index-product .product-box .desc {
	margin-top:20px;
width:500px;
	
	color: #fff;
	font-size: 16px; line-height:32px
}
.more-btn {
	width: 140px;
	height: 40px;
	border-radius: 21px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-transform: uppercase;
	margin-top: 89px;
	border: 1px solid #0c09ee;
	color: #0c09ee;
	
	-webkit-transition: ease .4s;
	transition: ease .4s;
}
.more-btn:hover {
	background: #fff;
	color: #0c09ee;
}
.more-btn.white {
	border: 1px solid #fff;
	color: #fff;
}
.more-btn.blue {
	border: 1px solid #0c09ee;
	background: #0c09ee;
	color: #fff;
}
/* 粒子 */

canvas {
	display: block;
	vertical-align: bottom;
}
.count-particles {
	background: #000022;
	position: absolute;
	top: 48px;
	left: 0;
	width: 80px;
	color: #13E8E9;
	font-size: .8em;
	text-align: left;
	text-indent: 4px;
	line-height: 14px;
	padding-bottom: 2px;
	
	font-weight: bold;
}
.js-count-particles {
	font-size: 1.1em;
}
#stats, .count-particles {
	-webkit-user-select: none;
	margin-top: 5px;
	margin-left: 5px;
}
#stats {
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}
.count-particles {
	border-radius: 0 0 3px 3px;
}
#particles-js {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.index-cp {
	background: url(../images/cp_bg.jpg) no-repeat center;
	padding: 60px 0px;
	background-size: 100% auto
}
.index-cp ul {
	overflow: hidden; padding-top:48px;
}
.index-cp ul li:nth-child(2n) {
	margin: 0px 0px 20px 0px
}
.index-cp ul li {
	width: 49%;
	margin: 0px 2% 20px 0px;
	float: left;
	background: #fff;
	box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}
.index-cp ul li {

	display: block; position:relative; overflow:hidden
}
.index-cp ul li .text{     position: absolute;
    left: 30px;
    right: 30px;
    bottom: 30px;
    background: #FFFFFFCF;
    
    padding: 3% 4%;
    transition: all .1s linear;
    z-index: 2;
    border-radius: 4px;}
.index-cp ul li .text h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px
}
.index-cp ul li .text .p {
	font-size: 15px;
	line-height: 24px; opacity:0.8; margin:8px 0px 0px; color:#000; overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    max-height: 96px; padding-right:10px
}
.index-cp ul li .text {

}

.index-cp ul li .text .p::-webkit-scrollbar{ width: 2px;}
.index-cp ul li .text .p::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 2px;}
.index-cp ul li .text .p::-webkit-scrollbar-thumb{ width: 2px;  background-color: #0c09ee; border-radius: 2px;}

.index-cp ul li .img {

}
.index-cp ul li .img img {
	width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .2s linear;
}
.index-cp ul li .text .more {
	display: block;
	width: 80%;
	height: 36px;
	text-align: center;
	color: #333;
	font-size: 12px;
	position: relative;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s; margin-top:20px
}
.index-cp ul li .text h3{ font-size:17px;}
.index-cp ul li .text .more:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transform: skew(-20deg, 0deg);
	-ms-transform: skew(-20deg, 0deg);
	transform: skew(-20deg, 0deg);
	border: 1px solid #333;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index-cp ul li .text .more span {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 36px;
	color: #333;
	position: relative;
	z-index: 2;
	font-style: normal
}
.index-cp ul li .text .more span i.iconfont {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.index-cp ul li .img::after{content:"";display:block;position:absolute;top:0px;left:0px;right:0px;bottom:0px;background-color:rgba(0,0,0,.5);opacity:0;transition:opacity .3s;z-index:1}
.index-cp ul li:hover .img img {
transform:scale(1.02);
}

.index-cp ul li:hover .text{background:#ea0409;color:#FFFFFF}
.index-cp ul li:hover .text h1{ color:#fff;}
.index-cp ul li:hover .text h3{ color:#fff;}
.index-cp ul li:hover .text p{ color:#fff;}
.index-cp ul li:hover .img::after
{opacity:.5}
.index-cp ul li:hover .text .more {
	color: #fff
}
.index-cp ul li:hover .text .more:after {
	background: #0c09ee;
	border: 1px solid #0c09ee
}
.index-cp ul li:hover .text .more span {
	color: #fff
}
.index-cp ul li:hover .text span i.iconfont {
	margin-left: 10px
}
.fPics{height:100%;width:50%;background:#F3F9F8; z-index:2}
.fPics a{position:absolute;width:50%;height:100%;display:block;overflow:hidden;top:0;left:0;opacity:0;z-index:1;}
.fPics a img{display: block;height: 100%;position: absolute;right: 0;top: 0;width: auto;z-index: 2;}
.mybox{ height: 100%;width: 100%;overflow: hidden;right: 0;top: 0;}
.solution{position:relative;overflow:hidden;margin:1px auto;}

.zdMore {
    position: relative;
    margin-top: 68px; transition:all .4s ease 0s
}


.zdMore .more {
    position: relative;
    width: 238px;
    height: 58px;
    line-height: 58px;
    border-radius: 35px;
    padding: 0 48px;
    font-size: 15px;
    letter-spacing: 1px;
    box-sizing: border-box;
    background-color: #fff;
    color: #ea0409;
    text-transform: capitalize;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.zdMore .more:hover{ background:#fff; color:#000}







.zdMore.center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.zdMore.blue span {
    background: #0c09ee;
}

.zdMore.blue .more {
    background: #0c09ee;
    color: #Fff;
    font-size: 1.1rem;

}

.zdMore.blue svg path {
    stroke: #fff;
}

.zdMore.blue .more span {

    color: #Fff;
}


.zdMore.sm .more {
    width: 198px;
    padding: 0 28px;
    line-height: 50px;
    height: 50px;
}

.zdMore.border .more {
    border: 1px solid #0c09ee;
    background-color: transparent;
}

.zdMore.border.green .more {
    border: 1px solid #8ec21f;
    color: #8ec21f;
}

.zdMore.border.green svg path {
    stroke: #8ec21f;
}

.zdMore.inner {
    margin-top: 38px;
}

.zdMore.inner .more {
    width: 158px;
    padding: 0 24px;
    font-size: 13px;
    height: 40px;
    line-height: 40px;
}

.zdMore.inner .more:hover svg {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
.case_bg{background: #f6f6f6;overflow: hidden;padding: 60px 0 60px;}
.case .cp_tit{}
.case .vmore{ border:1px solid #0c09ee; display:block; margin:0px auto }
.case .vmore a{color:#0c09ee; display:block}
.case .vmore:hover a{ color:#fff}
.case_m{width: 1400px;overflow: hidden;padding: 40px 0 0;}
.case_m dl{width: 32%;float: left;  margin:0px 2% 20px 0px}
.case_m dl:nth-child(3n){ margin:0px 0px 20px 0px}
.case_m dl dt{;line-height: 0;overflow: hidden;}
.case_m dl dt img{width: 446.666px;height: 292px;}
.case_m dl dd{height: 60px;background: #fff;position: relative; padding:15px 20px}
.case_m dl dd h5{height:30px;line-height: 30px;overflow: hidden;}
.case_m dl dd p{height:30px;line-height: 30px;overflow: hidden;  font-size:16px;}

.case_m dl dd h5 a{font-size: 16px;color: #000;display: block;width:360px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_m dl dd h5 a:hover{color: #3871c1;}
.case_desc{font-size: 14px;color: #666;line-height: 24px;height: 48px;overflow: hidden;width: 275px;padding: 5px 0 0;}
.case_m dl dd span{width: 30px;height: 30px;display: block;line-height: 0;position: absolute;top: 30px;right: 20px;}
.case_m dl dd span img{width: 30px;height: 30px;}
.case_m dl dd span a{-webkit-transition:transform .3s;transition:transform .3s; display:block;width: 30px;height: 30px;line-height: 0;border-radius: 50%;}
.case_m dl dd span a:hover{-webkit-transform:translate(0,-3px);transform:translate(0,-3px);box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);}
.case_m dl dd span a i{ font-size:30px; color:#0c09ee; line-height:30px}
.parter{ background:#eff0f2; overflow:hidden}
.parter .img{ width:50%; margin-right:5%; }
.parter .text{ width:45%; padding:60px 0px }
.parter .text .cp_tit{ text-align:left; margin-bottom:30px}
.parter .text .cp_tit h2{ text-align:left}
.parter .text .cp_tit p{ text-align:left; font-size:20px}
.parter .text p{ font-size:16px; line-height:32px;}
.parter .text img{ margin-top:40px; width:100%}
.book-form{ background:#eee; padding:60px 0}
.book-form .cp_tit{ text-align:left; margin-bottom:30px}
.book-form .cp_tit h2{ text-align:left; font-size:30px}
.book-form .cp_tit p{ text-align:left; font-size:20px; width:auto}
.book-form ul li{ width:31.5%; margin-right:2%; float:left;border:1px solid #ccc; line-height:45px; height:45px;}
.book-form ul{ overflow:hidden}
.book-form ul li:hover input{ border:1px solid #ea0409}
.book-form ul li:nth-child(3n){ margin-right:0}
.book-form ul li input{ width:100%}
.book-form ul li.info_p1 input { display:block; border:none; height: 45px;line-height: 45px;color: #999;text-indent: 20px;background: url(../images/zxlyicon01.png) no-repeat 97% center; outline:none}
.book-form ul li.info_p2 input { display:block; border:none;  height: 45px;line-height: 45px;color: #999;text-indent: 20px;background: url(../images/zxlyicon02.png) no-repeat 97% center;  outline:none}
.book-form ul li.info_p3 textarea{ display:block; border:none; height: 45px;line-height: 45px;color: #999;text-indent: 20px;background: url(../images/linkUsLy_icon03.png) no-repeat 97% center; outline:none; resize:none;overflow:hidden; width:100%; }
.book-form .f_bu button {padding: 20px 0px;font-weight: bold;color: #fff;font-size: 18px; cursor: pointer;outline: none;border:none; text-align:center; background:#000; width:240px;}.book-form ul{ margin-top:30px; margin-bottom:30px}
.f_bu .fr p{ color:#888; font-size:16px;; line-height:64px}
.f_bu{ overflow:hidden}
.footer{ border-top:5px solid #ea0409; background:#0c09ee; overflow:hidden;}
.logo-t{ width:27%; float:left}
.f-contact{ width:34%; float:left}
.f-menu{ width:25%; float:left}
.f-ewm{ width:14%; float:left;
}
.f-top{ padding:60px 0px; overflow:hidden}
.logo-t img{ width:60%}
.logo-t h2{ color:#fff; font-size:18px; margin:30px 0px}
.logo-t p{ color:#fff; font-size:14px; line-height:36px; width:90%}
.f-tit{ font-size:24px; color:#fff; font-weight:bold; margin-bottom:20px}
.f-menu ul{ overflow:hidden}
.f-menu ul li a{ color:#fff; font-size:16px; display:block;  }
.f-menu ul li{ float:left; width:38%}
.f-contact .f-tit{ margin-bottom:10px}
.f-contact ul{ width:90%}
.f-contact ul li{ overflow:hidden; padding:10px 0px;}
.f-contact ul li i{ font-size:40px; color:#fff; float:left; margin-right:20px; line-height:40px}
.f-contact ul li .t{ float:left; margin-right:10px; color:#fff}
.f-contact ul li .t h3{ font-size:16px; font-weight:normal; line-height: 40px}
.f-contact ul li .t h1{ font-size:30px; line-height:40px; color:#fff}

.f-contact ul li .t p{ color:#5c5c5c; font-size:18px}
.f-ewm img{ width:100%}
.f-ewm p{ font-size:14px; color:#fff; opacity:0.4; text-align:center; line-height:40px}
.f-bottom{ overflow:hidden; background:#020202}
.f-bottom p{ height:60px; line-height:60px; color:#999; font-size:14px}
.f-bottom p a{ color:#999}
.clearfix:after {
	content: '\20';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: block;
	zoom: 1;
}
footer{width:100%;background:#05045a; position:relative; max-height:537px; overflow:hidden; color: #fff}

footer .foot-content{margin:0 auto;padding:20px 0 0px 0;color:#fff;overflow:hidden;font-size:16px; }
footer  .f_top{ width:100%}
footer .f-l{width:60%; }
footer .f-logo{}
footer .f-logo img{width:100%;}
footer .f-nav{ width:60% ; position:relative}
footer .f-nav ul{ position:absolute; right:0}
footer .f-nav li{height:80px;line-height:80px; float:left}
footer .f-nav li:nth-child(7n){margin-right:0;}
footer .f-nav li a{color:#fff; margin-left:20px; font-size: 18px}
footer .f-info{ width:45%; float:left; margin-right:5%; }
footer .f-info p i{ font-size:20px; margin-right:10px; padding-bottom:10px; display: block; float:left; color: #fff;}
footer .f-info p{line-height:1.5;font-size:18px;overflow:hidden; color: #fff; font-size: 18px}
footer .f-info p.en{font-size: 40px; color: #fff;}
footer .f-info p.en i{ float:inherit; font-size: 50px; padding-bottom: 0px}
footer .f-ico{overflow:hidden;float:right;}
footer .f-ico li{width:28px;height:28px;margin-right:10px;border:1px solid #fff;text-align:center;float:left;}
footer .f-ico li:last-child{margin-right:0;}
footer .ewm{margin-top:30px;}
footer .ewm li{width:120px;float:left;margin-right:50px;text-align:center;line-height:30px; color: #fff; margin-bottom: 20px}
footer .ewm li img{ max-width:100%}
footer .ewm li:nth-child(2n){margin-right:0px;}
footer .line{height:1px;width:100%;background:#fff;}
.copy_r{ padding:20px 0px; color: #fff; font-size: 16px;}
.copy_r .fl{  color: #fff; font-size: 16px;}
.copy_r .fr{  color: #fff; font-size: 16px;}

footer a{color:#fff;}
.ds {
  cursor: pointer;
}
.displaynone {
  display: none;
}
/* 搜素 */
.searchbox {
  padding: 20px 0px;
  box-shadow: 0 0 0.4375rem rgba(0, 0, 0, 0.04);
  background: #fff;
  width: 100%;
  top: 80px;
  border-top:2px solid rgba(7, 9, 243, 0.92);
  text-align: center;
  z-index: 44;
  position: fixed; left:0px
}

.searchbox.active {
  top:80px;
}
.searchs {
  max-width:500px;
  margin: 0 auto;
}

.clearfix {
  zoom: 1;
}

.searchs .sertext {
  display: block;
  padding: 0;
  outline: 0;
  padding-left: 40px;
  width: 78%;
  float: left;
  border: 1px solid #cdcdcd;
  color: #a2a2a2;
  font-size:18px;
  height: 50px;
  line-height: 50px;
  transition: 0.4s;
  box-sizing: border-box;
}

.serbtn {
  padding: 0;
  margin: 0;
  border: none;
  outline: 0;
  width: 22%;
  float: right;
  height:50px;
  text-align: center;
  line-height: 50px;
  background: rgba(7, 9, 243, 0.92);
  color: #fff;
  font-size: 18px;;
  cursor: pointer;
  transition: 0.44s;
}
.ny-product{ position: relative; background:#fff}
.techL {
    

  
    z-index: 11;
    width: 30%;
    text-align: right;
    overflow: hidden;
    box-sizing: border-box; float:left;  padding:60px 0px; padding-right:5%; 

}
.techL_top {
    position: absolute;
    top: -20%;
    right: 0;
    width: 100%;
    text-align: right;
}

.techL_top img {
    max-width: 100%;
}

.techL.fixed {
    position: fixed;
    top: 89px;

}


.techL.pos {
    position: absolute;
    top: auto;
    bottom: 0;
}

.techL_div {
    text-align: left;
    position: relative;
    z-index: 11; 
}

.techL ul {
    margin-top: 38px;
}

.techL li {
    position: relative;
    border-bottom: 1px solid #ddd;
    margin-bottom: 14px;
    transition: all 0.48s;
    overflow: hidden;
}

.techL li:last-of-type {
    margin-bottom: 0;
}

.techL li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: #0c09ee;
    transform: scaleX(0);
    transform-origin: left center;
}

.techL a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: bold;
    padding: 14px 0;
    font-size: 18px;
}

.techL li img {
    width: 12px;
}

.techL_div_hover {
    display: none;
}

.techL li.on {
    background: rgb(46 39 111 / 0.1);
    padding: 0 18px;
    border-radius: 6px;
    border-color: transparent;
}

.techL li.on .techL_div_ico {
    display: none;
}

.techL li.on .techL_div_hover {
    display: block;
}

.techL li.on a {
    color: #0c09ee;
}

.techL li.on::before {
    transform: scaleX(1);
}

.techR {
    width:64%;
   
     float:left; padding:60px 0px 60px 5%; border-left:1px solid #ccc; min-height:600px

}
.ind-title-l{ font-size:26px; color:#666}


.techR_top.techR_pad {
    padding-bottom: 0 !important;
}

.techTit {
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-bottom: 24px;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
}

.techTit::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 78px;
    height: 4px;
    background: #0c09ee;
}

.techTit img {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
}
.pageBanner{ position:relative;  }

.pageBanner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: linear-gradient(to bottom, rgba(14, 142, 247, 0.8), rgba(14, 142, 247, .2) 80%);
}
.pageBanner .imgDiv img{ width:100%; }
.pageBanner .mxfDiv{  z-index: 5;position: absolute;
   
    top: 70%;
    transform: translateY(-50%);}
.pageBanner .mxfDiv2{  }
.pageBanner .txtDiv{ color: #fff; }
.pageBanner .mxfDiv2 .txtDiv{ }
.pageBanner .txt1{ font-size:30px; line-height:30px; padding-bottom:25px; color:#fff; font-weight:bold}
.pageBanner .txt2{ font-size:18px; height: 75px; line-height: 36px; position: relative;  color:#fff}
.pageBanner .txt1:after{ content: ''; width: 30px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; }
.pageBanner .sxdDiv{ position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); z-index: 5;}
.pageBanner .wenDiv{ color: #fff; text-align: center;}
.pageBanner .wen1{ font-size:48px; line-height: 48px; height: 0.8rem; position: relative;}
.pageBanner .wen1:after{ content: ''; width: 30px; height: 2px; background: #fff; position: absolute; left: 50%; margin-left: -15px; bottom: 0; }
.pageBanner .wen2{ font-size: 14px; padding-top: 0.6rem; }

.pageNav{ position: absolute; width: 1400px; left: 50%; height: 100px; bottom:0px;   z-index: 2; background: rgba(0,0,0,0.6); margin-left:-700px }
.pageNav li{ width: 12.5%; float: left; height: 100px; font-size: 14px; text-align: center; font-weight: bold;}
.pageNav2 li{ width:12.5%; }
.pageNav3 li{ width: 20%; }
.pageNav4 li{ width: 33.33%; }
.pageNav li a .name{display: block; height:100px; color: #fff; font-size:18px; line-height:100px}
.pageNav li a{ display: block; height:100px; color: #fff; font-size:18px; line-height:100px}
.pageNav li a:hover, .pageNav li .aNow{ background: #0c09ee; color: #fff;}
.pro-content{ padding:60px 0px; background:#f9f9f9}
.pro-main .tit h1{ font-size:30px;}
.pro-main .tit{ text-align:center }
.pro-main .tit h1:after{ content: ''; width: 80px; height:3px; background: #0c09ee; display:block; margin:20px auto  }
.p-1 .n{ font-size:20px;  color:#000; line-height:50px; height:50px; border-bottom:1px solid #ccc; font-weight:bold}
.p-1 .app{ margin-top:40px;}
.p-1 .app p{ font-size:18px; line-height:40px }
.p-1 .app p span{ color:#0c09ee}
.cp-co{ background:#fff; padding:20px  }
.cp-co table{ width:100%;}
.cp-co img{ max-width:100%}
.cp-co table tr td{ border:1px solid #dfdfdf; color:#686868; line-height:50px; height:50px; text-align:center; font-size:16px}
.cp-co table .firstRow td{ background:#f8f8f8}
.p-2{ background:url(../images/p-2_bg.jpg) no-repeat center; overflow:hidden}
.p-2 .text{ float:left;}
.p-2 .text h1{  color:#fff; line-height:120px; font-size:24px; float:left; padding-right:30px}
.cp-co .subject{}
.p-2 .text .p{ line-height:40px; color:#fff; float:left; font-size:16px; margin:20px 0px; padding-left:30px; border-left:1px solid #ccc; 
}
.p-2 .tel{ float:right;}
.p-2 .tel i{ font-size:60px; float:left; color:#fff; line-height:120px; margin-right:20px}
.p-2 .tel h1{ font-size:40px; color:#fff; float:left; line-height:120px;}
.p-4 { padding:60px 0px}
.p-3{ position:relative;padding:60px 0px}
.p-3 .mybox{ height: 100%;width: 100%;overflow: hidden;position: absolute;right: 0;top:180px;}
.p-3 .mybox .fPics{position:relative;float:right;height:100%;width:75%; background:none; }
.p-3 .mybox .fPics a{position:absolute;width:100%;height:100%;display:block;overflow:hidden;top:0;right:0;opacity:0;z-index:1;}
.p-3 .mybox .fPics a h1{ font-size:18px; font-weight:normal}
.p-3 .mybox .fPics a h1 span{ color:#0c09ee}
.p-3 .mybox .fPics a img{display: block;height: auto;position:initial;right: 0;top: 0;width: 100%;z-index: 2;}
.p-3 .mybox .fBtns{position:relative;float:right;height:100%;width:25%;}
.p-3 .fBtns li, .fBtns span{ }
.p-3 .mybox .fBtns li{position:relative; height:90px; line-height:90px; }
.p-3 .mybox .fBtns li span{position:absolute;top:0;left:0;height:100%;overflow:hidden;display:block;z-index:1; }
.p-3 .mybox .fBtns li a{height:100%;width:100%;display:block;z-index:2; text-align:center; }
.p-3 .mybox .fBtns li a p{  width:200px; margin:0px auto; padding:0px 30px;border-top-left-radius:20px; border-bottom-left-radius:20px;border-right:1px solid #ccc}
.p-3 .mybox .fBtns li a p i{ padding-left:20px}
.p-3 .mybox .fBtns li.rli1{ background-position:36px -40px;}
.p-3 .mybox .fBtns li:hover a p{ background:#0c09ee; color:#fff;border-right:5px solid  #ea0409 }
.p-3 .mybox .fBtns li a i{ font-size:40px; line-height:90px; float:left; }
.p-3 .mybox .fBtns li a{ font-size:18px; line-height:90px }
.ly-banner{ width:100%; height:600px; background:#fff;box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 1px 1px 30px 0px rgba(0,0,0,0.1);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;}
	
	.news-main .tit h1{ font-size:40px; color: #333;}
.news-main .tit{ text-align:center }
.news-main .tit h1:after{ content: ''; width: 53px; height:2px; background: #0c09ee; display:block; margin:30px auto  }

.more-icon{display: inline-block; width:10px; height: 10px; background: #888888; position: relative; margin-left:8px; z-index: 15;transition: all .3s ease;}

.more-icon::after{content: ''; width:6px; height: 0.06rem; border-top:1px solid #888888;border-right: 1px solid #888888; position: absolute; right:0 ; top: -2px; transform: rotate(45deg); transition: all .3s ease;}
.news-item{text-align: left;}

.news-item-img{ overflow: hidden; padding: 0;}

.news-item-img img{transition: all .3s ease;  width:100%; height:100%; }

.news-item-content{ padding: 20px 20px 20px;}

.news-item-content h3{font-size:18px;font-weight: 500;color: #333333;line-height: 34px;transition: all .3s ease;}

.news-item-content p{font-size: 14px;font-weight: 400;color: #888888;line-height:30px;}

.news-item-content .news-item-p1{  overflow: hidden; padding: 0; margin-top: 5px; margin-bottom:10px ;transition: all .3s ease;  font-size:16px;display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;}

.news-item-content .news-item-p2{ display: flex; align-items: center; justify-content: space-between;padding: 0; height: 36px;}

.news-item-content .news-item-p2 .honour-btn{transform: scale(0); display: none; transition: all .8s ease; width:120px; height:36px; border-radius:2px; line-height:36px; color:#888; border:1px solid #888; position:relative; }
.news-item-content .news-item-p2 .honour-btn {display: flex;width: 120px;border: 1px solid #888888;color: #888888;height: 0.36rem;font-size: 12px;border-radius: 2px; line-height: 36px; justify-content: center; align-items: center; position: relative; cursor: pointer;}
.honour-btn:hover::before { width: 100%; background: #3171FF; }

.honour-btn:hover span{color: #FFFFFF;}

.honour-btn:hover .more-icon{background: #ffffff;}

.honour-btn:hover .more-icon::after{border-top: 0.01rem solid #ffffff;border-right: 0.01rem solid #ffffff;}
.news-item-content .news-item-p2 .honour-btn::before{content: ''; position: absolute; left: 0;top: 0; width: 0; transition: all .3s ease; height: 100%; z-index: 10;}
.news-item-content p span{ font-size:16px; font-weight:lighter}
.news-item-content .news-item-p2 .honour-btn span{position: relative; z-index: 15;transition: all .3s ease;}
.news-item:hover{top: 0;}

.news-item:hover .news-item-content h3,.news-item:hover .news-item-content p.news-item-p1{color: #3171FF;}

.news-item:hover .news-item-content .honour-btn{ transform: scale(1);display: flex;}

.news-item:hover .news-item-content .news-jiantou{display: none;}

.news_list li:hover .news-item-img img{transform: scale(1.1);}
.news-main{ padding:60px 0px}
.news-list{padding-bottom: 120px; margin-top: -9px;}
.news-main{ background:#F5F6F8}
.news-main .news_list li{ width:32%; margin:0px 2% 20px 0px; float:left; background:#fff;transition:all .3s} 
.news-main .news_list li:nth-child(3n){ margin:0px 0px 20px 0px} 
.news_list li a img{ width:100%}
.news-main .news_list li:hover { top: 10px;box-shadow: 0px 10px 30px 0px rgba(51, 51, 51, 0.08);}
.news-content-box{padding:60px 0px; background:#F5F6F8; }
.news-content-box .content{ background:#fff}
.news-con{ padding:50px}
.news-con .tit { border-bottom:1px solid #ccc; margin-bottom:20px;padding-bottom:20px;}
.news-con .tit h1{ text-align:left; color:#212121; font-size:28px; font-weight:500; padding-bottom:10px}
.news-con .tit h2{ font-size:20px;  font-weight:normal; color:#555 }
.news-con .info{ font-size:14px; color:#888;  border-bottom:1px solid #ccc; margin-bottom:20px; text-align:center;  padding-bottom:20px}
.news-con p{ font-size:16px; line-height:32px;}
.news-con .pre{ background:#f6f6f6; padding:20px 20px; font-size:16px; margin-top:10px}
.news-con .next{ background:#f6f6f6; padding:20px 20px; font-size:16px;margin-top:10px }
.case-item-txt{display: flex; justify-content: space-between;align-items: center; padding:10px 20px;}

.case-item-txt p{padding: 25px 30px 25px 0; flex: 1; text-align: left; font-size:18px;font-weight: 400;color: #333333;line-height:25px;}

.cases_list li:hover{ top: 10px;box-shadow: 0px 10px 30px 0px rgba(51, 51, 51, 0.08);}
.cases_list li h3{ font-size:18px; line-height:40px; color:#333; font-weight:normal  }
.news-con p img{ max-width:100%}
.contact-1 ul{ width:100%; overflow:hidden; margin-top:20px}
.contact-1 ul li{ width:33.3333%; overflow:hidden; float:left}
.contact-1 ul li i{  text-align:center;font-size:40px; width:80px; height:80px; border:1px solid #ccc; color:#0c09ee; float:left; display: block; margin-right:20px; border-radius:40px; line-height:80px}
.contact-1 ul li div p.en{ font-size:24px}
.contact-1 ul li div{ float:left}
.contact-1 ul li div h2{ color:#8C9199; line-height:30px; font-size:18px; padding-top:10px}
.contact-1 ul li div p{ color:#212121; line-height:30px; padding-bottom:10px; font-size:18px}
.contact-2{ overflow:hidden; height:680px; margin-top:60px; width:100%}
.contact-main{ padding:60px}
.contact-2 #map{height:680px; width:100%; border:1px solid #fff}
.contact-2 #map img{ width:100%}
	.contact-main .tit h1{ font-size:40px; color: #333}
.contact-main .tit{ text-align:center }
.contact-main .tit h1:after{ content: ''; width: 53px; height:2px; background: #0c09ee; display:block; margin:30px auto  }
.about-main .about-1{ padding:60px 0px; position:relative; overflow:hidden}
.about-main .about-1 .tit1{ margin-bottom:20PX}
.about-main .about-1 .tit1 h1{ font-size:50px }
.about-main .about-1 .tit1 H3{ font-size:24PX; color:#333}
.about-main .about-1 .img{ width:30%; float:left}
.about-main .about-1 .img img{ width:100%}
.about-main .about-1 .text{ width:55%; float:right; background:#f6f6f6; padding:40px 0px}
.about-main .about-1 .text p{ padding-left:100px; padding-right:30px; font-size:15px; line-height:32px; margin-bottom:5px; text-indent:30px;}
.about-main .about-1 .la{ position:absolute; left:32%; top:30%}
.about-main .about-1 .la h1{ font-size:24px; font-weight:bold; margin-bottom:20px; text-decoration:underline}
.about-main .about-1 .la h2{ font-size:24px; font-weight:bold; padding-left:80px;text-decoration:underline}
.about-main .about-1 ul{ padding-left:100px; padding-right:30px}
.about-main .about-1 ul li{ float:left; width:25%; overflow:hidden; position:relative}
.about-main .about-1 ul li i{ float:left; margin-right:10px; font-size:40px ;line-height:40px; color:#0c09ee}
.about-main .about-1 ul li p{ float:left; padding:0px !important; margin:0px !important; font-size:18px !important; text-indent:0px !important; line-height:40px !important; z-index:2; position:absolute; left:60px}
.about-main .about-1 ul li h1{ position:absolute; left:50px; font-size:50px; line-height:40px; z-index:1; color:#e6e6e6}
.about-main .about-2{ background:#0c09ee; border-radius:20px; padding:60px}
.about-main .about-2 .top { overflow:hidden}
.about-main .about-2 .top p{ font-size:18px; width:130px; height:40xp; border-top-left-radius:20px; border-bottom-right-radius:20px; border:1px solid #fff; float:left; color:#fff; text-align:center; line-height:40px; display:block}
.about-main .about-2 .top h1{ font-size:40px; text-align:right; line-height:60px; color:#fff}
.about-main .about-2 .midd{}
.about-main .about-2 .midd h2{ color:#fff;font-size:30px; line-height:48px; color:#fff; font-weight:normal }
.about-main .about-2 .bottom{ overflow:hidden; margin-top:30px; position:relative}
.about-main .about-2 .bottom p{ float:left; width:50%; color:#fff; font-size:18px; line-height:48px;}
.about-main .about-2 .bottom a{ width:200px; height:60px; line-height:60px; background:#fff; color:#0c09ee; padding:0px 50px; float:right; display:block; font-size:18px; font-weight:bold; border-radius:30px; position:absolute; bottom:0px; right:0px
}
.about-main .about-2 .bottom a i{ color:#fff; float:right; font-size:20px; line-height:60px; width:40px; height:40xp; line-height:40px; text-align:center; background:#0c09ee; border-radius:20px; margin-top:10px;transition:all .5s}
.about-main .about-2 .bottom a:hover{ background:#ea0409}
.search{ padding:60px 0px;}
.search ul li{ padding:20px 0px; border-bottom:1px solid #ccc}
.about-main .about-3{ padding:60px 0px}
.about-main .about-3 .cp_tit{ margin-bottom:30px}
.about-main .about-4{ padding-bottom:60px}
.about-main .about-4 .cp_tit{ margin-bottom:30px}
.ba2{ width:1400px; margin:0px auto; text-align:left}
.index-banner .ba2 .vmore{ float:left}
.pat{ overflow:hidden }
.pat li{ width:15.6666667%; float:left; ; }
.pat li div{ border:1px solid #ccc; display:block}
.pat li img{ display:block;-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;transition:all .4s ease 0s;padding:2%; width:96%
}
.pat li:hover img{ filter: grayscale(0);
    filter: none;}
	.ny-ab-txt p{ font-size:16px; line-height:32px; margin-bottom:10px; text-indent:32px;}
	.ny-ab-txt	h4{font-size: 20px;color: #555; text-align:center; margin-top:20px; margin-bottom:10px}

	.honor{ padding:60px 0px}
	.honor .tit h1{ font-size:30px;}
.honor .tit{ text-align:center }
.honor .tit h1:after{ content: ''; width: 80px; height:3px; background: #0c09ee; display:block; margin:20px auto  }
.solution-main .tit h1{ font-size:30px;}
.solution-main{ padding:60px 0px}
.solution-main .tit{ text-align:center }
.solution-main .tit h1:after{ content: ''; width: 80px; height:3px; background: #0c09ee; display:block; margin:20px auto  }

.nyservice_t{margin-top: -40px;}
.adv{margin-top:140px;}
.nyservice{position: relative;}
.nyservice:before{content: "";position: absolute;top:10px;left: 0px;height:78px;width: 120px;}
.nyservice_wt{margin-top:40px;}
.nyservice_wt li{float: left;width:32%;background:#eee;position: relative;overflow: hidden; margin:0px 2% 20px 0px;transition:all .4s ease 0s; }
.nyservice_wt li:nth-child(3n){ margin:0px 0px 20px 0px }
.nyservice_img img{display: block; margin: 0 auto; width:100%}
.nyservice_text{text-align: center;font-size: 16px; height:60px; line-height:60px}
.nyservice_ww{background: rgba(0,0,0,0.5);position: absolute;color: #fff;font-size: 60px; height:100%;-webkit-transition: all 0.5s;transition: all 0.5s; width:100%; text-align:center}
.nyservice_ww i{ font-size:60px; line-height:100%; position:absolute; }
.nyservice_ww span{display: block;float: left;margin-right:34px;}
.nyservice_ww span:nth-child(3n){margin-right: 0px;}
.nyservice_wt li:hover{background:#0c09ee;}
.nyservice_wt li:hover .nyservice_text{color: #fff;}
.nyservice_wt li:hover .nyservice_ww{top:26px;}
#tixi{padding-top:60px;width: 100%;height:680px;background:#f5f5f5;position: relative;}
.solution-main  .title{font-size: 18px;color: #666666;line-height: 28px;text-align: center;}
#tixi .bottom {width: 100%;height: 600px;background: url(../images/service.png)no-repeat center;}
.solution-main  .title p{font-size: 40px;color: #333333;padding-bottom: 13px;}
.solution-main  .title p span{color: #0c09ee;font-weight: bold;}
.solution-main  .title hr{width: 40px;height: 4px;background: #0c09ee;border: none;}

#tixi .bottom li{width: 250px;padding: 30px 0px 100px;line-height: 25px;font-size: 14px;color: #666;}
#tixi .bottom li p{font-size: 24px;font-weight: bold;color: #333;margin-bottom: 15px;}
#tixi .bottom .right {float: right;margin-right: 80px;}
#tixi .bottom .left {float: left;margin-left: 90px;}
.solution-main{ background:#f5f5f5}
#zhunze{width: 100%;margin-top:60px;}
#zhunze .bottom {width: 100%;height: 470px;background: url(../images/test.png)no-repeat center;position: relative;}
#zhunze .bottom li {font-size: 18px;color: #666666;position: absolute;}
#zhunze .bottom li h1 {font-size: 24px;color: #333333;font-weight: bold;}
#zhunze .bottom li p{ width:260px; font-size:14px; line-height:30px; color:#888;}
#zhunze .bottom .li1 {top: 44px;left: 100px;}
#zhunze .bottom .li2 {left: 150px;bottom:82px;}
#zhunze .bottom .li4 {right: 150px;bottom: 90px;}
#zhunze .bottom .li5 {right: 100px;top:30px;}


.solution-main .t{text-align: center;padding-top: 40px;}
.solution-main .t p{font-size: 40px;color: #222;line-height: 50px;}
.solution-main .t dd{font-size: 20px;color: #666;  margin-top:10px}
.solution-main .t d{color: #0c09ee;}
.so-c{ background:#fff; padding:40px}



/*关于我们*/
.gy_section1{width: 100%;padding-top: 60px;padding-bottom: 60px;}
.gy_section1 .content{}
.gy_section1 .content::after{content: "";display: block;clear: both;}
.gy_section1 .left{width: 46%;float: left;padding-right: 4%;}
.gy_section1  .left h3{font-size: 35px;color: #333;margin-bottom: 20px;}
.gy_section1  .left h4{font-size: 20px;color: #555; text-align:center;margin-top:20px; margin-bottom:10px}

.gy_section1   .left .border{width: 53px;height: 2px;background: #0c09ee;margin-bottom: 20px;}
.gy_section1   .left .infobox{width: 100%;margin-bottom: 46px;padding-right: 38px;overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 324px;}
.gy_section1   .left .infobox p{ font-size:16px; line-height: 2; color:# 666; text-indent: 2em}
.gy_section1 .left .infobox::-webkit-scrollbar{ width: 2px;}
.gy_section1   .left .infobox::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 2px;}
.gy_section1   .left .infobox::-webkit-scrollbar-thumb{ width: 2px;  background-color: #0c09ee; border-radius: 2px;}
.gy_section1   .left .infobox .info{font-size: 16px;color: #4b4b4b;line-height: 36px;}
.gy_section1   .left .listbox{width: 100%;padding-right: 70px;display: flex; flex-direction: row; justify-content: space-between; align-items: left;}
.gy_section1  .left .listbox .list{display: inline-block;vertical-align: top;}
.gy_section1  .left .listbox .list ._t{font-size: 18px;;line-height: 36px;margin-bottom: 4px;}
.gy_section1  .left .listbox .list ._t span{font-size: 60px;color: #0c09ee;line-height: 50px;font-weight: bolder;}
.gy_section1   .left .listbox .list ._b{font-size: 18px;color: #666666;line-height: 20px;}
.gy_section1   .right{width: 50%;float: right;position: relative;cursor: pointer;}
.gy_section1   .right .pic{width: 100%; margin-top: 34px;}
.gy_section1   .right .pic img{width: 100%;display: block;}
.gy_section1   .right .ico1{width: 49px;position: absolute;right: -21px;top: -24px;}
.gy_section1  .right .ico1 img{width: 100%;display: block;}
.gy_section1   .right .ico2{width: 78px;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%); width: 50px; height: 50px; border-radius: 50%; background: #0c09ee;}

.gy_section1   .right .ico2::before,
   .gy_section1   .right .ico2::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: rgba(12, 9, 238, 0.4);
            animation: wave 2s infinite linear;
            z-index: -1;
        }
        
        /* 第二层光圈 */
  .gy_section1   .right .ico2::after {
            animation-delay: 0.7s;
        }
   @keyframes wave {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            100% {
                transform: scale(1.8);
                opacity: 0;
            }
        }
        

        
.gy_section1  .right .ico2 i{ color:#fff; font-size: 20px;  display: block; text-align: center; line-height: 50px}

._pop{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999999; display:none;background-color: rgba(0,0,0,0.8);}
._col{ float:left;  font-size: 0; position:absolute; right:-60px; top:-44px; width:44px; height:44px; border-radius: 100%;color: #999;cursor: pointer;background: url("../images/img141.png")no-repeat center center;background-size: cover;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);}
._htm{ float:left; width:800px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);background-color: rgba(255,255,255,0.5);padding: 12px;}
._html.on ._htm{width: 400px;}
._htm video{width: 100%;display: block;margin: 0 auto;}
._htm img{width: 60%;display: block;margin: 0 auto;}
@media  screen and (max-width: 1680px){
._htm{ float:left; width:600px;}
}
@media  screen and (max-width: 991px){
._col{ float:left;  font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #999;cursor: pointer;background: url(images);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
._htm{ float:left; width:500px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
}           
@media  screen and (max-width: 767px){
._col{ float:left;  font-size: 50px; position:absolute; right:10px; top:-55px; width:20px; height:20px; border-radius: 100%;color: #999;cursor: pointer;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
._htm{ float:left; width: calc(100% - 30px);position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
}


.gspic_section  .bottom{width: 100%;}
.gspic_section  .bottom .tit{font-size: 28px;color: #2e2e2e;line-height: 32px;margin-bottom: 32px;}
.gspic_section  .bottom .border{width: 53px;height: 2px;background: #1e46a0;margin-bottom: 30px;}
.gspic_section  .bottom .ul{margin: 0 -15px;width: calc(100%  30px);}
.gspic_section  .bottom .ul .slick-prev{width: 39px;height: 39px;background: url(img/img137.png) no-repeat center center; background-size: cover;left: auto;right: 82px; top: -95px;border: 1px solid #A6A6A6;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);}
.gspic_section  .bottom .ul .slick-next{width: 39px;height: 39px;background: url(img/img138.png) no-repeat center center; background-size: cover;right: 15px;top: -95px;border: 1px solid #A6A6A6;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);}
.gspic_section  .bottom .ul .slick-prev:hover{background: url(img/img139.png) no-repeat center center; background-size: cover;background-color: #1e46a0;border-color: #1e46a0;}
.gspic_section  .bottom .ul .slick-next:hover{background: url(img/img140.png) no-repeat center center; background-size: cover;background-color: #1e46a0;border-color: #1e46a0;}
.gspic_section  .bottom .ul .slick-dots{position: absolute; bottom: auto; height: 6px; text-align: center;top: -36px;left: auto;right: 15px;width: auto;}
.gspic_section  .bottom .ul .slick-dots li{ vertical-align: top; width: 6px; height: 6px; margin: 0 5px; background: #C4C4C4;}
.gspic_section  .bottom .ul .slick-dots li.slick-active{ background: #1e46a0;}
.gspic_section  .bottom .ul .li{padding: 0 15px;}
.gspic_section  .bottom .ul .li a{display: block;width: 100%;position: relative;}
.gspic_section  .bottom .ul .li a::after{content:"";display: block;width: 100%;height: 100%;background: url(img/img136.png)no-repeat bottom center;background-size: cover;z-index: 2;position: absolute;left: 0;top: 0;}
.gspic_section  .bottom .ul .li a .ba_pic{ width: 100%; padding-bottom: 75.07%; position: relative; overflow: hidden; min-height: 50px;z-index: 1;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.gspic_section  .bottom .ul .li a .ba_pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.gspic_section  .bottom .ul .li a:hover .ba_pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.gspic_section  .bottom .ul .li a .wrodsbox{width: 100%;position: absolute;left: 0;bottom: 22px;padding: 0 20px;overflow: hidden;z-index: 3;}
.gspic_section  .bottom .ul .li a .wrodsbox .words{font-size: 16px;color: #ffffff;line-height: 31px;float: left;width: calc(100% - 50px);
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.gspic_section  .bottom .ul .li a .wrodsbox img{width: 31px;float: right;display: block;}
.gspic_section  .bottom .more{width: 132px;margin: 38px auto 0 auto;}
.gspic_section  .bottom .more a{display: block;font-size: 0;text-align: center;background-color: #1e46a0;border-radius: 23px;}
.gspic_section  .bottom .more a:hover{opacity: 0.8;}
.gspic_section  .bottom .more a .wrods{font-size: 14px;color: #ffffff;line-height: 46px;display: inline-block;vertical-align: middle;margin-right: 12px;}
.gspic_section  .bottom .more a img{width: 20px;display: inline-block;vertical-align: middle;}



.scheme-process .hd h2{font-size: 40px;
    color: #333;
    
    margin-bottom: 30px; text-align: center}
.scheme-process .hd .border {
    width: 53px;
    height: 2px;
    background: #0c09ee;
    margin:0px  auto 36px;
}
.scheme-process {
    padding: 60px 0px
}

.scheme-process .bd {
    width:1400px;
    margin: 30px auto 0;
   
    position: relative
}

.scheme-process .bd .pnext {
    width: 48px;
    height: 48px
}

.scheme-process .bd .pnext::after {
    display: none !important
}

.scheme-process .bd .swiper-button-prev {
    background-image: url('../images/pleft.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    left: -48px
}

.scheme-process .bd .swiper-button-prev:hover {
    background-image: url('../images/pleft_on.png')
}

.scheme-process .bd .swiper-button-next {
    background-image: url('../images/pright.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    right: -48px
}

.scheme-process .bd .swiper-button-next:hover {
    background-image: url('../images/pright_on.png')
}

@media (min-width:1800px) {
    .scheme-process .bd .swiper-button-prev {
        left: 2vw
    }

    .scheme-process .bd .swiper-button-next {
        right: 2vw
    }

    .scheme-process .bd .sbtn .iconfont {
        color: #999
    }
}

.scheme-swiper {
    width: 88%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto
}

.scheme-swiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.3);
    opacity: 1;
    transition: all .4s ease 0s;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #c8c8c8;
    margin: 0 .08rem !important
}

.scheme-swiper .swiper-pagination-bullet-active {
    border-color: #ea5f00;
    background: #ea5f00
}

@media (max-width:1800px) {
    .scheme-swiper {
        width: 100%
    }
}

.scheme-swiper li {
    width: 33.33%
}

@media (max-width:992px) {
    .scheme-swiper li {
        width: 50%
    }
}

@media (max-width:640px) {
    .scheme-swiper li {
        width: 100%
    }
}

.scheme-swiper .inner {
    margin: 0 20px;
    position: relative;
    background: #fff;
    border: 1px solid #dedede
}

.scheme-swiper .inner .cover-box {
    margin: 40px
}

.scheme-swiper .inner .cover-box .coverimg {
    background-size: contain
}

.scheme-swiper .inner::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    transition: all .4s ease 0s;
    height: 3px;
    background: #0c09ee;
    left: 0;
    bottom: 0
}

.scheme-swiper .inner:hover::after {
    width: 100%
}

.scheme-swiper .inner:hover .info .id {
    color: #ea5f00
}

.scheme-swiper .info {
    font-size: 20px;
    padding: 20px;
   text-align: center;
    
}

.scheme-swiper .info .id {
    font-size: .36rem;
    color: #cecece;
    font-family: medium;
    line-height: 1;
    display: block;
    font-weight: bold;
    margin-right: 10px
}
.scheme-swiper .coverimg img { width: 100%}
.scheme-swiper .info .tit {
    font-size: 18px;
    display: block; text-align: center
}

.scheme-swiper .coverimg {
    display: block
}

.scheme-swiper .img {
    background-position: center;
    background-size: cover
}

.scheme-swiper .img img {
    visibility: hidden
}

@media (max-width:992px) {
    .scheme-swiper {
        padding-bottom: 1rem
    }

    .scheme-swiper .info .tit {
        font-size: 16px
    }
}
.p_honner {
    background:#f5f5f5;
    background-size: 30% auto;
    padding: 60px 0
}

.p_honner .wrap {
    overflow: hidden; width: 1400px; margin: 0px auto
}

.p_honner .hd {
    text-align: center;
    padding-bottom: .2rem;
    line-height: 1.86
}

.p_honner .hd h2 {
      font-size: 40px;
    color: #333;
   
    margin-bottom: 30px;
    text-align: center;
}
.p_honner .hd .border {
    width: 53px;
    height: 2px;
    background: #0c09ee;
    margin:0px  auto 36px;
}
.p_honner .hd .desc {
    font-size: 16px;
    color: #666
}

.honner-swiper {
    padding-bottom: 80px
}

.honner-swiper li {
    width: 25%;
    padding: .4rem 0
}

.honner-swiper .img {
    padding: .4rem 10%
}
.maodian {
    position: relative;
    top: -80px;
}
.honner-swiper .inner {
    margin: 0 .1rem;
    background: #fff;
    transition: all .4s ease 0s
}

.honner-swiper .inner:hover {
    box-shadow: 0 .1rem .2rem rgba(0, 0, 0, 0.1)
}

.honner-swiper .tit {
    line-height: .7rem;
    padding: 0 .2rem;
    border-top: 1px solid #f5f5f5;
    text-align: center;
    font-size: 16px;
    color: #666
}

.honner-swiper .tit span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.honner-swiper .pnext-box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    bottom: 0;
    width: 116px;
    min-width: 80px;
    height: 55px
}

.honner-swiper .pnext-box .item {
    width: 48px;
    height: 48px;
    min-width: 36px;
    cursor: pointer;
    transition: all .4s ease 0s
}
.honner-swiper .coverimg img { width: 100%}
.honner-swiper .pnext-box .item::after {
    display: none
}

.honner-swiper .pnext-box .swiper-button-prev {
    background-image: url('../images/hleft.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    left: 0
}

.honner-swiper .pnext-box .swiper-button-prev:hover {
    background-image: url('../images/hleft_on.png')
}

.honner-swiper .pnext-box .swiper-button-next {
    right: 0;
    background-image: url('../images/hright.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center
}

.honner-swiper .pnext-box .swiper-button-next:hover {
    background-image: url('../images/hright_on.png')
}

@media (max-width:1200px) {
    .honner-swiper .tit {
        font-size: 14px
    }

    .honner-swiper li {
        width: 33.3%
    }
}

@media (max-width:768px) {
    .honner-swiper li {
        width: 50%
    }
}

@media (max-width:480px) {
    .honner-swiper li {
        width: 100%
    }
}
.hidden {
    overflow: hidden;
}.posi {
    position: relative;
}.flex{display: flex;
       justify-content: space-between}
.flex_item{-webkit-box-flex: 1;-moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex:1;}.incenter {
    text-align: center;
}
.avg{padding:60px 0;}
.avg_box .avg_l{width:60%;}
.fl{ float:left}
.fr{ float:right}
.avg_box .avg_r{width:33%;}
.avg_box .avg_txt{padding-top:30px;}
.avg_box .avg_line{margin-bottom:3vw;background:url(../images/about_icon01.png) no-repeat left top;padding-top:25px;background-size:17px;}
.avg_box .avg_line h4{color:#ea0409;font-size:1.5625vw;line-height:1.5625vw;margin-bottom:1.2vw;} 
.avg_box .avg_line p{font-size:16px;line-height:28px;}
.avg_box .avg_img{height:100%;}
.avg_box .avg_img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.avg .avg_eg{position:absolute;z-index:-1;top:3.5vw;left:0;font-size:8.3vw;color:#f6f6f6;width:200vw;
text-transform:uppercase;font-family:bahnschrift;font-weight:bold;letter-spacing:2vw;animation:letters linear 12s infinite;
-webkit-animation:letters linear 12s infinite;}
.avg .avg_eg span{display:inline-block;width:100vw;}
.avg_box .master_title03 h2{ font-size:40px; font-weight:bold; color:#333}
@-webkit-keyframes letters{
	0%{transform:none;-webkit-transform:none;}
	100%{ransform:translateX(-100vw);-webkit-transform:translateX(-100vw);}	
}
@keyframes letters{
	0%{transform:none;-webkit-transform:none;}
	100%{ransform:translateX(-100vw);-webkit-transform:translateX(-100vw);}	
}

.clearfix:before, .clearfix:after {content: " ";display: table}.clearfix:after {clear: both}img{display:block;}
.ctr_list{background:url(../images/about09.jpg) no-repeat center center;background-size:cover;}
.ctr_list ul{;}
.ctr_item{ width:16.66%}
.ctr_item .ctr_line{height:0;padding-bottom:150%;cursor:pointer;}
.ctr_item .ctr_line_v{position:absolute;top:0;left:0;width:100%;height:100%;align-items:center;
border-bottom:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);z-index:2;overflow:hidden;}
.ctr_item .ctr_line_v:after{content:'';position:absolute;width:100%;height:100%;left:0;top:-100%;z-index:-1;
-webkit-transition:all .5s;transition:all .5s;}

.incenter {
    text-align: center;
}
.ctr_item .ctr_line_v>div{transform:translateY(20%);-webkit-transform:translateY(20%);}
.ctr_item .ctr_icon{width:60px;height:60px;overflow:hidden;margin:20px auto}
.ctr_item .ctr_icon i{ font-size:50px; color:#fff;}
.ctr_item .ctr_icon>div{width:100%;height:100%;}
.ctr_item .ctr_icon>div>p{align-items:center;justify-content:center;width:100%;height:100%;}
.ctr_item .ctr_icon>div>p>img{max-width:100%;max-height:100%;}
.ctr_item .ctr_name{font-size:30px; color:#fff;}
.ctr_item .ctr_i{height:2vw;width:100%;margin:1vw 0;}
.ctr_item .ctr_i:after{content:'';width:1px;position:absolute;left:50%;height:100%;background-color:#fff;
-webkit-transition:all .75s;transition:all .75s;}
.ctr_item .ctr_info{font-size:24px; color:#fff;}


.product_lb1{ width: 100%; background: url(../images/n21_02.png) top center no-repeat; position: relative; }
.product_lb1 .product_lb1_0{ display: inline-block; width: 100%; padding-top:7%; padding-bottom: 6%; }
.product_lb1_01{ width: 30.7%; float: left; }
.product_lb1_01 i { display: block; width: 84px; height: 3px; background-color: #ea0409; }
.product_lb1_01 h3{font-size: 40px; color: #000; line-height: 60px; font-weight: bold; padding-top: 18px;}
.product_lb1_01 img{ display: block; width: 100%; border-radius: 10px; margin-top: 10%; }

.product_lb1 .product_lb1_0 .product_lb1_02{ width: 62.2%; float: right; }
.product_lb1 .product_lb1_0 .product_lb1_02 img{ display: block; width: 100%; border-radius: 10px; }
.product_lb1 .product_lb1_0 .product_lb1_02 .p{ display: block; font-size: 18px; color: #333; line-height: 34px; margin-top:5%; }

.product_lb2{width: 100%; background: url(../images/n21_03.jpg) center no-repeat; position: relative; padding:60px 0px}
.product_lb2 ul{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden; }
.product_lb2 ul li{ width: 25.2%; position: relative;transition: ease-in-out 0.3s; transition: ease-in-out 0.3s; background-color: #fff; border-radius: 10px; overflow: hidden; margin-top:30px; text-align: center; padding:2%;}
.product_lb2 ul li .img{ width: 150px; height: 150px; background-color: #c8e2fd; border-radius: 50%; margin: 0 auto;display: flex; transition: ease-in-out 0.2s; align-items: center; }
.product_lb2 ul li .img p{ width: 126px; height: 126px; line-height:126px; text-align:center; background-color: #0c09ee; border-radius: 50%; margin: 0 auto; transition: ease-in-out 0.2s; align-items: center; }
.product_lb2 ul li .img p i{ color:#fff; font-size:40px;}
.product_lb2 ul li .img p img{ display: block; width: 54px; margin: 0 auto; }
.product_lb2 ul li h3{font-size: 20px; color: #333; line-height: 34px; font-weight: bold; padding-top:5%; padding-bottom:5%}
.product_lb2 ul li .s{font-size: 14px; color: #333; line-height:24px;     overflow: hidden;
    overflow-y: auto;
    scrollbar-width: thin; max-height:96px; padding-right:20px}
.product_lb2 ul li .s::-webkit-scrollbar{ width: 2px;}
.product_lb2 ul li .s::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 2px;}
.product_lb2 ul li .s::-webkit-scrollbar-thumb{ width: 2px;  background-color: #0c09ee; border-radius: 2px;}
	
	
	
.product_lb2 ul li:hover .img{ background-color: #aadcc6; }
.product_lb2 ul li:hover .img p{ background-color: #ea0409; }
.product_lb2 ul li:hover h3{color: #ea0409; }
.product_lb2 ul li:hover { transform: translateY(-5px); transition: ease-in-out 0.3s;}
.product_lb3{width: 100%; background: url(../images/n21_04.png) center center no-repeat; position: relative;}
.product_lb3_0{ display: inline-block; width: 100%; padding-top: 7%; padding-bottom: 6%; }
.product_lb3_01{ width: 36%; float: left; }
.product_lb3_01 i{display: block; width: 84px; height: 3px; background-color: #ea0409;}
.product_lb3_01 .hd{ display: none; }
.product_lb3_01 .bd{ width: 100%; }
.product_lb3_01 .bd li{ width: 100%; }
.product_lb3_01 .bd li h3{font-size: 40px; color: #333; line-height: 60px; font-weight: bold; padding-top: 18px;}
.product_lb3_01 .bd li img{ display: block; width: 100%;margin-top: 10%;border-radius: 10px; }

.product_lb3_02{ width: 60.6%; float:right; }
.product_lb3_02 .p{ font-size: 22px; line-height: 46px; color: #333; margin-top: 3%;}
.product_lb3_02 .ul{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden; }
.product_lb3_02 .ul li{ width: 27%; position: relative; padding: 0 3%; text-align: center;transition: ease-in-out 0.3s;margin-top:6%;}
.product_lb3_02 .ul li h3{ font-size: 20px; line-height: 32px; color: #0c09ee; }
.product_lb3_02 .ul li .p{font-size: 16px; line-height: 1.5; color: #333; padding-top: 10%;}
.product_lb3_02 .ul li.li1{}
.product_lb3_02 .ul li s{ display: block; width: 2px; height: 70px; background-color: #e9e9e9; position: absolute; right: 0; top: 50%; margin-top: -35px; }
.product_lb3_02 .ul li.li3 s{ display: none; }
.product_lb3_02 .ul li.li4,.product_lb3_02 .ul li.li5,.product_lb3_02 .ul li.li6,.product_lb3_02 .ul li.li7{ width:19%}
.product_lb3_02 .ul li.li7 s{ display: none; }
.product_lb3_02 .ul li:hover h3{ color: #ea0409; }
.product_lb3_02 .ul li:hover{transform: translateY(-5px); transition: ease-in-out 0.3s;}