﻿ @charset "utf-8";
/* CSS Document */

html {
	overflow-x: hidden;
	font-family: Arial;
}
a {
	transition: all 400ms ease;
}
.top {
	position: relative;
	z-index: 102;
}
.top .hd {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 22px;
	overflow: hidden;
}
.top .hd .logo {
	width: 194px;
	float: left;
	display: block;
}
.top .hd .right {
	width: 333px;
	overflow: hidden;
	float: right;
	padding-top: 15px;
}
.top .hd .right .lancon {
	width: 80px;
	font-family: 微软雅黑;
	color: #000000;
	line-height: 28px;
	height: 28px;
	padding-top: 8px;
	float: left;
}
.top .hd .right .shearcon a {
	color: #000000;
}
.top .hd .right .shearcon {
	float: right;
	width: 242px;
}
.shearcon .shtxt {
	color: #a6a6a6;
	font-family: 宋体;
	line-height: 28px;
	height: 28px;
	padding-top: 8px;
	width: 206px;
	outline: none;
	background: none;
	border: none;
	background: url(../images/mark01.jpg) no-repeat right bottom;
	float: left;
}
.shearcon .shbtn {
	height: 36px;
	width: 36px;
	float: left;
	border: none;
	margin: 0px;
	padding: 0px;
	outline: none;
	cursor: pointer;
	background: none;
	background: url(../images/shbg.jpg) no-repeat center top;
}
.shearcon .shtxt::-webkit-input-placeholder {
color: #a6a6a6;
font-family:宋体;
font-size: 12px;
}
.shearcon .shtxt:-moz-placeholder {
color: #a6a6a6;
font-family:宋体;
font-size: 12px;
}
.shearcon .shtxt::-moz-placeholder {
color:#a6a6a6;
font-family:宋体;
font-size: 12px;
}
.shearcon .shtxt:-ms-input-placeholder {
color: #a6a6a6;
font-family:宋体;
font-size: 12px;
}
.top .bd {
	position: relative;
	margin-top: 9px;
	background: url(../images/mark02.png) repeat-x center top;
}
.top .bd .ov {
	width: 980px;
 *+position:relative;
	margin: 0 auto;
	padding-bottom: 30px;
	overflow: hidden;
}
.top .nav {
	width: 986px;
	margin-left: -2px;
}
.top .nav li {
	position: relative;
	float: left;
	padding-left: 22px;
	height: 66px;
	line-height: 66px;
	padding-right: 22px;
	background: url(../images/mark13.png) no-repeat left scroll;
}
.top .nav li .sorw {
	display: none;
	position: absolute;
	background: url(../images/mark03.png) no-repeat center bottom;
	width: 100%;
	bottom: 0px;
	left: 0px;
	height: 11px;
}
.top .nav li a {
	color: #FFF;
	font-size: 14px;
	text-transform: uppercase;
}
.top .nav li.select .sorw {
	display: block;
}
.top .nav li.select a {
	color: #cd0001;
}
.top .nav li.selected .sorw {
	display: block;
}
.top .nav li.selected a {
}
.top .blackbg2 {
	display: none;
	position: absolute;
	left: 0px;
	width: 100%;
	top: 66px;
	height: 30px;
	background: url(../images/mark02.png) repeat-x center top;
}
/*.banner {
	z-index: 1;
	width: 1917px;
	left: 50%;
	position: relative;
	margin-left: -958.5px;
	height: 591px;
	overflow: hidden;
	margin-top: -96px;
}*/
.nivo-directionNav {
	width: 1200px;
	display: block;
	left: 50%;
	margin-left: -600px;
	position: absolute;
	top: 0;
	z-index: 800;
}
.banner .nivo-directionNav a {
	display: block;
}
.banner .callbacks_container {
	position: relative;
}
.banner .prev {
	display: none;
	position: absolute;
	left: 0px;
	top: 281px;
	width: 66px;
	height: 66px;
	background: url(../images/prve.png) no-repeat right 0;
	text-indent: -9999px;
	z-index: 1000;
}
.banner .next {
	display: none;
	position: absolute;
	right: 0px;
	top: 281px;
	width: 66px;
	height: 66px;
	background: url(../images/next.png) no-repeat center top;
	text-indent: -9999px;
	z-index: 1000;
}
.banner .prev:hover {
	background: url(../images/prve.png) no-repeat right 0;
	background-color: #333;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.banner .next:hover {
	background: url(../images/next.png) no-repeat right 0;
	background-color: #333;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.box01 {
	width: 1094px;
	margin: 0 auto;
	margin-top: -47px;
	z-index: 100;
	position: relative;
	overflow: hidden;
	padding-bottom: 36px;
}
.box01 .mot {
	position: absolute;
	left: 0px;
	top: 110px;
}
.box01 .blackbg {
	padding-left: 99px;
	width: 943px;
	padding-top: 29px;
	background: url(../images/mark06.png) no-repeat 58px top;
	height: 247px;
}
.box01 .blackbg .chslink {
	display: block;
}
.redcon {
	position: absolute;
	top: 14px;
	overflow: hidden;
	z-index: 102;
	left: 274px;
}
.redcon .left {
	float: left;
	background: url(../images/mark11.jpg) no-repeat center top;
	width: 210px;
	padding-left: 24px;
	height: 347px;
}
.redcon .left .en1 {
	padding-top: 28px;
}
.redcon .left .en2 {
	padding-top: 13px;
}
.redcon .left .en3 {
	padding-top: 16px;
}
.redcon .right-about {
	float: left;
	display: block;
}
.redcon .more {
	width: 104px;
	height: 32px;
	overflow: hidden;
	color: #a90203;
	font-style: italic;
	display: block;
	background: url(../images/mark12.png) no-repeat left bottom;
	background-color: #FFF;
	text-align: center;
	line-height: 32px;
	border-bottom: #ce3536 1px solid;
	border-right: #ce3536 1px solid;
	margin-top: 25px;
	text-transform: uppercase;
}
.redcon .more:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.footer .con {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
	border-top: #cccccc 1px solid;
	padding-bottom: 46px;
}
.footer .con .ftt {
	font-size: 15px;
	line-height: 16px;
	height: 16px;
	padding-top: 18px;
	padding-bottom: 18px;
	margin-top: 14px;
	font-size: 14px;
	font-weight: bold;
}
.footer .con .ftt a {
	color: #1a1a1a;
}
.footer .con .fnav li .c {
	line-height: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.footer .con .fnav li {
	width: 190px;
	float: left;
	text-transform: uppercase;
}
.footer .con .fnav {
	width: 810px;
	float: left;
}
.footer .con .fnav li .c a {
	color: #404040;
}
.footer .con .fnav li .c a:hover {
	color: #7d7d7d;
}
.footer .con .right {
	float: right;
	width: 140px;
	text-align: center;
	padding-top: 54px;
}
.footer .con .right .txt1 {
	line-height: 20px;
	padding-top: 11px;
	color: #666666;
	font-style: italic;
	padding-bottom: 11px;
}
.footer .blackbg {
	background-color: #1a1a1a;
}
.footer .black.con {
	line-height: 46px;
	height: 46px;
	border: none;
	border-top: #2a2a2a 1px solid;
	border-bottom: #2a2a2a 1px solid;
	font-family: 微软雅黑;
	color: #b2b2b2;
	padding-bottom: 0px;
}
.footer .black.con a {
	color: #FFF;
}
.footer .black.con .copy {
	float: left;
	width: 760px;
}
.footer .black.con .support {
	width: 220px;
	text-align: right;
	padding: 0;
	float: right;
}
/*.lbanner {
	margin-top: -95px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.lbanner .con {
	width: 980px;
	margin: 0 auto;
}
.lbanner .con .loca a {
	color: #FFF;
}
.lbanner .con .loca .boxoff {
	margin-left: 7px;
	margin-right: 7px;
	line-height: 22px;
	vertical-align: 1px;
}
.lbanner .con .pgtit {
	font-size: 48px;
	color: #FFF;
	line-height: 50px;
	padding-top: 14px;
}
.lbanner .con .pgtit .b {
	font-weight: bold;
}
.lbanner .con .pgtit .sm {
	margin-left: 8px;
}*/
.pmain .profile {
	padding-top: 83px;
	width: 980px;
	margin: 0 auto;
}
.pmain .profile .hd {
	text-align: center;
}
.pmain .profile .hd .tit {
	color: #4d4d4d;
	height: 40px;
	line-height: 40px;
	font-size: 33px;
	padding-bottom: 50px;
	
}
.pmain .profile .hd .tit .red {
	color: #4d4d4d;
}
.pmain .profile .hd .subtt {
	height: 42px;
	color: #1a1a1a;
	font-size: 18px;
	text-transform: uppercase;
	padding-top: 13px;
	background: url(../images/mark15.jpg) no-repeat center bottom;
}
.pmain .profile .bd {
	padding-top: 46px;
	padding-bottom: 71px;
}
.pmain .profile .textcon {
	color: #404040;
	line-height: 30px;
	font-size: 14px;
}
.ful {
	width: 100%;
	background: url(../images/mark21.jpg) no-repeat center top;
	height: 250px;
	padding-top: 46px;
}
.ful .list {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
}
.ful .list li {
	overflow: hidden;
	float: left;
	color: #FFF;
	width: 286px;
}
.ful .list li .ico {
	margin-left: -1px;
	background: url(../images/mark20.jpg) no-repeat left bottom;
	padding-bottom: 21px;
}
.ful .list li.first {
	width: 287px;
}
.ful .list li.second {
	width: 235px;
}
.ful .list li.third {
	width: 288px;
}
.ful .list li.forth {
	width: 170px;
}
.ful .list li .en1 {
	padding-top: 9px;
	line-height: 38px;
	font-size: 20px;
	height: 38px;
	overflow: hidden;
}
.ful .list li .num {
	padding-top: 2px;
	height: 42px;
	line-height: 42px;
	font-size: 36px;
	font-weight: bold;
	overflow: hidden;
}
.ful .list li .en2 {
	font-size: 20px;
	line-height: 32px;
	overflow: hidden;
	height: 32px;
}
.culture {
	width: 980px;
	margin: 0 auto;
	padding-top: 26px;
}
.culture .hd {
	text-align: center;
	height: 42px;
	color: #1a1a1a;
	font-size: 18px;
	text-transform: uppercase;
	padding-top: 13px;
	background: url(../images/mark15.jpg) no-repeat center bottom;
}
.culture .bd {
	padding-top: 45px;
	overflow: hidden;
	padding-bottom: 34px;
}
.culture .bd .list {
	float: left;
	width: 461px;
	border-bottom: #eeeeee 1px solid;
}
.culture .bd .list li {
	background: url(../images/mark22.jpg) no-repeat right scroll;
	line-height: 69px;
	height: 69px;
	overflow: hidden;
	font-size: 14px;
	color: #333333;
	border-top: #eeeeee 1px solid;
	cursor: pointer;
}
.culture .bd .list li.select {
	background: url(../images/mark23.jpg) no-repeat right scroll;
	transition: background 400ms ease;
	cursor: default;
}
.culture .bd .list li .tit {
	padding-left: 20px;
}
.culture .bd .list li.select .tit {
	background: url(../images/mark24.png) no-repeat left bottom;
}
.culture .bigcon {
	background: url(../images/mark25.jpg) no-repeat center top;
	float: right;
	width: 420px;
	border: #eeeeee 1px solid;
	border-top: none;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 28px;
}
.culture .bigcon .tit {
	padding-top: 23px;
	color: #333333;
	font-size: 14px;
	padding-bottom: 19px;
}
.culture .bigcon .txt {
	line-height: 22px;
	color: #888888;
	padding-top: 21px;
}
.bigcon .lii {
	display: none;
}
.bigcon .lii.select {
	display: block;
}
.contact {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
	padding-top: 64px;
	padding-bottom: 26px;
}
.contact .left {
	float: left;
	width: 639px;
}
.contact .tit1 {
	background: url(../images/mark27.jpg) no-repeat left bottom;
	line-height: 40px;
	height: 40px;
	color: #1a1a1a;
	font-size: 18px;
	text-transform: uppercase;
}
.contact .left table {
	margin-top: 14px;
}
.contact .left table td {
	height: 80px;
}
.contact .bord {
	width: 308px;
	border: #dedede 1px solid;
	overflow: hidden;
	line-height: 52px;
	height: 52px;
}
.contact .bord1 {
	width: 638px;
	border: #dedede 1px solid;
	overflow: hidden;
	line-height: 52px;
	height: 52px;
}
.contact .bord.frt {
	float: right;
}
.contact .left .lab {
	padding-left: 16px;
	width: 86px;
	font-size: 14px;
	color: #888888;
	text-transform: uppercase;
	float: left;
}
.contact .bord.frt .lab {
	width: 68px;
}
.contact .bord.frt .inpt {
	width: 222px;
}
.contact .left .inpt {
	width: 204px;
	padding: 0px;
	margin: 0px;
	line-height: 40px;
	margin-top: 6px;
	color: #888888;
	font-size: 14px;
	border: none;
	height: 40px;
	outline: none;
	float: left;
}
.contact .left .bord1 .lab {
	width: 66px;
}
.contact .left .bord1 .inpt {
	width: 554px;
}
.contact .left .txtar {
	border: #dedede 1px solid;
	resize: none;
	font-size: 14px;
	color: #888888;
	padding: 0px;
	outline: none;
	margin: 0px;
	width: 608px;
	padding-left: 16px;
	padding-right: 16px;
	line-height: 20px;
	padding-top: 18px;
	padding-bottom: 18px;
	font-family: Arial;
	height: 145px;
	margin-top: 13px;
}
 .contact .left .txtar::-webkit-input-placeholder {
 color: #888888;
font-family:Arial;
}
.contact .left .txtar:-moz-placeholder {
 color: #888888;
font-family:Arial;
}
.contact .left .txtar::-moz-placeholder {
 color: #272727;
font-family:Arial;
}
.contact .left .txtar:-ms-input-placeholder {
 color: #888888;
font-family:Arial;
}
.contact .left .send {
	background: url(../images/mark28.jpg) no-repeat center top;
	width: 190px;
	float: right;
	height: 49px;
	padding: 0px;
	margin: 0px;
	border: none;
	outline: none;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	text-align: left;
	padding-left: 20px;
	padding-right: 52px;
}
.contact .right {
	width: 298px;
	float: right;
}
.contact .right .con1 {
	padding-top: 14px;
}
.contact .right .tr {
	overflow: hidden;
	margin-top: 13px;
}
.contact .right .icotd {
	float: left;
	width: 39px;
}
.contact .right .inftd {
	float: left;
	width: 258px;
	line-height: 26px;
}
.contact .right .inftd .r {
	color: #d1171a;
	font-size: 16px;
}
.contact .right .inftd .c {
	color: #767676;
	font-size: 14px;
}
.contact .right .con2 {
	padding-top: 54px;
}
.contact .right .con2 .tit2 {
	padding-bottom: 22px;
}
.contact .right .con2 .icotd img {
	margin-top: 1px;
}
.contact .right .con2 .inftd .c {
	line-height: 20px;
}
.contact .right .con3 {
	margin-top: 14px;
	overflow: hidden;
}
.contact .right .con3 .left1 {
	width: 93px;
	float: left;
}
.contact .right .con3 .right1 {
	padding-top: 10px;
	width: 180px;
	float: right;
}
.contact .right .con3 .right1 .s {
	width: 30px;
	height: 30px;
	float: left;
	width: 30px;
	text-align: center;
	background: url(../images/mark43.jpg) no-repeat center top;
	margin-left: 6px;
}
.contact .right .con3 .right1 .s a {
	display: block;
	width: 30px;
	height: 30px;
}
.contact .right .con3 .right1 .s img {
	margin-top: 8px;
}
.contact .right .con3 .right1 .s:hover {
	background: url(../images/mark42.jpg) no-repeat center top;
}
.map {
	margin-bottom: -1px;
 *+margin-bottom:-4px;
	width: 1920px;
	position: relative;
	margin-left: -960px;
	left: 50%;
}
.pmain .concept {
	padding-top: 79px;
	width: 980px;
	margin: 0 auto;
}
.pmain .concept .hd {
	text-align: center;
}
.pmain .concept .hd .tit {
	color: #4d4d4d;
	height: 40px;
	line-height: 40px;
	font-size: 33px;
	padding-bottom: 50px;

}
.pmain .concept .hd .tit .red {
color: #4d4d4d;
}
.pmain .concept .hd .subtt {
	height: 42px;
	line-height: 42px;
	color: #1a1a1a;
	font-size: 18px;
	text-transform: uppercase;
	padding-top: 13px;
	background: url(../images/mark15.jpg) no-repeat center bottom;
}
.pmain .service .tit3 {
	color: #989898;
	line-height: 24px;
	padding-top: 19px;
	padding-bottom: 19px;
	padding-left: 20px;
	padding-right: 20px;
	border: #e7e7e7 1px solid;
	background: url(../images/mark45.png) no-repeat right bottom;
	margin-top: 28px;
}
.pmain .concept .bd .tit3 .t {
	color: #676767;
	text-transform: uppercase;
}
.pmain .concept .bd .tit3 img {
	margin-left: 13px;
	margin-right: 13px;
	vertical-align: middle;
}
.pmain .concept .svcon {
	padding-top: 13px;
	overflow: hidden;
	padding-bottom: 32px;
}
.pmain .concept .svcon .left {
	float: left;
	width: 368px;
	margin-left: 21px;
}
.pmain .concept .svcon .right {
	float: right;
	padding-top: 24px;
	width: 521px;
}
.pmain .concept .svcon .right .tit4 {
	line-height: 22px;
	height: 22px;
	overflow: hidden;
	font-size: 14px;
	color: #676767;
	text-transform: uppercase;
}
.pmain .concept .svcon .right .text01 {
	line-height: 22px;
	height: 66px;
	overflow: hidden;
	color: #8a8a8a;
	padding-top: 15px;
}
.pmain .concept .svcon .right .opcon {
	margin-top: -5px;
}
.pmain .concept .svcon .right .opcon .lii {
	margin-top: 17px;
}
.pmain .concept .svcon .right .opcon .lii .stt {
	background: url(../images/mark48.jpg) no-repeat left top;
	width: 452px;
	height: 40px;
	border: #eeeeee 1px solid;
	line-height: 40px;
	padding-left: 57px;
	padding-right: 10px;
	cursor: pointer;
	color: #333333;
	text-transform: uppercase;
}
.pmain .concept .svcon .right .ovhd {
	overflow: hidden;
}
.pmain .concept .svcon .right .opcon .lii .contt {
	display: none;
	color: #8a8a8a;
	padding-left: 17px;
	padding-right: 10px;
	line-height: 22px;
	padding-top: 10px;
}
.pmain .concept .svcon .right .opcon .lii.select .stt {
	border: #FFF 1px solid;
	color: #FFF;
	background: url(../images/mark47.jpg) no-repeat left top;
}
.pmain .concept .svcon .right .opcon .lii.select .contt {
	display: block;
}
.pmain .idea .subtt {
	color: #FFF;
	text-align: center;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 52px;
	height: 52px;
	padding-top: 45px;
	background: url(../images/mark50.png) no-repeat center bottom;
}
.tec .hd {
	width: 980px;
	margin: 0 auto;
	padding-top: 4px;
}
.tec .hd .subtt {
	text-align: center;
	height: 58px;
	line-height: 58px;
	color: #1a1a1a;
	font-size: 18px;
	text-transform: uppercase;
	padding-top: 13px;
	background: url(../images/mark15.jpg) no-repeat center bottom;
}
.pmain .service .tec .tit3 {
	margin-top: 41px;
}
.picgd {
	width: 999px;
	margin: 0 auto;
	position: relative;
	margin: 0px auto 0;
}
.turncon a.up:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.turncon a.down:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.picgd .pic {
	margin: 0 auto;
	overflow: hidden;
}
.picgd .pic div {
	float: left;
}
.tec .bd {
	width: 977px;
	overflow: hidden;
	margin: 0 auto;
}
.tec .picgd {
	margin-left: -11px;
	padding-top: 24px;
}
.tec .picgd .pic li {
	float: left;
	width: 311px;
	margin-left: 11px;
	margin-right: 11px;
	overflow: hidden;
	padding-bottom: 32px;
	background: url(../images/mark51.jpg) no-repeat center bottom;
}
.tec .picgd .pic li p {
	font-family: Arial;
	display: block;
}
.tec .picgd .pic li .text03 {
	color: #626262;
	font-size: 14px;
	height: 84px;
	line-height: 84px;
	overflow: hidden;
	text-align: center;
	background-color: #f4f4f4;
}
.tec .picgd .pic li .contt {
	color: #808080;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 23px;
	height: 72px;
	overflow: hidden;
}
.tec .turncon {
	background: url(../images/mark54.jpg) no-repeat left 50px;
	height: 80px;
	width: 295px;
	padding-left: 111px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	padding-top: 31px;
}
.tec .turncon .up {
	display: block;
	float: left;
	width: 39px;
	height: 39px;
	margin-left: 6px;
	text-indent: -9999px;
	background: url(../images/mark53.jpg) no-repeat center top;
}
.tec .turncon .down {
	display: block;
	float: left;
	width: 39px;
	height: 39px;
	text-indent: -9999px;
	float: left;
	background: url(../images/mark52.jpg) no-repeat center top;
}
.news {
	width: 980px;
	margin: 0 auto;
}
.news {
	overflow: hidden;
	padding-top: 39px;
}
.news .left {
	width: 651px;
	float: left;
	border-right: #e5e5e5 1px solid;
	padding-right: 29px;
	padding-bottom: 20px;
}
.news .list {
	margin-top: -30px;
}
.news .list li {
	padding-bottom: 13px;
	border-bottom: #dbdbdb 1px solid;
	padding-top: 56px;
	position: relative;
	margin-top: 22px;
}
.news .list .lii {
	padding-bottom: 13px;
	border-bottom: #dbdbdb 1px solid;
	padding-top: 56px;
	position: relative;
	margin-top: 22px;
}
.news .list .date {
	text-align: center;
	top: 0px;
	left: 36px;
	padding: 10px;
	background: url(../images/datebg.png) no-repeat center top;
	width: 120px;
	height: 120px;
	position: absolute;
}
.news .list .pict {
	display: block;
	padding-bottom: 3px;
 *+padding-bottom:0px;
	background: url(../images/mark55.jpg) no-repeat left bottom;
}
.news .list .pict img {
	width: 100%;
	height: auto;
}
.news .list .date .day {
	color: #333333;
	font-weight: bold;
	font-size: 36px;
	padding-top: 18px;
	overflow: hidden;
}
.news .list .date .month {
	height: 24px;
	overflow: hidden;
	color: #8b8b8b;
}
.news .list .date .year {
	height: 18px;
	line-height: 18px;
	overflow: hidden;
	color: #8b8b8b;
}
.news .list .subcon {
	line-height: 24px;
	color: #cd0001;
	height: 24px;
	overflow: hidden;
	padding-top: 5px;
}
.news .list .subcon .lik {
	background: url(../images/mark56.jpg) no-repeat left 6px;
	padding-left: 17px;
	float: left;
}
.news .list .subcon .red {
	padding-left: 20px;
	background: url(../images/mark57.jpg) no-repeat left 7px;
	margin-left: 17px;
	float: left;
}
.news .list .tit {
	line-height: 28px;
	height: 28px;
	display: block;
	font-size: 20px;
	color: #3a3a3a;
}
/*.page {
	font-family: Arial;
	padding-top: 36px;
	padding-bottom: 48px;
	text-align: center;
}
.page .long {
	padding-left: 20px;
	padding-right: 20px;
}
.page a {
	border: 1px solid #e6e6e6;
	margin-right: 5px;
	margin-left: 5px;
	color: #636363;
	display: inline-block;
	line-height: 40px;
	height: 40px;
	width: 40px;
	text-align: center;
}
.page span {
	border: 1px solid #e6e6e6;
	margin-right: 5px;
	margin-left: 5px;
	color: #636363;
	display: inline-block;
	line-height: 40px;
	height: 40px;
	width: 40px;
	text-align: center;
}
.page span.current {
	background: #cd0001;
	border: 1px solid #cd0001;
	color: #FFFFFF;
	font-weight: bolder;
}*/
.news .right {
	float: right;
	width: 271px;
	margin-top: -18px;
}
.news .right .tit5 {
	line-height: 50px;
	height: 50px;
	color: #1a1a1a;
	font-size: 18px;
	background: url(../images/mark58.jpg) no-repeat left bottom;
	text-transform: uppercase;
	overflow: hidden;
}
.news .right .search {
	padding: 3px;
	border: #eeeeee 1px solid;
	margin-top: 21px;
	overflow: hidden;
}
.news .right .search .stxt {
	 outline: none;
    width: 218px;
    margin: 0;
    font-size: 14px;
    color: #666;
    font-family: Arial;
    padding: 0;
    border: 0px;
    height: 36px;
    line-height: 36px;
    float: left;

}
.news .right .search .sbtn {
	background: url(../images/mark59.jpg) no-repeat center top;
	width: 34px;
	outline: none;
	border: none;
	margin-top: 2px;
	cursor: pointer;
	height: 36px;
	padding: 0;
	float: left;
}
.news .right .con2 {
	padding-top: 9px;
}
.news .right .con2 .sort {
	padding-top: 24px;
}
.news .right .con2 .sort li {
	border-bottom: #ebebeb 1px solid;
	line-height: 52px;
	height: 52px;
	overflow: hidden;
}
.news .right .con2 .sort li a {
	display: block;
	color: #9e9e9e;
	background: url(../images/mark60.jpg) no-repeat right scroll;
}
.news .right .con2 .sort li.select a {
	background: url(../images/mark61.jpg) no-repeat right scroll;
}
.news .right .con3 {
	padding-top: 33px;
}
.news .right .con3 .relist {
	padding-top: 5px;
}
.news .right .con3 .relist li {
	padding-top: 20px;
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: #eeeeee 1px solid;
}
.news .right .con3 .relist li .tit6 {
	height: 48px;
	overflow: hidden;
	color: #9e9e9e;
}
.news .right .con3 .relist li .pic {
	width: 59px;
	float: left;
}
.news .right .con3 .relist li a {
	display: block;
}
.news .right .con3 .relist li p {
	display: block;
}
.news .right .con3 .relist li .tcon {
	float: right;
	width: 198px;
	margin-top: -6px;
}
.news .right .con3 .relist li .time {
	color: #c2c2c2;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}
.news.det .list li .tit {
	height: auto;
}
.news .con4 {
	overflow: hidden;
}
.newstags {
	margin-left: -12px;
	overflow: hidden;
}
.newstags a {
	display: block;
	float: left;
	line-height: 40px;
	color: #acacac;
	height: 40px;
	overflow: hidden;
	padding-left: 16px;
	padding-right: 16px;
	margin-left: 12px;
	margin-top: 12px;
	border: #e8e8e8 1px solid;
}
.newstags a.select {
	border: #ce0000 1px solid;
}
.news .left .textdet {
	color: #b1b1b1;
	padding-top: 13px;
	padding-bottom: 34px;
	border-bottom: #dbdbdb 1px solid;
}
.news .left .pasto {
	padding-top: 10px;
}
.news .left .pasto .c {
	line-height: 22px;
}
.news .left .pasto .c a {
	color: #b1b1b1;
}
.product {
	width: 1236px;
	margin: 0 auto;
	overflow: hidden;
}
.product .left {
	overflow: hidden;
	float: right;
	width: 945px;
}
.product .list {
	overflow: hidden;
	margin-left: -19px;
	padding-top: 18px;
}
.product .list li {
	margin-left: 19px;
	margin-top: 20px;
	float: left;
	width: 300px;
	border: #e8e7e7 1px solid;
	background: no-repeat left bottom;
}
.prodet .hidd {
	overflow: hidden;
	width: 980px;
	margin: 0 auto;
}
.prodet .hd1 {
	text-transform: uppercase;
	line-height: 48px;
	height: 48px;
	background: url(../images/mark71.jpg) no-repeat left bottom;
	margin-top: 11px;
	overflow: hidden;
	color: #1a1a1a;
	font-size: 18px;
}
.product.rec {
	width: 990px;
}
.product.rec .list {
	padding-bottom: 39px;
	margin-left: -10px;
	padding-top: 8px;
}
.product.rec .list li {
	width: 235px;
	margin-left: 10px;
}
.product.rec .list li img
{
    width:235px;
    height:200px;
    }
.product.rec .list .picture {
	display: block;
	width: 235px;
	height: 200px;
}
.product .list li:hover {
	border: #ce0000 1px solid;
	background: url(../images/mark62.png) no-repeat left bottom;
	transition: all 400ms ease;
}
.product .list .picture {
	display: block;
	width: 300px;
	height: 255px;
}
.product .list .picture img {
	width: 300px;
	height: 255px;
}
.product .list .name {
	display: block;
	line-height: 54px;
	height: 54px;
	overflow: hidden;
	color: #9d9d9d;
	font-size: 16px;
	text-align: center;
}
.newcon {
	width: 980px;
	margin: 0 auto;
}
.product.rec .list .name {
	font-size: 12px;
}
.product.new .list .name {
	font-size: 14px;
}
.product.new {
	width: 990px;
	padding-bottom: 21px;
}
.product.new .list {
	padding-bottom: 17px;
	margin-left: -16px;
	padding-top: 16px;
}
.product.new .list li {
	width: 314px;
	margin-left: 16px;
	margin-top: 0px;
}
.product.new .list .picture {
	display: block;
	width: 314px;
	height: 267px;
}
.product.new .back {
	font-family: 宋体;
	color: #FFF;
	font-size: 14px;
	background-color: #1b1b1b;
	display: block;
	text-align: center;
	height: 38px;
	line-height: 38px;
	width: 980px;
	overflow: hidden;
}
.product.new .back:hover {
	background-color: #ce0000;
}
.product .left .page {
	padding-top: 25px;
	padding-bottom: 37px;
}
.product .right .con1 {
	background-color: #f4f4f4;
	padding-left: 32px;
	padding-right: 10px;
	padding-top: 20px;
}
.product .right .tit5 {
	line-height: 50px;
	height: 50px;
	color: #1a1a1a;
	font-size: 18px;
	background: url(../images/mark58.jpg) no-repeat left bottom;
	text-transform: uppercase;
	overflow: hidden;
}
.product .right {
	float: left;
	padding-top: 38px;
	width: 271px;
	padding-bottom: 37px;
}
.product .right .pronav {
	padding-top: 18px;
	padding-bottom: 25px;
}
.product .right .pronav li {
	padding-left: 21px;
	background: url(../images/mark63.jpg) no-repeat left 12px;
}
.product .right .pronav li a {
	display: block;
}
.product .right .pronav li.select {
	background: url(../images/mark64.jpg) no-repeat left 12px;
}
.product .right .pronav li .tt {
	color: #6d6c6c;
	line-height: 32px;
	height: 32px;
	overflow: hidden;
}
.product .right .pronav li .hidcon {
	display: none;
	padding-top: 3px;
}
.product .right .pronav li .hidcon a {
	color: #626161;
	background: url(../images/mark65.jpg) no-repeat left 12px;
	padding-left: 16px;
	line-height: 24px;
	height: 24px;
	overflow: hidden;
}
.product .right .pronav li .hidcon a.select {
	background: url(../images/mark66.jpg) no-repeat left 12px;
}
.product .right .pronav li.select .hidcon {
	display: block;
}
.product .right .pronav li.select .tt {
	color: #3b3b3b;
}
.product .right .con4 {
	padding-top: 12px;
}
.prodet .greybg {
	padding-top: 51px;
	background-color: #f6f6f6;
	padding-bottom: 48px;
}
.prodet .bord2 {
	width: 982px;
	margin: 0 auto;
	border: #f4f4f4 1px solid;
}
.prodet .show {
	background-color: #FFF;
	padding-bottom: 10px;
	border: #efefef 1px solid;
	overflow: hidden;
	position: relative;
}
.prodet .show .ic {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 200;
}
.prodet .show .right {
	float: right;
	width: 396px;
	margin-right: 48px;
	padding-top: 46px;
}
.prodet .show .right .tit7 {
	color: #000000;
	font-size: 19px;
	line-height: 40px;
	height: 40px;
	padding-top: 13px;
}
.prodet .show .right .scrollcon {
	margin-top: 5px;
	color: #000000;
	height: 144px;
}
.ccc {
	z-index: 800;
}
.prodet .show .right .gbg {
	padding-left: 32px;
	padding-right: 24px;
	padding-bottom: 21px;
	background-color: #f6f6f6;
}
.prodet .show .right .col {
	line-height: 18px;
	padding-left: 32px;
	padding-top: 23px;
	padding-bottom: 23px;
	overflow: hidden;
	height: 18px;
}
.prodet .show .right .col .tt8 {
	color: #000000;
	font-family: 微软雅黑;
	float: left;
	margin-right: 17px;
}
.prodet .show .right .col a {
	margin-right: 9px;
	display: block;
	overflow: hidden;
	float: left;
}
.prodet .show .right .col span {
	height: 18px;
	width: 19px;
	display: block;
	float: left;
}
.syfo {
	width: 512px;
	height: 436px;
	float: left;
	margin: 0 auto;
	position: relative;
	padding-left: 10px;
	padding-top: 10px;
}
.syFocusThumb {
	position: relative;
	margin: 0px auto 0;
}
.syFocusThumb .pagination {
	color: #ffffff;
	width: 400px;
	overflow: hidden;
	height: 68px;
	position: absolute;
	right: -415px;
	bottom: 35px;
}
/*列表显示宽度*/
.syFocusThumb .thumbWrap {
	width: 380px;
	left: 0px;
	overflow: hidden;
	position: absolute;
	margin-left: 10px;
}
.syFocusThumb .thumbWrap IMG {
}
.syFocusThumb .holder {
	width: 4000px;
}
.syFocusThumb .holder I {
	cursor: pointer;
	display: block;
	padding-right: 8px;
	padding-left: 8px;
}
.syFocusThumb .holder I a {
	display: block;
}
.syFocusThumb .holder I a img {
	display: block;
	border: #ececec 1px solid;
	height: auto;
}
.syFocusThumb .holder I.toc.selected a img {
	border: #d21112 1px solid;
}
.syFocusThumb .prev {
	display: block;
	cursor: pointer;
	width: 10px;
	background: url(../images/mark67.jpg) no-repeat center top;
	height: 32px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -16px;
}
.syFocusThumb .next {
	display: block;
	cursor: pointer;
	width: 10px;
	background: url(../images/mark68.jpg) no-repeat center top;
	overflow: hidden;
	position: absolute;
	right: 0px;
	height: 32px;
	top: 50%;
	margin-top: -16px;
}
.syFocusThumb .contentdiv .dPic .media {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.detnumcon .hd {
	width: 100%;
	background: url(../images/mark69.jpg) repeat-x center bottom;
	overflow: hidden;
}
.detnumcon .tit8 {
	margin-left: -12px;
	overflow: hidden;
}
.detnumcon .tit8 li {
	padding-left: 12px;
	color: #bababa;
	padding-top: 14px;
	padding-bottom: 14px;
	height: 24px;
	overflow: hidden;
	text-transform: uppercase;
	padding-right: 12px;
	cursor: pointer;
	float: left;
}
.detnumcon .tit8 li.select {
	border-bottom: #d21112 1px solid;
	color: #2b2b2b;
}
.bord3 {
	width: 980px;
	margin: 0 auto;
	background-color: #ffffff;
	border: #f4f4f4 1px solid;
	margin-top: 22px;
}
.bord3 .detnumcon {
	border: #f0f0f0 1px solid;
	padding-left: 25px;
	padding-right: 25px;
}
.detnumcon .bd .lii {
	display: none;
	overflow: hidden;
	padding-bottom: 40px;
}
.detnumcon .bd .lii.select {
	display: block;
}
.detnumcon .bd .lii .left2 {
	width: 510px;
	padding-top: 29px;
	line-height: 22px;
	color: #727272;
	float: left;
}
.detnumcon .bd .lii .right2 {
	float: right;
	padding-top: 37px;
	width: 404px;
}
.newpro {
	border-top: #cd0001 7px solid;
	background: url(../images/mark73.jpg) no-repeat center top;
	padding-top: 62px;
	height: 786px;
}
.newpro .text04 {
	width: 624px;
	color: #ababab;
	font-size: 14px;
	margin: 0 auto;
	text-align: center;
	padding-top: 16px;
	height: 48px;
	overflow: hidden;
}
.newpro .tit9 {
	width: 980px;
	margin: 0 auto;
	font-size: 36px;
	text-align: center;
	color: #FFF;
	line-height: 58px;
	height: 58px;
	overflow: hidden;
	font-family: 微软雅黑;
}
.pdmedia {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.pdmedia .left {
	cursor: pointer;
	width: 79px;
	float: left;
	height: 69px;
	margin-top: 240px;
	background: url(../images/mark74.png) no-repeat center top;
}
.pdmedia .right {
	width: 79px;
	cursor: pointer;
	height: 69px;
	float: right;
	background: url(../images/mark75.png) no-repeat center top;
	margin-top: 200px;
	margin-top: 240px;
}
.pdmedia .media {
	padding-top: 24px;
	width: 600px;
	height: 510px;
	margin: 0 auto;
}
.pdmedia .more1 {
	margin: 0 auto;
	height: 38px;
	line-height: 38px;
	border: #535353 2px solid;
	color: #9a9898;
	font-family: 微软雅黑;
	text-align: center;
	margin-top: 30px;
	width: auto;
	padding-left: 27px;
	display: inline-block;
	padding-right: 27px;
}
.pdmedia .more1 img {
	margin-left: 12px;
	vertical-align: -2px;
}
.sett {
	width: 1920px;
	margin-left: -960px;
	position: relative;
	left: 50%;
	margin-top: -30px;
}
.sett img {
	display: block;
	z-index: 1;
}
.sett .backhome {
	display: block;
	position: absolute;
	width: 218px;
	height: 24px;
	left: 50%;
	margin-left: -73px;
	top: 615px;
	z-index: 200;
	opacity: 0.0;
	filter: alpha(opacity=0);
	background-color: #FFF;
}
.footer .blackbg1 {
	background-color: #1a1a1a;
	margin-top: 0px;
}
.footer .blackbg1 .black.con {
	border: none;
}
.udhidd {
	display: none;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
	position: absolute;
	top: 66px;
	width: 1971px;
	left: 0px;
}
.top .nav li .udhidd .sua {
	margin-right: 10px;
	font-size: 12px;
}
.top .nav li:hover .udhidd {
	display: block;
}










/*新增*/
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], select, textarea, button {
	-webkit-appearance: none;
	outline: none;
}
html {
    height: 100%;
    font-size: 62.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: none;
}
*, *:before, *:after {
    box-sizing: inherit;
}
.content {
	font-family:Arial;
	position:relative;
}
.warp{
	margin:0 auto;
	width:1200px;
}
.itop{
	background:#232323;	
}
.ihead{
	height:34px;
	line-height:34px;
	overflow:hidden;
	
}
.ihead .li a{
	float:right;
	border-left:1px #3b3b3b solid;
	text-align:center;
	width:70px;
	color:#959595;
}
.ihead .li a:hover{
	color:#e60012;
}
.ihead .asearch{
	float:right;
	width:45px;
	border-right:1px #3b3b3b solid;
	border-left:1px #3b3b3b solid;
	text-align:center;
	padding-top:3px;
}
.ihead .asearch a img{
	padding: 8px 0;
}
.header {
	position: relative;
	top: 0;
	background: #1b1b1b;
	z-index: 2;
	height:90px;
}
.header .logo{
	float:left;
	height:90px;
	
}
.header .hnav{
	float:right;
	width:875px;
}
.header .hnav .navlist ul {
	width: 100%;
}
.header .hnav .navlist li {
	line-height: 90px;
	height: 90px;
	float: left;
	text-align: center;
	position: relative;
	margin-left:20px;
}
.header .hnav .navlist li .navbg {
	background: #fff;
	position: absolute;
	top: -1000px;
	left: 0;
	width: 100%;
	height: 100%;
}
.header .hnav .navlist li .tt {
	display: block;
	color: #959595;
	font-size: 14px;
	position: relative;
 +height:110px;
	z-index: 80;
	text-transform:uppercase;
	transition: color 0.6s linear;
	transition: background 0.7s linear;
	-webkit-transition: background 0.7s linear;
	-moz-transition: background 0.7s linear;
	-ms-transition: background 0.7s linear;
	-o-transition: background 0.7s linear;
}
.header .hnav .navlist li .tt.selected, .header .hnav .navlist li .tt.hoverMenu {
	color: #e60012;
}
.header .hnav .navlist li .tt.select {
	color: #e60012;
}
.header .hnav .navlist li .tt.selected, .header .hnav .navlist li .tt.hoverMenu {
	color: #e60012;
}
.header .hnav .navlist li .sl_middle {
	display: none;
}
.header .Sonlist {
	background: #000;
	display: none;
	height:66px;
	line-height:68px;
	width: 100%;
	background: url(../images/mark02.png) repeat-x;
	position: absolute;
	top: 90px;
    +top:90px;
}
.header .Sonlist .sl_middle {
	overflow: hidden;
	width: auto;
	position: relative;
	z-index: 100;
	text-align: center;
}
.header .Sonlist .sl_middle a {
	color: #959595;
	font-size: 13px;
	overflow: hidden;
	text-align: center;
	padding: 0 5px;
}
.header .Sonlist .sl_middle a:hover{
	color:#e60012;
}





.banner img{
	
}
.swiper-container {
      width: 100%;
      height: 100%;
}
.bannercon{
	margin:0 auto;
	width:1200px;
	overflow:hidden;
}
.bannercon .media{
	margin-top:8%;
	text-align:center;
}
.bannercon .media01{
	margin-top:31%;
	float:right;
	margin-right:25%;
}
.bannercon .media02{
	margin-top:25%;
	float:left;
	margin-left:9%;
}
.bannercon .media03{
	margin-top:26%;
	float:left;
	margin-left:18%;
}
.banner .swiper-container .swiper-button-prev{
	background:#1b1b1b url(../images/pleft.jpg) no-repeat;
	width:48px;
	height:100px;
	left:-70px;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.banner .swiper-container:hover .swiper-button-prev{
	left:0px;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.banner .swiper-container .swiper-button-next{
	background:url(../images/pright.jpg) no-repeat;
	width:48px;
	height:100px;
	right:-70px;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.banner .swiper-container:hover .swiper-button-next{
	right:0px;
	 -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.ibox01{
	background:url(../images/bg.jpg) no-repeat top center;
	height:1000px;
}
.icatrati{
	margin:0 auto;
	width:1210px;
	position:relative;
	margin-top:-45px;
	z-index:100;
}
.icatrati li{
	float:left;
	width:50%;
}
.icatrati li .mod a{
	background:#FFF;
	margin:0 5px;
	box-shadow:0px 3px 12px #d7d7d7;
	display:block;
	color:#232323;
	font-size:18px;
	height:145px;
	line-height:145px;
	overflow:hidden;
}
.icatrati li .mod a .media{
	float:left;
	background:url(../images/icon02.png) no-repeat right center;
	width:45px;
	height:40px;
	margin-top:50px;
	width:45%;	
}
.icatrati li .mod a .media01{
	float:left;
	background:url(../images/icon03.png) no-repeat right center;
	width:45px;
	height:40px;
	margin-top:50px;
	width:45%;	
}
.icatrati li .mod a .intro{
	float:left;
	margin-left:10px;
}
.icatrati li .mod a:hover{
	background:#e60012;
	color:#FFF;
}
.icatrati li .mod a:hover .media{
	background:url(../images/icon02s.png) no-repeat right center;
}
.icatrati li .mod a:hover .media01{
	background:url(../images/icon03s.png) no-repeat right center;
}
.ibox01 .title{
	margin-top:80px;
	text-align:center;
	font-size:42px;
	font-weight:bold;
	text-transform:uppercase;
}
.ibox01 .title span{
	color:#e60012;
}
.ibox01 .con{
	text-align:center;
	color:#3c3c3c;
	margin-top:25px;
}
.boxcon{
	margin-top:60px;
}

.boxcon .name{
	text-align:center;
	font-size:22px;
	color:#232323;
	margin-top:20px;
}
.ibox02{
	background:url(../images/introbg.jpg) no-repeat top center;
	height:691px;
	overflow:hidden;
	margin-top:80px;	
}
.ibox02 .con{
	color:#FFF;
	text-align:center;
}
.ibox02 .con .ititle{
	margin-top:120px;
	font-weight:bold;
	font-size:40px;
}
.ibox02 .con .red{
	margin-top:50px;
	font-size:20px;
	color:#e60012;
}
.ibox02 .con .intro{
	margin-top:45px;
	color:#ececec;
}
.ibox02 .con .mark{
	margin-top:50px;
}
.wordbg{
	background:url(../images/wordbg.jpg) no-repeat top center;
	height:128px;
	position:relative;
	margin-top:-128px;
	z-index:10;
}
.wordbg .list{
	margin:0 auto;
	width:1200px;
	overflow:hidden;
}
.wordbg .list li{
	float:left;
	width:25%;
	text-align:center;
	color:#FFF;
}
.wordbg .list li .n{
	margin-top:10px;
}
.wordbg .list li .word{
	font-size:40px;
	font-weight:bold;
	line-height:40px;
	margin-top:5px;
}
.wordbg .list li .n01{
	margin-top:5px;
}
.ibox03{
	margin-top:75px;
	text-align:center;
}
.ifoot{
	margin-top:50px;
	color:#a0a0a0;
}
.ifoot .ftop{
	background:#252525;
	border-bottom:1px #434343 solid;
	height:50px;
	line-height:50px;
	overflow:hidden;
}
.ifoot .ftop .list{
	overflow:hidden;
	float:left;
	width:820px;	
}
.ifoot .ftop .list li a{
	float:left;
	margin:0 15px 0 5px;
	color:#a0a0a0;
	display:block;
}
.ifoot .ftop .list li a:hover{
	color:#e60012;
}
.ifoot .fcon{
	background:#252525;
	overflow:hidden;
	height:180px;
}
.ifoot .fcon .fl{
	float:left;
	border-right:1px #535353 solid;
	width:379px;
	height:180px;
	padding-top:50px;
	overflow:hidden;
}
.ifoot .fcon .fl .media{
	float:left;
}
.ifoot .fcon .fl .intro{
	float:left;
	margin-left:8px;
	margin-top:5px;
}
.ifoot .fcon .fl .intro .n{
	font-weight:bold;
	font-size:24px;
}
.ifoot .fcon .mid{
	float:left;
	border-right:1px #535353 solid;
	width:415px;
	height:180px;
	padding:55px 40px 0 40px;
}
.ifoot .fcon .mid .n{
	background:url(../images/mark4.png) no-repeat left top;
	padding-left:22px;
	line-height:15px;
}
.ifoot .fcon .mid .n01{
	background:url(../images/mark5.png) no-repeat left top;
	padding-left:22px;
	margin-top:5px;
	line-height:20px;
}
.ifoot .fcon .mid .n01 span{
	width:50px;
	color:#252525;
}
.ifoot .fcon .fr{
	width:370px;
	padding-left:35px;
	overflow:hidden;
}
.ifoot .fcon .fr .con{
	margin-top:50px;
}
.isearch{
	overflow:hidden;
	background:#3d3d3d;
	height:40px;
}
.isearch .text{
	float:left;
	width:257px;
	height:40px;
	line-height:40px;
	padding:0 10px;
	background:#3d3d3d;
	border:none;
	color:#a0a0a0;
}
.isearch .but{
	width:78px;
	text-align:center;
	color:#FFF;
	cursor:pointer;
	background:#e60012;
	border:none;
	height:40px;
	line-height:40px;
}
.ifoot .copy{
	background:#1d1d1d;
	height:50px;
	line-height:50px;
}
.ifoot .copy .fl{
	float:left;
	display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.ifoot .copy .fl img{
	margin-left:10px;
}
.ifoot .copy .fr{
	float:right;
}
.ifoot .copy a{
	color:#a0a0a0;
}
.ifoot .copy a:hover{
	color:#e60012;
}
.share{
	float:right;
	overflow:hidden;
	display:block;
}
.share li{
	float:left;
}
.share li .n a{
	width:40px;
	height:50px;
	background:url(../images/share.png) no-repeat left 0;
	display:block;
}
.share li .n a:hover{
	background:url(../images/shares.png) no-repeat left 0;
}

.share li .n01 a{
	width:40px;
	height:50px;
	background:url(../images/share.png) no-repeat -40px 0px;
	display:block;
}
.share li .n01 a:hover{
	background:url(../images/shares.png) no-repeat -40px 0px;
}

.share li .n02 a{
	width:40px;
	height:50px;
	background:url(../images/share.png) no-repeat -80px 0px;
	display:block;
}
.share li .n02 a:hover{
	background:url(../images/shares.png) no-repeat -80px 0px;
}
.share li .n03 a{
	width:40px;
	height:50px;
	background:url(../images/share.png) no-repeat -120px 0px;
	display:block;
}
.share li .n03 a:hover{
	background:url(../images/shares.png) no-repeat -120px 0px;
}
/*产品中心*/
.lbanner {
	z-index: 1;
	overflow: hidden;
}
.lbanner .con {
	width: 980px;
	margin: 0 auto;
}
.lbanner .con .loca {
	padding-top: 95px;
	/*line-height: 24px;*/
	text-transform: uppercase;
	overflow: hidden;
	color: #FFF;
}
.lbanner .con .loca a {
	color: #FFF;
}
.lbanner .con .loca .boxoff {
	margin-left: 7px;
	margin-right: 7px;
	line-height: 22px;
	vertical-align: 1px;
}
.lbanner .con .pgtit {
	font-size: 48px;
	color: #FFF;
	line-height: 50px;
	padding-top: 14px;
}
.lbanner .con .pgtit .b {
	font-weight: bold;
}
.lbanner .con .pgtit .sm {
	margin-left: 8px;
}
.anav{
	border-bottom:1px #e5e5e5 solid;
	overflow:hidden;
	height:85px;
}
.anav li{
	width:50%;
	float:left;
}
.anav li .mod a{
	height:85px;
	line-height:85px;
	display:block;
}

.anav .select{
	background:#e60012;
	color:#FFF;
}
.anav .select a{
	color:#FFF;
}

.anav li .mod a .media{
	background:url(../images/icon02.png) no-repeat right center;
}
.anav li .mod a .media{
	float:left;
	width:45px;
	height:40px;
	margin-top:20px;
	width:65%;
}

.anav li .mod a .intro{
	float:left;
	margin-left:10px;
	font-size:18px;
}
.anav li .mod a .media01{
	float:left;
	background:url(../images/icon03.png) no-repeat right center;
	width:45px;
	height:40px;
	margin-top:20px;
	width:25%;
}

.iplist{
	margin:0 auto;
	width:800px;
	overflow:hidden;
	margin-top:55px;
}
.iplist li{
	float:left;
	width:25%;
}
.iplist li .mod a{
	border:1px #e5e5e5 solid;
	text-align:center;
	border-radius:20px;
	color:#1b1b1b;
	display:block;
	margin:0 17px;
	height:40px;
	line-height:40px;
	font-size:14px;
}
.iplist li .mod a:hover{
	background:#e60012;
	color:#FFF;
	border:1px #e60012 solid;
}
.iplist li .mod .select{
	background:#e60012;
	color:#FFF;
	border:1px #e60012 solid;
}
.iprlist{
	margin:0 10px;
}
.iprlist li{
	margin-top:50px;
	float:left;
	width:25%;
	text-align:center;

}
.iprlist li .mod a{
	display:block;
	text-align:center;
	overflow:hidden;
		padding-bottom:50px;
}
.iprlist li .mod a .media{
	text-align:center;
	margin-top:30px;
}
.iprlist li .mod a:hover{
	box-shadow:0 0 25px #e4e4e4;
}

.iprlist li .mod a .media img{
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.iprlist li .mod a:hover .media img{
	-webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
.iprlist li .mod a .intro{
	font-size:16px;
	color:#535353;
    margin-top:15px;
}
.color{
	margin:0 auto;
	width:72px;
	margin-top:25px;
	overflow:hidden;
    min-height:22px;
}
.colors{
	margin-top:5px;
}
.color .li{
	float:left;
	width:10px;
	height:10px;
	border-radius:100%;
	margin:0 4px;
}
.color .n{
	background:#ffffff;
	border:1px #a0a0a0 solid;	
}
.color .n01{
	background:#a0a0a0;		
}
.color .n02{
	background:#e60012;
}
.color .n03{
	background:#252525;	
}
.page{
	margin:60px 0;
	text-align:center;
	font-size:16px;	
}
.page a{
    margin-right:3px;
    padding:11px 15px;
	color:#1b1b1b;
	border:1px #e5e5e5 solid;
	background:#ffffff;
}
.page span{
    margin-right:3px;
    padding:11px 15px;
	color:#09357f;
	border:1px #e5e5e5 solid;	
}
.page span.current{
    background:#e60012;
    border:none;
    color:#ffffff;
}
/*产品中心详细*/

.iptitle{
	margin-top:40px;
	border:1px #e5e5e5 solid;	
}
.iptitle .list{
	overflow:hidden;
	height:50px;
	line-height:50px;
}
.iptitle .list li a{
	float:left;
	width:33.333%;
	text-align:center;
	font-size:14px;
	color:#232323;
	display:block;
}
.iptitle .list li .select,.iptitle .list li a:hover{
	color:#e60012;
	background:url(../images/line.jpg) no-repeat bottom center;
}
.descr{
	margin-top:20px;
	border:1px #e5e5e5 solid;
	color:#1b1b1b;	
}
.descr .title{
	background:#f1f1f1;
	height:35px;
	line-height:35px;
	font-weight:bold;
    font-size:14px;
	padding-left:15px;
	border-bottom:1px #e5e5e5 solid;	
}
.descr .con{
	padding:20px;
}
.descr .cons{
	border-top:1px #e5e5e5 solid;	
	border-left:1px #e5e5e5 solid;
	color:#1b1b1b;	
}
.descr .con tr{
	border-bottom:1px #e5e5e5 solid;
}
.descr .con td{
	border-right:1px #e5e5e5 solid;
	height:40px;
	line-height:40px;
	font-size:14px;
	padding-left:10px;
}
.ipdetail{
}
.imedia{
	margin:0 auto;
	width:512px;
	position:relative;
}
.imedia:hover .mark{
	background:url(../images/mark7.png) no-repeat;
	width:42px;
	height:41px;
	position:absolute;
	top:50%;
	right:13%;
}
.imedia .mark{
	
}
.ipdetail .swiper-button-prev.swiper-button-white{
	background:url(../images/pleft01.jpg) no-repeat;
	width:42px;
	height:56px;
}
.ipdetail .swiper-button-next.swiper-button-white{
	background:url(../images/pright01.jpg) no-repeat;
	width:42px;
	height:56px;
}
.ipdetail .swiper-button-next{
	right:0;
}
.ipdetail .swiper-button-prev{
	left:0;
}

.gbox{
	border:1px #e5e5e5 solid;
}
.recomd{
	margin-top:50px;
}
.recomd .title{
	text-align:center;
	font-size:20px;
	color:#313131;
}
.recomd .title span{
	color:#e60012;
}
.recomd .line{
	margin-top:5px;
	text-align:center;
}
.rlist{
	margin-top:65px;
	overflow:hidden;
	border:1px #e5e5e5 solid;
	border-right:none;
}
.rlist li{
	float:left;
	width:25%;
}
.rlist li .mod a{
	border-right:1px #e5e5e5 solid;
	text-align:center;
	display:block;
}
.rlist li .mod a{
	display:block;
	text-align:center;
	overflow:hidden;
	padding-bottom:20px;
}
.rlist li .mod a .media{
	text-align:center;
}
.rlist li .mod a .media img{
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.rlist li .mod a:hover .media img{
	-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.rlist li .mod a .intro{
	font-size:14px;
	color:#535353;
}
.boxcon .swiper-button-prev.swiper-button-white{
	background:url(../images/pleft01.jpg) no-repeat;
	width:42px;
	height:56px;
}
.boxcon .swiper-button-next.swiper-button-white{
	background:url(../images/pright01.jpg) no-repeat;
	width:42px;
	height:56px;
}
.boxcon .swiper-button-next{
	right:0;
}
.boxcon .swiper-button-prev{
	left:0;
}
.pleft{
	position:absolute;
	top:18%;
	left:0;
	width:47px;
	height:47px;
}
.pright{
	position:absolute;
	top:18%;
	right:0;
	width:47px;
	height:47px;
}

/*搜索*/
.search-box{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #000000;
    left: 0;
    display: none;
    top: 0;
	opacity:0.9;
}

.search-box img{
    display: block;
    max-width: 100%;
}
.sea-main{
    width: 90%;
    position: absolute;
    left: 5%;
    top: 50%;
    border-bottom: 1px solid #5b5b5b;
    height: 65px;
    margin-top: -40px;
}
.sea-main input{
    width: 80%;
    margin-left: 10%;
    padding: 0;
    outline: none;
    border: none;
    font-size: 20px;
    position: absolute;
    bottom: 20px;
    color: #747474;
    background: none;
}
.sea1{
    position: absolute;
    left: 0;
    bottom: 20px;
}
.sea2{
    position: absolute;
    right: 0;
    bottom: 20px;
}
.sea3{
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -50px;
}

.search-box01{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 500;
    background: #000000;
    left: 0;
    display: none;
    top: 0;
	opacity:0.9;
}
.s-clo{
    position: absolute;
    right: 2.3%;
    top: 36px;
    z-index: 510;
    cursor: pointer;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.s-clo:hover{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
	transform:rotate(90deg);
}
.product{
	background-color: #FFF;
	border: #e5e5e5 1px solid;
	overflow: hidden;
	margin-top:75px;
	padding:45px 45px 15px 45px;
	background:url(../images/mark6.png) no-repeat left top;
}
.product .first{
	overflow:hidden;
}
.product .first .pmedia{
	float:left;
	width:460px;
}
.product .first .pmedia .mark{
	position:absolute;
	right:10px;
	z-index:1000;
	top:465px;
}
.pintro{
	float:right;
	width:490px;	
}
.pintro .one{
	height:275px;
	background:#f5f5f5;
	padding:30px;		
}
.pintro .one .title{
	font-size:22px;
	color:#232323;
	text-transform:uppercase;
}
.pintro .one .con{
	margin-top:10px;
}
.pintro .acolor{
	color:#232323;
	font-size:16px;
	margin-top:25px;
}


.jqzoom {
	float:left;
	position:relative;
	padding:0px;
	text-align:center;
/*cursor:pointer;*/}
.jqzoom img {
	float:left;
}
.zoomdiv {
	z-index:100;
	position:absolute;
	top:1px;
	left:0px;
	width:278px;
	height:200px;
	background:#fff;
	border:1px solid #e60012;
	display:none;
	text-align:center;
	overflow: hidden;
}
.bigimg {
	width:920px;
	height:864px;
}
.jqZoomPup {
	z-index:10;
	visibility:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:50px;
	height:50px;
	border:1px solid #aaa;
	background:#c4c4c4 50% top no-repeat;
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	filter:alpha(Opacity=50);
	cursor:crosshair;

}
.bbg {
	background:#333;
	filter:alpha(Opacity=50);
	opacity:0.5;
	filter:alpha(Opacity=50);
	width:87px;
	height:87px;
	position:absolute;
	top:0;
	left:0;
}
.moq a {
	padding-top:10px;
	display:block;
	text-align:right;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
	position: relative;
}
.jcarousel-clip {
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.jcarousel-list {
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	height:100px;
}
.jcarousel-list li, .jcarousel-item {
	float: left;
	list-style: none;/* We set the width/height explicitly. No width/height causes infinite loops. 
    width: 75px;
    height: 75px;
	*/
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
	z-index: 3;
	display: none;
}
.jcarousel-prev {
	z-index: 3;
	display: none;
}
/*jcarousel-skin-tango*/
.jcarousel-skin-tango .jcarousel-container {
	-moz-border-radius:10px;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
	width:460px;
	height:100px;
	margin-left:630px;
	position:relative;
	margin-top:-90px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
	width:413px;
	height:100px;
	left:25px;
	overflow:hidden;
}
.jcarousel-skin-tango .jcarousel-item {
	width:92px;
	margin-right:10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-right:14px;
	cursor:pointer;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
	position:absolute;
	top:5px;
	right:0px;
	width:15px;
	height:64px;
	cursor:pointer;
	background:transparent url(../images/prve4.jpg) no-repeat;
	background-position:right center;
	
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {

}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
	cursor:default;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position:absolute;
	top:5px;
	left:0px;
	width:12px;
	height:64px;
	background:transparent url(../images/prve4.jpg) no-repeat;
    background-position:left center;

	cursor:pointer;
	
}
/*.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
	background:transparent url(../images/prve3.jpg) no-repeat;
	background-position:left center;

}*/
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {

}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
	cursor:default;
	background-position:left center;

	display:none;
}
.jcarousel-skin-tango .cur_on {
}
.jcarousel-skin-tango .cur_on img {
	border:1px solid #e60012;
}
.jcarousel-skin-tango img {
	border:1px solid #e5e5e5;
}

.boxcon .name {
    text-align: center;
    font-size: 22px;
    color: #232323;
    margin-bottom: 20px;
}
