﻿@charset "utf-8";
/* CSS Document */

body{
margin:0px auto;padding:0; background:#fff; border-top:5px solid #8f2578; font-family:"微软雅黑";}

html,body,ul,li{padding:0; margin:0;}

ul,li {list-style-type:none; text-transform:capitalize;}
img{border:0px}
li {list-style-type:none;}

/*------------下拉主菜单样式---------------*/
a.cc2b:link {
	font-family:"微软雅黑";
	color:#000 !important;
	font-size: 15px;
	font-weight: normal;
	text-decoration:none;
	line-height:20px;
}
a.cc2b:visited {
	color:#000;
}
a.cc2b:hover {
	color: #b31b80 !important;
	text-decoration:underline;
}
/*------------下拉子菜单样式---------------*/
a.cc2b2:link {
	font-family:"微软雅黑";
	color:#fff !important;
	font-size: 14px;
	font-weight: normal;
	text-decoration:none;
	line-height:34px;
}
a.cc2b2:visited {
	color:#fff;
}
a.cc2b2:hover {
	color: #b31b80 !important;
	text-decoration:underline;
}

/*menu*/
#nav { display:block;}
#nav .jquery_out {float:left;line-height:32px;display:block; text-align:center; color:#fff;font:32px/32px "微软雅黑";}
#nav .jquery_out .smile {padding-left:1em;}
#nav .jquery_inner {margin-left:16px;}
#nav .jquery {margin-right:1px;padding:0 2em;}

#nav .mainlevel { float:left; border-right:0px solid #fff; width:100px;/*IE6 only*/}
#nav .mainlevel a {text-decoration:none; display:block; padding:0 20px; }
#nav .mainlevel a:hover { text-decoration:none;}
#nav .mainlevel ul {display:none; position:absolute; padding-top:10px; margin-left:-16px; z-index:999;}
#nav .mainlevel li {border-top:1px solid #2c2c2c; background:#000; width:120px; height:34px; line-height:34px; text-align:center;/*IE6 only*/}
/*menu*/



#conta{ background:url(../images/con_bj.png); background-position:bottom right; background-repeat:no-repeat; min-height:375px;}

/*-------------------------*/
a.cc2c:link {
	font-family:"微软雅黑";
	color:#696969;
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
	line-height:20px;
}
a.cc2c:visited {
	color:#696969;
}
a.cc2c:hover {
	color: #b31b80 !important;
	text-decoration:underline;
}
/*-------------------------*/
.bot{ border-bottom:4px solid #af0c75;}



.xdd{ background-image:url(../images/location.png); background-position:left; background-repeat:no-repeat; padding-left:22px;}

.ncors{ background-color:#fff; border-bottom:2px solid #8e2579; width:70px;}
.ncors2{ background-color:#fff; border-bottom:2px solid #8e2579; width:110px;}
a.b:link {
	font-family:"微软雅黑";
	color:#b31b80;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	}
a.b:visited {
	color:#b31b80;
}
a.b:hover {
	color: #0000;
	text-decoration: none;
}



.top1 { font-family:"微软雅黑";  font-size:12px; color:#7c7c7c; font-weight:normal; line-height:22px;}
.top2 { font-family:"微软雅黑"; font-size:24px; color:#000; font-weight:normal; padding:30px 0 20px 0;}
.top_daohang{background-image:url(../images/index5_04.png); background-repeat:no-repeat; height:45px;}


.top-bj { background-image:url(../images/top-4_01.png); background-repeat:no-repeat; background-position:top center; height:114px;}
.foot-bj { background-image:url(../images/foot.png); background-repeat:no-repeat; height:95px; background-position:top center;}


.com-bj { background-image:url(../images/con-ban.png); background-repeat:no-repeat; background-position:top center; height:215px;}
.con-bj { background-image:url(../images/06.jpg); background-repeat:no-repeat; background-position:top center; height:230px;}
.job-bj { background-image:url(../images/job-ban.png); background-repeat:no-repeat; background-position:top center; height:215px;}
.pro-bj { background-image:url(../images/pro-ban.png); background-repeat:no-repeat; background-position:top center; height:215px;}
.news-bj { background-image:url(../images/news-ban.png); background-repeat:no-repeat; background-position:top center; height:215px;}
.case-bj { background-image:url(../images/case-ban.png); background-repeat:no-repeat; background-position:top center; height:215px;}
.rongyu-bj { background-image:url(../images/rongyu-ban.png); background-repeat:no-repeat; background-position:top center; height:215px;}



.foot { background-image:url(../images/foot.png); background-repeat:no-repeat; background-position:top center; height:100px;}
.foot-text { font-family:"微软雅黑"; font-size:12px; color:#FFF; font-weight:normal; line-height:20px;}

.j4 {font-size: 14px;font-weight: normal;color: #8f8f8f;text-decoration:none;font-family:"微软雅黑"; line-height:25px;}
.j4a {font-size: 12px;font-weight: normal;color: #fff;text-decoration:none;font-family:"微软雅黑"; line-height:25px;}
.j4b {font-size: 25px;font-weight: normal;color: #8d8d8d;text-decoration:none;font-family:"微软雅黑";; line-height:15px; padding-left:45px;}
.j4c {font-size: 14px;font-weight: normal;color: #8f8f8f;text-decoration:none;font-family:"微软雅黑"; line-height:21px;}
.j4d {font-size: 11px;font-weight: normal;color: #fff;text-decoration:none;font-family:"微软雅黑"; line-height:16px;}
.j4e {font-size: 13px;font-weight: normal;color: #fff;text-decoration:none;font-family:"微软雅黑"; line-height:18px;}
.j4f {font-size: 13px;font-weight: normal;color: #000;text-decoration:none;font-family:"微软雅黑"; line-height:18px;}
.j4g {font-size: 13px;font-weight: normal;color: #919b26;text-decoration:none;font-family:"微软雅黑"; line-height:20px;}
.j4h {font-size: 13px;font-weight: normal;color: #919b26;text-decoration:none;font-family:"微软雅黑"; line-height:22px;}

.bj { background:url(../images/topbj.png); height:130px;}
.bj1 { background:url(../images/topbj.png); height:110px;}
.to-bj { background:url(../images/to-bj.png); background-position:top left; background-repeat:no-repeat; height:59px;}

.bj2 { background:url(../images/bj2.jpg); height:314px;}

.yy{
border-spacing:10px;
-webkit-box-shadow:2px 2px 5px #9f9f9f;
-moz-box-shadow:2px 5px 5px #999;
}
.yy2{
border-spacing:10px;
-webkit-box-shadow:2px 2px 5px #9f9f9f;
-moz-box-shadow:2px 5px 5px #999;
border: 1px solid #d6d6d6;
}
.rightbj{ background:url(../images/rightbj.png); background-position:center bottom; background-repeat:no-repeat; line-height:36px;}
.leftbj{ background: url(../images/leftbj.png); background-position:center bottom; background-repeat:no-repeat; line-height:36px;}
.leftbj-content{ background: url(../images/left_bj2.png); background-position:center bottom; background-repeat:no-repeat; line-height:51px; text-indent:40px;}
.lefttitle{ font-family:"微软雅黑"; font-size:22px; color:#b1020c;}
.content_bj{ background: url(../images/pic18.jpg); background-position:center top; background-repeat:no-repeat;}

/* ---------------------------------------------------------------*/
a:link {
	font-family:"微软雅黑";
	color:#818181;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none
}
a:visited {
	font-family:"微软雅黑";
	font-weight: normal;
	font-size: 13px;
	color:#818181;
	text-decoration:none
}
a:hover {
	font-size: 13px;
	color: #b31b80;
	font-family:"微软雅黑";
	text-decoration: underline;
	font-weight: normal;
}
/* --------
/* ---------------------------------------------------------------*/
.a5:link {
	font-family:"微软雅黑";
	font-size: 13px;
	font-weight: normal;
	font-weight:bold;
	text-decoration:underline; padding-top:5px solid #000; 
	color:#929c26;
}
.a5:visited {
	font-family:"微软雅黑";
	font-weight: normal;
	font-size: 13px;
	font-weight:bold;
	text-decoration:underline; padding-top:5px solid #000; 
	color:#929c26;

}
.a5:hover {
	font-size: 13px;
	font-weight:bold;
	font-family:"微软雅黑";
	font-weight: normal;
	text-decoration:underline; padding-top:5px solid #000; 
	color:#fdd100;
}

/* ---------------------------------------------------------------*/
a.b1:link {
	font-family: Arial, Helvetica, sans-serif;
	color:#8f8f8f;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height:24px;
}
a.b1:visited {
	font-family: Arial, Helvetica, sans-serif;
	color:#8f8f8f;
}
a.b1:hover {
	color:red;
	text-decoration:underline;
}
/* ---------------------------------------------------------------*/
a.b2:link {
	font-family:"微软雅黑";
	color:#000;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none
}
a.b2:visited {
	font-family:"微软雅黑";
	font-weight: normal;
	font-size: 13px;
	color:#000;
	text-decoration:none
}
a.b2:hover {
	font-size: 13px;
	color: #000000;
	font-family:"微软雅黑";
	text-decoration: underline;
	font-weight: normal;
}
/* ---------------------------------------------------------------*/
a.c:link {
	font-family:"微软雅黑";
	color:#575757;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	line-height:24px;
}
a.c:visited {
	font-family:"微软雅黑";
	font-weight: normal;
	font-size: 16px;
	color:#575757;
	line-height:24px;
}
a.c:hover {
	font-size: 16px;
	color: #b31b80;
	font-family:"微软雅黑";
	font-weight: normal;
	line-height:24px;
	text-decoration: none;
}
/* ---------------------------------------------------------------*/
a.cd:link {
	font-family:"微软雅黑";
	color:#575757;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	line-height:24px;
}
a.cd:visited {
	font-family:"微软雅黑";
	font-weight: normal;
	font-size: 14px;
	color:#575757;
	line-height:24px;
}
a.cd:hover {
	font-size: 14px;
	color: #b31b80;
	font-family:"微软雅黑";
	font-weight: normal;
	line-height:24px;
	text-decoration: none;
}
/* ---------------------------------------------------------------*/
a.c3:link {
	font-family:"微软雅黑";
	color:#000;
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	line-height:24px;
	padding-left:40px;
}
a.c3:visited {
	font-family:"微软雅黑";
	font-weight: normal;
	font-size: 16px;
	color:#000;
	line-height:24px;
}
a.c3:hover {
	font-size: 16px;
	color:#d13637;
	font-family:"微软雅黑";
	font-weight: normal;
	line-height:24px;
	text-decoration:underline;
}
/* ---------------------------------------------------------------*/
a.c4:link {
	font-family:"微软雅黑";
	color:#fff200;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	line-height:24px;
}
a.c4:visited {
	font-family:"微软雅黑";
	font-weight: normal;
	font-size: 18px;
	color:#fff200;
	line-height:24px;
}
a.c4:hover {
	font-size: 18px;
	color:#fff;
	font-family:"微软雅黑";
	font-weight: normal;
	line-height:24px;
	text-decoration:underline;
}
.j1 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: DASHED;
	border-right-style: DASHED;
	border-bottom-style: DASHED;
	border-left-style: DASHED;
	border-top-color: #dedede;
	border-right-color: #dedede;
	border-bottom-color: #dedede;
	border-left-color: #dedede;
}
.j1a {
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dedede;
	border-right-color: #dedede;
	border-bottom-color: #dedede;
	border-left-color: #dedede;
}
.j1b {	border-bottom:1px solid #dedede;}
.td {
BORDER-LEFT: #C7C7C7 0PX DASHED; 
BORDER-RIGHT: #539734 0PX DASHED; 
BORDER-TOP: #C7C7C7 0PX DASHED; 
BORDER-BOTTOM: #C7C7C7 1PX DASHED}

.td1 {BORDER-top:#ededed 1PX solid}
.td2 {BORDER:#e7e7e7 1PX solid}
.td3 {BORDER-BOTTOM:#c7c7c7 1PX solid}
.td4 {BORDER-BOTTOM:#fff 10PX solid; background:#f3f3f3; padding-left:20px;}
.td5 {BORDER-left:#000 1PX solid;}

.j1-a1 {border-bottom: 1px solid #a6a6a6;}
.j1-a2 {border-top: 5px solid #2c2724;}
.indextitle {font-size: 19px;font-weight: normal;color: #000;text-decoration:none;line-height: 25px;font-family:"微软雅黑";}
.indextitle00 {font-size: 24px;font-weight: normal;color: #000;text-decoration:none;line-height: 25px;font-family:"微软雅黑"; text-transform:uppercase;}

.indextitle2 {font-size:13px;font-weight: normal;color: #333333;text-decoration:none;line-height: 25px;font-family: Arial, Helvetica, sans-serif; text-transform: none;}

.indextitle2-2 {font-size:13px;font-weight: normal;color: #012169;text-decoration: underline;line-height: 25px;font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;}
.indextitle2-3 {font-size:13px;font-weight: normal;color: #000;text-decoration:none;line-height: 20px;font-family: Arial, Helvetica, sans-serif; text-transform: none;}
.indextitle2-4 {font-size:18px;font-weight: normal;color: #127bc9;text-decoration: none;line-height: 20px;font-family:"微软雅黑"; padding-left:5px;}
.indextitle2-4en {font-size:12px;font-weight: normal;color: #6d6d6d;text-decoration: none;line-height: 20px;font-family:"微软雅黑"; padding-left:5px;}


.content-title {font-size: 19px;font-weight: normal;color: #737373;text-decoration:none;line-height: 25px;font-family:"微软雅黑"; background:url(../images/con_09.png); background-repeat:no-repeat; background-position:bottom;}
.content-title2 {font-size: 19px;font-weight: normal;color: #fff;text-decoration:none;line-height: 25px;font-family:"微软雅黑"; text-indent:15px; }

.job_bj{ background-image: url(../images/job-bj.png); background-position:bottom right; background-repeat:no-repeat;}
.job_bj2{ background-image: url(../images/job_bj2.png); background-position:bottom right; background-repeat:no-repeat;}

a.cc2:link {
	font-family:"微软雅黑";
	color:#fff;
	font-size: 15px;
	font-weight: normal;
	text-decoration:none;
	line-height:20px;
}
a.cc2:visited {
	color:#fff;
}
a.cc2:hover {
	color: #bc1981 !important;
	text-decoration:underline;
}
/*-------------------------*/
a.cc2a:link {
	font-family:"微软雅黑";
	color:#fff;
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
	line-height:20px;
}
a.cc2a:visited {
	color:#fff;
}
a.cc2a:hover {
	color: #bc1981 !important;
	text-decoration:underline;
}
/*-------------------------*/
a.cc2aa:link {
	font-family:"微软雅黑";
	color:#fff;
	font-size: 14px;
	font-weight: normal;
	text-decoration:none;
	line-height:20px;
}
a.cc2aa:visited {
	color:#fff;
}
a.cc2aa:hover {
	color: #0000 !important;
	text-decoration:underline;
}
/*-------------------------*/
a.cc2-3:link {
	font-family:"微软雅黑";
	color:#585858;
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
	line-height:20px;
}
a.cc2-3:visited {
	color:#585858;
}
a.cc2-3:hover {
	color: #b86d3b;
	font-weight:normal;
}
/*-------------------------*/
a.cc2-4:link {
	font-family:"微软雅黑";
	color:#8a8a8a;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
	line-height:20px;
}
a.cc2-4:visited {
	color:#8a8a8a;
	font-weight: bold;
}
a.cc2-4:hover {
	color: #b86d3b;
	font-weight: bold;
}
/*-------------------------*/
a.cc2-2:link {
	font-family:"微软雅黑";
	color:#000;
	font-size: 16px;
	font-weight: normal;
	text-decoration:none;
	line-height:20px;
}
a.cc2-2:visited {
	color:#000;
}
a.cc2-2:hover {
	color: #e2c572;
}
/*-------------------------*/
a.cc3:link {
	font-family:"微软雅黑";
	color:#aaaaaa;
	font-size:16px;
	font-weight: normal;
	text-decoration:none;
	padding-left:10px;
}
a.cc3:visited {
	color:#aaaaaa;
}
a.cc3:hover {
	color: #054b8b;
}
/*-------------------------*/
a.cc4:link {
	font-family:"微软雅黑";
	color:#000;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	line-height:24px;
}
a.cc4:visited {
	font-family:"微软雅黑";
	font-weight: normal;
	font-size: 18px;
	color:#000;
	line-height:24px;
}
a.cc4:hover {
	font-size: 18px;
	color:#054b8b;
	font-family:"微软雅黑";
	font-family:"微软雅黑";
	font-weight: normal;
	line-height:24px;
	text-decoration: underline;
}
/*-------------------------*/
.foot-title2 {font-size: 13px;font-weight: normal;color: #6094c3;text-decoration:none;font-family:  line-height:25px; letter-spacing:1px;}
.bar-com { background-image:url(../images/contact_02.png); background-position:top center; background-repeat:no-repeat;height:259px;}

.bar-ry { background-image:url(../images/rongyu_02.png); background-position:top center; background-repeat:no-repeat; height:259px;}
.bar-xx { background-image:url(../images/xingxiang_02.png); background-position:top center; background-repeat:no-repeat; height:259px;}
.bar-pro { background-image:url(../images/pro_02.png); background-position:top center; background-repeat:no-repeat; height:259px;}
.bar-news { background-image:url(../images/news_02.png); background-position:top center; background-repeat:no-repeat; height:259px;}
.bar-ly { background-image:url(../images/ly.png); background-position:top center; background-repeat:no-repeat;height:259px;}
.bar-job { background-image:url(../images/job_02.png); background-position:top center; background-repeat:no-repeat; height:259px;}
.bar-par { background-image:url(../images/par_02.png); background-position:top center; background-repeat:no-repeat; height:259px;}
.bar-case { background-image:url(../images/case_02.png); background-position:top center; background-repeat:no-repeat;height:259px;}
.bar-hexin { background-image:url(../images/hexin_02.png); background-position:top center; background-repeat:no-repeat;height:259px;}

#topc{ margin:auto;left:0;right:0;text-align:center; z-index:99999;}
#top-menu{
/*position:fixed;此定义为浮动图层*/
margin:auto;left:0;right:0;margin-top:22px;text-align:center;width:100%;z-index:9999; position:fixed;}
#top-menu2{
/*position:fixed;此定义为浮动图层*/
margin:auto;left:0;right:0;margin-top:0px;text-align:center;width:100%;z-index:999999; position:fixed;}


.index-cen-topbj { background:url(../images/index_13.png); background-position:top center; background-repeat:no-repeat;}
.m-bj{ background:url(../images/maps.png); background-repeat:no-repeat; background-position:top center; height:949px;}


.con-barbj3{ background:url(../images/com-bar.png); background-repeat:no-repeat; background-position:top center; height:820px;}
.com-bar2{ background:url(../images/COMPONY_26.png); background-repeat:no-repeat; background-position:top center; height:481px;}


#wrap{margin:auto;left:0;right:0;margin-top:-175px;text-align:center;width:1200px;position:absolute;z-index:9999;}
#wrap2{margin:auto;left:0;right:0;margin-top:-275px;text-align:center;width:1200px;position:absolute;z-index:9999;}

.product-title{ font-family:"微软雅黑"; font-size:72px; line-height:75px; color:#000; font-weight:normal;}
.product-ti{ font-family:"微软雅黑"; font-size:72px; line-height:75px; color:#000; font-weight:normal;}
.product-t2{ font-family:"微软雅黑"; font-size:24px; line-height:40px; color:#000; padding-top:33px; font-weight:normal;}
.product-t3{ font-family:"微软雅黑"; font-size:20px; line-height:30px; color:#333; padding-top:33px; font-weight:normal;}

.hatch ul li a{ display:block; overflow:hidden;}
.hatch ul li a img{ display:block; -moz-transition:all 0.3s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;transition:all 0.5s; }
.hatch ul li a:hover img{-webkit-transform:scale(1.15);-moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;transition:all 0.3s;}
/**************图片缩放***************/

.job ul li a:hover img{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transition:all 1s;}
/**************圆圈旋转***************/


.pro-item{ width:220px; height:220px; float:left; margin-right:20px; margin-bottom:20px; position:relative;}
.pro-item a{ display:block; text-align:center; color:#fff; height:220px; overflow:hidden;}
.pro-ico{ width:64px; height:64px; display:block; margin:0 auto 40px; padding-top:45px;}
.pro-text{ font-size:18px; font-family: "微软雅黑"}


.pro-item:hover .pro-ico{
	-webkit-animation: toRightFromLeft 0.5s forwards;
	-moz-animation: toRightFromLeft 0.5s forwards;
	animation: toRightFromLeft 0.5s forwards;
}
@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}
.pro-item:hover .pro-text{
	-webkit-animation: toLeftFromRight 0.5s forwards;
	-moz-animation: toLeftFromRight 0.5s forwards;
	animation: toLeftFromRight 0.5s forwards;
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
/********解决方案介绍-字体和图片左右滑动效果******/

