body, p, h1, h2, h3, h4, h5, li, span, i, ul, img, a, strong, input, button, textarea {
	margin: 0;
	padding: 0;
}
body {
	font-family: "microsoft yahei";
	font-size: 14px;
	line-height: 1;
}
li {
	list-style-type: none;
	float: left;

}
a, area {
	text-decoration: none;
	outline: none;
	color: #999;
}
img {
	border: none;
	vertical-align: middle;
}
i, var {
	font-style: normal;
}
button {
	font-family: "microsoft yahei";
	outline: none;
	cursor: pointer;
}
iframe {
	border: none;
}
input, select, textarea {
	outline: none;
	font-family: "microsoft yahei";
}
textarea {
	resize: none;
	overflow-y: auto;
}
.at {
	margin: 0 auto;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}/*æ¸…é™¤æµ®åŠ¨*/
.dt {
	display: table;
	width: 100%;
}
.fl-w {
	float: left;
	width: 100%;
}
.wid {
	width: 961px;
	margin: 0 auto;
}
.wid1144 {
	width: 1250px;
	margin: 0 auto;
}
.max-wid {
	width: 100%;
	margin: 0 auto;
	background: #f8f8f8;
}
.top {
	height: 44px;
	background: #000;
}
.top .small-ico {
	position: relative;
	z-index: 3;
	height: 100%;
	float: left;
	margin-top: 7px;
	margin-left: 230px;
}
.top .small-ico ul {
}
.top .small-ico ul li {
	width: 25px;
	height: 30px;
	margin-left: 10px;
}
.top .small-ico ul li a {
	width: 25px;
	height: 100%;
	display: table;
}
.top .small-ico ul li a:hover {
	filter: alpha(Opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.top .small-ico ul li:hover .qr-code {
	display: block;
}
.top .small-ico ul li a i {
	height: 30px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.top .small-ico .qr-code {
	position: absolute;
	bottom: -55px;
	display: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.top .hotline {
	position: relative;
	line-height: 44px;
	float: right;
	margin-right: 30px;
}
.top .hotline:before {
	position: absolute;
	top: 13px;
	left: -39px;
	content: "";
	width: 2px;
	height: 20px;
	background: #8e8e8e;
	display: block;
}
.top .hotline:after {
	position: absolute;
	top: 13px;
	right: -39px;
	content: "";
	width: 2px;
	height: 20px;
	background: #8e8e8e;
	display: block;
}
.top .hotline p {
	font-size: 12px;
	color: #fff;
}
.top .hotline p i {
	width: 16px;
	display: inline-block;
}
/* .top .language{position:relative;z-index:3;width: 100px;height: 19px;background: #fff;float: right;margin: 13px 0 0 93px;}

.top .language h2{width: 81px;height: 100%;cursor: pointer;float: right;}

.top .language .ico{width: 19px;height: 19px;float: left;}

.top .language .ico i{width: 11px;height: 11px;display: block;margin: 1px 0 0 5px;}

.top .language h2 input{width: 100%;height: 100%;font-size: 12px;color: #2c3c4f;border: none;float: left;cursor:pointer;}

.top .language h2 .ification{display: block;position:absolute; top:8px; right:4px; width:0px;height:0px;border-bottom:5px solid transparent;border-top: 5px solid #213547;  border-right: 5px solid transparent;border-left: 5px solid transparent;}

.top .language .down-slide{position: absolute;width: 100%;top: 19px;left: -1px;background: #fff;border: 1px solid #000;border-top: none;padding: 10px 0;display: none;}

.top .language .down-slide p{font-size: 12px;height: 20px;line-height: 20px;text-indent: 5px;}

.top .language .down-slide p img{

	display: block;

	width: 13px;

	height: 10px;

	float: left;

	margin-top: 4px;

	margin-left: 3px;

} */

.top .top-rig {
	float: right;
	width: 117px;
	height: 25px;
	background: #fff;
	margin-right: 3px;
	margin-top: 5px;
	margin-left: 30px;
	position: relative;
	border: 1px solid #757575;
}
.top .top-rig h6 {
	width: 100%;
	height: 25px;
	margin-top: 0;
}
.top .top-rig h6 .sp1 {
	float: left;
	margin-left: 12px;
	margin-top: 6px;
	margin-right: 5px;
}
.top .top-rig h6 .sp2 {
	line-height: 25px;
	color: #293e4f;
	font-size: 12px;
	float: left;
}
.top .top-rig h6 i {
	float: right;
	display: block;
	margin-right: 11px;
	margin-top: 6px;
}
.top .top-rig .wl1 div {
	width: 117px;
	display: table;
	border: 1px solid #999;
	position: absolute;
	bottom: -60px;
	left: -1px;
	display: none;
	z-index: 10;
	background-color: #FFF;
}
.top .top-rig .wl1 div h5 {
	height: 30px;
	width: 100%;
	border-bottom: 1px solid #999;
}
.top .top-rig .wl1 div h5 img {
	float: left;
	margin-left: 12px;
	margin-top: 5px;
	display: block;
	width: 21px;
	height: 20px;
}
.top .top-rig .wl1 div h5 i {
	float: left;
	line-height: 30px;
	margin-left: 10px;
	color: #293e4f;
}
.top .top-rig .wl1 div h5:hover {
	background: #688bc5;
}
.top .top-rig .wl1 div h5:hover i {
	color: #fff;
}
.top .top-rig .wl1:hover div {
	display: block;
}
.header {
	height: 89px;
}
.header .logo {
	width: 270px;
	height: 68px;
	float: left;
	margin-top: 13px;
	margin-right: 100px;
}
.header .logo a {
	width: 100%;
	height: 100%;
	display: block;
}
.header ul {
	float: left;
	height: 89px;
}
.header ul li {
	height: 89px;
	float: left;
	position: relative;
	margin-right: 10px;
}
.header ul li h6 {
	height: 100%;
	line-height: 89px;
	font-size: 14px;
	text-align: center;
	color: #000;
	position: relative;
	margin-top: 0;
	font-weight: normal;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
.header ul li h6:hover {
	background: #0b3190;
}
/* .header ul li h6:before{

	 content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    color: #fff;

    background: rgba(93, 121, 11, 0.98);

    -webkit-transform: scaleY(0);

    -o-transform: scaleY(0);

    -moz-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: 50% 0;

    -o-transform-origin: 50% 0;

    transform-origin: 50% 0;

    -webkit-transition-property: transform;

    -o-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 0.5s;

    transition-duration: 0.5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    background: #af1f23;

}

.header ul li h6:hover:before{

	-webkit-transform: scaleY(1);

    -o-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

    -moz-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);

    transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);

} */

.header ul li h6:hover {
	color: #fff;
}
.header ul li h6:hover {
	background: #0b3190;
}
.header ul li h6:hover a {
	color: #fff;
}
.header ul li .wl3 {
	color: #fff;
	background: #0b3190;
	margin-left: 30px;
}
.header ul li .wl3 a {
	color: #fff;
}
.header ul li .slide {
	display: table;
	min-width: 0px;
	z-index: 10;
	position: absolute;
	top: 89px;
	left: 0px;
	background: rgba(232,232,233,.2);
	display: none;
	max-width: 800px;
	text-indent: 15px;
	min-width: 96px;
}
.header ul li .slide p {
/* display: table; */

	/* float: left; */

}
.header ul li .slide p a {
	text-align: center;
	line-height: 30px;
	font-size: 12px;
	display: block;
	min-width: 66px;
	color: #fff;
	padding: 0 5px;
	white-space: nowrap;
	text-align: left;
}
.header ul li .slide p a:hover {
	background: rgba(66,147,202,0.3);
}
.header ul li:hover .slide {
	display: block;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
/* .header .nav{float: left;position: relative;z-index: 2;}

.header .nav ul li{

	float: left;

	height: 89px;

	margin-left: 10px;

	color: #000;

}

.header .nav ul{}

.header .nav ul li{margin-right: 10px; line-height: 89px;text-align: center;margin-left: 28px;}

.header .nav ul li>a:hover{color: #fff;background: #0b3190;}

.header .nav ul li a{font-size: 14px;width: 100%;height: 100%;display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}

.header .nav ul li:hover .drop-down{display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;min-width: 60px;display: table;}

.header .nav .drop-down{position: absolute;top: -2px;display: none;background: rgba(232,232,233,.2);padding: 10px 0;margin-top: 2px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}

.header .nav .drop-down p{height: 25px;line-height: 25px;text-align: left;min-width: 80px;}

.header .nav .drop-down a{font-size: 12px;    white-space: nowrap; margin-left: 13px;margin-right: 8px; color: #fff;}

.header .nav .drop-down a:hover{font-weight: 600;color: #fff;}

.header .nav .drop-down p:hover{background: rgba(66,147,202,0.3);} */



.banner {
	height: 617px;
	width: 100%;
	position: relative;
}
.banner .bann {
	width: 100%;
	height: 100%;
}
.banner .bann ul {
	width: 100%;
	height: 100%;
}
.banner .bann ul li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.banner .cirl {
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -111.5px;
	z-index: 1;
}
.banner .cirl ul {
	margin-left: -45px;
}
.banner .cirl ul li {
	width: 15px;
	height: 16px;
	background: #fff;
	border-radius: 50%;
	margin: 0 7px;
	cursor: pointer;
	margin-left: 38px;
}
.banner .cirl ul li.acti {
	background: #0b3190;
}
.service {
	width: 100%;
	height: 175px;
	background: #f7f7f7;
	margin-top: 70px;
	margin-bottom: 20px;
}
.service ul {
}
.service ul li {
	width: 16.66%;
	height: 175px;
}
.service ul li a {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.service ul li p {
	font-size: 12px;
	text-align: center;
}
.service ul li.acti {
	background: #666666;
}
.service ul li.acti p {
	color: #fff;
}
.service ul li a:hover {
	background: #666;
	color: #fff;
}
.service .pic {
	height: 115px;
	display: table;
	margin: 0 auto;
}
.service .pic i {
	height: 115px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.introduction {
	width: 66%;
	margin: 35px auto 0;
}
.introduction p {
	color: #898989;
	text-align: center;
	line-height: 1.6;
}
.introductionp {
	width: 40%;
	margin: 35px auto 0;
	font-size: 12px;
	line-height: 25px;
	color: #666;
	text-align: left;
}
.introductionp p {
	color: #898989;
	line-height: 1.6;
	font-size: 12px;
	text-align: left;
}
.public-title {
	margin-top: 93px;
}
.public-title .line-text {
	height: 10px;
	border-bottom: 2px solid #eaeaea;
	text-align: center;
}
.public-title .line-text p {
	width: 125px;
	height: 30px;
	display: block;
	color: #d7d7d7;
	position: relative;
	top: -13px;
	background: #fff;
	display: inline-block;
	font-size: 25px;
	color: #000;
}
.public-title .line-textx {
	height: 10px;
	border-bottom: 2px solid #eaeaea;
	text-align: center;
}
.public-title .line-textx p {
	width: 125px;
	height: 30px;
	display: block;
	color: #d7d7d7;
	position: relative;
	top: -13px;
	background: #f8f8f8;
	display: inline-block;
	font-size: 25px;
	color: #000;
}
.public-title .bottom-text {
	text-align: center;
	margin-top: 8px;
}
.public-title .bottom-text span {
	font-size: 20px;
	color: #b7b7b7;
	display: block;
}
.public-title.mt {
	margin-top: 75px;
}
.public-title.mt2 {
	margin-top: 42px;
}
.public-title.mt0 {
	margin-top: 0;
}
.profile {
	margin-top: 10px;
	text-align: center;
}
.profile .pic {
	width: 531px;
	float: left;
}
.profile .right-text {
	width: 100%;
	float: right;
	padding-top: 30px;
	text-align: center;
}
.profile .right-text p {
	font-size: 12px;
	color: #898989;
	line-height: 1.9;
	text-align: center;
	margin-bottom: 30px;
}
.profile .right-text a {
	font-size: 12px;
	color: #888;
	border: 1px solid #888;
	width: 77px;
	height: 22px;
	text-align: center;
	line-height: 22px;
	margin-top: 60px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.profile .right-text a:hover {
	color: #0049ff;
	border-color: #0049ff;
}
.performance {
	margin-top: 48px;
}
.performance ul {
}
.performance ul li {
	width: 31.4%;
	height: 420px;
	margin-bottom: 42px;
	overflow: hidden;
	margin-left: 17px;
}
.performance ul li:hover .backdrop {
	background: url(../img/bg1.png) no-repeat;
}
.performance ul li:hover h2 a {
	color: #0049ff;
}
.performance .pic a:hover img {
	transform: scale(1.2);
	opacity: .8;
}
.performance .pic {
	width: 302px;
	margin-bottom: 25px;
	overflow: hidden;
}
.performance .pic a {
	width: 100%;
	height: 100%;
	display: block;
}
.performance .pic a img {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.performance .subtitle {
}
.performance .subtitle .backdrop {
	width: 38px;
	height: 43px;
	background: url(../img/bg1-1.png) no-repeat;
	float: left;
	margin-right: 13px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.performance .subtitle .backdrop i {
	width: 25px;
	float: left;
	margin: 8px 7px 0;
}
.performance .subtitle h2 {
	width: 220px;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 12px;
	float: left;
	margin-top: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-weight: bold;
}
.performance .subtitle h2 a {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.performance .subtitle span {
	font-size: 12px;
	color: #898989;
	margin-left: 50px;
}
.performance .details {
	height: 146px;
	border-left: 2px solid #dbdbdb;
	padding: 18px 0 0 30px;
	margin-left: 18px;
}
.performance .details p {
	height: 107px;
	font-size: 12px;
	color: #898989;
	line-height: 1.6;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	word-wrap: break-word;
}
.ml {
	margin-left: 27px;
}
.look {
	width: 68px;
	height: 23px;
	font-size: 12px;
	color: #fff;
	margin-top: 50px;
	background: #0b3190;
	text-align: center;
	line-height: 23px;
	display: block;
	border-radius: 3px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}/* å…¬å…±ç±» â€œæŸ¥çœ‹æ›´å¤šâ€ */
.look:hover {
	background: rgba(11,49,144,.7);
}
.look.mt2 {
	margin-top: 64px;
}
.look.mt3 {
	margin-top: 42px;
}
.look.zero {
	margin-top: 0;
}
.products {
	margin-bottom: 35px;
}
.products .pic {
	width: 438px;
	float: left;
	margin: 52px 50px 0 0;
	overflow: hidden;
}
.products .text {
	width: 230px;
	float: left;
	margin-top: 124px;
}
.products .text h3 {
	font-size: 14px;
	font-weight: normal;
	color: #898989;
	margin-bottom: 35px;
}
.products .text p {
	font-size: 12px;
	color: #898989;
	line-height: 1.9;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	word-wrap: break-word;
}
.products .small-parts {
	width: 16.5%;
	float: right;
	padding-right: 27px;
	margin-top: 110px;
}
.products .small-parts ul {
}
.products .small-parts ul li {
	width: 100%;
	margin-bottom: 23px;
}
.products .small-parts .ico {
	width: 50px;
	height: 35px;
	float: left;
	margin-right: 10px;
	display: table;
	text-align: center;
}
.products .small-parts .ico i {
	height: 35px;
	display: table-cell;
	vertical-align: middle;
}
.products .small-parts ul li a {
	font-size: 12px;
	float: left;
	margin-top: 12px;
	font-weight: bold;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.products .small-parts ul li:hover a {
	color: #0049ff;
	border-color: #0b3190;
}
.scroll {
	position: relative;
	width: 936px;
	margin: 0 auto;
	margin-top: 14px;
	margin-bottom: 10px;
}
.scroll.scroll2 {
	position: relative;
	width: 937px;
	margin: 0 auto;
	margin-top: 54px;
	margin-bottom: 10px;
}
.scroll .pos {
	position: absolute;
	top: 50%;
	margin-top: -27px;
	cursor: pointer;
}
.scroll .prev {
	left: 0;
}
.scroll .next {
	right: 0;
}
.scroll .layout {
	width: 961px;
	margin-left: 21px;
	height: 162px;
}
.scroll .layout.layout2 {
	width: 880px;
	margin-left: 21px;
	height: 36px !important;
	padding: 0 13px;
}
.scroll .layout ul {
	margin-left: -17px;
}
.scroll .layout ul li {
	width: 880px;
	text-align: center;
	margin-left: 20px;
}
.scroll .layout .li2 {
	width: 961px;
}
.scroll .layout ul li .pict {
	display: table;
	width: 211px;
	height: 143px;
	float: left;
}
.scroll .layout ul li .pict a {
	width: 100%;
	height: 100%;
	display: block;
}
.scroll .layout ul li p {
	color: #5e5e5e;
	line-height: 1.6;
	font-size: 12px;
	margin-top: 10px;
	text-align: center;
	width: 95%;
}
.engine {
	margin-top: 120px;
	padding-bottom: 63px;
}
.engine .left {
	width: 357px;
	float: left;
	padding-left: 20px;
}
.engine .left .pic {
	float: left;
	margin-bottom: 30px;
	overflow: hidden;
}
.engine .left .pic a {
	width: 100%;
	height: 100%;
	float: left;
}
.engine .left .pic img {
	width: 100%;
}
.engine .left h2 {
	font-size: 20px;
	margin-bottom: 26px;
	clear: both;
}
.engine .left h2 a {
	color: #0b3190;
	float: none;
}
.engine .left p {
	font-size: 12px;
	color: #727272;
	float: left;
	line-height: 1.8;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	word-wrap: break-word;
}
.engine .right {
	width: 47%;
	float: right;
	padding-right: 55px;
}
.engine .right ul {
	margin-left: -30px;
}
.engine .right ul li {
	width: 130px;
	height: 235px;
	margin: 0 0 15px 30px;
}
.engine .right .pic {
	display: table;
	margin: 0 auto 20px;
	overflow: hidden;
}
.engine .right .pic a {
	width: 100%;
	height: 100%;
	display: block;
}
.engine .right ul li:hover a {
	color: #0049ff;
}
.engine .right .pic i {
	height: 134px;
	display: table-cell;
	vertical-align: middle;
}
.engine .right .pic i img {
	width: 100%;
}
.engine .right h3 {
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 13px;
}
.engine .right h3 a {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-weight: bold;
}
.engine .right p {
	font-size: 12px;
	color: #727272;
	line-height: 1.6;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	word-wrap: break-word;
	text-align: center;
}
.news {
	margin-top: 47px;
	padding-bottom: 53px;
}
.news ul {
	margin-left: -27px;
}
.news ul li {
	width: 302px;
	height: 244px;
	margin-left: 27px;
}
.news .pic {
	width: 302px;
	overflow: hidden;
}
.news .pic a {
	width: 100%;
	height: 100%;
	display: block;
}
.news .pic a img {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.news .pic a:hover img {
	transform: scale(1.2);
	opacity: .8;
}
.news ul li:hover a {
	color: #0049ff;
}
.news .text {
	width: 302px;
	margin-top: 13px;
	height: 57px;
	background: #efefef;
}
.news .text .sub-text {
	width: 80%;
	height: 57px;
	display: table;
	margin: 0 auto;
	line-height: 1.8;
}
.news .text .sub-text a {
	height: 57px;
	font-size: 14px;
	text-align: center;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
.null-box {
	height: 1px;
}
.trend {
	margin: 87px 0 55px;
}
.trend ul {
	margin-left: -30px;
	margin-top: 55px;
}
.trend ul li {
	position: relative;
	width: 225px;
	height: 195px;
	background: #f7f7f7;
	padding: 0 35px;
	margin-left: 30px;
}
.trend ul li i {
	position: absolute;
	left: -17px;
	top: -18px;
	width: 33px;
	display: block;
}
.trend ul li:hover p a {
	color: #0049ff;
	text-decoration: underline;
}
.trend ul li:hover h2 a {
	color: #0049ff;
}
.trend ul li h2 {
	font-size: 14px;
	font-weight: normal;
	margin-top: 38px;
	margin-bottom: 20px;
	font-weight: bold;
}
.trend ul li h2 a {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.trend ul li p {
	font-size: 12px;
	color: #888;
	line-height: 1.8;
}
.trend ul li p a {
	color: #888;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.bott {
	width: 100%;
	display: table;
	background: url(../img/bg2.jpg) center center no-repeat;
	background-size: 100% 100%;
	margin-top: 53px;
	border-top: 14px solid #ff7f01;
}
.footer {
	height: 200px;
}
.footer .menu {
	width: 85%;
	margin: 82px auto 0;
}
.footer .menu ul {
	margin-left: -50px;
}
.footer .menu ul li {
	margin-left: 50px;
	text-align: center;
}
.footer .menu ul li a {
	font-size: 14px;
	color: #fff;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.footer .menu ul li a:hover {
	color: #0049ff;
}
.footer .pic {
	width: 81px;
	margin: 48px auto 34px;
}
.footer .pic a {
	width: 100%;
	height: 100%;
	display: block;
}
.footer p {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}
.cartology {
	width: 100%;
	height: 300px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 67px;
	text-align: center;
	background-color: #000;
	background-image: url(fwfw.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.cartology1 {
	width: 100%;
	height: 300px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 67px;
	text-align: center;
	background-color: #000;
	background-image: url(fwfw1.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.cartology2 {
	width: 100%;
	height: 300px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 67px;
	text-align: center;
	background-color: #000;
	background-image: url(fwfw2.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.cartology3 {
	width: 100%;
	height: 300px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 67px;
	text-align: center;
	background-color: #000;
	background-image: url(fwfw3.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
proud {
	width: 100%;
	min-height: 168px;
	display: table;
	margin-bottom: 55px;
}
.proud .about-top {
	width: 100%;
	background: #ecfbdd;
	height: 113px;
	margin-bottom: 56px;
}
.proud .about-top .us {
	width: 594px;
	height: 113px;
	background: url(../img/zx16.png) no-repeat;
	display: table;
}
.proud .about-top .us p {
	text-align: center;
	font-size: 28px;
	line-height: 28px;
	margin-top: 37px;
	color: #fff;
	margin-bottom: 7px;
	letter-spacing: 1px;
}
.proud .about-top .us h5 {
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 15px;
}
.proud .proud-top {
	min-height: 100px;
	display: table;
}
.proud .proud-top .proud-top-lft {
	float: left;
	width: 271px;
}
.proud .proud-top .proud-top-lft ul {
	width: 100%;
	display: table;
	margin-bottom: 50px;
}
.proud .proud-top .proud-top-lft ul li {
	float: left;
	border-bottom: 2px solid #fff;
	width: 271px;
	position: relative;
}
.proud .proud-top .proud-top-lft ul li .comd {
	width: 230px;
	height: 40px;
	display: table;
	cursor: pointer;
	background: #464644;
	overflow: hidden;
	padding-right: 40px;
}
.proud .proud-top .proud-top-lft ul li .comd img {
	position: absolute;
	right: 17px;
	top: 25px;
}
.proud .proud-top .proud-top-lft ul li .comd:hover {
	background: #e00505;
}
.proud .proud-top .proud-top-lft ul li .kintt {
	width: 100%;
	background: #fff;
	min-height: 119px;
	display: table;
	display: none;
	float: left;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
.proud .proud-top .proud-top-lft ul li.sli .comd {
	background: #e00505;
}
.proud .proud-top .proud-top-lft ul li.sli .kintt {
	display: block;
}
.proud .proud-top .proud-top-lft ul li.sli .comd img {
	transform: rotate(90deg);
}
.proud .proud-top .proud-top-lft ul li .kintt h2 {
	height: 29px;
	width: 100%;
	float: left;
}
.proud .proud-top .proud-top-lft ul li .kintt h2 i {
	line-height: 22px;
	color: #474646;
	font-size: 12px;
	float: left;
	margin-left: 46px;
}
.proud .proud-top .proud-top-lft ul li .kintt h2:hover i {
	color: red;
}
.proud .proud-top .proud-top-lft ul li .kintt .hcl2 {
	margin-top: 4px;
}
.proud .proud-top .proud-top-lft ul li h5 {
	line-height: 58px;
	color: #fff;
	font-size: 12px;
	float: left;
	margin-left: 28px;
	font-family: "å®‹ä½“";
	font-weight: bold;
	font-size: 16px;
}
.proud .proud-top .proud-top-lft ul li h5 a {
	font-family: "å®‹ä½“";
}
.proud .proud-top .proud-top-lft .limiteo {
	height: 361px;
	width: 100%;
	background: url(../img/ioc2.png) no-repeat;
	display: table;
}
.proud .proud-top .proud-top-lft .limiteo h6 {
	width: 100%;
	margin-top: 54px;
	font-size: 14px;
	line-height: 14px;
	color: #616265;
	margin-bottom: 36px;
	text-indent: 27px;
	font-weight: 600;
}
.proud .proud-top .proud-top-lft .limiteo h4 {
	width: 100%;
	font-size: 13px;
	line-height: 12px;
	color: #616265;
	margin-bottom: 13px;
	text-indent: 27px;
	font-family: "å®‹ä½“";
}
.proud .proud-top .proud-top-lft .limiteo a {
	display: block;
	margin: 0 auto;
	width: 224px;
	height: 41px;
	text-align: center;
	line-height: 41px;
	color: #fff;
	font-size: 13px;
	margin-top: 156px;
}
.proud .proud-top .proud-top-rig {
	width: 830px;
	float: right;
	display: table;
}
.proud .proud-top .proud-top-rig .position {
	width: 100%;
	height: 29px;
	position: relative;
	margin-bottom: 44px;
	font-size: 12px;
	line-height: 29px;
	color: #CCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ff0007;
}
.proud .proud-top .proud-top-rig .position img {
	margin-top: 2px;
	margin-right: 7px;
	float: left;
}
.proud .proud-top .proud-top-rig .position h6 {
	float: left;
	line-height: 29px;
	font-size: 12px;
	color: #737373;
}
.proud .proud-top .proud-top-rig .position i {
	position: absolute;
	width: 216px;
	height: 1px;
	background: #e00404;
	position: absolute;
	bottom: -1px;
	left: 0px;
}
.proud .proud-top .proud-top-rig .gr {
	width: 100%;
	display: table;
	margin-bottom: 19px;
}
.proud .proud-top .proud-top-rig .gr ul li {
	width: 827px;
	height: 167px;
	background: #f9f9f9;
	float: right;
	position: relative;
	margin-bottom: 15px;
}
.proud .proud-top .proud-top-rig .gr ul li h3 {
	width: 177px;
	height: 133px;
	float: left;
	margin-left: 19px;
	margin-top: 15px;
	margin-right: 32px;
	overflow: hidden;
}
.proud .proud-top .proud-top-rig .gr ul li h3 img {
	display: block;
	width: 177px;
	height: 133px;
	transition: .5s;
}
.proud .proud-top .proud-top-rig .gr ul li h3:hover img {
	transform: scale(1.1, 1.1);
}
.proud .proud-top .proud-top-rig .gr ul li h6 {
	float: left;
	width: 590px;
	margin-top: 21px;
	font-size: 12px;
	line-height: 12px;
	color: #000;
	font-weight: bold;
	margin-bottom: 12px;
}
.proud .proud-top .proud-top-rig .gr ul li h5 {
	float: left;
	width: 590px;
	font-size: 12px;
	line-height: 12px;
	color: #bcbcbc;
	margin-bottom: 20px;
}
.proud .proud-top .proud-top-rig .gr ul li p {
	width: 569px;
	float: left;
	font-size: 12px;
	line-height: 25px;
	color: #676767;
}
.proud .proud-top .proud-top-rig .gr ul li h4 {
	width: 74px;
	height: 23px;
	background: #e00505;
	position: absolute;
	right: 16px;
	bottom: 9px;
}
.proud .proud-top .proud-top-rig .gr ul li h4 span {
	font-size: 12px;
	float: left;
	line-height: 23px;
	margin-left: 26px;
	color: #fff;
}
.proud .proud-top .proud-top-rig .gr ul li h4 img {
	float: right;
	margin-right: 10px;
	margin-top: 8px;
}
.proud .proud-top .proud-top-rig .gd {
	width: 823px;
	height: 30px;
}
.proud .proud-top .proud-top-rig .gd ul li {
	width: 28px;
	height: 28px;
	border: 1px solid #e00505;
	margin-right: 10px;
	position: relative;
}
.proud .proud-top .proud-top-rig .gd ul li:hover {
	background: #e00505;
}
.proud .proud-top .proud-top-rig .gd ul li span {
	display: block;
	width: 100%;
	height: 100%;
	color: #e00505;
	text-align: center;
	line-height: 28px;
	font-size: 14px;
}
.proud .proud-top .proud-top-rig .gd ul li:hover span {
	color: #fff;
}
.proud .proud-top .proud-top-rig .gd ul li .tith {
	background: #e00505;
	color: #fff;
}
.proud .proud-top .proud-top-rig .gd ul li i {
	margin-left: 10px;
	text-align: center;
	color: #2569a6;
}
.proud .proud-top .proud-top-rig .gd ul li:hover i {
	color: #fff;
}
.proud .proud-top .proud-top-rig .gd ul li h6 {
	width: 28px;
	border: 1px solid #e00505;
	display: table;
	position: absolute;
	top: 28px;
	left: -1px;
	display: none;
}
.proud .proud-top .proud-top-rig .gd ul li h6 a {
	display: block;
	width: 100%;
	height: 28px;
	text-align: center;
	font-size: 12px;
	line-height: 28px;
	border-bottom: 1px solid #fff;
	background: #e00505;
	color: #fff;
}
.proud .proud-top .proud-top-rig .gd ul li h6 .pgug {
	border-bottom: none;
}
.proud .proud-top .proud-top-rig .gd ul li h6 a:hover {
	background: #fff;
	color: #e00505;
}
.proud .proud-top .proud-top-rig .gd ul li:hover h6 {
	display: block;
}
.proud .proud-top .proud-top-rig .position h6 {
	position: relative;
}
.proud .proud-top .proud-top-rig .position h6:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	border-top: 1px solid #e00404;
}
.prod {
	width: 100%;
	display: table;
}
.prod-tit {
	font-weight: normal;
	font-size: 13px;
	color: #737373;
	line-height: 25px;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
.prod-list {
	width: 100%;
	display: table;
	min-height: 100px;
	float: left;
	margin-top: 30px;
}
.prod-list h2 {
	font-size: 14px;
	color: #000;
	font-family: "å®‹ä½“";
}
.prod-list-tit {
	width: 100%;
	display: table;
	height: 40px;
	background: #e00505;
	margin-top: 10px;
}
.prod-list-tit ul li {
	width: 225px;
	height: 40px;
	padding-left: 25px;
	color: #fff;
	font-family: "å®‹ä½“";
	line-height: 40px;
	font-size: 14px;
	border-right: 2px solid #fff;
}
.prod-list-tit ul li.li2 {
	width: 150px;
}
.prod-list-tit ul li.li3 {
	width: 160px;
}
.prod-list-tit ul li.li4 {
	width: 115px;
	padding-left: 10px;
}
.prod-list-tit ul li.li5 {
	width: 87px;
	border: none;
	padding: 0;
	text-align: center;
}
.prod-list-col {
	width: 100%;
	display: table;
	min-height: 200px;
}
.prod-list-col ul {
	width: 100%;
	display: table;
	margin-top: 6px;
}
.prod-list-col ul li {
	width: 100%;
	height: 32px;
}
.prod-list-col ul li p {
	width: 227px;
	height: 32px;
	padding-left: 25px;
	color: #fff;
	font-family: "å®‹ä½“";
	line-height: 32px;
	font-size: 14px;
	color: #000;
	float: left;
}
.prod-list-col ul li p.p2 {
	width: 152px;
}
.prod-list-col ul li p.p3 {
	width: 162px;
}
.prod-list-col ul li p.p4 {
	width: 117px;
	padding-left: 10px;
}
.prod-list-col ul li p.p5 {
	width: 87px;
	border: none;
	padding: 0;
	text-align: center;
	display: table;
}
.prod-list-col ul li p.p5 span {
	display: table-cell;
	vertical-align: middle;
}
.prod-list-col ul li p.p5 span img {
	cursor: pointer;
}
.prod-list-col ul li.li {
	background: #f9f9f9;
}
.prod-slide {
	width: 694px;
	height: 496px;
	background: rgba(70,70,68,.88);
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -347px;
	margin-top: -248px;
	z-index: 99;
	overflow: hidden;
	display: none;
}
.prod-slide h6 {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	margin: 0;
	position: absolute;
	right: 15px;
	top: 0px;
	font-size: 30px;
	color: #fff;
	cursor: pointer;
	z-index: 1000;
}
.prod-slide ul {
	width: 694px;
	display: table;
	position: absolute;
	left: 0px;
	top: 0px;
}
.prod-slide ul li {
	width: 694px;
	height: 100%;
}
.prod-slide ul li h4 {
	width: 528px;
	height: 350px;
	background: #F60;
	margin: auto;
	margin-top: 35px;
}
.prod-slide ul li h4 img {
	width: 100%;
}
.prod-slide ul li h5 {
	font-weight: normal;
	padding: 0 40px;
	line-height: 25px;
	color: #fff;
	font-family: "å®‹ä½“";
	font-size: 13px;
	margin-top: 15px;
}
.prod-slide .le {
	position: absolute;
	left: 22px;
	top: 50%;
	margin-top: -28px;
	cursor: pointer;
	z-index: 999;
}
.prod-slide .rt {
	position: absolute;
	right: 22px;
	top: 50%;
	margin-top: -28px;
	cursor: pointer;
	z-index: 999;
}
.prod-cp {
	float: left;
	width: 180px;
	margin-top: 30px;
	margin-left: 15px;
}
.prod-cpt {
	float: left;
	height: 140px;
	width: 180px;
}
.prod-cpw {
	background-color: #e00505;
	height: 30px;
	width: 180px;
	margin-top: 10px;
	text-align: center;
	font-size: 12px;
	line-height: 30px;
	color: #FFF;
	float: left;
}
