@charset "utf-8";
/* CSS Document */
body {
	width: 100%;
	height: 100%
}

html,body,div,p,ul,li,a,img,input,label,form,h1,h2,h3,h4,h5,h6,hr,textarea,b {
	font-style: normal;
	font-size: 14px;
	border: 0;
	font-family: 'Microsoft YaHei','微软雅黑';
	outline: 0;
	margin: 0;
	padding: 0
}

ul,li {
	list-style: none
}

a {
	text-decoration: none;
	color: #333;
	transition: background-color .35s;
	-webkit-transition: background-color .35s
}

.clear {
	clear: both
}

*{ font-family:"微软雅黑"; outline:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;} 
body,dl,dd,h1,h2,h3,h4,h5,h6,p, from{margin:0;} ol,ul,li,img{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
input,img,textarea{ border:none; border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;}
/*body > .qing{ min-width:1250px;}*/
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ }
img, input{ border:0;}
input,textarea,select {outline:none;} 
a div, a span{ cursor:pointer;}
textarea{ resize:none;}/*防止textarea放大时，三个斜线被放大*/
ul li{ list-style:none;}
.qing{ display:block; clear:both; }
.juzhong{ width:1250px; display:block; margin-left:auto; margin-right:auto;}

.lf{ display:block; float:left;}
.rf{ display:block; float:right;}

.logobox {
	width: 280px;
	height: 108px;
	display: table;
	margin-left: 20px;
}

#logoimgbox {
	display: table-cell;
	vertical-align: middle;
}

	#logoimgbox img {
		max-height: 100px;
		max-width: 286px;
	}


/*
*, *:before, *:after{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
*/
/*img{ display:block;}*/
.shu14 img, .shu12 img{ display:inline !important; max-width:100% !important; height:auto !important;vertical-align:top; }
.shu14{ line-height:30px; color:#555; font-size:14px;}
.shu12{ line-height:30px; color:#555; font-size:12px;}
body{ background:#f6f6f6;}
/********************* index ***************************/
.header{ display:block; background:#fff; height:108px; }
.nav{ display:block; float:left !important; padding-top:38px;margin-left:30px; line-height:36px; font-size:16px; color:#d0d0d0;}
.nav li{ display:block; float:left; height:70px; line-height:36px; font-size:16px; color:#d0d0d0;}
.nav li a{ display:block; float:left; padding:0 16px; margin:0 14px; height:36px; overflow:hidden; border:2px solid #fff; line-height:32px; font-size:16px; color:#424242;font-weight:bold;}
.nav li:after { content:"|"; float:left; }
.nav:before{ content:"";float:left; }
.nav li a span{ display:block; position:relative; top:0;}
.nav li.on a, .nav li:hover a{ border-color:#05a;}
.nav li.on a span, .nav li:hover a span{ top:-90%; color:#05a;}
/*nav-main*/
/*隐藏盒子位置设置*/
div.hidden-box{
    position: absolute; overflow:hidden;
    display:none; padding:10px 15px 24px;
	background: url(../images/nabg.png) repeat;
    top:90px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px; z-index:99;
}
.erj a{ display:block; border-bottom:1px solid #ddd; text-align:center; line-height:38px; font-size:14px; color:#333;}
.erj a:visited{ color:#494949;}
.erj a:hover{ color:#05a; border-bottom-color:#05a;}
#box-1{ left:112px; min-width:132px; }
#box-2{ left:246px; min-width:132px; }
#box-3{ left:378px; min-width:132px;}
#box-4{ left:510px; min-width:132px;}
#box-5{ left:642px; min-width:132px;}
#box-6{ left:774px; min-width:132px;}
/*input*/
.souk{ background: url(../images/sou.png) left bottom no-repeat; margin-top:38px; margin-left:57px; float:left; width:245px; height:36px; }
.sous{ display:block; float:left; width:180px; height:36px; background-color:transparent !important; padding:0 15px; line-height:36px !important; font-size:12px; color:#555;}
.souc{ display:block; float:left; width:30px; height:36px; background-color:transparent !important; cursor:pointer;}
/*banner*/
.bank{ height:502px; position:relative;}
/* main_image */
.main_visual{height:502px; overflow:hidden;position:relative;}
.main_image{height:502px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:502px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:502px;}
.main_image li a{display:block;width:100%;height:680px;}
div.flicking_con{position:absolute;bottom:30px; z-index:999;width:100%;height:4px; text-align:center;}
div.flicking_con a{ width:47px;height:4px;margin:0 7px;padding:0;background:#fff;display: inline-block;text-indent:-10000px}
div.flicking_con a.on{background:#05a;}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/ban_left.png) no-repeat left center;left:30px;}
#btn_next{background:url(../images/ban_right.png) no-repeat right center;right:30px;}
/*product*/
.cptik{ display:block; overflow:hidden; padding-top:39px;}
.cpti-cn{ line-height:24px; font-size:16px; color:#212121;}
.tabPanel{ position:relative; z-index:3; margin-top:-42px;}
.tabPanel ul{height:72px; float:right;}
.tabPanel ul li{ float:left; margin-left:25px; height:38px; overflow:hidden; padding:0 18px; border:1px solid #bdbdbd; line-height:36px; color:#212121; font-size:14px; cursor:pointer;}
.tabPanel ul li span{ display:block; position:relative; top:0;}
.tabPanel .hit, .tabPanel li:hover{ border-color:#05a; color:#05a;}
.tabPanel ul li.hit span, .tabPanel ul li:hover span{ top:-100%;}
.panes{ display:block; clear:both;}
.pane{ min-height:100px; display:none;}
.cpk{ display:block;}
.cpk dd{ display:block; float:left; position:relative; margin-left:32px; margin-bottom:34px; width:395px; height:auto;}
.cpk dd:nth-child(3n+1){ margin-left:0;}
.cpyk{ display:block; height:20px; background:url(../images/cpy1.png) center top no-repeat;}
.cpk dd:hover .cpyk{ background:url(../images/cpy2-blue.png) center top no-repeat;}
.cpnr{ display:block; position:relative; background:#FFF; padding:33px 35px 0; height:373px; overflow:hidden;}
.cptu{ display:block; width:325px; height:286px; overflow:hidden; margin-bottom:52px;}
.cpm1{ display:block; position:absolute; top:260px; margin-bottom:7px; line-height:26px; font-size:14px; color:#373737; z-index:3;}
.more1{ display:block;  width:0; height:26px;  position:relative; z-index:3; }
.more1 span{ display:block; margin-left:220px; width:82px;background: url(../images/moj1.png) right center no-repeat; line-height:24px; font-size:12px; color:#05a; font-family:Arial, Helvetica, sans-serif;}
.cpk dd:hover .cpm1{ font-size:15px; color:#05a;}
.cpk dd:hover .more1, .sok:hover .more1, .serk dd:hover .more1 { width:82px; margin-left:240px;}
.cpk dd:hover .more1 span, .sok:hover .more1 span, .serk dd:hover .more1 span{  margin-left:0; background: url(../images/moj2-blue.png) right center no-repeat;}
.cpk dd:hover .cptu img{
transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);
}
/*solution*/
.sobg{ background:#FFF; padding:0 0 38px; overflow:hidden;}
.more2{ display: block; float:right; width:100px; height:38px; margin-top:16px; padding-left:15px; overflow: hidden; border:1px solid #bdbdbd; background:url(../images/mojj1.png) center center no-repeat; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:36px; color:#737373;}
.more2:hover{ color:#05a; border-color:#05a; background:url(../images/mojj2-blue.png) center center no-repeat;}
.sok0{ display:block; padding-top:34px;}
.sok{ margin:0 92px; position:relative;}
.sok1{ display:block; border:2px solid #f1f1f1; margin-left:47px; height:227px; padding:27px 40px 30px 263px;}
.soj-ti{ display:block; margin-bottom:18px; font-size:16px; line-height:33px; color:#010101;}
.soj-ti:visited{ color:#010101;}
.soj-js{ display:block; margin-bottom:18px; font-size:12px; line-height:24px; color:#656464;}
.soj-js:visited{ color:#656464;}
.sotu{ display:block; position:absolute; top:29px; left:0;}
.sotu1{ display:block; position:relative; width:224px; height:221px; overflow:hidden; z-index:2; top:0; left:0;}
.sotu2{ display:block; position:absolute; width:224px; height:221px; background:#e4e4e4; z-index:1; top:10px; left:10px;}
.sok:hover .soj-ti{ text-indent:8px; color:#05a;}
.sok:hover .soj-js{ text-indent:12px; color:#222;}
.sok:hover .sotu1{ top:-5px; left:-5px;}
.sok:hover .sotu2{ top:15px; left:15px;}
/* main_image */
.main_visual-so{height:240px; overflow:hidden;position:relative;}
.main_image-so{height:240px;overflow:hidden;position:relative;}
.main_image-so ul{width:9999px;height:240px;overflow:hidden;position:absolute;top:0;left:0}
.main_image-so li{float:left;width:100%;height:240px;}
div.flicking_con-so{position:absolute;bottom:-30px; z-index:999;width:100%;height:4px; text-align:center;}
div.flicking_con-so a{ width:47px;height:4px;margin:0 7px;padding:0;background:#d85f6b;display: inline-block;text-indent:-10000px}
div.flicking_con-so a.on{background:#ffd6da;}
#btn_prev-so,#btn_next-so{z-index:11111;position:absolute;display:block;width:48px!important;height:48px!important;top:50%;margin-top:-24px;display: block;}
#btn_prev-so{background:url(../images/soj1.jpg) no-repeat left top;left:0px;}
#btn_next-so{background:url(../images/soj2.jpg) no-repeat right top;right:0px;}
/**service**/
.serk0{ padding:28px 0 43px; overflow:hidden;}
.serk{ display:block;}
.serk dd{ display:block; float:left; margin-left:32px; width:327px; height:188px; background:#FFF; padding:28px 34px 25px;}
.serk dd:first-child{ margin-left:0;}
.ser-inti{ display:block; margin-bottom:20px; font-size:14px; line-height:26px; color:#424242;}
.ser-inti:visited{ color:#424242;}
.ser-injs{ display:block; margin-bottom:22px; font-size:12px; line-height:24px; color:#7b7b7b;}
.ser-injs:visited{ color:#7b7b7b;}
.serk dd:hover .ser-inti{ margin-bottom:14px; font-size:16px; color:#05a;}
.serk dd:hover .ser-injs{ color:#000; text-indent:14px;}
/* main_image */
.main_visual-ser{height:238px; overflow:hidden;position:relative;}
.main_image-ser{height:238px;overflow:hidden;position:relative;}
.main_image-ser ul{width:9999px;height:238px;overflow:hidden;position:absolute;top:0;left:0}
.main_image-ser li{float:left;width:100%;height:238px;}
div.flicking_con-ser{position:absolute;bottom:0px; z-index:999;width:100%;height:4px; text-align:center;}
div.flicking_con-ser a{ width:47px;height:4px;margin:0 7px;padding:0;background:#dbdbdb;display: inline-block;text-indent:-10000px}
div.flicking_con-ser a.on{background:#05a;}
#btn_prev-ser,#btn_next-ser{z-index:11111;position:absolute;display:block;width:48px!important;height:48px!important;top:50%;margin-top:-24px;display: block;}
#btn_prev-ser{background:url(../images/soj1.jpg) no-repeat left top;left:-100px;}
#btn_next-ser{background:url(../images/soj2.jpg) no-repeat right top;right:-100px;}
/*foot*/
.fobg{ background:#353535; padding-top:35px; overflow:hidden;}
.baq{ border-top:1px solid #464646; line-height:56px; font-size:12px; color:#7f7e7e;}
.baq a, .baq a:visited{ color:#7f7e7e;}
.fonav{ display:block; float:left; overflow:hidden; margin-bottom:32px;}
.fonav li{ display:block; float:left; width:145px; padding-right:40px;}
.fonav li p{ display:block; margin-bottom:26px; position:relative; border-bottom:1px solid #474747; line-height:36px; color:#c6c6c6; font-size:14px;}
.fonav li p b{ display:block; position:absolute; width:24px; height:3px; background:#05a; left:0; bottom:-2px;}
.fonav li a{ display:block; font-size:12px; color:#a8a8a8; line-height:30px;}
.fonav li a:hover{ color:#eee; padding-left:4px;}
.fonav li:hover p b{ left:126px;}
/*ad*/
.adk{ width:475px; min-height:175px; border-left:1px solid #4a4a4a; padding-left:33px;}
.add{ display:block; clear:both; height:36px; line-height:36px; font-size:14px; color:#999; }
.add img{ float:left; margin-right:13px;}
.add span{ font-size:24px;}
.fowei{ padding-top:17px;}
.fowei a{ display:block; float:left; margin-right:60px;}
/************************product************************/
.ban-cp{ display:block; height:502px; position:relative; overflow:hidden;}
.cpnj{ display:block; position:relative; z-index:2; padding-top:60px;}
.cpnj-cnti{ display:block; text-align:center; line-height:38px; font-size:32px; color:#FFF;}
.cpnj-enti{ display:block; margin-bottom:16px;}
.cpnj-enti img{ margin:0 auto;}
.cpnj-js{ height:102px; text-align:center; line-height:30px; color:#fff; font-size:14px;}
.cp-class{ display:block;}
.cp-class table{ margin:0 auto;}
.cp-class a{ display:block; overflow:hidden; margin:0 40px; float:left;}
.cpb-tuk{ display:block; width:146px; position:relative; height:163px; margin:0 auto 16px; overflow:hidden; background:url(../images/cpb-bg2.png) center center no-repeat;}
.cpb-tuk1{ display:block; position:absolute; top:0;left:0;}
.cpb-tuk10{ display:block; position:absolute; top:0; left:-100%;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);		/* IE 9 */
-webkit-transform: rotate(-90deg);	/* Safari and Chrome */
-o-transform: rotate(-90deg);		/* Opera */
-moz-transform: rotate(-90deg);}
.cpb-tum{ height:30px; overflow:hidden; text-align:center; font-size:18px; color:#FFF; line-height:30px;}
.cpb-tum span{ display:block; position:relative; top:0;}
.cp-class a:hover .cpb-tum span, .cp-class a.on .cpb-tum span{ top:-100%}
.cp-class a:hover .cpb-tuk, .cp-class a.on .cpb-tuk{ background:url(../images/cpb-bg1.png) center center no-repeat;}
.cp-class a:hover .cpb-tuk1, .cp-class a.on .cpb-tuk1{left:100%;
transform: rotate(90deg);
-ms-transform: rotate(90deg);		/* IE 9 */
-webkit-transform: rotate(90deg);	/* Safari and Chrome */
-o-transform: rotate(90deg);		/* Opera */
-moz-transform: rotate(90deg);}
.cp-class a:hover .cpb-tuk10, .cp-class a.on .cpb-tuk10{left:0;
transform: rotate(0deg);
-ms-transform: rotate(0deg);		/* IE 9 */
-webkit-transform: rotate(0deg);	/* Safari and Chrome */
-o-transform: rotate(0deg);		/* Opera */
-moz-transform: rotate(0deg);}
.ban-cpx{ display:block; width:0; height:1px; position:absolute; top:180px; background:url(../images/ban-cpx.png) center center no-repeat; z-index:1;}
.ban-cpx{
	animation:ban-cpx 1s linear 0.5s both;
	-moz-animation:ban-cpx 1s linear 0.5s both;
	-webkit-animation:ban-cpx 1s linear 0.5s both;
	-o-animation:ban-cpx 1s linear 0.5s both;
}
@keyframes ban-cpx
{
0%   { width:0; left:50%;}
100% {width:100%; left:0;}
}

@-moz-keyframes ban-cpx
{
0%   { width:0; left:50%;}
100% {width:100%; left:0;}
}

@-webkit-keyframes ban-cpx
{
0%   { width:0; left:50%;}
100% {width:100%; left:0;}
}
@-o-keyframes ban-cpx
{
0%   { width:0; left:50%;}
100% {width:100%; left:0;}
}

.ban-cp0, .coo10{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-size: cover !important; z-index:0;}
.ban-cp0, .coo10{
	animation: ban-cp1 8s linear infinite alternate both;
	-moz-animation: ban-cp1 8s linear infinite alternate both;
	-webkit-animation: ban-cp1 8s linear infinite alternate both;
	-o-animation: ban-cp1 8s linear infinite alternate both;
}
@keyframes ban-cp1
{
0%   {transform: scale(1);
-ms-transform: scale(1);	/* IE 9 */
-webkit-transform: scale(1);	/* Safari 和 Chrome */
-o-transform: scale(1);	/* Opera */
-moz-transform: scale(1);}
100% {transform: scale(1.2);
-ms-transform: scale(1.2);	/* IE 9 */
-webkit-transform: scale(1.2);	/* Safari 和 Chrome */
-o-transform: scale(1.2);	/* Opera */
-moz-transform: scale(1.2);}
}

@-moz-keyframes ban-cp1
{
0%   {transform: scale(1);
-ms-transform: scale(1);	/* IE 9 */
-webkit-transform: scale(1);	/* Safari 和 Chrome */
-o-transform: scale(1);	/* Opera */
-moz-transform: scale(1);}
100% {transform: scale(1.2);
-ms-transform: scale(1.2);	/* IE 9 */
-webkit-transform: scale(1.2);	/* Safari 和 Chrome */
-o-transform: scale(1.2);	/* Opera */
-moz-transform: scale(1.2);}
}

@-webkit-keyframes ban-cp1
{
0%   {transform: scale(1);
-ms-transform: scale(1);	/* IE 9 */
-webkit-transform: scale(1);	/* Safari 和 Chrome */
-o-transform: scale(1);	/* Opera */
-moz-transform: scale(1);}
100% {transform: scale(1.2);
-ms-transform: scale(1.2);	/* IE 9 */
-webkit-transform: scale(1.2);	/* Safari 和 Chrome */
-o-transform: scale(1.2);	/* Opera */
-moz-transform: scale(1.2);}
}

@-o-keyframes ban-cp1
{
0%   {transform: scale(1);
-ms-transform: scale(1);	/* IE 9 */
-webkit-transform: scale(1);	/* Safari 和 Chrome */
-o-transform: scale(1);	/* Opera */
-moz-transform: scale(1);}
100% {transform: scale(1.2);
-ms-transform: scale(1.2);	/* IE 9 */
-webkit-transform: scale(1.2);	/* Safari 和 Chrome */
-o-transform: scale(1.2);	/* Opera */
-moz-transform: scale(1.2);}
}
/*product list*/
.pro-list{ display:block; padding-top:60px; overflow:hidden; padding-bottom:20px;}
/**service**/
.ban-ser{ height:428px; position:relative; overflow:hidden;}
.sernk00{ margin-top:-144px; margin-bottom:66px;}
.marquee2{width:1250px;height:68px; height:620px; overflow:hidden;}
.sernk{ display:block; position:relative; z-index:4; margin-left:-16px;}
.sernk dd{ display:block; float:left; width:427px; height:auto; margin-bottom:42px; padding:0 16px;}
.sernr{ background:#FFF; padding:24px 36px 30px; width:395px; height:620px;}
.sern-ti{ display:block; margin-bottom:15px; font-size:18px; color:#424242; line-height:32px;}
.sern-js{ display:block;}
.sernk00 .control{ display:block; position: absolute !important; width:1250px !important;}
.sernk00 .control a{ display:block; width:36px; height:68px; top:-335px; position:absolute !important; background:#e4e4e4; line-height:68px; font-size:32px; color:#222; font-weight:bold; text-align:center; font-family:"宋体"; z-index:33;}
.sernk00 .control a#goL{ right:-36px; background:url(../images/qiez2.png) left center no-repeat;}
.sernk00 .control a#goR{ left:-36px; background:url(../images/qiez1.png) right center no-repeat;}
.sucai1{ width:328px; height:517px; overflow: auto; padding-right:20px; }
/**about**/
.ban-ab{ height:703px; position:relative; overflow:hidden; padding-top:6px;}
.cpnj-js2{ text-align:left; height:auto;}
.cpnj-cnti2{ display:block; font-size:22px; margin-bottom:17px;}
.cpnj-enti2{ margin-bottom:24px;}
.adkk{ border:1px solid #ca7a7a; padding:30px;}
#sucai{width:1190px;height:240px; position:relative; padding-right:40px;overflow:hidden; border-right:1px solid #ca7a7a;}
/*企业文化*/
.qyk{ display:block; position: relative; z-index:3; margin-top:-220px; min-height:398px; margin-bottom:44px;}
.qywh{ display:block; padding-top:7px;}
.qywh img{ float:left;}
/*honor*/
.cpnj-cnti3{ display:block; color:#2c2c2c;}
.zzk{ display:block; overflow:hidden; margin-bottom:40px;}
.zzk dd{ display:block; width:234px; height:314px; float:left; padding:13px; margin-left:20px; margin-bottom:20px; background:url(../images/zzk.jpg) center center no-repeat; }
.zzk dd:nth-child(5n+1){ margin-left:0;}
.zztu{ display:block; width:208px; height:288px; overflow:hidden;}
.zzk dd:hover .zztu img{
transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);
}
/*news*/
.nelb{ display:block; overflow:hidden; overflow:hidden;}
.nelb dd{ display:block; width:610px; height:190px; float:left; background:#f6f6f6; padding:26px 30px; margin-bottom:30px; margin-left:30px; }
.nelb dd:nth-child(2n+1){ margin-left:0;}
.ne-da{ display:block; margin-bottom:12px; line-height:24px; font-size:12px; color:#737373;}
.ne-ti{ display:block; margin-bottom:15px; line-height:28px; font-size:16px; color:#252525; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ne-ti:visited{color:#252525;}
.ne-js{ display:block; line-height:24px; font-size:12px; color:#838383;}
.ne-js:visited{color:#838383;}
.nelb dd:hover .ne-ti{ text-indent:8px; color:#05a;}
.nelb dd:hover .ne-js{  text-indent:8px; color:#222;}
.yema{ overflow:hidden; margin-bottom:40px; padding:20px 15px; background:#f6f6f6; overflow:hidden; border-bottom:1px solid #cfcfcf; border-top:1px solid #ddd;}
.yema table{ margin:0 auto;}
.yema a{ display:block; padding:0 12px; line-height:32px; overflow:hidden; height:34px; font-size:14px; color:#444; float:left; border:1px solid #cfcfcf; margin:0 4px;}
.yema a span{ display:block; position:relative; top:0;}
.yema a:hover, .yema a.on{ display:block; border-color:#05a; background:#05a;  color:#fff;}
.yema a:hover span, .yema a.on span{ color:#fff; top:-100%; }
/**cooperative**/
.coo{ display:block; overflow:hidden;}
.coo1{ display:block; float:left; width:50%; height:502px; position:relative; overflow:hidden; }
.coo2{ display:block; float:left; width:50%; height:502px; background:#f6f6f6; overflow:hidden;}
.coo20{ display:block; width:625px; padding:68px 0 10px 48px;}
.hz-enti{  margin-bottom:14px;}
.hz-cnti{ line-height:36px; font-size:32px; color:#2c2c2c;}
.hz-jsk{ height:95px; font-size:14px; line-height:30px; color:#535353;}
.hztuk{ display:block; overflow:hidden;}
.hztuk img{ display:block; float:left; width:180px; height:83px; border:1px solid #ddd; margin-left:18px; margin-bottom:18px;}
.hztuk img:nth-child(3n+1){ margin-left:0;}
/* main_image */
.main_visual-ho{height:218px; overflow:hidden;position:relative;}
.main_image-ho{height:218px;overflow:hidden;position:relative;}
.main_image-ho ul{width:9999px;height:218px;overflow:hidden;position:absolute;top:0;left:0}
.main_image-ho li{float:left;width:100%;height:218px;}
div.flicking_con-ho{position:absolute;bottom:0px; z-index:999;width:100%;height:14px; text-align:center;}
div.flicking_con-ho a{ width:14px;height:14px;margin:0 4px;padding:0; border:1px solid #565656; display: inline-block;text-indent:-10000px; border-radius:50%;}
div.flicking_con-ho a.on{ border:1px solid #05a;}
#btn_prev-ho,#btn_next-ho{z-index:11111;position:absolute;display:block;width:71px!important;height:71px!important;top:50%;margin-top:-37px;display: block;}
#btn_prev-ho{background:url(../images/baz1.png) no-repeat left top;left:-100px;}
#btn_next-ho{background:url(../images/baz2.png) no-repeat right top;right:-100px;}
/****************product-view******************/
.cpl{ overflow:hidden; padding:44px 0 30px;}
.cpnrk{ display:block; overflow:hidden; position:relative; background:#FFF; margin-bottom:60px; border-radius:12px; -moz-border-radius:12px; -webkit-border-radius:12px; -o-border-radius:12px;}
.cpnrk2{ display:block; margin-left:293px; padding:42px 42px 60px;}
.cpnd-ti{ display:block; margin-bottom:30px; text-align:center; font-size:24px; line-height:40px; color:#2f2f2f;}
.cpnrk1{ display:block; position: absolute; width:293px; height:100%; background:#f4f4f4; padding:32px 0 60px;}
.cpnrk1 a{ display:block; position:relative; height:40px; padding-left:33px; line-height:40px; color:#373737; font-size:16px; }
.cpnrk1 a:visitd{ color:#373737;}
.cpnrk1 a.on, .cpnrk1 a:hover{ color:#05a; background:#FFF;}
.cpnrk1 a b{ display:block; position:absolute; width:5px; height:0; background:#05a; right:0; top:50%; margin-top:0;}
.cpnrk1 a:hover b, .cpnrk1 a.on b{ height:22px;top:50%; margin-top:-11px;}
/********solution***********/
.so-list{ display:block; overflow:hidden; padding-top:48px;}
.so-list dd{ display:block; overflow:hidden; margin-bottom:38px;}
.so-list dd .sok{ margin:0; }
.so-list dd .sok1{ border:2px solid #e4e4e4; }
/*方案*/
.sofa{ padding-top:82px;}
.marquee1{width:1178px; height:68px;overflow:hidden; background: rgba(255, 255, 255, 0.8) !important; border-left:1px solid #e1c6c6; border-right:1px solid #e1c6c6; margin:0 36px;}
.marquee1 ul li{ display:block; float:left;line-height:68px; font-size:16px; color:#222; border-right:1px solid #e1c6c6;}
.marquee1 ul li a{ display:block; height:68px; padding:0 50px; overflow:hidden; }
.marquee1 ul li a, .marquee1 ul li a:visited{color:#222;}
.marquee1 ul li a span{ display:block; position:relative; top:0;}
.marquee1 ul li:hover a, .marquee1 ul li.on a{ border-top:5px solid #05a; background:#FFF;}
.marquee1 ul li:hover a span, .marquee1 ul li.on a span{ top:-73px; color:#222;}
.control{ display:block; position:relative;}
.control a{ display:block; width:36px; height:68px; position:absolute; top:-68px; background:#e4e4e4; line-height:68px; font-size:32px; color:#222; font-weight:bold; text-align:center; font-family:"宋体";}
.control a#goL{ right:0; background:url(../images/jtz2.png) center center no-repeat;}
.control a#goR{ left:0; background:url(../images/jtz1.png) center center no-repeat;}
/**************solution-view**************/
.sony{ display:block; position:relative; margin-top:45px; margin-bottom:60px; background:#FFF; padding:40px 40px 60px; overflow:hidden; border-radius:14px;}
.fank{ display:block; margin-top:40px; border-top:1px solid #ddd; padding-top:30px;}
.fan1{ display:block; width:800px; float:left; overflow:hidden; font-size:12px; color:#888; line-height:24px;}
.fan1 a{ display: block;}
.fan1 a, .fan1 a:visited{ color:#888;}
.fan1 a:hover span{ color:#222;}
.fanh{ display:block; float:right; border:2px solid #ddd; width:110px; height:38px; overflow:hidden; text-align:center; font-size:14px; color:#888; line-height:34px; cursor:pointer;}
.fanh span{ display:block; position:relative; top:0; }
.fanh:hover{ background:#05a; border-color:#05a;}
.fanh:hover span{ color:#FFF; top:-100%;}
/**news**/
.hui{ display:block; float:right; width:110px; height:34px; overflow:hidden; border:2px solid #FFF; font-size:14px; line-height:30px; color:#fff; cursor:pointer;}
.hui span{ display:block; position:relative; top:0; text-align:center;}
.hui:hover span{ top:-100%; color:#222;}
.hui:hover{ background:#FFF;}
.nedti{ line-height:36px; font-size:32px;  color:#fff;}
.nedti span{ line-height:36px; font-size:14px; color:#FFF;}
.cpnrk3{ display:block; overflow:hidden; padding:42px 100px 60px;}
.ne-gjc{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:30px; line-height:26px; text-align:center; padding:12px 0; font-size:12px; color:#777; }
.ne-gjc a, .ne-gjc a:visited{ color:#777;}
/*contact*/
.cpnrk30{ display:block; overflow:hidden; padding:42px 42px 60px;}
.conk{ width: 500px;}
.cond-ti{ display:block; margin-bottom:20px;}
.cond-ti-cn{ font-size:32px; line-height:44px; color:#05a;}
.cond-ti-en{ font-size:12px; line-height:20px; color:#aaa;}
.cond-js{ display:block; line-height:30px; font-size:14px; color:#666;}
/**public**/
.nav li a span, .nav li a, .cpyk, .cptu img, .cpm1, .cpb, .cpm22, .cpm11, .more1, .more1 span, .tabPanel ul li span, .more2, .soj-ti, .soj-js, .sotu1, .sotu2, .ser-inti, .ser-injs, .fonav li a, .fonav li p b, .cpb-tuk, .cpb-tuk10, .cpb-tuk1, .cpb-tum span, .zztu img, .cpnrk1 a b, .cpnrk1 a, .marquee1 ul li a span, .marquee1 ul li a, .fanh span, .fanh, .fan1 a span, .erj a, .yema a, .yema a span, .ne-js, .ne-ti, .hui span, .hui{
	transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;}
	
/*新闻、视频*/
.ne_vi{ padding-bottom:42px; height:360px; background:#fff;}
/*视频*/
.videobg{ background:#f6f6f6; margin-top:30px; padding:15px 30px; height:330px;width:400px;}
.about-index P{color:#333;line-height:30px;}
.vid_ti{ color:#000; font-size:22px; line-height:38px;}
.duo{ position: relative; width:42px; height:20px; font-size:12px; line-height:20px; color:#000;}
.duo{ margin-top:9px;} 
.duo1{ margin-top:24px !important;} 
.duo2{color:#fff!important;} 
.duo3{ margin-top:54px; color:#fff!important; opacity:0;}
.duo4{ width:62px !important; margin-top:12px !important;}
.duo5{ margin-top:21px !important; }

.duo_01{ position:relative; display:block; height:20px; overflow:hidden;}
.duo_01 span{ display:block; height:20px; position:relative; top:0;}
.duo_01 span{
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.duo:hover .duo_01 span{ top:-20px;}
.new_ti .duo{
	animation:new_ti_duo 0.5s linear 0.5s both;
	-webkit-animation:new_ti_duo 0.5s linear 0.5s both;
	-moz-animation:new_ti_duo 0.5s linear 0.5s both;
	-o-animation:new_ti_duo 0.5s linear 0.5s both;
}

.duo_02{ display:block; position: absolute; left:0; bottom:0;}
.duo:hover .duo_02{
	animation:duo_02 2s linear infinite both;
	-webkit-animation:duo_02 2s linear infinite both;
	-moz-animation:duo_02 2s linear infinite both;
	-o-animation:duo_02 2s linear infinite both;
}

.vid_bt{ padding-bottom:21px;}
.vibg{ display:block; width:382px; height:237px; background-size:100% !important;}
.vidtm{ display:block; padding-top:6px; line-height:28px; color:#000; font-size:14px;}
.vidtm a, .vidtm a:visited{ color:#000;}
.videobg{
	animation:videobg 0.5s linear 0s 1 both;
	-webkit-animation:videobg 0.5s linear 0s 1 both;
	-moz-animation:videobg 0.5s linear 0s 1 both;
	-o-animation:videobg 0.5s linear 0s 1 both;
}




/*新闻*/
.nek{ width:770px;}
.new_ti{ padding-top:20px;padding-bottom:24px;}
.ne_tik{ position:relative;  width:352px; height:53px;}
.ne_ti{ position:absolute; top:0; left:0;}
.ne_ti_01{ position:absolute; top:0; left:41px;}
.ne_ti_01{
	animation:ne_ti_01 0.5s linear 0s 1 both;
	-webkit-animation:ne_ti_01 0.5s linear 0s 1 both;
	-moz-animation:ne_ti_01 0.5s linear 0s 1 both;
	-o-animation:ne_ti_01 0.5s linear 0s 1 both;
}

.ne_ti{
	animation:ne_ti 0.5s linear 0.2s 1 both;
	-webkit-animation:ne_ti 0.5s linear 0.2s 1 both;
	-moz-animation:ne_ti 0.5s linear 0.2s 1 both;
	-o-animation:ne_ti 0.5s linear 0.2s 1 both;
}


.in_nel{ display:block; position:relative;}
.ne_line{ top:246px; position: absolute; z-index:0; width:100%; height:1px; background:#ccc;}
.in_nel ul{ margin-left:-14px;}
.in_nel li{ margin-left:14px; float:left; width:247px;}
.ne_tu{ position:relative; width:237px; height:225px; padding-top:10px; margin-left:10px; margin-bottom:0px; background:url(../images/nek1.png) left top no-repeat; }
.ne_tu a{ display:block; position:relative; margin-left:11px; z-index:4; width:215px; height:181px; overflow:hidden;}
.ne_tu a img{ display:block; width:200px; height:200px;margin:0 auto; }
.ne_tu a img{ -webkit-transition: all 0.8s linear;
	-moz-transition: all 0.8s linear;
	-o-transition: all 0.8s linear;
	transition: all 0.8s linear;}
.in_nel li:hover a img{transform: scale(1.2); -ms-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2);}
.ne_tu_red{ display:block; position:absolute; width:237px; height:0; top:0; left:0; background:url(../images/nek2-blue.png) left top no-repeat; z-index:1;}
.ne_tu_red, .ne_q2{
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.in_nel li:hover .ne_tu_red{ height:225px;}
.in_nel li:hover .ne_q2{ opacity:1; -moz-opacity:1;  -ms-opacity:1;  -o-opacity:1; -webkit-opacity:1;   filter: alpha(opacity=100);}
.ne_q{ display:block; height:21px; position:relative; padding-bottom:8px;}
.ne_q1{ display:block; position:relative !important; top:0; left:0; z-index:1;}
.ne_q2{ display:block; position:absolute; left:0; top:0; z-index:3; opacity:0; -moz-opacity:0;  -ms-opacity:0;  -o-opacity:0; -webkit-opacity:0; filter: alpha(opacity=0);}
.nebt{ display:block; line-height:24px; height:54px; font-size:14px; color:#000;}
.nebt a, .nebt a:visited{ color:#000;} .nebt a{ display:block;}
.neda{ line-height:16px; color:#999; font-size:12px;}
.in_new1{
	animation:in_new1 0.5s linear 0.5s 1 both;
	-webkit-animation:in_new1 0.5s linear 0.5s 1 both;
	-moz-animation:in_new1 0.5s linear 0.5s 1 both;
	-o-animation:in_new1 0.5s linear 0.5s 1 both;
}

/**
::-webkit-scrollbar-track-piece {width:5px;background-color:#f4f4ff;}
::-webkit-scrollbar { width:5px; background-color:#2882e8;}
::-webkit-scrollbar-thumb { width:5px; height:30px; background-color:#c0716e;}
::-webkit-scrollbar-thumb:hover { width:5px; background-color:#05a;}
**/