@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: #2e276f;
}
.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:#2e276f;
	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:#2e276f; border:1px solid #2e276f; 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: #2e276f;
	color: #fff; border:1px solid #2e276f
}
.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 #2e276f;}
#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: #2e276f;
	padding: 8px 30px;
	color: #fff;
	margin: 10px 0;
	font-size: 16px;
	
	border-radius: 4px;
}
a:hover.inquiry {
	color: #fff;
	background: #6eb83d;
}
.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: #2e276f;
}
.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: #2e276f;
	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: #2e276f;
	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: 40px;
	color: #fff;
	float: left
}
.ban01_tel em {
	display: block;
	;
	margin: 0 auto;
	float: left;
	margin-right: 20px
}
.ban01_tel em i {
	font-size: 40px;
	color: #6eb83d
}
.ban01_tel a {
	font-size: 18px;
	color: #6eb83d;
	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: #6eb83d
}
.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: #6eb83d;
	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: 80px 0 30px
}
 @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: #2e276f;
	border-bottom-color: #2e276f
}
.ibrand .titbox a:hover .icon-jiantou_r {
	color: #2e276f
}
.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: #2e276f;
	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: 60px;
	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: #2e276f;
	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}
.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: #2e276f;
	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(110, 184, 61, 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 #2e276f; background:#2e276f;

}
.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 #2e276f;
	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 #2e276f;
	text-align: center;
	width: 50px;
	font-size: 20px;
	line-height: 40px;
	height: 40px;
	color: #2e276f
}
.hd-search-box .submit .iconfont {
	font-size: 20px
}
.hd-search-box .submit:hover {
	background: #2e276f;
	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: #2e276f
}
 @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: #2e276f;
	color: #2e276f
}
 @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: #6eb83d
}
.index-banner .sbtn {
	color: #fff
}
.index-banner .sbtn .iconfont {
	font-size: 36px
}
.index-banner .sbtn .iconfont:hover {
	color: #2e276f
}
.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 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:#2e276f; 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 #2e276f !important; color:#2e276f !important}
.ba3 .vmore:hover{ color:#fff !important}
.index-banner h5 {
	font-size: 50px;
	margin-bottom: 20px; 
}
.index-banner h5 span{ }
.index-banner h6 {
	font-size: 70px;
	margin-bottom: 20px
}
.index-banner h6 span {

	
}
.index-banner p {
	font-size: 24px;
	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: 40px
}
.index-banner h6{ font-size:50px}
.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: #2e276f;
	border-color: #2e276f;
	color: #fff
}
.vmore.gray {
	color: #666;
	border-color: #666
}
.vmore.gray em {
	background-image: url('../images/arr_r_0.png')
}
.vmore.gray:hover {
	background: #2e276f;
	color: #fff;
	border-color: #2e276f
}
.vmore.gray:hover em {
	background-image: url('../images/arr_r_f.png')
}
.vmore.red {
	background: #2e276f;
	color: #fff;
	border-color: #2e276f
}
.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: #2e276f;
	border-color: #2e276f;
	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: 327px;
	float: left;
	margin: 12px 15px;
}
.innews-list li .pic {
	height: 250px;
	background: #d5d5d5;
	overflow: hidden;
}
.innews-list li .pic img {
	display: block;
	width: 100%;
	min-height: 250px;
	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 {
	height: 44px;
	line-height: 22px;
	font-size: 14px;
	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:#6eb83d;
	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: #2e276f;
}
.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:#2e276f
}
.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(#2e276f));
	-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: #1a74bb 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: #2e276f;
	z-index:1;
	padding-left:200px;
	overflow: hidden;
	display: flex;
	align-items: center; float:left; left:50%
}
.product-box-div {
	display: inline-block; padding:130px 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 #2e276f;
	color: #2e276f;
	
	-webkit-transition: ease .4s;
	transition: ease .4s;
}
.more-btn:hover {
	background: #fff;
	color: #1a74bb;
}
.more-btn.white {
	border: 1px solid #fff;
	color: #fff;
}
.more-btn.blue {
	border: 1px solid #2e276f;
	background: #2e276f;
	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(3n) {
	margin: 0px 0px 20px 0px
}
.index-cp ul li {
	width: 28%;
	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 {
	padding: 3% 2%;
	display: block;
}
.index-cp ul li .text img {
	width: 100px;
	margin-bottom: 10px
}
.index-cp ul li .text h1 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px
}
.index-cp ul li .text p {
	font-size: 14px;
	line-height: 30px;
}
.index-cp ul li .text {
	float: left;
	width: 43%;
	margin-right: 2%;
}
.index-cp ul li .img {
	float: right;
	width: 55%;
}
.index-cp ul li .img img {
	width: 100%;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s
}
.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 .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:hover .img img {
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07);
	transform: scale(1.07)
}
.index-cp ul li:hover .text .more {
	color: #fff
}
.index-cp ul li:hover .text .more:after {
	background: #2e276f;
	border: 1px solid #2e276f
}
.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:hover{ background:#6eb83d; color:#fff}
.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: #2e276f;
    text-transform: capitalize;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: space-between;
}









.zdMore.center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.zdMore.blue span {
    background: #2e276f;
}

.zdMore.blue .more {
    background: #2e276f;
    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 #2e276f;
    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 #2e276f; display:block; margin:0px auto }
.case .vmore a{color:#2e276f; 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:0px 20px}
.case_m dl dd h5{height:60px;line-height: 60px;overflow: hidden;}
.case_m dl dd h5 a{font-size: 16px;color: #000;display: block;width:290px;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: 15px;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:#2e276f; 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 #6eb83d}
.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 #6eb83d; background:#2e276f; 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{ width:90%;  overflow:hidden}
.f-menu ul li a{ color:#fff; font-size:14px; }
.f-menu ul li{ float:left; margin-right:20px}
.f-contact .f-tit{ margin-bottom:10px}
.f-contact ul{ width:90%}
.f-contact ul li{ overflow:hidden; padding:10px 0px; border-bottom:1px solid #000128}
.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}
.f-contact ul li .t h1{ font-size:30px; line-height:40px; color:#6eb83d}

.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}

.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(110, 184, 61, 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(110, 184, 61, 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: #2e276f;
    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: #2e276f;
}

.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: #2e276f;
}

.techTit img {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
}
.pageBanner{ position:relative;}
.pageBanner .imgDiv img{ width:100%;}
.pageBanner .mxfDiv{ position: absolute; right:4%;  top: 50%; transform: translateY(-50%); z-index: 5;}
.pageBanner .mxfDiv2{ left: 50%; right: auto; margin-right: 0; margin-left: -7.68rem; }
.pageBanner .txtDiv{ color: #fff; text-align: right;}
.pageBanner .mxfDiv2 .txtDiv{ text-align: left; }
.pageBanner .txt1{ font-size:30px; line-height: 20px; padding-bottom:25px; color:#fff; font-weight:bold}
.pageBanner .txt2{ font-size:18px; height: 75px; line-height: 36px; position: relative;  color:#fff}
.pageBanner .txt2:after{ content: ''; width: 30px; height: 2px; background: #fff; position: absolute; right: 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: #2e276f; 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: #2e276f; 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:#2e276f}
.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:#2e276f}
.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:#2e276f; color:#fff;border-right:5px solid  #6eb83d }
.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:30px;}
.news-main .tit{ text-align:center }
.news-main .tit h1:after{ content: ''; width: 80px; height:3px; background: #2e276f; display:block; margin:20px 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 34px 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: 15px; margin-bottom:25px ;transition: all .3s ease;}

.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 h1{ text-align:center; color:#212121; font-size:28px; font-weight:500; padding-bottom:20px}
.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; margin-bottom:10px}
.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:#2e276f; 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%}
.contact-2 #map img{ width:100%}
	.contact-main .tit h1{ font-size:30px;}
.contact-main .tit{ text-align:center }
.contact-main .tit h1:after{ content: ''; width: 80px; height:3px; background: #2e276f; display:block; margin:20px 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:#2e276f}
.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:#2e276f; 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:#2e276f; 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:#2e276f; border-radius:20px; margin-top:10px;transition:all .5s}
.about-main .about-2 .bottom a:hover{ background:#6eb83d}
.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;}
	.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: #2e276f; 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: #2e276f; 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:#2e276f;}
.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: #2e276f;font-weight: bold;}
.solution-main  .title hr{width: 40px;height: 4px;background: #2e276f;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: #2e276f;}
.so-c{ background:#fff; padding:40px}