.ban{ width:100%; height:auto; overflow: hidden; text-align:center; margin-top:110px;}
.ban img{ height:auto;text-align: center;display: block; margin:0 auto; max-width:100%;} 

.warpban{ width:100%; height:auto; overflow: hidden; text-align:center;  }
.warpban img{ height:auto;text-align: center;display: block; margin:0 auto; max-width:100%;} 

.caseTop{height:70px;background:#ea611a url(../images/hexagon.png);color:#FFF;text-align:center; position:relative; display:block;}
.caseTop a{height:70px;line-height:70px;color:#FFF;font-size:16px;margin-right:50px;display:inline-block}
.caseTop a.hover{background:url(../images/ctbg.jpg) no-repeat bottom center}



.l-wsp-ta { padding:40px 0;}
.l-wsp-tb {height:140px;background:url(../images/hy10.jpg) no-repeat top center; text-align:center; color:#fff; font-size:20px; line-height:40px; padding-top:60px;}

.l-wsp-tc {height:140px;background:url(../images/hy11.jpg) no-repeat top center; text-align:center; color:#fff; font-size:20px; line-height:40px; padding-top:60px;}

.l-wsp-td {padding:70px 0;}
.l-wsp-td ul{}
.l-wsp-td ul li{ width:300px; height:530px; background:#fff;box-shadow:0px 0px 20px #999; margin:0 50px; float:left;}


/*about us*/

.container{ width:100%;height:auto; overflow: hidden; }
.w1200 { width:1190px; margin:0 auto; }
.pt50{padding:50px 0;}

.w1200 .title1{ width:200px; height:55px;clear: both;  color: #989898;font-size: 18px; padding-bottom:40px;}
.w1200 .title1 span{ display:block; color:#ff5601; font-size:24px;border-top:1px solid #f3f3f3; }

.playBox {overflow:hidden;}
.playBox .play_v { float:left;width:750px; overflow:hidden; }
.playBox .play_v li { float: left;width: 350px; margin: 0 45px 27px 0; }
.playBox .play_v li:nth-child(2){ margin-right:0; float:right;}
.playBox .play_v .divimg{ width: 350px;height:220px; background-size: cover;}
.playBox .play_v .title {font-size: 24px;color: #7c7c7c; height: 35px; line-height: 35px; text-align: center;  text-overflow: ellipsis; white-space: nowrap;
overflow: hidden;}
.playBox .des_info{ width:440px; float:left;  overflow:hidden;}
.playBox .des_info ul{width:440px;margin-left:85px; float:left; overflow:hidden;}
.playBox .des_info ul .icon_i{background:url(../images/icon_i.png) no-repeat left center;width:440px; line-height: 50px; height: 50px;overflow: hidden;color: #2e2e2e;   font-size: 28px; font-weight:bold; display: block; text-indent: 50px;}

.playBox .des_info li span{ font-size:21px; color:#999999; display:block; line-height:40px; text-indent: 20px;}
.playBox .des_info ul .info{font-size:14px; color:#999999;line-height:26px; margin-left: 20px; }  
.playBox .des_info ul .mor{background: #ff8400; width: 100px; height: 30px; margin:30px 0 10px 20px; text-align:center;display: block; color: #fff;  border-radius: 5px;line-height: 30px;}

.about_us{ width:100%; height:150px; background-color:#2f2f2f;}
.au_c {width: 100%; text-align: center; font-size:12px; color: #fff;  overflow: hidden; padding:19px 0px; line-height: 28px;}

.abtv{ width:100%; position:relative; display:block; background:url(../images/qzxbg.jpg) no-repeat center top; min-height:580px; }
.abtv .infotxt{width:1190px; margin:0 auto;  overflow:hidden; }
.abtv .infotxt h3{ font-size: 36px;height: 60px; line-height: 60px;color: #f2f2f2; font-weight: normal;letter-spacing:8px;}
.abtv .infotxt h3 span{ font-size:45px;}

.infotxt .title1{ width:200px; height:55px;clear: both;  color: #f2f2f2;font-size: 18px; padding:45px 0 40px 0;}
.infotxt .about_txt{ width:720px; float:right;}
.infotxt .about_txt .abt_t{font-size: 14px;color: #fff; line-height:24px; padding:35px 0 30px 0; display: block; border-bottom:1px solid #f2f2f2;}
.infotxt .about_txt .col1{background:url(../images/col1.png) no-repeat left center;line-height: 50px; height: 50px;overflow: hidden;color: #fff;   font-size: 22px;  text-indent: 40px; margin-top:30px;}
.infotxt .about_txt .col2{background:url(../images/col2.png) no-repeat left center;line-height: 50px; height: 50px;overflow: hidden;color: #fff;   font-size: 22px;  text-indent: 40px;}
.infotxt .about_txt .col3{background:url(../images/col3.png) no-repeat left center;line-height: 50px; height: 50px;overflow: hidden;color: #fff;   font-size: 22px;text-indent:40px;}
.infotxt .title1 span{display:block; color:#f2f2f2; font-size:24px; }

.listItem{ width:100%;height:auto; overflow: hidden; }
.listItem .casext{width:700px; height:100px; margin:0 auto; position:relative; background:url(../images/xitg.png) no-repeat center;  margin-top:50px;}
.listItem .casext span{ width:700px; height:100px;  vertical-align:middle; display:table-cell;}
.listItem .casext span img{ max-width:700px; max-height:100px; margin:0 auto; display:block;}
.listItem .seve2{ text-align:center; line-height:30px; height:30px; font-size:13px; color:#999;}

.listItem ul{ width:1190px; margin:0 auto;overflow: hidden; padding:60px 0px 80px;  }
.listItem ul li{ float:left; width:100px; height:200px; text-align:center; margin-right:80px; }
.listItem ul li:nth-child(7){ margin-right:0; floatŁ»right;}
.listItem ul li .icon { width: 90px;height:90px; margin: 0 auto;}
.listItem ul li img{ max-width:90px; max-height:90px; display:block; margin:0 auto;-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.listItem ul li:hover img{ cursor:pointer; -webkit-filter: grayscale(1%); 
-moz-filter: grayscale(1%); 
-ms-filter: grayscale(1%); 
-o-filter: grayscale(1%); 
filter: grayscale(1%); 
filter:;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}
.listItem li span{font-size: 24px; padding: 0px 0 10px; display: block;  color: #ff982b;}
.listItem ul li p {width: 90px;line-height: 28px;font-size: 18px;  color: #9f9f9f; margin: 0 auto; }

.abcre{ width:100%; position:relative; display:block; background:url(../images/abt_cre.jpg) no-repeat center top; min-height:390px; }
.abcre .infotxt{width:1190px; margin:0 auto;  overflow:hidden; }
.abcre .infotxt h3{ font-size: 36px;height: 60px; line-height: 60px; text-align: center;color: #fc8730; font-weight: normal;letter-spacing:8px;  padding-top: 40px;}
.abcre  .infotxt h3 span{ font-size:45px;}
.abcre .creat {width:1190px; margin:0 auto;overflow: hidden; margin:40px 0;}
.abcre .creat li{ float:left; width:220px; height:300px; text-align:center; margin-right:100px; }
.abcre .creat li .icon1{width: 199px; height: 199px;margin: 0 auto;}
.abcre .creat li p{width: 199px;line-height: 28px;font-size: 16px;  color: #969696;     padding: 26px 0 10px; margin: 0 auto;}
.abcre .creat li:nth-child(4){ margin-right:0; float:right;}

.officeshow{width:100%;height:auto;margin:0 auto; overflow: hidden;}
.officeshow .imgshow{width:100%; text-align: center;overflow: hidden; }
.officeshow .imgshow li{float: left;  width: 33.3333333%; height:341px; overflow: hidden;}
.officeshow .imgshow li img{ display:block; width:100%; max-height:100%; }

.the_reason{ width:100%; position:relative; display:block; background:url(../images/qzx_footbg.jpg) no-repeat center top; height:616px; }
.the_reason .desc{width:1190px; margin:0 auto; overflow:hidden;}
.the_reason .desc p{ width:520px; height:200px; overflow:hidden; font-size:18px;  line-height:34px;color:#fff;   margin:0 auto; margin-top:305px; text-align:center;} 


.warp{ width:1100px; margin:0 auto 60px auto; padding:50px; display:block; background:#fff;}


.newsdox h4 { text-align: center; font-size: 28px; line-height: 1.2; color: #222; font-weight:400;}
.newsdox h4 em{ font-weight:normal; color:#747474; font-size:28px; }
.newsdox h4 span{font-family:"Arial"; font-size:28px; color:#222;}
.newsdox .line{ margin:20px auto; width:90px; height:3px; background-color:#fc680f;}
.newsdox h3 { text-align: center; font-size: 14px; margin-bottom: 7px;color: #888; font-weight:400; text-transform: uppercase;}
.article { font-size: 16px; line-height:2; min-height: 200px;    margin-top: 54px; color:#212121; }
.article img { max-width: 100%; height: auto !important; }


.pro_List{width:1212px; overflow:hidden;position:relative; margin:30px auto;}
.pro_List ul li {float: left; margin:0 10px 10px 0px; }
.pro_List ul li a img { width: 384px;height: 240px;border: 3px solid #fff; display: block;}
.pro_List ul li a img:hover{border:3px solid #ff5601;}


.customer{width:1212px; overflow:hidden;position:relative; margin:0px auto;} 
.customer li{ float:left;width:1200px;  padding:6px 0; border-bottom:1px dashed #d8d8d8 }
.customer li a{ float:left; width:1155px; padding:7px 0 7px 5px}
.customer li img{ float:left; width:280px; height:120px; padding:2px; border:1px solid #dcdcdc; background:#fff;}
.customer .nameli_r{float:left; height:120px; overflow:hidden; line-height:1.5; color:#595959;width:848px; margin-left:15px; padding:0 0 0 0;  }
.customer .nameli_rt{float:left;width:848px;font:16px/2 'Microsoft Yahei'; color:#333; }
.customer .nameli_rt .fl{  overflow:hidden; white-space:nowrap; width:848px;color:#333333 }
.customer p.namecontent{text-overflow:ellipsis; overflow:hidden; color:#a2a2a2; float:left; width:848px; line-height:22px; font-size:14px;  padding:0 0 0 0; }

/* huiyuan libao */

.hy-part1 {}
.hy-part1 ul{}
.hy-part1 ul li{ width:280px; float:left; margin:0 10px 20px 10px; text-align:center;}
.hy-part1 ul li .t2{ font-size:24px; padding:10px 0;}
.hy-part1 ul li .t3{ font-size:14px; line-height:24px;}

.hy-part2 { height:730px;background:url(../images/hy09.jpg) no-repeat top center; margin-top:30px;}


/*cost */

.cost{width:100%;height:auto; overflow: hidden;}
.cost .w1200{ height:160px;  margin-top: 60px;text-align:center; line-height:50px;}
.cost .w1200 .mainTitle1{ font-size:32px; font-weight:bold; color:#484848; }
.cost .w1200 .mainTitle2{ font-size:24px; color:#ccc; }

.picshow{width:100%;height:auto; overflow: hidden;}
.picshow ul li{width:100%;height:490px; overflow: hidden;}
.picshow ul li .img1{ float:left; width:43%; height:100%; }
.picshow ul li .img1 img{width:100%; min-height:100%;  }
.picshow ul li .firstpart{ float:right; width:57%; height:100%;  background-color:#484848; }
.picshow ul li .firstpart img{ padding:45px 0 0 57px;}
.picshow ul li .firstpart p{ font-size:14px; color:#ffffff; height:320px;  line-height:32px; padding:10px 0 0 67px; overflow:hidden;}
.picshow ul li .firstpart p a{font-size:14px;color:#ffffff;}
.picshow ul li .firstpart p a:hover{color:#e0e0e0;}
.picshow ul li .firstpart p:hover{cursor:pointer;  color:#e0e0e0;}
.picshow ul li.l1 .img1{ float:right;}
.picshow ul li.l1 .firstpart{ float:left; text-align:right; background-color:#ff8400; }
.picshow ul li.l1 .firstpart img{padding:45px 57px 0 0px;}
.picshow ul li.l1 .firstpart p{padding:10px 67px 0 0px;}

/*----  news  --*/

.article_list{  position:relative; padding:40px 0 0;}
.article_list ul li{margin-top:10px; margin-bottom:10px;padding-left:20px;padding-top:20px;cursor: pointer;border:1px solid #fff;padding-bottom:20px;transition: all 0.2s;}
.article_list ul li .fl{width:800px; float:left;}
.article_list ul li .title{font-size:16px; color:#333; line-height:30px; height:30px; overflow:hidden; display:block;}
.article_list ul li .intro{font-size:12px;color: #a2a2a2;line-height:22px; height:44px; overflow:hidden; display:block;}
.article_list ul li .fr{width:100px;position: relative; float:right;height:100%;/*background-color: #0f0;*/}
.article_list ul li .dse{color: #999999;}
.article_list ul li .md{font-size:18px;display: block;}
.article_list ul li .year{font-size:12px;display: block; padding-left:20px;}
.article_list ul li .more{margin-top:10px;padding:7px 14px;border-radius: 24px;border:1px solid #dbdbdb;display: inline-block;line-height:1;color: #ea5404;transition: all 0.5s;}
.article_list ul li:hover{border:1px solid #e9e9e9;box-shadow: 5px 10px 10px #eee;}
.article_list ul li:hover .more{background-color: #ea5404;color: #fff;border:1px solid #ea5404;margin-left:10px;}

/*----  products video  --*/

.slide{width:1212px; overflow:hidden;position:relative; margin:30px auto;} 
.slide ul li{display:inline;float:left;width:360px;height:183px; padding:0; margin:5px;overflow:hidden;}
.slide ul li img{width:360px;height:183px;}
.slide ul li img:hover{-webkit-filter: grayscale(1%); -moz-filter: grayscale(1%); -ms-filter: grayscale(1%); -o-filter: grayscale(1%); filter: grayscale(1%); filter:;}
.slide ul a{display:block;width:360px;height:183px;overflow:hidden;color:#fff;}
.slide ul a:hover .pic-txt{color:#fff;}
.slide ul .pic-txt{display:block;bottom:-65px;position:relative;width:384px;height:65px;margin:-65px 0 0;padding:0 5px; font-size:14px; line-height:65px; font-weight:bold;text-align:center;z-index:1;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000);cursor:pointer;}
:root .slide ul .pic-txt{filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorstr=#00000000,endColorstr=#00000000);}


/*---  VR  ---*/

.we_can_do {width: 1190px;height: 646px;margin: 0 auto;overflow: hidden;}
.we_can_do h3 {font-size: 40px;height: 118px;line-height: 118px;text-align: center;color: #ff5601;font-weight: normal;margin-top: 48px;background: url(../images/line.gif) no-repeat center bottom;}
.we_can_do .introduce {line-height: 24px;font-size: 14px;text-align: center;padding: 18px 0 44px;}
.can_do {width: 100%;min-width: 1190pxoverflow: hidden;}
.can_do li {float: left;width: 276px;text-align: center;margin-right: 21px;}
.can_do li .icon {width: 161px;height: 161px;margin: 0 auto;transition: 2s all ease;transform-origin: center center;}
.can_do li .icon:hover {transform: rotate(360deg);}
.can_do li .icon1 {background: url(../images/we_can_do_icon.jpg) no-repeat left 0px;}
.can_do li .icon2 {background: url(../images/we_can_do_icon.jpg) no-repeat left -161px;}
.can_do li .icon3 {background: url(../images/we_can_do_icon.jpg) no-repeat left -322px;}
.can_do li .icon4 {background: url(../images/we_can_do_icon.jpg) no-repeat left -483px;}
.can_do li span {font-size: 22px;padding: 26px 0 10px;display: block;color:#000000;}
.can_do li p {width: 250px;line-height: 24px;color: #666;margin: 0 auto;font-size: 14px;}
.no_margin {margin: 0;}

.network_exhibition {
	width: 100%;
	min-width: 1190px;
	overflow: hidden;
	background: #232323;
}
.network_exhibition h3 {
	font-size: 40px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	margin: 50px 0 50px;
}



.network_exhibition_list_warp, .network_exhibition_list {
	width: 100%;
	min-width: 1190px;
	overflow: hidden;
	margin: 0 auto;
}
.network_exhibition_list li {
	float: left;
	width: 16.666%;
	position: relative;
	overflow: hidden;
}
.network_exhibition_list li a {
	text-decoration: none;
	display: block;
	font-size: 0;
}
.network_exhibition_list li p {
	width: 100%;
	position: absolute;
	bottom: -46px;
	left: 0;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	text-align: center;
	color: #fff;
	background: rgb(0,0,0);
	background: rgba(0,0,0,.8);
}
.network_exhibition_list li img {
	width: 100%;
}



.mob_area{ width:1200px; margin:30px auto; position:relative; display:block;}
.mob_area ul li{ width:370px; float:left; display:block; margin-right:45px;}
.mob_area ul li:nth-child(3n){ margin-right:0;} 


.mob-eye-bg{display:block;width:370px;height:220px;overflow:hidden;position:relative;cursor: pointer} 
.mob-eye-bg:hover img.mob-eye{top:50px;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;transition: all 0.4s ease-in-out 0s;}
.mob-eye-bg:hover img.mob-image{width:370px;} 
.pc-eye-bg:hover div.alpha-bg,.mob-eye-bg:hover div.alpha-bg{display: block} 
.mob-eye{position:absolute;left:125px;top:-120px;z-index:2}
.alpha-bg{position:absolute;width:100%;height:100%;top:0;left:0;display:none;background:url(../images/alpha.png) 0 0 repeat;z-index:1} 

.main_prm{width:100%;height:80px; display:block; line-height:80px; text-align:center; overflow:hidden; font-size:20px; color:#666}






.tesaxt{text-align: center; font-size: 30px; line-height: 1.2;margin-bottom: 7px;color: #7B7B7B;}
.time {text-align: center;font-size: 14px;color: #999; margin-bottom: 40px;}
.arhds{font-size:14px; line-height:25px; min-height: 300px;  margin-top: 54px; color:#666;}
.arhds img{ max-width:100%;}

.otherPage { border-top: 1px solid #e3e3e3; background-color: #f2f2f2; }
.pageList { float: left; margin-left: 27px; padding: 12px 0; }
.pageList li { line-height: 32px; font-size: 14px; color: #333; }
.pageList li a { color: #333; }
.pageList li a:hover { color: #d51737; }

.otherTool { float: right; padding-top: 18px; }
.otherTool li { position: relative; float: left; width: 58px; text-align: center; cursor: pointer; }
.otherTool li a { display: block; line-height: 24px; font-size: 14px; color: #333; text-align: center !important; padding-top: 32px; padding-left:0px; background:none; margin:0px; float:none; }
.otherTool li.close { background: url(../images/icon36.png) center top no-repeat; }
.otherTool li.close a:hover{ background: url(../images/icon36s.png) center top no-repeat; }
.otherTool li.share { background: url(../images/icon37.png) center top no-repeat; }
.otherTool li.share a:hover{ background: url(../images/icon37s.png) center top no-repeat; }
.otherTool li.share:hover .shareBox { display: block; }
.otherTool li:hover a { color: #d51737; }
.otherTool li .shareBox { position: absolute; display: none; width: 150px; bottom: 56px; left: 0; border: 1px solid #ccc; background-color: #fff; }
.otherTool li .shareBox dt { line-height: 24px; border-bottom: 1px solid #ccc; background-color: #f1f1f1; font-size: 14px; text-indent: 10px; color: #333; text-align: left; }
.otherTool li .shareBox dd { padding: 10px; }


.page {clear:both;padding:15px 0; text-align:center;}
.page span{margin-right:5px;border:#C00 1px solid;color:#C00;padding:0px;height:25px;line-height:25px;padding:2px 0;background:#fff; display:none;}
.page span strong {padding:0 6px;}
.page a {margin-right:4px;padding:6px 10px;background-color:#333;text-decoration: none;color:#fff;}
.page a:hover {background-color:#f90;}
.page a.current {background-color:#f90;}
.page span.current,.page span.disabled {margin-right:2px;padding:3px 6px 2px;border:#115c93 1px solid;font-weight:bold;color:#fff;background:#186ca9}
.page span input {width:16px;height:16px;border:0px;vertical-align:middle;font-family:Arial, Helvetica, sans-serif;padding:1px;font-size:11px;margin:-1px 2px 2px 2px;}
.page a.pagein:link,.page a.pagein:visited {background:#333;color:#fff;border:#06C 1px solid;}