@charset "utf-8";
html, body, iframe, h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dd, input, button, textarea, th, td, form {
	margin:0;
	padding:0
}
body {
	color:#666;
	font:14px/22px 'Microsoft YaHei', '华文细黑', Helvetica, Arial, sans-serif;
	margin:0;
	padding:0;
	background:#fff
}
ol, ul {
	list-style:none
}
a {
	color:#666;
	text-decoration:none
}
textarea {
	resize:none
}
a:active, a:focus {
	text-decoration:none;
	outline:0;
	color:#666
}
a:hover {
	color:#ff8e19;
	text-decoration:none
}
img {
	border:0
}
.fl {
	float:left;
	_display:inline;
      margin-left: 60px;
}
.fr {
	float:right;
	_display:inline
}
.body-main {
	width:100%;
	min-width:1010px;
	background:#f2f2f2;
	margin:0 auto
}
.main-wrap {
	width:100%;
	min-width:1010px;
	margin:0 auto
}
.header {
	width:100%;
	min-width:1010px;
	height:79px;
	position:fixed;
	left:0;
	top:0;
	background:url(../images/header_bg01.png) repeat;
	z-index:99;
	background-color:transparent;
	transition:all .5s
}
.max-min {
	width:100%;
	max-width:1280px;
	min-width:1010px;
	margin:0 auto
}
.logo {
	margin:0 0 0 0
}
.hotline {
	margin:0
}
.hotline {
	margin:0;
	display:none
}
@media screen and (min-width:1170px) {
.hotline {
	display:block
}
}
.menu ul li {
	position:relative;
	width:110px;
	float:left;
	background:url(../images/menu_bg02.png) no-repeat right top
}
.menu ul li .navf {
	width:110px;
	height:79px;
	position:relative;
	overflow:hidden;
	text-align:center;
	cursor:pointer
}
.menu ul li .navf span {
	display:block;
	width:110px;
	height:79px;
	position:absolute;
	left:0;
	cursor:pointer
}
.menu ul li .navf .navcurbg {
	top:-79px;
	background:url(../images/menu_bg01.png) no-repeat center 56px #42aa34;
}
.menu ul li .navf .navon {
	top:-79px;
	font:16px/79px "Microsoft YaHei";
	color:#fff;
	opacity:.8;
	filter:Alpha(opacity=80);
	cursor:pointer
}
.menu ul li .navf .navcur {
	top:0;
	font:16px/79px "Microsoft YaHei";
	color:#000;
	opacity:.8;
	filter:Alpha(opacity=80);
	cursor:pointer
}
.menu ul li.hover .navf .navcurbg {
	top:0
}
.menu ul li.hover .navf .navon {
	top:0
}
.menu ul li.hover .navf .navcur {
	top:-79px
}
.menu ul li .nav-son {
	display:none;
	position:absolute;
	height:59px;
	left:0;
	top:79px
}
.menu ul li .nav-son .choose {
	float:left;
	width:113px;
	height:59px;
	background:url(../images/menu_bg03.png) no-repeat right center;
	font:14px/59px "Times New Roman";
	color:#fff;
	text-align:center
}
.menu ul li .nav-son ul li {
	width:110px;
	height:36px;
	text-align:center;
	font:13px/36px "Microsoft YaHei";
	color:#fff;
	position:relative;
	overflow:hidden;
	border-bottom:1px solid #fff;
	background:#42aa34;
	filter:Alpha(opacity=90);
	opacity:.9
}
.menu ul li .nav-son ul li span {
	display:block;
	width:116px;
	height:30px;
	position:absolute;
	left:0;
	opacity:.9;
	filter:Alpha(opacity=90)
}
.menu ul li .nav-son ul li .nav-soncur {
	top:-30px
}
.menu ul li .nav-son ul li .nav-sonon {
	top:0
}
.menu ul li .nav-son ul li a {
	color:#fff;
	display:block;
	width:100%
}
.menu ul li .nav-son ul li:hover {
	background:#42aa34;
	opacity:.7;
	filter:Alpha(opacity=70)
}
.menu ul li .nav-son ul li.on .nav-soncur {
	top:0
}
.menu ul li .nav-son ul li.on .nav-sonon {
	top:-30px
}
.side {
	position:fixed;
	width:54px;
	height:275px;
	right:0;
	top:214px;
	z-index:100
}
.side ul li {
	width:54px;
	height:54px;
	float:left;
	position:relative;
	border-bottom:1px solid #444
}
.side ul li .sidebox {
	position:absolute;
	width:54px;
	height:54px;
	top:0;
	right:0;
	transition:all .3s;
	background:#000;
	opacity:.8;
	filter:Alpha(opacity=80);
	color:#fff;
	font:14px/54px "微软雅黑";
	overflow:hidden
}
.side ul li .sidetop {
	width:54px;
	height:54px;
	display:inline-block;
	background:#000;
	opacity:.8;
	filter:Alpha(opacity=80);
	transition:all .3s
}
.side ul li .sidetop:hover {
	background:#e10000;
	opacity:1;
	filter:Alpha(opacity=100)
}
.index-banner {
	width:100%;
	height:620px;
	margin:0 auto;
	position:relative
}
.index-banner ul li {
	position:absolute;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:620px;
	background-repeat:no-repeat;
	background-position:center top
}
.index-banner ul li a {
	display:block;
	width:100%;
	height:620px
}
.index-banner .number {
	position:absolute;
	left:50%;
	bottom:20px;
	margin-left:-50px
}
.index-banner .number span {
	float:left;
	display:block;
	margin:0 5px 0 0;
	background-color:#333;
	border-radius:100%;
	-webkit-transition:.2s;
	transition:.2s;
	-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.2);
	box-shadow:0 1px 0 0 rgba(0,0,0,.2);
	text-decoration:none;
	width:13px;
	height:13px;
	cursor:pointer;
	text-indent:-999em;
	border:2px solid #fff
}
.index-banner .number span.on {
	background:#42aa34;
}
.index-main .main-title {
	width:100%;
	padding-top:37px;
	margin-bottom:40px;
	background:url(../images/index_bg01.png) repeat-x 0 bottom
}
.index-main .main-title h2 {
	height:43px;
	font:14px/24px "微软雅黑";
	color:#a3a3a4
}
.index-main .main-title h2 span {
	float:left;
	display:inline-block;
	border-bottom:1px solid #42aa34;
	padding-bottom:18px;
	font:bold 20px/24px "微软雅黑";
	color:#42aa34;
	height:24px;
	margin-right:5px
}
.index-main .main-title2 {
	bbackground:url(../images/index_bg06.png) repeat-x 0 bottom
}
.index-main .main-title2 h2 {
	font:14px/40px "微软雅黑";
	color:#a3a3a4;
}
.index-main .main-title2 h2 span {
	bborder-bottom:1px solid #fff;
	font:bold 20px/24px "微软雅黑";
	color:#d80603;
}
.index-probox {
	position:relative;
	overflow:hidden;
	float:left;
	margin:0 1px;
	height:318px;
	background:#eaeaea;
  background:url(../images/syfw0.jpg) repeat-x 0 bottom
}
.index-proname h3 {
	padding-top:80px;
	width:208px;
	margin:0 auto;
	height:90px;
	font:32px/28px "arial";
	color:#121212;
	bbackground:url(../images/index_bg02.png) no-repeat left bottom;
	mmargin-bottom:30px;
      line-height: 40px;
}
.index-proname p {
	width:208px;
	margin:0 auto;
	font:14px/24px "微软雅黑";
	color:#9d9d9d
}
.index-probox ul li {
	position:absolute;
	left:0;
	top:0;
	display:none;
	width:100%;
	height:318px;
	background-repeat:no-repeat;
	background-position:center top
}
.index-probox .number {
	position:absolute;
	width:100%;
	height:15px;
	line-height:15px;
	left:0;
	bottom:100px;
	text-align:center;
	z-index:3;
	display:none
}
.index-probox .number span {
	display:inline-block;
	width:13px;
	height:15px;
	margin:0 2px;
	opacity:.4;
	filter:Alpha(opacity=40);
	bbackground:url(../images/index_bg03.png) no-repeat;
	cursor:pointer
}
.index-probox .number span.on {
	opacity:1;
	filter:Alpha(opacity=100)
}
.proboxbg {
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	opacity:.4;
	filter:Alpha(opacity=40);
	overflow:hidden;
	z-index:2;
	display:none
}
.protext {
	display:none;
	position:absolute;
	width:100%;
	left:0;
	bbackground:url(../images/index_bg04.png) no-repeat center 112px;
	z-index:3;
	text-align:center
}
.protext a {
	display:block;
	width:100%;
	height:300px;
	padding-top:159px
}
.protext h3 {
	font:20px/34px "微软雅黑";
	color:#fff;
	margin-top:0
}
.protext p {
	font:18px/30px "Times New Roman";
	color:#fff;
	oppacity:.6;
	filter:Alpha(opacity=60)
}
.index-promore {
	display:block;
	height:62px;
	margin:20px 0 0px;
	background:#f7f7f7;
	font:14px/62px Arial;
	color:#9d9d9d;
	text-align:center;
	transition:all .4s
}
.index-promore:hover {
	background:#999;
	color:#fff
}
.index-newsmore {
	float:right;
	font:normal 16px/24px Arial;
	color:#c6c6c6;
	padding-right:15px
}
.index-newsmore:hover {
	color:#eccc6e
}
.index-newsle {
	float:left;
	width:42%; color:#333;
}
.index-newsle-img {
	width:100%;
	position:relative;
	overflow:hidden;
	margin-bottom:30px
}
.index-newsle h3 {
	margin-bottom:15px;
	font:18px/24px "微软雅黑";
	color:#000000;
}
.index-newsle h3 span {
	float:right;
	font-size:14px;
	color:#7a7a7a
}
.index-newsle p {
	color:#888;
	line-height:24px
}
.index-newsri {
	float:right;
	width:52%;
	padding-left:5px
}
.index-newsri dl {
	width:100%;
	margin-left:-5px;
	padding:0 0;
	padding-left:5px;
	margin-bottom:25px;
	transition:background .4s;
	cursor:pointer
}
.index-newsri dl dt {
	width:17%;
	float:left;
	border-right:1px solid #666;;
	font:normal 50px/76px 'verdana';
	color:#666;
	text-align:center
}
.index-newsri dl dd {
	float:right;
	width:100%;
	float:right;
	ppadding-right:18px
}
.index-newsri dl dd h3 {
	height:24px;
	margin-bottom:10px;
	font:18px/24px "微软雅黑";
	color:#333333;
	overflow:hidden;
  font-weight: bold;
}
.index-newsri dl dd h3 span {
	float:right;
	font-size:14px;
	color:#717171;
	margin-bottom:12px
}
.index-newsri dl dd p {
	color:#666;
}
.index-newsri dl.hover {
	padding-left:0;
	background:#d80603;
	bborder-left:5px solid #333
}
.index-newsri dl.hover dt {
	color:#565656;
	border-color:#666
}
.index-newsri dl.hover dd h3 {
	color:#3b3b3b
}
.index-brand {
	height:379px;
	overflow:hidden
}
.index-brandbox {
	position:relative;
	overflow:hidden;
	float:left;
	margin:0 1px 0 0;
	height:379px;
	background:#f4f4f4;
	transition:background .5s, padding .5s, margin .5s;
	cursor:pointer
}
.index-brandbox .brand-icon {
	width:180px;
	height:200px;
	margin:60px auto 23px;
	overflow:hidden
}
.index-brandbox .icon01 {
	background:url(../images/index_bg07.png) no-repeat;
	background-position:0 -200px;
	transition:all .6s ease-out .3s
}
.index-brandbox .icon02 {
	background:url(../images/index_bg08.png) no-repeat;
	background-position:0 -200px;
	transition:all .6s ease-out .3s
}
.index-brandbox .icon03 {
	background:url(../images/index_bg09.png) no-repeat;
	background-position:0 -200px;
	transition:all .6s ease-out .3s
}
.index-brandbox .icon04 {
	background:url(../images/index_bg10.png) no-repeat;
	background-position:0 -200px;
	transition:all .6s ease-out .3s
}
.index-brandbox .brand-title {
	text-align:center
}
.index-brandbox .brand-title h4 {
	font:normal 20px/28px "微软雅黑";
	color:#484848;
	transition:all .3s
}
.index-brandbox .brand-title p {
	font:18px/28px "Times New Roman";
	color:#bababa
}
.index-brandbox .brand-title span {
	margin-top:20px;
	display:inline-block;
	width:87px;
	height:1px;
	overflow:hidden;
	background:#c5c5c5
}
.index-brandbox .brand-intro {
	width:76%;
	font:12px/24px "微软雅黑";
	color:#777;
	margin:20px auto 0;
	text-align:center
}
.index-brandbox .nrand-jia {
	margin:0 auto;
	width:110px;
	height:25px;
	background:url(../images/index_bg12.png) no-repeat;
	display:none
}
.index-brandbox.hover .icon01, .index-brandbox.hover .icon02, .index-brandbox.hover .icon03, .index-brandbox.hover .icon04 {
	background-position:0 0
}
.index-brandbox.hover .brand-title h4 {
	color:#fff
}
.index-brandbox.hover .brand-title p {
	color:#d9d9d9
}
.index-brandbox.hover .brand-title span {
	background:#d9d9d9
}
.index-brandbox.hover .brand-intro {
	height:76px;
	color:#f2f2f2
}
.index-brandbox.hover .nrand-jia {
	display:block
}
.contact {
	padding-bottom:80px;
	position:relative
}
.contact-title {
	font:40px/50px "Times New Roman", Times, serif;
	color:#303030;
	margin-bottom:40px
}
.contact-join {
	float:left;
	width:290px;
	padding-right:88px;
	color:#636363
}
.contact-join h2, .contact-wel h2 {
	font:24px/34px "Times New Roman", Times, serif;
	color:#333
}
.contact-wel {
	float:left;
	width:580px;
	overflow:hidden
}
.location-list {
	width:620px
}
.location-list li {
	display:inline-block;
	_display:inline;
	width:145px;
	float:left;
	margin-right:50px;
	line-height:24px
}
.location-list li b {
	font-size:14px;
	line-height:34px
}
.location-list li .see {
	display:block;
	background:url(../images/index_bg11.gif) no-repeat;
	padding-left:30px;
	font:14px/30px Arial;
	margin-top:20px;
	animation:scale 1.5s infinite linear;
	-webkit-animation:scale 1.5s infinite linear
}
@keyframes scale {
0% {
background-position:0 0
}
50% {
background-position:0 5px
}
100% {
background-position:0 0
}
}
@-webkit-keyframes scale {
0% {
background-position:0 0
}
50% {
background-position:0 5px
}
100% {
background-position:0 0
}
}
.gotop {
	display:block;
	position:absolute;
	top:90px;
	right:0;
	width:131px;
	height:36px;
	font:14px/36px "Times New Roman", Times, serif;
	color:#000
}
.gotop span {
	display:inline-block;
	width:36px;
	height:36px;
	float:right;
	background:#c90000;
	overflow:hidden;
	position:relative;
	transition:all .5s
}
.gotop span img {
	position:absolute;
	left:0;
	top:0
}
.gotop:hover {
	opacity:.7;
	color:#000;
	filter:Alpha(opacity=70)
}
.foot-links {
	bborder-top:1px solid #eaeaea
}
.foot-links-content {
	width:100%;
	max-width:1280px;
	min-width:980px;
	margin:0 auto;
	overflow:hidden;
	padding-top:25px;
	height:215px
}
.foot-links-content li {
	width:15%;
	float:left
}
.foot-links-content .title {
	color:#373737;
	font-size:14px;
	padding-bottom:10px;
	padding-left:2px;
	font-weight:bold
}
.foot-links-content a {
	display:block;
	color:#838383;
	padding:2px 10px;
	background:url(../images/icons.gif) left no-repeat
}
.foot-links-content a:hover, .foot-bt-links a:hover {
	color:#eccc6e
}
.foot-bt {
	height:70px;
	background:#7B7B7B;
	border-top:5px solid #42aa34;
}
.foot-bt-content {
	width:100%;
	max-width:1180px;
	min-width:980px;
	margin:0 auto
}
.ft-logo a {
	display:block;
	width:100px;
	height:20px
}
.ft-logo {
	width:100px;
	height:20px;
	background-position:-440px 0;
	float:left;
	text-indent:-999em;
	margin-top:28px
}
.ft-info {
	color:#fff;
	text-align: center;
	margin-left:20px;
	margin-top:25px
}
.ft-info a {
	color:#fff!important
}
.ft-info a:hover {
	color:#eccc6e!important
}
.foot-bt-links {
	float:right;
	padding-top:25px
}
.foot-bt-links a {
	padding-left:20px;
	color:#F4F4F4;
	float:left
}
.foot-bt-links .lang {
	padding-right:15px;
	float:left;
	position:relative;
	background-position:90px -972px
}
.foot-bt-links .lang-tip {
	background-position:69px -962px
}
.foot-tel, .foot-zxkf {
	margin:10px 0
}
.foot-zxkf {
	cursor:pointer
}
.foot-tel {
	background:url("../images/tel_s.png") no-repeat scroll 0 5px
}
.foot-wz-01, .foot-wz-02 {
	margin-left:57px;
	width:175px
}
.foot-wz-01 {
	font-size:22px;
	color:#e10000
}
.foot-tel-01 {
	font-size:26px
}
.foot-zxkf {
	background:url("../images/zxkf.png") no-repeat scroll 0 10px
}
.foot-kf-01 {
	background:url("../images/zx.png") no-repeat scroll 110px 13px transparent
}
.inner-banner {
	width:100%;
	height:380px;
	margin:0 auto;
	position:relative;
	background:url(../images/loading.gif) no-repeat center;
	overflow:hidden
}
.inner-banner1 {
	width:100%;
	height:80px;
	margin:0 auto;
	position:relative;
	background:url(../images/loading.gif) no-repeat center;
	overflow:hidden
}
.inner-banner img {
	position:absolute;
	left:50%;
	top:0;
	margin-left:-960px;
	max-width:1920px
}
.inner-banner .nav-title {
	width:100%;
	position:absolute;
	z-index:2
}
.inner-banner div {
	padding:100px 0 0 30px;
	font:30px/30px "微软雅黑";
	color:#fff;
	transition:All .4s ease-in-out;
	-webkit-transition:All .4s ease-in-out;
	-moz-transition:All .4s ease-in-out;
	-o-transition:All .4s ease-in-out
}
.inner-banner div span {
	font-size:21px
}
.inner-banner:hover div {
	transform:translate(0, -5px);
	-webkit-transform:translate(0, -5px);
	-moz-transform:translate(0, -5px);
	-o-transform:translate(0, -5px);
	-ms-transform:translate(0, -5px)
}
.inner-title {
	padding-top:40px;
	margin-bottom:40px;
	background:url(../images/index_bg01.png) repeat-x 0 bottom;
	height:43px
}
.inner-title .breadcrumbs {
	width:20%;
	float:left;
	font-size:12px
}
.inner-title h2 {
	width:79%;
	float:right;
	height:43px;
	font:14px/24px "微软雅黑";
	color:#a3a3a4
}
.inner-title h2 span {
	float:left;
	display:inline-block;
	border-bottom:1px solid #727272;
	padding-bottom:18px;
	font:bold 20px/24px "微软雅黑";
	color:#333;
	height:24px;
	margin-right:5px
}
.inner-main {
	margin-top:20px
}
.inner-main .left {
	width:20%;
	float:left
}
.inner-main .right {
	width:79%;
	float:right
}
.inner-main .left ul {
	width:98%;
	overflow:hidden
}
.inner-main .left ul li {
	line-height:60px;
	margin-bottom:3px
}
.inner-main .left ul li a {
	display:block;
	background:#42aa34;
	font-size:18px;
	color:#fff;
	padding-left:30px;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}
.inner-main .left ul li a img {
	padding-right:10px;
	padding-bottom:7px;
	width:38px;
	height:38px;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	text-shadow:0 0 0 #999
}
.inner-main .left ul li a:hover, .inner-main .left ul li a.on {
	background:#e6212a;
	color:#FFF
}
.inner-main .left ul li a:hover img, .inner-main .left ul li a.on img {
	width:46px;
	height:46px;
	text-shadow:2px 2px 2px #333;
	padding-bottom:5px
}
.inner-main .left ul li ul {
	margin-top:2px;
	width:100%;
	display:none;
	margin-left:4px
}
.inner-main .left ul li ul li {
	line-height:40px;
	margin-bottom:2px
}
.inner-main .left ul li ul li a {
	font-size:14px;
	padding-left:30px;
	background:#999
}
.inner-main .left ul li ul li a:hover {
	transform:translate(2px, 0);
	-webkit-transform:translate(10px, 0);
	-moz-transform:translate(10px, 0);
	-o-transform:translate(10px, 0);
	-ms-transform:translate(10px, 0)
}
.inner-main .left ul li:hover ul, .inner-main .left ul li.on ul {
	display:block
}
.inner-main .main-title {
	width:100%;
	height:88px;
	padding-top:50px;
	margin-bottom:80px;
	background:url(../images/index_bg01.png) repeat-x 0 bottom
}
.inner-main .main-title h2 {
	font:normal 32px/40px "微软雅黑";
	color:#444;
	text-align:center
}
.inner-main .main-title h2 span {
	display:block;
	font:14px/40px "微软雅黑";
	height:48px;
	background:url(../images/inner_bg01.gif) no-repeat center bottom;
	color:#a3a3a4
}
.inner-main .main-title2 {
	background:url(../images/index_bg06.png) repeat-x 0 bottom
}
.inner-main .main-title2 h2 {
	color:#fff
}
.inner-main .main-title2 h2 span {
	color:#a3a3a4;
	background:url(../images/inner_bg02.gif) no-repeat center bottom
}
.prori {
	width:100%;
	overflow:hidden
}
.prori ul {
	width:105%
}
.prori ul li {
	float:left;
	width:240px;
	height:320px;
	position:relative;
	overflow:hidden;
	padding-top:10px;
	margin:0 16px 16px 0;
	background:url(../images/loading.gif) no-repeat center center #fff
}
.prori ul li .proliname {
	text-align:center;
	font-size:16px;
	color:#666;
	margin-top:20px
}
.prori ul li .proliname span {
	text-align:center;
	font-size:14px;
	color:#999;
	display:block
}
.prori ul li .prolicover {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:.9;
	filter:Alpha(opacity=90);
	background:#e10000;
	display:none;
	overflow:hidden
}
.prori ul li .prolitext {
	position:absolute;
	width:200px;
	left:20px;
	top:-240px;
	font:14px/21px "微软雅黑";
	color:#fff;
	height:235px;
	overflow:hidden
}
.prori ul li .prolitext span {
	display:block;
	font:normal 12px/16px Arial;
	color:#fff;
	opacity:.5;
	filter:Alpha(opacity=50)
}
.prori ul li .prolimore {
	position:absolute;
	right:81px;
	bottom:-26px;
	overflow:hidden
}
.prori ul li .prolimore a {
	padding:5px 10px;
	text-align:center;
	border:1px solid #fff;
	color:#fff;
	display:block;
	transition:all .3s;
	font-size:14px
}
.prori ul li .prolimore a:hover {
	background:#fff;
	color:#eccc6e;
	border:1px solid #fad1d1
}
.pro_head {
	height:500px;
	margin-bottom:10px;
	position:relative
}
.pro_head .pro_intro {
	width:240px;
	color:#ccc;
	padding:25px;
	color:#666;
	background:#fff;
	height:450px;
	font-size:14px;
	margin-left:10px;
	position:absolute;
	right:0
}
.pro_head .pro_intro h3 {
	font:21px/30px "微软雅黑" normal;
	color:#000;
	margin-bottom:25px
}
.pro_head .pro_intro .price {
	font-weight:normal;
	text-align:center;
	position:absolute;
	font-size:21px;
	color:#F00;
	top:450px
}
.pro_head .pro_img {
	background:#fff;
	margin-right:310px;
	height:500px;
	position:relative;
	text-align:center
}
.more_img {
	position:absolute;
	right:0;
	top:0;
	width:60px;
	margin:15px
}
.more_img img {
	width:60px;
	height:60px;
	margin-bottom:10px;
	border:1px solid #eee
}
.pro_nav {
	height:48px
}
.pro_nav li {
	float:left;
	width:25%
}
.pro_nav li a {
	display:block;
	border-right:2px solid #fff;
	text-align:center;
	line-height:48px;
	font-size:18px;
	background:#e0e0e0
}
.pro_nav li:last-child a {
	border-right:0
}
.pro_nav li:hover a, .pro_nav li.on a {
	color:#fff;
	background:#656565
}
#pro_show {
	text-align:center;
	background:#fff;
	overflow:hidden;
	padding:25px 0
}
#pro_tech {
	background:#fff;
	overflow:hidden;
	padding:25px 30px;
	font-size:14px;
	line-height:30px
}
#pro_pack {
	background:#fff;
	overflow:hidden;
	padding:25px 30px;
	font-size:14px;
	line-height:30px
}
#pro_tech p, #pro_pack p {
	display:block;
	background:#eee;
	padding:3px 10px;
	margin-bottom:2px
}
#pro_aq {
	background:#fff;
	overflow:hidden;
	padding:25px 30px;
	font-size:14px;
	line-height:30px
}
#pro_news {
	text-align:center;
	background:#fff;
	overflow:hidden;
	padding:5px 0
}
#pro_news div {
	float:left;
	text-align:left;
	padding:10px;
	width:90%;
	margin:10px;
	border-bottom:2px solid #f2f2f2
}
@media screen and (min-width:1100px) {
#pro_news div {
	width:45%
}
}
#pro_news div:hover {
	background:#f2f2f2;
	border-bottom:2px solid #ca0606
}
#pro_news div:hover h6 a {
	color:#000
}
#pro_news div:hover h6 a:hover {
	color:#ca0606
}
#pro_news div img {
	float:left;
	width:150px;
	height:110px;
	margin-right:10px
}
#pro_news div h6 {
	font-size:16px;
	color:#666;
	font-weight:normal;
	line-height:26px;
	height:26px;
	overflow:hidden;
	text-overflow:ellipsis
}
#pro_news div p {
	font-size:12px;
	line-height:21px;
	height:60px;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#999
}
#pro_news div span {
	background:url(../images/icon_time.png) left center no-repeat;
	padding-left:18px;
	font-size:12px;
	line-height:30px;
	color:#CCC
}
#pro_aq_title, #pro_news_title, #pro_more_title {
	margin-top:20px;
	background:#656565;
	line-height:50px;
	padding-left:25px;
	color:#fff;
	font-size:18px
}
#pro_more {
	margin:15px auto
}
.news_list {
	margin:0;
	padding:0;
	background:#fff;
	padding:40px
}
.news_list li {
	padding:20px;
	border-bottom:1px solid #eee;
	font-size:14px;
	line-height:30px;
	color:#999;
	clear:both;
	height:90px
}
.news_list li:hover {
	background:#42aa34;
}
.news_list li img {
	float:left;
	margin-right:20px;
	width:280px;
	height:180px
}
.news_list li h5 {
	font-size:18px;
	color:#333;
	line-height:40px;
	font-weight:normal
}
.news_list li:hover a h5 {
	color:#333333
}
.news_list li p {
	max-height:120px;
	overflow:hidden;
	display:block
}
.news_list li:hover p {
	color:#333
}
.news_list li span {
	background:url(../images/icon_time.png) left center no-repeat;
	padding-left:18px;
	font-size:12px;
	line-height:30px;
	color:#CCC
}
.news_info {
	background:#fff;
	padding:40px 60px;
	font-size:14px;
	line-height:30px;
	margin-bottom:40px
}
.news_info h1.title {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}
.news_info .data {
	font-size:12px;
	color:#ccc;
	line-height:30px;
	margin-bottom:10px;
	text-align:center;
	border-bottom:1px solid #eee
}
.news_info .prev {
	width:48%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(../images/arrow_l.png) 3% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left
}
.news_info .prev a {
	display:block;
	padding:10px 0 10px 40px;
	color:#ccc
}
.news_info .prev:hover {
	background:url(../images/arrow_l.png) 1% center no-repeat #e10000
}
.news_info .prev:hover a {
	color:#fff
}
.news_info .next {
	width:48%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(../images/arrow_r.png) 97% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:right;
	text-align:right
}
.news_info .next a {
	display:block;
	padding:10px 40px 10px 0;
	color:#ccc
}
.news_info .next:hover {
	background:url(../images/arrow_r.png) 99% center no-repeat #e10000
}
.news_info .next:hover a {
	color:#fff
}
.news {
	background:#eaeaea;
	overflow:hidden;
	margin-bottom:75px
}
.news-text {
	float:left;
	width:49%;
	height:100%;
	position:relative
}
.news-text-box {
	width:80%;
	padding:10% 0;
	margin:0 auto
}
.news-img {
	float:right;
	width:50%;
	overflow:hidden;
	max-height:438px
}
.news-img img {
	transition:all 1.8s;
	-webkit-transition:all 1.8s
}
.news-img img:hover {
	transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1)
}
.news-text-box h3 {
	font:normal 20px/26px "微软雅黑";
	color:#444;
	padding-bottom:30px
}
.news-text-box h3 a {
	color:#444
}
.news-text-box h3 a:hover {
	color:#000
}
.news-text-box p {
	height:85px;
	font:12px/20px "微软雅黑";
	color:#7b7b7b
}
.news-text-box .newsmore {
	display:inline-block;
	width:120px;
	height:32px;
	background:#868686;
	border:1px solid #7b7b7b;
	font:14px/32px Arial;
	text-align:center;
	color:#fff;
	transition:all .3s
}
.news-text-box .newsmore:hover {
	background:#e10000;
	border:1px solid #960303
}
.news-text-box .newstime {
	position:absolute;
	left:10%;
	bottom:8%
}
.news-info {
	position:absolute;
	width:100%;
	max-width:1280px;
	min-height:980px;
	left:50%;
	top:545px;
	background:#fff;
	display:none;
	z-index:1000
}
.news-overlay {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:.7;
	filter:Alpha(opacity=70);
	z-index:999;
	display:none
}
.news-content {
	width:90%;
	margin:120px auto
}
.online h3 {
	font-size:21px;
	font-weight:normal;
	padding-left:10px;
	border-bottom:1px solid #f1f1f1;
	margin-bottom:10px
}
.online ul.top3 {
	margin-bottom:20px
}
.online ul.top3 li {
	width:50%;
	float:left;
	position:relative;
	overflow:hidden
}
.online ul.top3 li a.buy {
	display:block;
	padding:2px 5px;
	border:1px solid #e10000;
	position:absolute;
	top:-30px;
	right:20px;
	color:#e10000;
	webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}
.online ul.top3 li:hover a.buy {
	display:block;
	padding:2px 5px;
	border:1px solid #e10000;
	position:absolute;
	top:22px;
	right:20px;
	color:#e10000
}
.online ul.top3 li:hover a.buy:hover {
	color:#fff;
	background:#e10000
}
.online ul.top3 li div {
	margin:5px 10px;
	border-bottom:3px solid #FC3;
	background:url(../images/icon_medal_on.png) 10px center no-repeat #fffff5;
	padding:10px 15px 10px 75px;
	font-size:14px
}
.online ul.top3 li div h4 {
	font-weight:normal;
	font-size:21px;
	color:#e10000;
	margin:0;
	line-height:40px
}
.online ul.top3 li div span {
	color:#0cf
}
.online ul.top3 li:hover div {
	margin:5px 10px;
	border-bottom:3px solid #e10000;
	background:url(../images/icon_medal.png) 10px center no-repeat #fffff5;
	padding:10px 15px 10px 75px;
	color:#e10000
}
.online ul.top3 li:hover div h4 {
	font-weight:bold
}
.online ul.otherlist li {
	width:33%;
	float:left;
	position:relative;
	overflow:hidden
}
.online ul.otherlist li a.buy {
	display:block;
	padding:0 5px;
	border:1px solid #e10000;
	position:absolute;
	top:-25px;
	right:20px;
	color:#e10000;
	webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}
.online ul.otherlist li:hover a.buy {
	display:block;
	padding:0 5px;
	border:1px solid #e10000;
	position:absolute;
	top:24px;
	right:20px;
	color:#e10000
}
.online ul.otherlist li:hover a.buy:hover {
	color:#fff;
	background:#e10000
}
.online ul.otherlist li div {
	margin:5px;
	border-bottom:2px solid #ddd;
	background:#fdfdfd;
	padding:10px;
	font-size:12px
}
.online ul.otherlist li div h4 {
	font-size:18px;
	color:#333;
	margin:0;
	line-height:40px;
	font-weight:normal
}
.online ul.otherlist li div span {
	color:#0cf
}
.online ul.otherlist li:hover div {
	margin:5px;
	background:#f2f2f2;
	border-bottom:2px solid #e10000;
	padding:10px;
	font-size:12px;
	color:#e10000
}
.online ul.otherlist li:hover div h4 {
	font-weight:bold;
	color:#e10000
}
.note {
	background:none repeat scroll 0 0 #feffdb;
	border:1px solid #ffddb3;
	padding:10px 15px;
	line-height:25px;
	margin-bottom:20px
}
.store table {
	border:2px solid #eee
}
.store table td, .store table th {
	padding:5px
}
.store table th {
	background:#e10000;
	color:#fff;
	webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}
.store table tr:hover {
	background:#fafafa;
	color:#e10000
}
.store table td.map {
	text-align:center
}
.store table td.map img {
	width:10px;
	margin:0 11px 3px 10px;
	webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease
}
.store table tr:hover td.map img {
	width:17px;
	height:23px;
	margin:0 5px 3px 5px
}
.store table tr:hover td.map {
	background:#efefef
}
.down_list {
	padding:20px 40px 20px 20px;
	margin-bottom:20px;
	border-bottom:2px solid #ddd;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	background:#fdfdfd;
	font-size:14px;
	color:#999
}
.down_list:hover {
	background:#f2f2f2;
	border-bottom:2px solid #d31f1f
}
.down_list i {
	display:block;
	width:80px;
	height:70px;
	float:left;
	margin-right:15px;
	background:url(../images/down_clound.png) center center no-repeat #999;
	-webkit-transition:.3s all ease;
	-moz-transition:.5s all ease;
	-ms-transition:.5s all ease;
	-o-transition:.5s all ease;
	transition:.5s all ease
}
.down_list:hover i {
	background:url(../images/down_clound.png) center center no-repeat #e10000
}
.down_list h5 {
	font-size:18px;
	line-height:35px;
	font-weight:normal;
	color:#333
}
.down_list a.down {
	display:block;
	background:#fff;
	border:3px solid #e0e0e0;
	color:#a1a1a1;
	font:18px/40px "微软雅黑";
	text-align:center;
	float:right;
	width:116px;
	height:40px;
	margin-top:10px;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	overflow:hidden
}
.down_list a.down em {
	display:none;
	background:url(../images/down.png) center -35px no-repeat #d31f1f;
	position:absolute;
	width:116px;
	height:40px
}
.down_list a.down:hover {
	background:#d31f1f;
	border-color:#e10000;
	color:#fbe9e9
}
.down_list a.down:hover em {
	display:block;
	background:url(../images/down.png) center center no-repeat #d31f1f;
	position:absolute;
	width:116px;
	height:40px
}
.down_list h5 a {
	color:#d31f1f
}
.down_list a:hover {
	background:#666;
	color:#fff
}
.feedback_list {
	border-bottom:1px solid #CCC;
	padding:15px 0 5px 0
}
.feedback_list div {
	width:100px;
	text-align:right;
	padding-right:10px;
	float:left
}
.feedback_list div span {
	color:#f00
}
.feedback_list input {
	width:250px;
	font-size:14px;
	border:1px #79a0bb solid;
	padding:3px 1px
}
.feedback_list span {
	font-size:12px;
	color:#CCC
}
a.chaxun {
	font-size:26px;
	border:2px solid #e10000;
	margin:20px auto;
	color:#e10000;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	text-align:center;
	width:300px
}
a.chaxun {
	display:block;
	padding:20px 40px 20px 40px;
	color:#e10000
}
a.chaxun:hover {
	background:#e10000;
	color:#fff;
	font-weight:bold
}
.list_page {
	border-left:1px solid #d8d8d8;
	text-align:center;
	font-size:0;
	line-height:0;
	display:inline-block;
*display:inline;
	vertical-align:middle
}
.list_page .next_page, .list_page .disabled, .list_page .current, .list_page a, .list_page .gap {
	padding:0 30px;
	border:1px solid #d8d8d8;
	border-left:0;
	display:inline-block;
	height:40px;
	line-height:40px;
	color:#666;
	float:left;
	background-color:#f0f0f0
}
.list_page .current, .list_page a, .list_page .gap {
	width:40px;
	padding:0;
	height:40px;
	display:inline-block
}
.list_page .current {
	color:#fff;
	background-color:#e10000
}
.list_page .disabled {
	color:#b4b4b4
}
.list_page .next_page {
	width:auto
}
.page_div {
	height:42px;
	margin:0 auto 20px;
*margin:20px 0;
	padding:25px 0 28px 0;
	display:none
}
.list_page a:hover {
	background-color:#fff
}
a.prev_page {
	padding:0 30px;
	width:auto
}
.page_div .picnext {
	width:225px;
	height:95px;
	display:none;
	background:url(../images/paging_icon1.png) no-repeat 0 -7px;
	vertical-align:top;
	margin:-22px 0 0 20px
}
.list_page span {
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0
}
.list_page .next_page, .list_page .disabled, .list_page .current, .list_page a, .list_page .gap {
	float:none;
	font-size:14px;
	line-height:40px;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0
}

/* AB模板网添加 翻页css */
.pages {padding: 30px 0 30px;text-align: center}
.pages li {display: inline}
.pages li.thisclass, .pages a:hover{padding: 5px 10px; border: 1px solid #666;	background: #666;color: #fff;text-decoration: none}
.pages a{padding: 5px 10px;border: 1px solid #CCC;background: #fff;color: #A4A4A4;line-height: 18px}


.mc1Focus {
	margin: 1px auto 0px;
	height: 340px;
	width: 645px;
}
.mc1Focus .slideBox {
	width: 645px;
	height: 224px;
	overflow: hidden;
	position: relative;
}
.mc1Focus .slideBox .hd {
	height: 7px;
	overflow: hidden;
	position: absolute;
	right: 5px;
	bottom: 12px;
	z-index: 1;
}
.mc1Focus .slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}
.mc1Focus .slideBox .hd ul li {
	float: left;
	margin-right: 6px;
	width: 7px;
	height: 7px;
	background: url(../images/png_4.png);
	cursor: pointer;
}
.mc1Focus .slideBox .hd ul li.on {
	background: url(../images/png_3.png);
}
.mc1Focus .slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.mc1Focus .slideBox .bd li {
	position: relative;
	width: 570px;
	height: 340px;
}
.mc1Focus .slideBox .bd li .cor_bs {
	position: absolute;
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	background: url(../images/png_5.png) repeat;
	text-indent: 20px;
	height: 32px;
	width: 272px;
	left: 0px;
	bottom: -90px;
}
.mc1Focus .slideBox .bd img {
	width: 570px;
	height: 388px;
	display: block;
}
.mc1M {
	margin-right: 0px;
}
.mc1mbox {
	ppadding: 0px 25px;
}
.mc1m_t1 {
	height: 46px;
	padding-top: 7px;
	font-size: 16px;
	line-height: 46px;
}
.mc1m_t1 img {
	margin: 15px 6px 0px 0px;
	float: left;
}
.mc1m_p1 {
	line-height: 20px;
	height: 82px;
}
.cor_hs {
	color: #888;
}
.mc1m_ul ul li {
	line-height: 28px;
	background: url(../images/mico01.jpg) no-repeat left center;
	height: 28px;
	padding-left: 14px;
}
.mc1R {
	background: url(../images/bg366.jpg) repeat-y center top;
	float: right;
	width: 366px;
	padding-right: 0px;
}
.mc1R .mc1Lbg1 {
	background: url(../images/bg366top.jpg) no-repeat center top;
}
.mc1R .mc1Lbg2 {
	background: url(../images/bg366bom.jpg) no-repeat center bottom;
}
.mc1rMove {
	width: 318px;
	padding-top: 20px;
	margin: 0px auto;
}

#slideBox #bd {
	position: absolute;
	z-index: 100;
	left:50%;
	margin-left:-840px;
	width: 1680px;
	height: 430px;
}
#slideBox #hd {
	position: absolute;
	bottom:20px;
	z-index: 1000;
	left: 50%;
	margin-left: -37px;
}
#slideBox #hd li {
	background: url(../images/ad_btn2.png) no-repeat center center;
	width: 15px;
	height: 15px;
	float: left;
	text-align: center;
	margin:0 5px;
	cursor: pointer;
}
#slideBox #hd .on {
	background: url(../images/ad_btn1.png) no-repeat center center;
	color: #fff;
}
.cor_bs, .cor_bs:hover {
	color: #fff
}
.mc1Focus .slideBox .bd li .cor_bs {
	position: absolute;
	font-size: 14px;
	line-height: 30px;
	color: #FFF;
	background: url(../images/png_5.png) repeat;
	text-indent: 20px;
	height: 32px;
	width: 272px;
	left: 0px;
	bottom: -90px;
}
.index-brandbox hover{
width: 319px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; background: #eccc6e;
}
.body-main1 {
	width:100%;
	min-width:1010px;
	background:#ffffff;
	margin:0 auto
}

.main {
    width: 1280px;
    height: 385px;
  margin: 0 auto;
}

.mt20 {
    margin-top: 3px;
  margin-bottom: 20px;
}

.mc1L111 {
    bbackground: url(../images/bg428.jpg) repeat-y center top;
    float: left;
    width: 570px;
  margin-right: 10px;}

.mc1Focus {
	mmargin: 20px auto 0px;
	height: 388px;
	width: 560px;
}
.mc1Focus .slideBox {
	width: 372px;
	height: 224px;
	overflow: hidden;
	position: relative;
}
.mc1Focus .slideBox .hd {
	height: 7px;
	overflow: hidden;
	position: absolute;
	right: 5px;
	bottom: 12px;
	z-index: 1;
}
.mc1Focus .slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}


.mc1M {
	margin-right: 0px;
}

.mc1MM {
	margin-right: 19px; margin-top:19PX;
  border: solid 1px #ccc;
}

.mc1MM666 {
	mmargin-right: 19px; margin-top:19PX;
  border: solid 1px #ccc;
}

.mc1mbox {
	padding: 20px 15px;
}
.mc1m_t1 {
	height: 46px;
	padding-top: 7px;
	font-size: 16px;
	line-height: 46px; text-align: left;
}
.mc1m_t1 img {
	margin: 15px 6px 0px 0px;
	float: left;
}
.mc1m_p1 {
	line-height: 20px;
	height: 82px;
}

#lib_Tab1 {
  width: 670px;
  float: right;
  height: 380px;
  padding: 4px;  border: 1px #dcdcdc solid;
  baackground-color: #dcdcdc;
}
.lib_Menubox {
	height: 40px;
	lline-height: 40px;
}
.lib_Menubox ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 40px;
	text-align: center;background-color: #e4e4e4;
	bbackground: url(../images/nav.jpg);width:670px;
}
.lib_Menubox li {
	float: left;
	display: block;
	cursor: pointer;
	width: 90px;
	color: #666;
	height: 40px;
	line-height: 40px;
}
.lib_Menubox .hover a {
    color:  #42aa34;
}

.lib_Menubox li a {
    color: #333;
    font-size: 16px;
    display: block;
    font-weight: bold;
}

.lib_Menubox li.hover {
    padding: 0px;
    bbackground: #2478B4;
    color: #42aa34;
    bborder-radius: 5px 5px 0 0;
    border-top: 4px solid  #42aa34;
}

.lib_Contentbox {
	clear: both;
	margin-top: 0px;
	border-top: none;
	padding-top: 6px;
}

.new {
	width: 637px;
}
.new .n_sj p {
	font-size: 24px;
	color: #afafaf;
	width: 74px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 3px solid #afafaf;
	border-bottom: none;
}
.new .n_sj span {
	font-size: 14px;
	background: #afafaf;
	color: #fff;
	display: inline-block;
	width: 80px;
	text-align: center;
	height: 30px;
	line-height: 30px
}
.new .n_sj {
	float: left;
	width: 80px
}
.new .n_zi {
	margin-left: 15px;
	float: left;
	color: #7b7b7b;
	width: 542px; text-align:left;
}
.new .n_xx {
	height: 54px;
	overflow: hidden;font-size: 12px;
      line-height: 17px;
}
.new .n_ti {
	font-weight: bold;
	color: #333;
	line-height: 1.2;
	margin-bottom: 5px;
	font-size: 15px;
}
.new ul li {
	margin-top: 8px; height:75px;
}
.new ul li a:hover .n_sj span {
	background:  #42aa34;
	color: #fff;
}
.new ul li a:hover .n_sj p {
	color:  #42aa34;
	border: 3px solid  #42aa34;
	border-bottom: none;
}
.w1200 {
	width: 1230px;
	margin: 0 auto;
	overflow: hidden;background-color:#fff;
}



.mct1_name {
	font-size: 18px;
	float: left; color:#155ba8; font-weight:700;
}
.mc1Focus {
	mmargin: 20px auto 0px;
	height: 645px;
	width: 531px;
}
.mc1Focus .slideBox {
	width: 372px;
	height: 224px;
	overflow: hidden;
	position: relative;
}
.mc1Focus .slideBox .hd {
	height: 7px;
	overflow: hidden;
	position: absolute;
	right: 5px;
	bottom: 12px;
	z-index: 1;
}
.mc1Focus .slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}


.mc1Lbg2 {
	bbackground: url(../images/bg428bom.jpg) no-repeat center bottom;
	height: 400px;
	ppadding: 0px 3px; bbackground-color:#efefef;
}

.mc1Focus .slideBox {
    width: 645px;
    height: 388px;
    overflow: hidden;
    position: relative;
}

.leftTeac {
    float: left;
    width: 529px;
    background-color:#e8e8e8;
  height: 400px;
    margin-top: 20px;}

.teCtEXT {
    float: right;
    width: 460px;
    height: 400px;
    margin: 30px 30px 30px 30px;
}

.teCtEXT h2 {
    font-size: 30px;
    font-weight: bold;
    color: #db170e;
    margin-bottom: 18px;
    color: #db170e;
}

.teCtEXT p {
    font-size: 15px;
    line-height: 30px;
    height: 150px;
    color: #000;
}

.teCtEXT a {
       display: block;
    margin-left:360px;
    margin-top: 166px;
    font-size: 16px;
    font-weight: bold;
    color: #ff8e19;
    text-decoration: underline;
}

.sp {
    width: 600px;
    height: auto;
    cclear: both;
    float: left;
  margin-top: 20px;
    margin-left: 40px;
}

.gr_applications {
    bbackground: #f0f0f0;
    padding:0px 0;
    overflow: hidden;
    padding-bottom: 15px;
    margin-top: 10px;
    bbackground: url(../images/mbombg1.jpg) no-repeat center top;
}

.gr_width {
    width: 1280px;
    margin: 0 auto;
}

.par_title {
    font-size: 24px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    height: 55px;
    font-family: "微软雅黑";
    font-weight: normal;
}

.par_title span {
    display: block;
    color: #fff;
    font-size: 24px;
}

.par_title span:before, .par_title span:after {
    display: inline-block;
    content: " ";
    height: 15px;
    vertical-align: top;
    border-bottom: 1px solid #9ed1ec;
    width: 480px;
    margin: 0 15px;
}

H3 {
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN: 0px;
    PADDING-RIGHT: 0px;
}

.yingyong {
    width: 1280px;
}

.yingyong li {
    float: left;
    overflow: hidden;
    text-align: center;
    text-align: center;
    height: 330px;
    width: 320px;
}

.yingyong li .app_img {
    width: 100%;
    height: 290px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.yingyong li img {
    width: 308px;
    height: 247px;
    position: absolute;
    z-index: 2;
    transform: rotateY(0deg);
    tttransition: all 0.6s ease 0s;
    backface-visibility: hidden;
    left: 50%;
    margin-left: -155px;
  margin-top: 40px;
}


a img {
    border: 0;
}

.yingyong li .img2 {
    transform: rotateY(-180deg);
    z-index: 1;
}

.yingyong h4 {
    font-family: "微软雅黑";
    font-size: 18px;
    color: #000;
}

.yingyong h4 span {
    font-size: 10px;
    -webkit-transform: scale(0.8);
    -o-transform: scale(1);
    display: inline-block;
    text-transform: uppercase;
    font-weight: normal;
    color: #c1c1c1;
    line-height: 14px;
}

.yingyong .icon {
    background: url(../images/app_icon.png) no-repeat center;
    display: block;
    height: 6px;
    margin-top: 5px;
    visibility: hidden;
}

.yingyong li.last {
    width: 162px;
    mmargin-left: -10px;
}

.case1 {
    wwidth: 1920px;
    height: 465px;
    padding: 0px 0px;
    bbackground-color: #efefef;
    bbackground: url(../images/case1.jpg) no-repeat center;
    margin: 0 auto;
  padding-top: 40px;
}

.case {
        width: 1280px;
    height: auto;
    padding: 40px 0px;
    bbackground-color: #efefef;
    margin: 0 auto;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.home-title {
    text-align: center;
    margin-bottom: 50px;
}

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.more {
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    margin: 0 auto;
    border-radius: 36px;
    width: 180px;
    display: block;
    border: 1px solid #e6212a;
    color: #e6212a;
    text-decoration: none;
}

.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}

.case .case-box img {
    transition: transform 1s ease 0s;
    transform: scale(1);
    width: 100%;
    overflow: hidden;
}

.case .case-box img:hover {
transition: transform 1s ease 0s;
    transform: scale(1.1);
    color: black;
}

.case .case-box {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    overflow: hidden;
}

@media (min-width: 992px)
.col-md-3 {
    width: 25%;
}

.top-txs {
    position: absolute;
    z-index: 9;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-color: rgba(70, 62, 62, 0.58);
    text-align: center;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
}

@media (min-width: 992px)
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
}

.content4 {
    width: 100%;
    mmargin: 40px auto;
    background: #fff;
    padding-top: 55px;
    hheight: 370px;
      padding-bottom: 40px;
}

.content4_p1 {
    width: 759px;
    float: left;
    height: 350px;
}

.about_tt {
    hheight: 50px;
    display: block;
    margin-bottom: 5px;
    line-height: 30px;
    color: #A9AAAA;
    font-size: 12px;
    font-weight: normal;
}

.about_tt h2 {
    width: 90px;
    float: left;
    display: block;
    border-bottom: 3px solid #ddd;
    padding-bottom: 0px;
    margin-right: 5px;
    font-size: 18px;
    color: #1e2382;
    font-weight: bold;
}

.about_tt span {
    width: 82px;
    float: right;
    display: block;
    margin-top: 20px;
    margin-right: 2px;
    text-align: center;
}

.content4_p3 {
    width: 495px;
    float: right;
    height: 340px;
    color: #FFFFFF;
    margin: 0 auto;
}

.about_tt {
    hheight: 50px;
    display: block;
    margin-bottom: 5px;
    line-height: 30px;
    color: #A9AAAA;
    font-size: 12px;
    font-weight: normal;
}

.content_kk {
    word-wrap: break-word;
    padding: 0px;
    border: 1px solid rgb(241, 241, 241);
    height: 350px;
    width: 480px;
    display: block;
    background: #fff url(../images/lx_zzbq.jpg) no-repeat right bottom;
}

.hotline1 {
    width: 220px;
    height: 70px;
    border-bottom: #f1f1f1 solid 1px;
    margin: 30px auto 0px 1px;
    background: url(../images/sj_wfyu.jpg) no-repeat left top;
}

.hotline1 span {
    line-height: 140%;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    color: rgb(149, 148, 148);
    margin-left: 30px;
}

.hotline1 p {
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    color: rgb(94, 94, 94);
    margin-left: 30px;
}

.qq {
    width: 220px;
    height: 70px;
    border-bottom: #f1f1f1 solid 1px;
    margin: 30px auto 0px 1px;
    background: url(../style/qq_goxr.jpg) no-repeat left top;
}

.qq span {
    line-height: 140%;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    color: rgb(149, 148, 148);
    margin-left: 30px;
}

.qq p {
    font-size: 13px;
    font-family: 'Microsoft YaHei';
    color: rgb(94, 94, 94);
    margin-left: 30px;
}

.add {
    width: 200px;
    height: 70px;
    border-bottom: #f1f1f1 solid 1px;
    margin: 30px auto 0px 1px;
    background: url(../style/dz_lj6f.jpg) no-repeat left top;
}

.add span {
    line-height: 140%;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    color: rgb(149, 148, 148);
    margin-left: 30px;
}

.add p {
    font-size: 12px;
    font-family: 'Microsoft YaHei';
    color: rgb(94, 94, 94);
    margin-left: 30px;
}
<!--滚动-->
.warp {
    width: 1100px;
    margin: 0 auto;
}

.con1, .con2, .con4, .con5, .con6 {
    margin-top: 45px;
    height: auto;
    overflow: hidden;
}

.con1_l_t {
    background: url(../images/tu1.png) no-repeat left top;
    padding-left: 42px;
    font-size: 22px;
    color: #241717;
    position: relative;
    height: 40px;
    border-bottom: 1px solid #d1d1d1;
}

.con6_t {
    background: url(../images/tu9.png) no-repeat left top;
    padding-left: 40px;
}

.more {
    position: absolute;
    top: 12px;
    right: 10px;
}

.con6_u {
    margin-top: 35px;
}

.leftLoop .bd {
    width: 1120px;
    overflow: hidden;
    margin: 0 auto;
}

.leftLoop .bd ul li {

	float: left;

	width: 199px;

	margin-left: 25px;

}

.leftLoopa .bda ul li a {

	display: block;

	text-align: center;

	float: left;

	width: 199px;

}

.leftLoop .bd ul li a img {

	width: 199px;

	height: 159px;/*box-shadow:5px 5px #7a5a54;

	h-shadow v-shadow blur spread color inset;*/

}

.leftLoop .bd ul li a:hover {

	color: #FFF;

	font-size: 16px;

}

.leftLoop .bd ul li a p {

	height: 44px;

	line-height: 44px;

	text-align: center;

	color: #3a3a3a;

	font-size: 14px;

}