@charset "utf-8";

.main{width:100%;padding-bottom:60px}

.section .title{background:url(../images/title.png) no-repeat center 20px;text-align:center}

.title h1{font-weight:bold;color:#0570d4;font-size:30px;}

.title h1 span{display:block;font-weight:normal;color:#999;font-size:16px}

.step .mr_frUl li{float:left;overflow:hidden;height:318px;width:278px;margin-right:26px;text-align:center;border:1px solid #ddd; margin-bottom:25px;}

.step .mr_frUl li img{width:100%;height:268px;}

.step .mr_frUl li:nth-child(4n){ float:right; margin-right:0}

.step .mr_frbox{width:1200px;position:relative;margin-top:36px; overflow:hidden}

.step .mr_frUl{width:1200px;overflow:hidden;}

.step .mr_frbox span{display:block;width:56px;height:99px;cursor:pointer;position:absolute;z-index:10;}

.step .mr_frbox span.prev{float:left;background:url(../images/left.png) no-repeat;left:-130px;top:110px}

.step .mr_frbox span.next{float:right;background:url(../images/right.png) no-repeat;right:-130px;top:110px}

.step .mr_frUl li .img{width:278px;height:268px;overflow:hidden;position:relative;}

.step .mr_frUl li{-ms-transition: all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}

.step .mr_frUl li:hover{border:1px solid #0570d4}

.step .mr_frUl li a p{height:50px;background:#ddd;color:#666;font-size:14px;line-height:50px;-ms-transition: all 0.3s linear;-webkit-transition:all 0.3s linear;-moz-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;overflow:hidden}

.step .mr_frUl li:hover a p{background:#0570d4;color:#fff;}

.section .step{padding-top:50px}

.section .step2{padding-top:60px}

.step2 .left{width:810px;background:#f4f4f4}

.step2 .left .pic{width:350px;height:400px;overflow:hidden}

#productParmimgDivCSS{max-width:1000px;}
#productParmimgDivCSS img{width:100%;height:100%;display: block}

.step2 .left .pic img{width:100%;height:auto}


.step2 .left .our{width:402px;margin-right:30px}

.step2 .right{width:380px;}

.step2 .our h2{margin-top:26px}

.step2 .our h2 a{color:#333;font-size:18px;font-weight:bold}

.step2 .our h2 span{display:block;height:1px;width:80px;background:#0570d4;margin-top:32px; margin-bottom:27px}

.step2 .our p{color:#666;font-size:14px;line-height:36px;}

.step2 .our .more{display:block;width:130px;height:34px;background:#0570d4;color:#fff;font-size:14px;text-align:center;line-height:34px;margin-top:64px}

.step2 .step02{padding-top:36px}

.step2 li{float:left;margin-left:10px;width:180px;height:195px;background:#f4f4f4;text-align:center;margin-bottom:10px;-ms-transition: all 0.5s linear;-webkit-transition:all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}

.step2 li a h3{color:#333;font-size:16px;}

.step2 li a span{display:block;width:90px;height:90px;background:url(../images/main_49.png) no-repeat;margin:35px auto 15px auto;-webkit-transition: all 0.5s ease;

-moz-transition: all 0.5s ease;transition: all 0.5s ease;}

.step2 li:hover a span.img01{background-position:0 -110px;}

.step2 li:hover a h3{color:#fff}

.step2 li:hover{background:#0570d4}

.step2 li a span.img02{background-position:-110px 0px;}

.step2 li:hover a span.img02{background-position:-110px -110px;}

.step2 li a span.img03{background-position:-220px 0px;}

.step2 li:hover a span.img03{background-position:-220px -110px;}

.step2 li a span.img04{background-position:-330px 0px;}

.step2 li:hover a span.img04{background-position:-330px -110px;}

.section .step3{padding-top:60px}



#owl-demo{position:relative;width:1200px;height:320px;margin:20px auto 0 auto;}

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

#owl-demo img{display:block;width:228px;height:128px;margin: 0 auto;}

#owl-demo dl{text-align: center;width: 1200px;}

#owl-demo dd{display:inline-block;width:275px;margin:0 10px 20px 10px;padding:0;border:1px solid #ccc}

.owl-pagination{position:absolute;left:0;bottom:0px;width:100%;height:15px;text-align:center;}

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

.owl-pagination .active{background:#0570d4;border:1px solid #0570d4;}

.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);

}

/*产品中心*/

.ny_banner{width:100%; display:none}

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

.main .content{padding:40px 0}

.content .leftside{width:210px;}

.leftside h1{position:relative;background:#0570d4;color:#fff;font-size:20px;padding:35px 0 35px 85px}

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

.leftside h1 em{display:block;position:absolute;color:#fff;font-size:64px;top:22px;left:35px}

.nav{border:1px solid #0570d4;border-top:none;padding:32px 22px;margin-bottom:20px}

.nav li{padding:10px 0}

.nav li a{width:164px;height:36px;border-radius:18px;line-height:36px;text-align:center;display:block;color:#666;font-size:14px;}

.nav li a:hover,.nav li a.cur{background:#0570d4;color:#fff}

.products .page a.cur{background:#0570d4;color:#fff;border-radius:5px;}

.products .page a{color:#666666;}


.content .rightside{width:950px}

.leftside .phone{background:#0570d4;color:#fff;padding:22px}

.leftside .phone h2{font-size:24px;font-style:oblique}

.leftside .phone span{display:block;font-size:18px;font-style:normal;background:url(../images/tel.jpg) no-repeat left center;padding-left:35px;margin-bottom:3px}

.rightside .home{border-bottom:1px solid #bbb;padding:5px 0 10px 0}

.home span{display:inline-block;float:right;color:#999;font-size:14px;line-height:24px}

.home span a{color:#999;}

.home span em{color:#333;}

.home h3{color:#0570d4;font-size:18px;}

.rightside .products{padding:30px 0}

.products ul{width:988px}

.products li{float:left;margin-right:38px;width:207px;border:1px solid #ddd;text-align:center;margin-bottom:38px}

.products li .img{width:207px;height:199px;overflow:hidden;text-align:center}

.products li .img img{width:100%;height:auto}

.products li a p{height:40px;color:#333;font-size:14px;overflow:hidden;line-height:40px;background:#ddd}

.products li:hover{border:1px solid #0570d4;}

.products li:hover a p{background:#0570d4;color:#fff}

.rightside .detail_box{padding:25px 0 30px 0}

.detail_box h4{text-align:center;color:#333;font-size:16px;}

.detail_box h5{text-align:center;color:#999;font-size:12px;border-bottom:1px dashed #ddd;padding:10px 0 12px 0}

.detail_box img{display:block;margin:40px auto}

.detail_box p{color:#333;font-size:14px;line-height:26px;}

.detail_box h6{color:#333;font-size:16px;margin:20px 0}

.detail_box p a{color:#333;}

.detail_box p a span{color:#0570d4}

.detail_box .fybox{padding-top:50px}

.fybox span{display:block;color:#333;font-size:14px;line-height:36px;}

.fybox span a{color:#333;}

/*关于我们*/

.rightside .about{padding:30px 0}

.about img{display:block;margin:0 auto 40px auto}

.about p{color:#333;font-size:14px;line-height:26px;}

.rightside .about2{padding:30px 0}

.about2 ul{width:1000px}

.about2 li{float:left;width:450px;margin-right:50px;margin-bottom:25px}

.about2 li .tp{width:448px;border:1px solid #ccc;height:448px;text-align:center;overflow:hidden}

.about2 li .tp img{width:100%;height:auto}

.about2 li a p{text-align:center;color:#333;font-size:14px;padding-top:10px}

/*技术支持*/

.rightside .support{padding:30px 0}

.support ul{width:1005px;}

.support li{float:left;width:280px;margin-right:55px;text-align:center;margin-bottom:50px}

.support li .tp{width:280px;height:216px;position:relative;overflow:hidden}

.support li .tp img{width:100%;height:auto}

.support li .tp .play{position:absolute;background:url(../images/play.png) no-repeat;width:73px;height:73px;left:104px;top:72px;}

.support li a p{height:40px;background:#ddd;color:#333;font-size:14px;line-height:40px;}

.rightside .support2{padding:15px 0 30px 0}

.support2 li{border-bottom:1px dashed #ccc;height:40px;line-height:40px}

.support2 li a{color:#666;font-size:14px;}

.support2 li span{display:inline-block;float:right;color:#666;font-size:14px;}

.support2 li a:hover{color:#0570d4;}

/*解决方案*/

.rightside .solution{padding:30px 0}

.solution ul{width:1005px;}

.solution li{float:left;width:280px;margin-right:55px;text-align:center;margin-bottom:50px}

.solution li .tp{width:280px;height:216px;overflow:hidden}

.solution li .tp img{width:100%;height:auto}

.solution li a p{height:40px;background:#ddd;color:#333;font-size:14px;line-height:40px;}

/*人才招聘*/

.rightside .join{padding:30px 0}

.join th{color:#fff;font-size:16px;height:50px;font-weight:normal;background:#0570d4}

.join td{color:#333;font-size:14px;height:50px;text-align:center}

.join td a{color:#333;font-size:14px;}

.join td.td1{background:#f3f3f3}

.rightside .join2{padding:30px 0}

.join2 ul{width:975px}

.join2 li{width:300px;float:left;margin-right:25px;text-align:center;margin-bottom:25px;}

.join2 li .tp{width:300px;height:160px;overflow:hidden}

.join2 li .tp img{width:100%;height:auto}

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

/*新闻中心*/

.rightside .news{padding:30px 0}

.news li{margin-bottom:20px}

.news li .time{width:100px;height:100px;background:#f1f1f1;font-size:16px;color:#999;text-align:center;}

.news li .time span{display:block;font-size:48px;padding-top:5px}

.news li .text{width:835px;}

.news li a h4{color:#333;font-size:16px;margin:6px 0 8px 0}

.news li a p{color:#666;font-szie:12px;line-height:24px;height:48px;overflow:hidden}

.news li:hover .time{background:#0570d4;color:#fff;}

.news li:hover a h4{color:#0570d4}

/*联系我们*/

.rightside .contact{padding:30px 0}

.contact h4,.contact h5{color:#333;font-size:18px;padding-bottom:20px;font-weight:600}

.contact .waybox li{border-bottom:1px solid #ddd;height:52px;color:#333;font-size:14px;line-height:52px;}

.contact .waybox li span{display:inline-block;vertical-align:middle;margin-right:20px}

.contact .waybox ul{display:inline-block;width:450px;padding:0;margin:0}

.contact .waybox ul.ul_1{margin-left:-10px}

.contact .map{margin-top:40px}

.contact .online{padding-top:38px;width:720px}

.online table td{padding-bottom:15px}

.online td input{height:38px;width:600px;border:1px solid #ccc;padding:0 10px;font-family:"微软雅黑";font-size:14px;color:#999;outline:none}

.online td input::-webkit-input-placeholder{color:#999;}

.online td textarea{height:80px;width:600px;border:1px solid #ccc;padding:10px;font-family:"微软雅黑";font-size:14px;color:#999;outline:none;resize:none}

.online td textarea::-webkit-input-placeholder{color:#999;}

.online td input.yes{width:260px;padding:0;border:none;height:50px;background:#0570d4;color:#fff;margin-top:15px;cursor:pointer;font-size:18px}

.online td span{display:inline-block;padding-top:8px;color:#666;font-size:14px}

.online td span em{color:#F00}

.content .wrapper{width:800px;margin:0 auto}

.content .main {

	background:url(../images/line-bg.png) repeat-y 249px 0; position:relative;

}

.content .main .title {

	position: absolute;

	line-height: 40px;

	left:208px;

	top: 0;

	color: #58a6fb;

	font-size: 24px;

	background: url(../images/clock.jpg) no-repeat left top;width:82px;height:80px

}

.content .main .year {

	position: relative;

	z-index: 100;top:120px

}

.content .main .year h2 {

	height:60px;

	width:60px;

	position:relative;text-align:center;left:219px

}

.content .main .year h2 a {

	color:#fff;display:block;height:60px;

	width:60px;

	font-size:14px;color:#fff;background:url(../images/time_07.jpg) no-repeat;line-height:40px

}

.content .main .year h2 i{

	display:block;

	position:relative;

	height:0;

	width:0;

	left:190px;

	top:-20px;

	border-width:6px;

	border-style:solid;

	border-color:#59a7fb transparent transparent transparent;

	-webkit-transition:.5s;

	-moz-transition:.5s;

	-ms-transition:.5s;

	-o-transition:.5s;

	transition:.5s;

	-webkit-transform-origin:6px 3px;

	-moz-transform-origin:6px 3px;

	-ms-transform-origin:6px 3px;

	-o-transform-origin:6px 3px;

	transform-origin:6px 3px

}

.content .main .year .list{

	margin:30px 0;

	position:relative;

	overflow:hidden;

	-webkit-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;

	-moz-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;

	-ms-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;

	-o-transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s;

	transition:height 1s cubic-bezier(0.025,0.025,0.000,1.115),opacity 1s

}

.content .main .year .list ul {

	bottom: 0;

}

.content .main .year .list ul li {

	background: url(../images/circle.jpg) no-repeat 235px 0px;

	color: #a1a4b8; position:relative

}

.content .main .year .list ul li.highlight {

	background-image: url(http://p4.qhimg.com/d/inn/05a63fc5/circle-h.png);

}

.cls {

	zoom: 1;

}

.cls:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.content .main .year .list ul li.highlight .date, .content .main .year .list ul li.highlight .intro {

	color: #ec6a13;

}

.content .main .year .list ul li .date,.content .main .year .list ul li .version{

	float:left;

	display:block;

	clear:left;

	width:200px;

	line-height:24px;

	text-align:right

}

.content .main .year .list ul li .date{

	font-size:12px;

	color:#fff;position:absolute;top:4px;left:63px;height:30px

}

.content .main .year .list ul li .intro, .content .main .year .list ul li .more {

	float: left;

	display: block;

	width: 400px;

	margin-left:280px;

	line-height: 24px;

}

.content .main .year .list ul li .intro {

	font-size:14px;

	line-height:30px;

	color:#333;

}

.content .wrapper:first-child .main .year.close h2 i{

	transform:rotate(-90deg);

	-webkit-transform:rotate(-90deg);

	-moz-transform:rotate(-90deg);

	-ms-transform:rotate(-90deg);

	-o-transform:rotate(-90deg)

}

.content .wrapper:first-child .main .year.close .list{

	opacity:0;

	height:0!important;

}

.ie7 .content .main .year h2 i{

	left:40px

}


.page{font-size:12px; padding-top:25px; padding-bottom:15px; margin:0 auto; margin-top:15px;}
.page span,.page  a{
padding:5px;
border:0px #CCCCCC solid;
margin-right:2px;
cursor:pointer;
}
.page .current{
border:1px #999999 solid;
background:#FFFFCD;
font-weight:bold;
}
.page  a:hover{
border:0px #333333 solid;
/*background:#FFFFCD;*/
	background:#0570d4;
	color:#fff;
	border-radius:5px;
text-decoration:none;
}

.detail{padding:15px 10px; padding-top:50px;}
.detail h3{ color:#333; text-align:center; font-size:20px;}
.write{ text-align:center; color:#999; border-bottom:solid 1px #ebebeb; margin:5px 0 18px;}
.write span{ color:#666;}
.detail p{ padding:0 14px;line-height:30px;font-size:14px;}
.dow{border-top:solid 1px #ebebeb;padding-top:15px; margin:30px 0; margin-left:10px; }
.dow b{ color:#0271cb;}
.dow p{ text-indent:0;font-size:12px;}
.info p {line-height:25px;font-size:12px; margin-top:5px; }

.download{padding:30px 0;}
.download li{float: left;width:459px;height: 122px;border: solid 1px #c4c6c8;margin-right: 28px;position: relative;background: url("../images/xiazai.png") no-repeat 95% center;margin-bottom: 30px;}
.download li:nth-child(2n){margin-right: 0;}
.download li a h4{color: #333;font-size: 17px;font-weight: bold;margin-bottom: 12px;}
.download li a p{color: #999;font-size: 12px;font-family: arial;}
.download li .cons{padding-top:20px;width: 370px;margin-left: 20px;}
.download li a{display: block;height: 100%;width: 100%;}