@charset "utf-8";

.main{padding-bottom:40px}

.step{padding-top:40px}

.step .left{width:320px}

.step .center{width:560px;margin:0 20px}

.step .tab_tit{border-bottom:1px solid #ccc;height:35px}

.step .tab_tit li{float:left;margin-right:10px}

.step .tab_tit li a{display:block;width:100px;height:35px;line-height:35px;text-align:center;color:#333;font-size:14px}

.step .tab_tit li a:hover,.step .tab_tit li a.move{background:#4799c6;color:#fff}

.step .group{display:none;padding-top:12px}

.step .group li{height:35px;overflow:hidden;border-bottom:1px dashed #999}

.step .group li a{color:#666;font-size:14px;line-height:36px;background:url(../images/main_19.jpg) no-repeat left center;padding-left:15px}

.step .group li a span{display:inline-block;float:right}

.step .group li a:hover{text-decoration:underline;color:#4799c6}

.step .group .our p{color:#666;font-size:14px;line-height:30px;}

.step .right{width:280px}

.title{border-bottom:1px solid #ccc;height:35px;line-height:35px}

.title .more{ display:inline-block;float:right;font-size:14px;color:#333}

.title h2{font-size:14px;color:#333}

.pro-switch {height:168px;overflow:hidden;position:relative;width:278px;float:right;border:1px solid #ccc;margin-top:24px}

.flexslider {margin: 0;padding: 0;}

.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}

.flexslider .slides img {width:auto;display: block;height:168px;margin:0 auto}

.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

html[xmlns] .slides {display: block;}

.no-js .slides > li:first-child {display: block;}

.flexslider {margin: 0 auto;position: relative;width:278px;zoom: 1;}

.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}

.flexslider .slides {zoom: 1;}

.flex-direction-nav {*height: 0;}

.flex-direction-nav a {width:45px;height:45px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 -21px;position: absolute;top:73%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}

.flex-direction-nav .flex-next {background-position:-16px -110px;right:0px;}

.flex-direction-nav .flex-prev {left:0px;}

.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 {display: inline-block;zoom: 1;*display: inline;}

.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -15px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}

.flex-control-paging li a.flex-active {background-position: 0 0;}



#owl-demo{position:relative;width:320px;height:230px;}

#owl-demo .item{position:relative;display:block;}

#owl-demo .item .img{position:relative;width:320px;height:230px;margin-bottom:25px}

#owl-demo img{display:block;width:100%;height:auto;}

#owl-demo .item a p{position:absolute;left:0px;bottom:0px;width:320px;height:40px;background:rgba(0,0,0,0.6);line-height:40px;color:#fff;font-size:14px;padding-left:20px}

.owl-pagination{position:absolute;right:5px;bottom:15px}

.owl-page{display:inline-block;width:9px;height:9px;margin:0 5px;*display:inline;*zoom:1;border-radius:100%;border:1px solid #fff}

.owl-pagination .active{background:#4799c6;border:1px solid #4799c6}

.owl-buttons{display:none;}

.owl-buttons div{position:absolute;top:50%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;}

/* clearfix */

.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

/* display none until init */

.owl-carousel{

	display: none;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper{

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper-outer{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight{

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}

	

.owl-carousel .owl-item{

	float: left;

}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{

	cursor: pointer;

}

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



/* mouse grab icon */

.grabbing { 

    cursor:url(grabbing.png) 8 8, move;

}



/* fix */

.owl-carousel  .owl-wrapper,

.owl-carousel  .owl-item{

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility:    hidden;

	-ms-backface-visibility:     hidden;

  -webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

  -ms-transform: translate3d(0,0,0);

}



.step2{padding-top:28px}

.picMarquee-left{ 

     width:1200px;  

	 overflow:hidden; 

	 position:relative; 

	 padding-top:30px;

}

.picMarquee-left .bd ul ，{ 

     overflow:hidden; zoom:1; 

	 }

.picMarquee-left .bd ul li{ 

     padding-right:40px; 

	 float:left; 

	 _display:inline; 

	 overflow:hidden; 

	 text-align:center; 

	  }

.picMarquee-left .bd ul li a p{ 

     text-align:center;height:40px;color:#fff;font-size:14px;background:#aaa;

	 line-height:40px;

	 }

.picMarquee-left .bd ul li:hover a p{background:#4799c6}

.picMarquee-left .bd ul li .pic img{ 

     width:208px; 

	 height:150px; 

	 display:block; 

	 }

.step3{padding-top:40px}

.step3 .link{display:inline-block;color:#fff;font-size:14px;width:120px;height:30px;text-align:center;line-height:30px;background:#4799c6}

.step3 a{display:inline-block;color:#666;font-size:14px;line-height:30px;margin:0 15px}

.step3 a:hover{color:#4799c6}

/*产品中心*/

.ny_banner img{width:100%;height:auto}

.content{padding:30px 0}

.leftside{width:230px;}

.leftside h1{color:#fff;font-size:24px;background:#4da1e9;padding:17px 0 21px 30px}

.leftside h1 span{display:block;font-size:26px;font-family:Arial, Helvetica, sans-serif}

.nav{border:1px solid #ddd;box-shadow:0 2px 3px #ddd;padding:0 14px 20px 14px}

.nav li{border-bottom:1px dashed #ccc;}

.nav li a{display:block;background:url(../images/jiantou.jpg) no-repeat 16px center;padding:32px 0 32px 36px;color:#666;font-size:14px;}

.nav li a.on{background:url(../images/jiantou2.jpg) no-repeat 16px center;padding:32px 0 32px 36px;color:#4da1e9}

.rightside{width:950px}

.home{color:#666;font-size:14px;border-bottom:1px dashed #ccc;height:32px;line-height:33px;}

.home a{color:#666;}

.rightside h2{color:#4da1e9;font-size:18px;padding-top:18px}

.rightside h2 span{display:block;font-size:24px;font-family:Arial, Helvetica, sans-serif}

.products{padding:28px 0 30px 0}

.products ul{width:966px;}

.products li{float:left;width:306px;margin-right:16px;margin-bottom:20px}

.products li a p{text-align:center;height:40px;color:#fff;font-size:14px;background:#aaa;line-height:40px;}

.products li:hover a p{background:#4799c6}

.detail{padding:24px 0 30px 0}

.detail h3{text-align:center;color:#333;font-size:18px;}

.detail h4{text-align:center;color:#999;font-size:12px;border-bottom:1px dashed #bbb;padding:8px 0}

.detail img{max-width:950px;margin:0 auto;display:block;padding-bottom:30px}

.detail .read{padding-top:33px}

.detail p{color:#666;font-size:14px;line-height:24px;text-indent:28px}

.fy_box{padding-top:60px}

.fy_box span{display:block;margin-bottom:10px}

.fy_box span strong{display:inline-block;width:100px;height:30px;text-align:center;line-height:30px;color:#fff;font-size:14px;background:#4799c6;margin-right:12px}

.fy_box span a{color:#666;font-size:14px;}

/*解决方案*/

.solution{padding:28px 0 30px 0}

.solution li{border:1px solid #ddd;box-shadow:0 2px 3px #ddd;padding:15px 20px 12px 20px;margin-bottom:20px}

.solution li a h3{color:#333;font-size:18px;padding-bottom:14px}

.solution li a p{color:#666;font-size:14px;line-height:24px;}

.solution li a span{display:block;color:#999;font-size:12px;padding-top:10px}

.solution li:hover{border:1px solid #4da1e9}

.solution li:hover a h3{color:#4da1e9}

/*驱动/说明书下载*/

.download{padding:28px 0 30px 0}

.download li{background:#f6f6f6;height:40px;line-height:40px;padding:0 10px}

.download li:nth-child(2n){background:#fff;}

.download li a{color:#666;font-size:14px;display:block;background:url(../images/sign.png) no-repeat left center;padding-left:26px}

.download li a span{display:inline-block;float:right;color:#F00;font-size:14px}

.download li:hover a span{text-decoration:underline}

/*公司资质*/

.show_list{padding:28px 0 30px 0}

.show_list ul{width:966px;}

.show_list li{float:left;margin-right:16px;width:306px;text-align:center;margin-bottom:20px}

.show_list li .pic{width:304px;border:1px solid #ddd;height:202px;overflow:hidden;box-shadow:0 2px 3px #ddd}

.show_list li .pic img{width:auto;height:202px}

.show_list li a p{color:#666;font-size:14px;padding-top:10px}

.show_list li:hover a p{color:#4da1e9}

.show_list li:hover .pic{border:1px solid #4da1e9}

.about{padding:28px 0 30px 0}

.about img{max-width:950px;padding-bottom:24px}

.about p{color:#666;font-size:14px;line-height:24px;text-indent:28px}

/*联系我们*/

.contact{padding:23px 0 30px 0;}

.contact h4{color:#333;font-size:16px;padding-bottom:6px;}

.contact p{color:#666;font-size:14px;line-height:30px}

.contact .map{padding:30px 0}

/* 网上留言 */

.online{padding:28px 0 30px 0;}

.online .tell li{border-right:none;text-align:left;padding-bottom:30px}

.online .tell li p{color:#666;font-size:14px}

.online .tell li p em{color:#999;margin-left:20px}

.online .tellbox{border:1px solid #bbb;padding:5px 10px 18px 10px;position:relative;margin-top:10px}

.online .tellbox p{line-height:24px}

.online .tellbox p strong{color:#999;font-weight:normal}

.online .tellbox p b{color:#4799c6;font-weight:normal}

.online .write .ly_tilte{color:#4799c6;font-size:24px;padding-top:30px;padding-bottom:22px}

.online .write .table{width:680px;}

.online .write td{color:#666;font-size:14px;border-bottom:none;text-align:left;height:45px}

.online .write td input{height:30px;border:1px solid #bbb;width:250px;background:none;outline:none;padding:0 12px;font-family:"微软雅黑"}

.online .write td textarea{height:60px;border:1px solid #bbb;width:462px;resize:none;background:none;margin-top:5px;outline:none;padding:10px 12px;font-family:"微软雅黑"}

.online .write td span{display:inline-block;vertical-align:top;padding-top:10px}

.online .write td .tj{width:120px;height:35px;background:#4799c6;color:#fff;font-size:14px;border:none;margin-left:70px;margin-top:15px;cursor:pointer;font-family:"微软雅黑"}

.online .time{display:inline-block;float:left;margin-right:20px;width:80px;padding:22px 10px;background:#4799c6;color:#fff;font-size:16px;text-align:center}

.online .time span{display:block;border-bottom:1px solid #fff;font-size:30px;padding-bottom:8px;margin-bottom:10px}

.online .text{overflow:hidden}