@charset "utf-8";

			* {
				margin: 0;
				padding: 0;
				transition-property: all;
				-ms-transition-property: all;
				-moz-transition-property: all;
				outline: none;
				-webkit-transition-property: all;
				-o-transition-property: all;
			}

			.tblank,
			.fixtop,
			.fixtop .logo a,
			.fixtop ul.navpc li.encn i,
			.indpro li .pic p,
			.indpro li .cons,
			.indpro li .cons h1,
			.indpro li .cons h2,
			.indpro li .cons i,
			.indpro li .pic p,
			.indpro .more a,
			.indpro .more a i,
			#slider2 .bx-wrapper .bx-prev,
			#slider2 .bx-wrapper .bx-next,
			.indnews .more a i,
			.indnews .mleft .pic a,
			.indnews .mleft .cons .addtime h2 a,
			.foot a,
			.mainmenu dd a,
			.mainmenu dd i,
			.honor li p,
			.brandll ul li .pic p,
			.brandzz ul li .pic p,
			.plist li .pic p,
			.quaul li .pic p,
			.qc li .pic p,
			.service li .pic img,
			.service li .cons,
			.service li .icon,
			.news li .pic p {
				transition-duration: .3s;
				-ms-transition-duration: .3s;
				-moz-transition-duration: .3s;
				-webkit-transition-duration: .3s;
			}

			.indpro li:hover .pic p,
			.indnews .mleft .pic:hover a,
			.honor li:hover p,
			.brandll ul li .pic:hover p,
			.brandzz ul li:hover .pic p,
			.plist li:hover .pic p,
			.quaul li:hover .pic p,
			.qc li:hover .pic p,
			.service li .pic:hover img,
			.news li .pic:hover p {
				transform: scale(1.05);
				-webkit-transform: scale(1.05);
				-moz-transform: scale(1.05);
				-o-transform: scale(1.05);
				-ms-transform: scale(1.05)
			}

			.abc {
				transform: rotate(360deg);
				-ms-transform: rotate(360deg);
				-moz-transform: rotate(360deg);
				-webkit-transform: rotate(360deg);
				-o-transform: rotate(360deg);
			}

			.mainmenu .wrap,
			.mainmenu dd,
			.brandll ul li .cons,
			.brandzz ul li .cons,
			.news li,
			.contact li,
			.message .cons .list h1 input[type="text"],
			.message .cons .list h1 #mbeizu {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}

			html {
				-webkit-text-size-adjust: none;
				font-family: 'Microsoft YaHei', '微软雅黑', arial, '宋体';
				height: 100%;
			}

			body {
				font-family: 'Microsoft YaHei', '微软雅黑', arial, '宋体';
				height: 100%;
				margin: 0 auto;
				overflow-x: hidden;
				font-size: 16px;
				line-height: 2;
				color: #666666;
				max-width: 1920px;
				font-weight: 300;
				background: #fff
			}

			h1,
			h2,
			h3,
			h4,
			h5 {
				font-weight: normal;
				font-size: 16px;
				line-height: 2;
				font-weight: 300
			}

			a,
			input,
			button,
			select,
			textarea {
				text-decoration: none;
				outline: none;
				color: #666666;
				font-size: 16px;
			}

			a:hover,
			.fixtop ul.navpc li.encn a.check {
				color: #3a1e87
			}

			.table {
				display: table;
				height: 100%;
				width: 100%;
			}

			.table .td {
				display: table-cell;
				vertical-align: middle;
			}

			img {
				border: 0px;
				max-width: 100%;
				height: auto;
				vertical-align: middle
			}

			input,
			button,
			select,
			textarea {
				outline: none;
				font-family: 'Microsoft YaHei', '微软雅黑', arial, '宋体';
				border: 0;
			}

			textarea {
				resize: none;
			}

			i {
				font-style: normal;
			}

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			input[type="text"] {
				-webkit-appearance: none;
				padding: 0;
				margin: 0;
				font-weight: normal;
			}

			ul,
			li,
			dl,
			dt,
			dd {
				list-style: none;
			}

			hr {
				border: 0;
				border-top: 1px solid #ccc;
				height: 1px;
				margin: 5px 0
			}

			.clear,
			.clearfix {
				clear: both;
			}

			.relative {
				position: relative
			}

			.reover {
				position: relative;
				overflow: hidden
			}

			.cover {
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
			}

			.pcover {
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
				position: absolute;
				z-index: 1;
				width: 100%;
				height: 100%;
				top: 0;
				border: 1px solid #efefef
			}

			.gray {
				-webkit-filter: grayscale(100%);
				-moz-filter: grayscale(100%);
				-ms-filter: grayscale(100%);
				-o-filter: grayscale(100%);
				filter: grayscale(100%);
				filter: gray;
			}

			.gray:Hover {
				-webkit-filter: grayscale(0);
				-moz-filter: grayscale(0);
				-ms-filter: grayscale(0);
				-o-filter: grayscale(0);
				filter: grayscale(0);
				filter: ;
			}

			.gray2 {
				-webkit-filter: grayscale(0);
				-moz-filter: grayscale(0);
				-ms-filter: grayscale(0);
				-o-filter: grayscale(0);
				filter: grayscale(0);
				filter: ;
			}

			.gray2:hover {
				-webkit-filter: grayscale(100%);
				-moz-filter: grayscale(100%);
				-ms-filter: grayscale(100%);
				-o-filter: grayscale(100%);
				filter: grayscale(100%);
				filter: gray;
			}

			::-webkit-input-placeholder {
				color: #b3b3b3;
			}

			:-moz-placeholder {
				color: #b3b3b3;
			}

			::-moz-placeholder {
				color: #b3b3b3;
			}

			:-ms-input-placeholder {
				color: #b3b3b3;
			}

			::selection {
				background: #3a1e87;
				color: #ffffff;
			}

			::-moz-selection {
				background: #3a1e87;
				color: #ffffff;
			}

			::-webkit-selection {
				background: #3a1e87;
				color: #ffffff;
			}

			.pageclass {
				height: 0px;
				overflow: hidden;
			}

			.page_wrap {
				width: 100%;
				padding: 80px 0 0 0;
				text-align: center
			}

			.pager {
				padding: 0 0 0px 0;
				width: 100%;
			}

			.pager a {
				margin: 2px 2px;
				text-align: center;
				display: inline-block;
				text-decoration: none;
				border: 1px solid #e6e6e6;
			}

			.pager span.current {
				margin: 0 2px;
				display: inline-block;
				text-align: center;
			}

			.pager span.disabled {
				margin: 0 2px;
				display: inline-block;
				text-align: center;
				border: 1px solid #e6e6e6;
			}

			.pager select {
				margin: 0px 2px -2px 2px;
			}

			.pager input {
				margin: 0px 2px -2px 2px;
				padding: 2px;
				text-align: center;
			}

			.pager a,
			.pager span.disabled {}

			.pager a:hover,
			.pager span.current {
				background: #3a1e87;
				border: 1px solid #e6e6e6;
			}

			.pager a:hover,
			.pager span.current {
				color: #fff;
				border: 1px solid #3a1e87
			}

			.pager a,
			.pager span.disabled {
				color: #333;
				border: 1px solid #e6e6e6;
				background: #fff
			}

			.pager a,
			.pager span.current,
			.pager span.disabled {
				width: 30px;
				text-align: center;
				height: 30px;
				line-height: 30px;
			}

			.pager,
			.pager select,
			.pager input,
			.pager a,
			.pager span.disabled {
				font-size: 14px;
			}

			.di {
				float: left;
			}

			.dipage {
				float: left;
			}

			.picleft {
				margin-right: 30px;
				margin-bottom: 20px;
			}

			.picright {
				margin-left: 30px;
				margin-bottom: 20px;
			}

			.wrap {
				margin: 0 auto;
				max-width: 1160px;
				position: relative;
				text-align: center;
				/*width: 100%*/
			}

			.phonemenu {
				display: none;
			}

			.fixtop {
				height: 120px;
				line-height: 120px;
				position: fixed;
				left: 0;
				top: 0;
				z-index: 9998;
				width: 100%;
				background: #fff;
			}

			.fixtop.active {
				height: 120px;
				line-height: 120px;
			}

			.fixtop .logo {
				float: left;
				
			}

			.fixtop .logo a {
				background: url(../images/logo.jpg);
				 background-repeat:no-repeat;
				 background-size: cover;
				width: 300px;
				height: 120px;
				display: block;

			}

			.fixtop.active .logo a {
				height: 120px;
			}

			.fixtop ul.navpc {
				float: right;
				text-align: right;
			}

			.fixtop ul.navpc li {
				display: inline-block;
				margin: 0 0 0 15px;
				vertical-align: top;
			}

			.fixtop ul.navpc li a {
				font-size: 18px;
		    font-weight: 400;
		    color: #777;
		    text-transform: uppercase;
				    font-family: 'Merriweather';
			}

			.fixtop ul.navpc li a:hover,
			.fixtop ul.navpc li.check a {
				color: #3a1e87
			}

			.fixtop ul.navpc li.encn a {
				font-size: 16px
			}

			.fixtop ul.navpc li.encn i {
				display: inline-block;
				vertical-align: top;
				width: 1px;
				height: 13px;
				background: #999;
				margin: 53px 15px 0 15px
			}

			.fixtop.active ul.navpc li.encn i {
				margin-top: 52px
			}

			.tblank {
				height: 100px;
			}

			.tblank.active {
				height: 80px;
			}

			.bxslider li a {
				display: block;
				height: 705px;
				background-position: center;
				background-repeat: no-repeat;
			}

			.mainsubject {
				text-align: center;
				font-size: 26px;
				font-weight: 400;
				color: #3a1e87;
				margin: 35px 0 25px 0
			}

			.mainsubject i {
				display: block;
				background: url(../images/1.png) no-repeat center;
				height: 1px;
				width: 190px;
				margin: 2px auto 0 auto
			}

			.indabout .cons {
				text-align: center;
				font-size: 18px;
			}

			.indpro {
				background: #f3f3f3;
				margin-top: 50px;
				text-align: center;
				padding: 1px 0 30px 0
			}

			.ft18 {
				font-size: 18px;
			}

			.indpro ul {
				/*width: 103%;
				margin: -3% 0 0 -1.5%;*/
				padding-top: 20px;
				/*background: red;*/
			}

			.indpro li {
				float: left;
				/*width: 30.3333%;
				margin: 3% 1.5% 0 1.5%;*/
				/*width: 100%;*/
				width: 550px;
				margin: 15px 0;
				position: relative;
			}
			.indpro li:hover{
				box-shadow: 0 0 10px #999;
			}
			.indpro li:nth-child(odd){
				margin-right:59px; 
			}
			.indpro li .pic {
				position: relative;
				overflow: hidden
			}

			.indpro li .cons {
				background: #fff;
				border-bottom: 1px solid #cfcfcf;
				text-align: left;
				padding: 9px 25px 10px 25px;
				position: relative
			}

			.indpro li .cons h1 {
				height: 25px;
				line-height: 25px;
				overflow: hidden;
				font-size: 20px
			}

			.indpro li .cons h2 {
				height: 17px;
				line-height: 17px;
				overflow: hidden;
				font-size: 12px
			}

			.indpro li .cons i {
				display: block;
				background: url(../images/2.png) no-repeat right;
				width: 7px;
				height: 11px;
				position: absolute;
				right: 25px;
				top: 25px;
			}

			.indpro li:hover .cons {
				background: #3a1e87;
				border-color: #3a1e87
			}

			.indpro li:hover .cons h1 {
				color: #fff
			}

			.indpro li:hover .cons h2 {
				color: #fff
			}

			.indpro li:hover .cons i {
				background-position: left
			}

			.indpro .more {
				text-align: right;
				margin: 30px 0 0 0
			}

			.indpro .more a {
				display: inline-block;
				border: 1px solid #777777;
				border-left: 0;
				border-right: 0;
				margin: 0 0 0 auto
			}

			.indpro .more a:Hover {
				border-color: #3a1e87
			}

			.indpro .more a i {
				display: inline-block;
				background: url(../images/3.png) no-repeat right;
				width: 31px;
				height: 5px;
				vertical-align: top;
				margin: 13px 0 0 8px
			}

			.indpro .more a:Hover i {
				background-position: left;
			}

			.indstenth {
				text-align: center
			}

			#slider2 {
				margin-top: 40px
			}

			#slider2 .bx-wrapper .bx-prev {
				left: 3%;
				background: url('../images/left.png') no-repeat left;
				width: 18px;
				height: 36px;
			}

			#slider2 .bx-wrapper .bx-next {
				right: 3%;
				margin-left: 30px;
				background: url('../images/right.png') no-repeat right;
				width: 18px;
				height: 36px;
			}

			#slider2 .bx-wrapper .bx-controls-direction a {
				top: 50%;
				margin-top: -18px;
				width: 18px;
				height: 36px;
			}

			#slider2 .bx-wrapper .bx-prev:Hover {
				background-position: right
			}

			#slider2 .bx-wrapper .bx-next:hover {
				background-position: left;
			}

			#slider2 .slide {
				position: relative;
			}

			#slider2 .slide p {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				background: rgba(0, 0, 0, 0.5);
				height: 30px;
				line-height: 30px;
				overflow: hidden;
				color: #fff
			}

			.indline {
				width: 100%;
				height: 1px;
				width: 100%;
				background: #ccc;
				margin: 50px 0 0 0
			}

			.indnews {
				margin: 0 0 50px 0
			}

			.indnews .more {
				text-align: right;
				margin: 0 0 30px 0
			}

			.indnews .more a {
				display: inline-block;
				margin: 0 0 0 auto;
				font-size: 14px
			}

			.indnews .more a i {
				display: inline-block;
				background: url(../images/4.png) no-repeat right;
				background-size: cover;
				width: 14px;
				height: 14px;
				vertical-align: top;
				margin: 7px 6px 0 0
			}

			.indnews .more a:hover i {
				background-position: left
			}

			.indnews .mleft {
				float: left;
				width: 51%;
			}

			.indnews .mleft .pic {
				float: left;
				width: 34%;
				height: 130px;
				overflow: hidden
			}

			.indnews .mleft .pic a {
				display: block;
				width: 100%;
				height: 100%;
				background-position: center;
				background-repeat: no-repeat;
				background-size: cover;
			}

			.indnews .mleft .cons {
				float: right;
				width: 62%
			}

			.indnews .mleft .cons .title {
				height: 20px;
				line-height: 20px;
				overflow: hidden;
				margin-top: -1px
			}

			.indnews .mleft .cons .title a {
				font-size: 18px
			}

			.indnews .mleft .cons .content {
				font-size: 14px;
				line-height: 28px;
				height: 56px;
				overflow: hidden;
				margin: 20px 0 10px 0
			}

			.indnews .mleft .cons .addtime {
				position: relative
			}

			.indnews .mleft .cons .addtime h1 {
				color: #3a1e87
			}

			.indnews .mleft .cons .addtime h2 {
				position: absolute;
				right: 0;
				top: 2px
			}

			.indnews .mleft .cons .addtime h2 a {
				border: 1px solid #ebebeb;
				font-size: 12px;
				width: 70px;
				height: 28px;
				line-height: 28px;
				text-align: center;
				display: block;
				border-radius: 3px
			}

			.indnews .mleft .cons .addtime h2 a:hover {
				background: #3a1e87;
				color: #fff;
				border-color: #3a1e87;
			}

			.indnews .mright {
				float: right;
				width: 38%;
			}

			.indnews .mright ul {
				margin-top: -16px;
			}

			.indnews .mright li {
				position: relative;
				height: 20px;
				line-height: 20px;
				overflow: hidden;
				margin: 16px 0 0 0
			}

			.indnews .mright li a {
				display: inline-block;
				font-size: 14px;
				padding: 0 90px 0 0
			}

			.indnews .mright li p {
				position: absolute;
				right: 0;
				top: 0;
				text-align: right;
				font-size: 13px
			}

			.bannerin {
				height: 390px;
				background-position: center;
				background-repeat: no-repeat;
			}

			.mainmenu {
				background: #fff;
				border-bottom: 1px solid #eaeaea;
				height: 65px;
				line-height: 65px
			}

			/* .mainmenu .wrap {border-left:1px solid #eaeaea} */
			.mainmenu dd {
				float: left;
				position: relative;
			}

			.mainmenu dd a {
				font-size: 16px;
				color: #000;
				padding: 0 20px;
				display: block;
				font-weight: 400;
			}

			.mainmenu dd i {
				background: url(../images/6.png) no-repeat;
				width: 9px;
				height: 4px;
				display: block;
				position: absolute;
				bottom: -4px;
				z-index: 999;
				left: 50%;
				margin-left: -4px;
				opacity: 0
			}

			.mainmenu dd:hover a {
				background: #3a1e87;
				color: #fff
			}

			.mainmenu dd:hover i {
				opacity: 1
			}

			.mainmenu .mcurrent {
				float: right;
				text-align: right;
				font-size: 14px;
				color: #3a1e87
			}

			.mainmenu .mcurrent img {
				margin: 0 8px 0 0
			}

			.mainmenu .mcurrent a {
				font-size: 14px;
				color: #3a1e87
			}

			.mainmenu .mcurrent i {
				margin: 0 5px;
				color: #3a1e87
			}

			.mainmenu .mcurrent font {
				color: #666
			}

			.mainmenu .ac {
				border-bottom: 2px solid #000;
			}

			body.bg {
				background: #fbfbfb;
			}

			.maincons {
				background: #ffffff;
				padding: 50px 0 50px 0
			}

			.abouttitle {
				text-align: center;
				/*border-bottom: 1px dashed #eaeaea;*/
				font-size: 26px;
				padding: 40px 0 30px 0;
				letter-spacing: 2px
			}

			.aboutcons {
				line-height: 2.5
			}

			.aboutcons td {
				vertical-align: top;
			}

			.aboutcons .td2 {
				width: 8%
			}

			.aboutcons .td1,
			.aboutcons .td3 {
				width: 46%
			}

			.history {
				margin: 120px 0 0 0
			}

			.history .mleft {
				float: left;
				width: 30%
			}

			.history .mleft .cons {
				text-align: center;
				font-size: 30px;
				line-height: 1.5
			}

			.history .mleft .cons strong {
				font-size: 38px;
				font-weight: 400
			}

			.history .mleft .cons2 {
				border: 2px solid #e0e0e0;
				border-left: 0;
				border-right: 0;
				display: inline-block;
				color: #999;
				line-height: 1.2;
				margin: 250px 0 0 0;
				padding: 6px 0 12px 0;
			}

			.history .mleft .cons2 h1 {
				font-size: 20px
			}

			.history .mright {
				float: right;
				background: url(../images/7.png) no-repeat;
				width: 764px;
				height: 669px;
				margin-right: -70px;
				position: relative
			}

			.history .mright li .title {
				font-size: 20px;
				color: #3a1e87;
				font-weight: 400;
				letter-spacing: 0
			}

			.history .mright li .title2 {
				font-size: 26px;
				color: #3a1e87;
				font-weight: 700;
				margin: -15px 0 5px 0;
				letter-spacing: 2px
			}

			.history .mright li .cons {
				font-size: 14px;
				line-height: 1.8;
				color: #3a3a3a
			}

			.history .mright li {
				position: absolute;
				left: 0;
				top: 0
			}

			.history .mright li.f1 {
				left: 70px;
				top: 13px;
				width: 210px
			}

			.history .mright li.f2 {
				left: 355px;
				top: 112px;
				width: 250px;
			}

			.history .mright li.f3 {
				left: 40px;
				top: 286px;
				width: 245px
			}

			.history .mright li.f4 {
				left: 355px;
				top: 463px;
				width: 360px
			}

			.honor {
				margin-top: -10px
			}

			.honor ul {
				width: 105%;
				margin: -5% 0 0 -2.5%;
			}

			.honor li {
				float: left;
				width: 20%;
				margin: 5% 2.5% 0 2.5%;
				position: relative;
			}

			.brandyj {
				margin: 90px 0 0 0
			}

			.brandyj .mleft {
				float: left;
				width: 43%;
			}

			.brandyj .mleft .content {
				font-size: 14px;
				color: #3a3a3a;
				line-height: 2.5;
				margin-top: -5px
			}

			.brandsubject {
				display: inline-block;
				min-width: 475px;
			}

			.brandsubject .t1 {
				font-size: 24px;
				color: #3a1e87;
				font-weight: 400;
				letter-spacing: 2px;
				position: relative
			}

			.brandsubject .t1 i {
				position: absolute;
				right: 0;
				top: 17px;
				background: url(../images/8.png);
				width: 17px;
				height: 16px;
				display: block
			}

			.brandsubject .t2 {
				font-size: 30px;
				font-weight: 600;
				color: #777;
				line-height: 45px;
				height: 50px;
				letter-spacing: 1px;
				border: 1px solid #9e9e9e;
				border-left: 0;
				border-right: 0;
				margin: 3px 0 30px 0
			}

			.brandyj .mright {
				float: right;
				width: 45%;
				text-align: center
			}

			.brandll {
				background: #fff;
				padding: 60px 0 70px 0;
				margin: -40px 0 0 0;
				position: relative
			}

			.brandll ul {
				background: #f2f2f2;
				height: 535px;
				position: relative
			}

			.brandll ul li {
				position: absolute;
				left: 0;
				top: 0
			}

			.brandll ul li .pic {
				position: relative;
			}

			.brandll ul li .pic i {
				background: url(../images/9.png);
				width: 16px;
				height: 33px;
				position: absolute;
				right: 0;
				top: 50%;
				display: block;
				margin-top: -16px;
				z-index: 50
			}

			.brandll ul li .cons .consin {
				position: relative;
				height: 100%
			}

			.brandll ul li .cons .consin .title {
				font-size: 23px;
				font-weight: 600;
				color: #3a1e87;
				margin: 25px 0 0 0
			}

			.brandll ul li .cons .consin .content {
				position: absolute;
				bottom: 50px;
				left: 0;
				font-size: 14px;
				color: #3a3a3a
			}

			.brandll ul li .cons .consin .content i {
				background: #b0b0b0;
				width: 30px;
				height: 1px;
				display: block;
				margin: 0 0 15px 0
			}

			.brandll ul li.f1 {
				height: 290px;
				width: 59%
			}

			.brandll ul li.f1 .pic {
				position: absolute;
				left: 0;
				top: 0;
				height: 100%;
				width: 60%;
				overflow: hidden
			}

			.brandll ul li.f1 .cons {
				position: absolute;
				top: 0;
				left: 60%;
				width: 40%;
				height: 100%;
				padding: 0 25px
			}

			.brandll ul li.f2 {
				height: 290px;
				left: auto;
				right: 0;
				width: 41%
			}

			.brandll ul li.f2 .pic {
				height: 100%;
				width: 100%;
				overflow: hidden;
			}

			.brandll ul li.f2 .pic i {
				right: 20%;
				top: auto;
				bottom: -9px;
				margin: 0;
				transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				-moz-transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				-o-transform: rotate(90deg);
			}

			.brandll ul li.f2 .cons {
				position: absolute;
				width: 213px;
				height: 245px;
				right: 0;
				padding: 0 25px
			}

			.brandll ul li.f2 .cons .consin .content {
				bottom: 60px;
			}

			.brandll ul li.f3 {
				height: 245px;
				width: 81%;
				position: absolute;
				top: 290px
			}

			.brandll ul li.f3 .pic {
				position: absolute;
				left: 28%;
				top: 0;
				height: 100%;
				width: 72%;
				overflow: hidden
			}

			.brandll ul li.f3 .pic i {
				left: 0;
				right: auto;
				transform: rotate(180deg);
				-ms-transform: rotate(180deg);
				-moz-transform: rotate(180deg);
				-webkit-transform: rotate(180deg);
				-o-transform: rotate(180deg);
			}

			.brandll ul li.f3 .cons {
				width: 28%;
				padding: 0 25px 0 35px;
				height: 100%
			}

			.brandzz {
				padding: 60px 0 100px 0
			}

			.brandzz ul {
				width: 104%;
				margin: -4% 0 0 -2%;
			}

			.brandzz ul li {
				display: inline-block;
				vertical-align: middle;
				width: 46%;
				margin: 4% 2% 0 2%;
				position: relative;
				background: #f2f2f2
			}

			.brandzz ul li .pic {
				position: relative;
				overflow: hidden;
				display: inline-block;
				width: 47%;
				vertical-align: middle;
			}

			.brandzz ul li .cons {
				display: inline-block;
				vertical-align: middle;
				width: 53%;
				padding: 15px 25px
			}

			.brandzz ul li .cons .title {
				color: #3a1e87;
				font-size: 23px;
				display: inline-block;
				border-bottom: 1px solid #3a1e87;
				font-weight: 400
			}

			.brandzz ul li .cons .content {
				font-size: 14px;
				color: #3a3a3a;
				margin-top: 10%
			}

			.productittle {
				font-size: 16px;
				color: #666;
				padding: 10px 0 30px 0
			}

			.product {
				background: none;
				margin-top: -70px;
				padding: 0
			}

			.plist {
				width: 104%;
				margin: -6% 0 0 -2%;
			}

			.plist li {
				float: left;
				width: 21%;
				margin: 4% 2% 0 2%;
			}

			.plist li .pic {
				position: relative;
			}

			.plist li .title {
				height: 20px;
				line-height: 20px;
				overflow: hidden;
				text-align: center;
				margin-top: 20px
			}

			.plist li .title a {
				color: #3a3a3a;
				font-size: 14px;
			}

			.plist .no {
				text-align: center;
				margin: 60px 0 0 0
			}

			.quacons {
				text-align: center;
				line-height: 2.5;
				border-bottom: 1px dashed #eaeaea;
			}

			.quaul {
				width: 90%;
				margin: -3% auto 0 auto;
			}

			.quaul li {
				float: left;
				width: 44%;
				margin: 10% 3% 0 3%;
			}

			.quaul li .pic {
				position: relative;
				overflow: hidden;
			}

			.quaul li .cons {
				background: #fff;
				padding: 15px 25px 20px 25px;
			}

			.quaul li .cons .t {
				color: #3a1e87;
				font-size: 23px;
				font-weight: 700;
				letter-spacing: 2px
			}

			.quaul li .cons .l {
				background: #b1b1b1;
				width: 30px;
				height: 1px;
				margin: 10px 0 10px 0
			}

			.quaul li .cons .c {
				font-size: 14px;
			}

			.bc_quacons .topImage {
				width: auto;
				padding-top: 40px;
			}

			.bc_quacons .topImage img {
				display: block;
				margin-bottom: 20px;

			}

			.bc_quacons .botImage {
				max-width: 1000px;
				margin: 0 auto;
			}

			.bc_quacons .botImage .bc_flex_1 {
				margin-bottom: 20px;
			}

			.bc_quacons .botImage .bc_flex_1:nth-child(1) {
				margin-right: 10px;

			}

			.bc_quacons .botImage img {
				display: block;
				/* max-width: none; */
				width: 100%;
				/* height: 100%; */
			}

			.qc {
				width: 104%;
				margin: 1% 0 0 -2%
			}

			.qc li {
				float: left;
				width: 29.3333%;
				margin: 4% 2% 0 2%;
			}

			.qc li .pic {
				position: relative;
				overflow: hidden
			}

			.qc li .title {
				color: #fff;
				font-size: 29px;
				background: #3a1e87;
				text-align: center;
				height: 50px;
				line-height: 50px;
				font-weight: 400
			}

			.qc li .title img {
				margin: 10px 10px 0 0;
				vertical-align: top;
				display: inline-block
			}

			.qc li .cons {
				background: #ebebeb;
				color: #3a3a3a;
				padding: 30px;
				line-height: 2.3
			}

			.service {
				/* background:url(../images/10.png) repeat-y center; */
				margin: 0 0 50px 0
			}

			.service li {
				position: relative;
				min-height: 285px;
				margin: 60px 0 0 0
			}

			.service li .pic {
				float: left;
				/*width: 40%;*/
				position: relative;
				overflow: hidden
			}

			.service li .icon {
				background: url(../images/11.png) no-repeat center;
				width: 114px;
				height: 123px;
				text-align: center;
				position: absolute;
				top: 0;
				left: 50%;
				margin: 0 0 0 -56px;
			}

			.service li .icon:hover {
				top: -5px
			}

			.service li .cons {
				float: right;
				width: 40%;
				position: relative;
				top: 0
			}

			.service li .cons:hover {
				top: -5px
			}

			.service li .cons .t {
				color: #3a3a3a;
				font-size: 26px;
				font-weight: 400;
				margin: 20px 0 15px 0
			}

			.service li.li2 .pic {
				/* position:absolute;right:0; */
				float: right;
				/*width: 40%*/
			}

			.service li.li2 .cons {
				float: left;
			}

			.support h1,
			.support h2,
			.support h3,
			.support h4,
			.support h5 {
				font-weight: 400;
				font-size: 20px
			}

			.news {
				width: 102%;
				margin: -2% 0 0 -1%
			}

			.news li {
				float: left;
				width: 31.3333%;
				margin: 2% 1% 0 1%;
				border: 1px solid #ddddda;
				padding: 10px;
			}

			.news li .pic {
				position: relative;
				overflow: hidden
			}

			.news li .cons {
				padding: 10px;
			}

			.news li .cons .title {
				height: 20px;
				line-height: 20px;
				overflow: hidden;
				margin: 13px 0 15px 0
			}

			.news li .cons .title a {
				font-size: 20px;
			}

			.news li .cons .content {
				font-size: 14px;
				line-height: 25px;
				height: 50px;
				overflow: hidden;
			}

			.news li .cons .addtime {
				font-size: 14px;
				margin: 5px 0 -5px 0
			}

			.newsno {
				text-align: center;
				margin: 5% 0 0 0
			}

			.newstitle {
				text-align: center;
				color: #3a3a3a;
				font-size: 26px;
				font-weight: 400;
				letter-spacing: 2px
			}

			.newsaddtime {
				text-align: center;
				border-bottom: 1px solid #eaeaea;
				padding: 10px 0 20px 0;
				margin: 0 0 50px 0
			}

			.newsprevnext {
				border-top: 1px solid #eaeaea;
				margin: 50px 0 0 0;
				padding: 20px 0 0 0;
			}

			.newsprevnext a {
				display: inline-block;
				vertical-align: top;
				width: 45%;
				float: left;
			}

			.newsprevnext a.next {
				float: right;
				text-align: right;
			}

			.nshow {
				max-width: 1000px;
				margin: 0 auto
			}

			.map iframe,
			#container {
				width: 100%;
				height: 400px;
			}

			.companname {
				background: #3a1e87;
				font-size: 18px;
				font-weight: 400;
				text-align: center;
				line-height: 50px;
				height: 50px;
				color: #fff;
				letter-spacing: 2px
			}

			.contact {
				margin: 30px 0 0 1px
			}

			.contact li {
				float: left;
				width: 25%;
				border: 1px solid #cccccc;
				background: #fff;
				margin: -1px 0 0 -1px;
				position: relative;
				height: 120px;
				text-align: center
			}

			.contact li .in {
				text-align: center;
				display: inline-block;
				margin: 0 auto;
			}

			.contact li .pic {
				position: absolute;
				top: 0;
				width: 40px;
				height: 100%;
				background-position: center;
				background-repeat: no-repeat;
			}

			.contact li .cons {
				display: inline-block;
				vertical-align: middle;
				text-align: left;
			}

			.contact li .cons .t {
				font-weight: 400;
				margin: 0 0 0 50px
			}

			.contact li .cons .c {
				font-size: 13px;
				line-height: 1.5;
				margin: 0 0 0 50px
			}

			.contact li .cons .c a {
				font-size: 13px
			}

			.contact li.f4 .cons .t {
				margin: 0 0 0 55px
			}

			.contact li.f4 .cons .c {
				margin: 0 0 0 55px
			}

			.message {
				margin: 50px 0 0 0
			}

			.message .pic {
				background: url(../images/1.jpg) no-repeat center;
				background-size: cover;
				float: left;
				width: 29%;
				height: 535px;
			}

			.message .cons {
				float: right;
				width: 67%;
				background: #fff;
				height: 535px;
			}

			.message .cons .subject {
				padding: 30px 35px 0 35px
			}

			.message .cons .subject span {
				display: inline-block;
				vertical-align: top;
				font-size: 23px;
				margin: -8px 15px 0 0
			}

			.message .cons .content {
				font-size: 14px;
				padding: 10px 35px 20px 35px;
				border-bottom: 2px solid #f0f0f0;
				margin: 0 0 30px 0
			}

			.message .cons .list {
				position: relative;
				font-size: 14px;
				margin: 15px 35px 0 35px
			}

			.message .cons .list p {
				position: absolute;
				left: 0;
				top: 0;
			}

			.message .cons .list h1 {
				margin: 0 0 0 80px
			}

			.message .cons .list h1 input[type="text"] {
				background: #efefef;
				line-height: 30px;
				height: 30px;
				padding: 0 10px;
				width: 60%;
				font-size: 14px;
			}

			.message .cons .list h1 #mbeizu {
				background: #efefef;
				line-height: 30px;
				padding: 5px 10px;
				overflow: auto;
				width: 100%;
				height: 120px;
				font-size: 14px;
			}

			.message .cons .listbtn input {
				cursor: pointer;
				width: 90px;
				height: 30px;
				line-height: 30px;
				color: #fff;
				border: 0;
				border-radius: 5px;
				font-size: 14px;
				background: #cf0f04;
				margin: 3px 0 0 20px
			}

			.message .cons .listbtn #mbtn {
				margin: 0 0 0 80px
			}

			.message .cons .listbtn #mcan {
				background: #3a1e87
			}

			.foot {
				background: #4c4c4c;
				color: #fff;
				color: #aaa;
				font-size: 13px;
				padding: 40px 0 0px 0;
				line-height: 2.5
			}

			.foot a {
				color: #aaa;
				font-size: 13px;
			}

			.foot a:hover {
				color: #fff
			}

			.foot dl {
				float: left;
				margin: 0 8.5% 0 0
			}

			.foot dl.ct {
				margin: 0
			}

			.foot dl.last {
				margin-right: 0;
				text-align: center;
				float: right;
				margin-top: 12px
			}

			.foot dt {
				margin: 0 0 5px 0
			}

			.foot dt a {
				font-size: 16px;
				color: #fff;
			}


			.clearfix:before,
			.clearfix:after {
				display: table;
				content: "";
				/*不用有内容也可以*/
			}

			.clearfix:after {
				clear: both;
			}

			.clearfix {
				*zoom: 1;
			}

			.bc_flex {
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
			}

			.bc_flex>* {
				display: block;
			}

			.bc_flex-direction_column {
				-webkit-box-orient: vertical;
				-ms-flex-direction: column;
				-webkit-flex-direction: column;
				flex-direction: column;
			}

			.bc_flex_1 {
				/* width: 0; */
				-webkit-box-flex: 1;
				-ms-flex: 1;
				-webkit-flex: 1;
				flex: 1;
			}

			.bc_align-items_center {
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
			}

			.bc_justify-content_flex-center {
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
			}

			.bc_flex-wrap {
				/* 09版 */
				/*-webkit-box-lines: multiple;*/
				/* 12版 */
				-webkit-flex-wrap: wrap;
				-moz-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				-o-flex-wrap: wrap;
				flex-wrap: wrap;

			}

			.bc_service_title .text div:nth-child(1) {
				font-size: 26px;
				/* font-weight: 400; */
				font-family: '宋体';

				line-height: 28px;
				height: 28px;
			}

			.bc_service_title .text div:nth-child(2) {
				line-height: 20px;
				height: 20px;
				font-size: 16px;

			}

			.bc_service_title>span {
				display: block;
				border-bottom: 1px solid #eaeaea;
				height: 1px;
				margin: 0 20px;
			}

			.bc_abouttitle div {
				line-height: 20px;
				/* height: 20px; */
				font-size: 14px;
			}


			.bc_service li {
				border-bottom: 1px dashed #eaeaea;
				padding: 40px 0;
				margin: 0;
			}

			.bc_service li .pic {
				/*width: 48%;*/

			}

			.service li .cons {
				width: 32%;
				float: left;
				margin-left: 2%;
			}

			.bc_service .pic img {
				display: block;
				width: 100%;

			}

			.bc_service li.li2 {
				min-height: 350px;
			}

			.bc_service li.li2 .pic {
				/*width: 48%;*/
				/*margin-right: 2%;*/
			}

			.bc_service li.li2 .cons {
				margin-left: 0;

			}

			.bc_service li .pic {
				/* background-color: red; */
			}

			.bc_team .abouttitle {
				color: #000;
			}

			.bc_team .bc_abouttitle div {
				padding: 15px 0;
			}