/* CSS Document */
body{ margin:0px; padding:0px; font-size:12px; font-family:Microsoft YaHei,微软雅黑; color:#1f1f1f;}
img{ border:0px;}
a{ color:#1f1f1f; text-decoration:none;}
a:link{color:#1f1f1f; text-decoration:none;}
a:hover{color:#fabd00; text-decoration: underline;}
ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; list-style:none;}
.clear{ clear:both;}
.h10{ height:10px; line-height:10px;}
.h20{ height:20px; line-height:20px;}
.h30{ height:30px; line-height:30px;}
.h40{ height:40px; line-height:40px;}
.STYLE1 {color: #FFAF20}
#top{ width:100%; height:158px; background:url(/template/sykj/img/tbg.gif) repeat-x;}
#top .top{ width:1050px; margin:0 auto;  position:relative;}
#top .top #logo{ position:absolute;top:5px}
#top .top #home{ height:31px; line-height:31px; text-align:right;}
#top .top #home a{ padding-left:25px; margin-right:20px; color:#FFF;}
#top .top #home a:hover{ color:#fabd00}
#top .top #home a.s{ background:url(/template/sykj/img/home1.png) no-repeat left;}
#top .top #home a.c{ background:url(/template/sykj/img/home2.png) no-repeat left;}
#top .top #menu{ width:700px; float:right; font-size:16px; font-weight:bold; padding-top:48px;}
#top .top #menu li{ width:100px; float:left;}
#top .top #menu li a.cur{ color:#ffffff;}
#top .top #menu li a:hover{ color:#ffffff; text-decoration:none;}
#top .top #menu li span{ font-size:12px; display:block; font-weight:normal;}

.flexslider {margin: 0px auto 20px;position: relative;width: 100%;height: 482px;overflow: hidden;zoom: 1;}
.flexslider .slides li {width: 100%;height: 100%;}
.flex-direction-nav a {width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(images/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;border-radius: 35px;}
.flex-direction-nav .flex-next {background-position: 0 -70px;right: 0;}
.flex-direction-nav .flex-prev {left: 0;}
.flexslider:hover .flex-next {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter: alpha(opacity=25);}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {opacity: 1;filter: alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block;zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(images/dot.png) no-repeat 0 -16px;display: block;height: 16px;overflow: hidden;text-indent: -99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {background-position: 0 0;}
.flexslider .slides a img {width: 100%;height: 482px;display: block;}

#bannerny{ width:100%; height:415px;}
.banner_contact{ background:url(banner_contact.jpg) no-repeat top;}
.banner_about{ background:url(/template/sykj/img/banner_about.jpg) no-repeat top;}
.banner_service{ background:url(banner_service.jpg) no-repeat top;}
.banner_case{ background:url(../images/banner_case.jpg) no-repeat top;}
.banner_new{ background:url(../images/banner_new.jpg) no-repeat top;}
.banner_pone{ background:url(banner_pone.jpg) no-repeat top;}

#banner{ width:100%; margin:0 auto; height:482px; overflow:hidden;border-bottom:solid 1px #150c07; position:relative;}
#slide-index{ width:100%; margin:0 auto; height:427px; overflow:hidden; position:relative;}
#slide-index .slides{ min-width:1000px; width:auto; height:427px; }
#slide-index .slide{ height:427px; float:left; position:relative; }
#slide-index .image{ z-index:1;position:absolute; }
#slide-index .text, #slide-index .button { z-index:2;position:absolute; top:-500px; }
#slide-index .button{ display:none; width:138px;}
#slide-index .control{ position:absolute; bottom:20px; width:100%; text-align:center; height:19px; cursor:pointer; z-index:40;}
#slide-index .control a{ width:11px; height:11px; cursor:pointer; display:inline-block; background-repeat:no-repeat; background-image:url(000505.gif); margin-right:6px; opacity:0.6; filter:alpha(opacity=60); border-radius:5px;}
#slide-index .control a:hover, #slide-index .control a.active{ background-image:url(000506.gif); opacity:1; filter:alpha(opacity=100);}
.autoMaxWidth{ overflow:hidden; position:relative;height:232px; }

#tuidong{ width:100%; background-color:#cbebff; text-align:center;}
#tuidong .lm{}
#tuidong .co{ line-height:24px; padding-bottom:30px;}
#tuidong h1{ font-size:20px; color:#008be3; padding-bottom:10px;}
#tuidong dl{ width:1050px; margin:0 auto;}
#tuidong dl dt{ width:100px; float:left; height:98px; padding-right:15px; padding-bottom:20px;}
#tuidong dl dd{ width:350px; height:98px; padding-right:60px; float:left; text-align:left; padding-bottom:20px; line-height:200%; color:#638898;}
#tuidong dl dd a{ display:block; font-size:14px; font-weight:bold; height:30px; line-height:30px;}

#casebox{ width:1094px; margin:0 auto; background:url(j.png) no-repeat top; padding-top:20px;}

#about{ width:1048px; margin:0 auto; height:183px; background:url(/template/sykj/img/about.png) no-repeat top; padding-bottom:30px;}
#about .nr{ width:330px; float:left; padding-left:25px; padding-top:90px; line-height:200%}
#about .nr a{ color:#fa9d00;}
#about .tu{ width:590px; float:right; padding-top:20px;}
#about .tu li{ width:295px; float:left; text-align:center;}

#link{ width:1048px; height:123px; margin:0 auto; background:url(/template/sykj/img/link.png) no-repeat center; padding:20px 0px;}
#link .link{ width:820px; float:right; margin-right:15px; height:64px; margin-top:30px;}
#link .link #demo {overflow:hidden;width:820px; height:64px;  float:left; padding-bottom:30px;}
#link .link #demo li{width:150px; height:220px; text-align:center; line-height:30px; float:left;margin-right:10px;}
#link .link #demo li img{ border:solid 1px #cccccc}
#link .link #indemo {float: left;width: 2000%;}
#link .link #demo1 {float:left;}
#link .link #demo2 {float:left;}

#links{ width:100%; padding:27px 0px 30px 0px; background-color:#000000; color:#9c9c9c;}
#links a{ color:#9c9c9c;}
#links .links{ width:1048px; margin:0 auto;}
#links .links .logo-foot{ width:278px; float:left;}
#links .links .logo-foot a{ display:block; width:210px; height:113px; background:url(/template/sykj/img/foot.png) no-repeat;}
#links .links dl{ width:142px; float:left;}
#links .links dl dt{ font-size:14px; padding-bottom:6px;}
#links .links dl dd{ height:24px; line-height:24px;}

#contactny{ width:100%;}
#contactny .lm{ text-align:center;}
#contactny .co{ width:1048px; margin:0 auto; line-height:24px; padding-bottom:30px; line-height:200%;}

/*#main{ width:1070px; padding-right:24px; background:url(/template/sykj/img/mainbg.jpg) repeat-y; margin:20px auto;}*/
#main{ width:1070px; padding-right:24px; margin:20px auto;}
#left{ width:800px; float:left; line-height:200%;}
#left .img{ width:780px; float:right; padding-top:20px; text-align:center}
#left .img img{ max-width:780px;}
#left .box{ width:95%; margin:0 auto; padding-top:20px;}
#left .box h1{ padding:30px 0px; font-size:16px; font-weight:bold; text-align:center}
#wz{ width:715px; border-bottom:solid 1px #CCC; background:url(/template/sykj/img/wz.jpg) no-repeat right; height:60px; line-height:60px; text-align:right; padding-right:85px; font-size:14px;}
#tulist{ width:800px; padding-top:20px;}
#tulist li{ width:256px; float:left; margin:0px 5px; background-color:#efefef; padding-bottom:15px; margin-bottom:15px;}
#tulist li .t{ width:240px; margin:0 auto; padding-top:10px; font-size:14px;}
#tulist li .i{ width:240px; margin:0 auto; height:48px; overflow:hidden}

#newslist{ width:780px; float:right; padding-top:20px;}
#newslist dt{ width:100px; height:98px; float:left; padding:20px 0px; border-bottom:solid 1px #efefef;}
#newslist dd{ width:670px; float:left; height:98px; padding:20px 0px; border-bottom:solid 1px #efefef; padding-left:10px; color:#54778d;}
#newslist dd a{ display:block; font-size:14px; font-weight:bold;}

#right{ width:245px; float:right; border-top: solid 1px #dedede;}
#right .lanmu{ width:214px; padding:0px 15px; height:56px; line-height:56px; font-size:24px; font-weight:bold; border-bottom:solid 1px #dedede;}
#right .list{ width:214px; margin:0 auto; padding-top:10px;}
#right .list li{ height:34px; line-height:34px; width:170px; margin:0 auto; background:url(/template/sykj/img/list.jpg) no-repeat left; text-indent:20px; font-size:14px;}
#right .list li a{ color:#4b4b4b;}
#right .list li a.on{ color:#000;}
#right .list li a:hover{ color:#000; text-decoration:none;}

#pagelist{ text-align:center; font-size:12px; font-family:"宋体"; padding:20px 0px;display: flex;margin-left: 314px;}
#pagelist a{border: #2c2c2c 1px solid; padding:2px 5px; background:url(page.gif) #2c2c2c; COLOR: #fff; margin-right:2px;text-decoration:none;}
#pagelist a:hover{border:#aad83e 1px solid; background:url(pagenow.gif) #aad83e; color:#ffffff;}
#pagelist a:active{border:#aad83e 1px solid;background:url(pagenow.gif) #aad83e; color:#ffffff;}
#pagelist span.current{border:#aad83e 1px solid; background:url(pagenow.gif) #aad83e; color:#ffffff; padding:2px 5px; margin-right:2px;}
#pagelist span.disabled{border: #f3f3f3 1px solid; padding:2px 5px; COLOR: #ccc; margin-right:5px;}

.main_img{
    height: 211px;
    width: 256px;
	overflow:hidden;
	position: relative;
}
.main_img img{
	height: 211px;
    width: 256px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
    background: rgba(0, 0, 0, 0.4);
    
    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    height: 211px;
    width: 256px;
    z-index: 200;
}
.main_img .show .imgArea {
    left: 50%;
	bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea a{
	color:rgba(255,255,255, 0.8);
	display:block;
	padding:5px 12px;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 16px;
}
.main_img .show .imgArea a:hover{
	background: rgba(255,255,255, 0.7);
	color:rgba(0,0,0, 0.6);
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover img {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
}
#ud{ font-size:14px; font-weight:bold;}


#yqlj{ width:100%; background-color:#000; text-align:center; line-height:24px; margin:0 auto;}
#yqlj a{ margin:10px; color:#aecbdd;}

#downlist{ width:100%; padding:20px 0 0 0;}
#downlist li{ height:30px; line-height:30px;}


.zoombox{width:687px;margin:0px auto 20px auto;}
.zoompic{border:solid 1px #575757;width:685px;height:469px;background:url(loading.gif) no-repeat 50% 50%;}

.sliderbox{height:76px;overflow:hidden;margin:6px 0 0 0;}
.sliderbox .arrow-btn{width:38px;height:76px;background:url(arrow-btn.png) no-repeat;cursor:pointer;}
.sliderbox #btn-left{float:left;background-position:0 0;}
.sliderbox #btn-left.dasabled{background-position:0 -76px;}
.sliderbox #btn-right{float:right;background-position:-38px 0;}
.sliderbox #btn-right.dasabled{background-position:-38px -76px;}
.sliderbox .slider{float:left;height:76px;width:608px;position:relative;overflow:hidden;margin:0 0 0 3px;display:inline;}
.sliderbox .slider ul{position:absolute;left:0;width:999em;}
.sliderbox .slider li{float:left;width:120px;height:76px;text-align:center;}
.sliderbox .slider li img{border:solid 1px #575757;}
.sliderbox .slider li.current img{border:solid 1px #3366cc;}

.desinfo{ width:100%; color:#ffae02; text-indent:28px;}

.box p{ width:100%; overflow:hidden}
.box p span{float: left;display: block;text-align: center;}
.box p input{ float:left; margin-left:10px;}
.box p b{ float:left; padding-left:5px}
.box p textarea{ float:left; margin-left:10px;}

.submit{ width:100px; height:30px; background:#8CC6EB; color:#fff; border:#8CC6EB 1px solid; border-radius:10px; font-size:14px; margin-top:20px; margin-right:60px; margin-left:100px}
.reset{ width:100px; height:30px; background:#8CC6EB; color:#fff; border:#8CC6EB 1px solid; border-radius:10px;font-size:14px; margin-top:20px;}

   /*导航*/
.nav{width:770px; height:40px; line-height:40px; position:absolute; top:70px; left:280px; z-index:99;}
.nav_jz{ width:100%; margin:0 auto; position:relative}
.navigation { position:absolute; left:0; top:0; z-index:9999;margin:0; padding:0; width:100%; list-style-type:none; } 
.navigation li { float:left; padding:0; width:110px;text-align:left} 
.navigation li dl { line-height:34px;width:110px;/*ie6*/margin:0; padding:0; } 
.navigation li dt a , .navigation li dd a{ display:block;} 
.navigation li dt { margin:0; text-align:center; font-size: 16px; font-weight:bold; height:40px; overflow:hidden; line-height:40px; background:url(../images/nav_xian.jpg) left no-repeat} 
.navigation li:hover{background:#008fd4; color:#fff !important} 
.navigation li dt a:hover{/* color:#c76402;*//* background:#fabe00;*/ color:#fff !important}
.navigation li dt a{ width:100%; margin:0 auto}
.navigation li dt a ,.navigation  li dt a:visited { display:block; color:#232323; text-decoration:none; } 
.navigation li dd { margin:0; padding:0; color: #232323 !important;background:url(../images/index_03.png) top center no-repeat #008fd4} 
.navigation li dd:hover a{ background:#000; color:#fff}
.navigation li dd.last { border-bottom:0; } 
.navigation li dd a, .navigation  li dd a:visited { display:block; color:#fff; text-decoration:none;  font-size:14px; text-align:center} 
.navigation li dd { display:none;} 
.navigation li:hover dd, .navigation li a:hover dd { display:block;} /*ie6 hack*/
.navigation li:hover,.navigation li a:hover { border:0;} 
.navigation table { border-collapse:collapse; padding:0; text-align:left; } 
#selet dl dt a{ color:#fff}

.product-wrap{ height:270px;}