@charset "utf-8";
/* CSS Document */
.zycp{ width:100%; margin:0 auto; padding-top:50px;}
.pp_left{ width:45%; float:left;padding-left:2%;}
.pp_left a{ position:relative; left:350px; top:-27px;}
.pp_right{width:50%;  float:right; padding-right:2%;}
.pp_right img{width:100%; height:250px;}
.pp{ font-size:24px;}
.zycp h2{ tex  t-align:center; font-size:32px; color:#333; margin-left:-60px; line-height:40px; margin-bottom:30px;}
.zycp h2 span{ color:#666;}
.zycp li{ width:330px; float:left; margin-left:35px; margin-right:35px;}
.zycp h3{ font-size:20px; border-bottom:2px solid #333; width:160px; color:#333; padding-bottom:5px; margin-top:10px; margin-bottom:10px;}
.zycp p{ color:#333333; font-size:16px; margin-bottom:20px; line-height:30px;}
.zycp a{ border:1px solid #0072dd; color:#0072dd; padding:5px 15px;}
.zycp a:hover,.us_right a:hover{ background:#0072dd; color:#fff;}
.jdal{ width:100%; background:url(../images/jdal_bg.jpg) no-repeat; background-size:100% 100%; padding-top:50px;}
.jdal h2{ text-align:center; font-size:32px; color:#fff; margin-left:-60px; line-height:40px; margin-bottom:30px;}
.jdal h2 span{ color:#0072dd;}
.gdal{ text-align:center; padding-bottom:50px; margin-top:50px;}

/*------------- 直接显示遮罩效果 开始 ------------------------------*/

.content-two {margin: 20px auto;padding: 15px 25px 15px 25px;}
.con-two {width: 31%;height: 277px;float: left;margin-right: 10px; margin-left:10px;margin-bottom: 15px;position: relative;cursor: pointer;}
.con-two img {width: 100%;height: 277px;}
.txt-two {position:absolute;left: 0;top: 0;width:100%;height:157px;padding-top: 120px;line-height: 45px;text-align: center;color: #fff;background: rgba(34,68,144,0.6);display: none;}
.txt-two h3 {font-weight: normal;}
.txt-two p {font-size: 14px;display:block;line-height:20px;}
.content-two li:hover .txt-two{display:block}
/*------------- 直接显示遮罩效果 结束------------------------------*/
.about{ width:100%; background:url(../images/about_bg.jpg) no-repeat; background-size:100% 100%; padding-top:50px; padding-bottom:50px; margin-top:-20px;}
.about_content{margin:0 auto;}
.about_left{ width:200px;margin-top:130px;float:left; text-align:center;}
.about_left P{ color:#666;}
.about_right{ width:750px; float:left;}
.about_right h4{ font-size:32px; color:#333; text-align:center;}
.about_us{ border-left:1px solid #8e8e8e; margin-top:30px; padding-left:40px;}
.about_us li{ border-bottom:1px dashed #000000; margin-top:20px; padding-bottom:20px}
.us_left h4{ font-size:24px; color:#333; margin-bottom:20px; text-align:left;}
.us_left{ width:580px; float:left;}
.us_left p{ font-size:16px; line-height:28px;}
.us_right{ padding-top:65px; float:right;}
.us_right a{ border:1px solid #0072dd; color:#0072dd; padding:5px 15px; }
.li_none{ border-bottom:none;}
.ppjs{ background:url(../images/ppjs_bg.png) no-repeat; width:100%; background-size:100% 100%; height:930px; margin-top:-130px; padding-bottom:30px;}
.new{ border-bottom:1px solid #666; border-top:1px solid #666; height:60px; line-height:60px; margin-bottom:50px; margin-top:30px;}
.new .pp{ float:left; width:290px; padding-left:10px;}
.new ul{ float:right;}
.new ul li{width:270px;}
.new ul a,.new ul a:hover{ background:none; border:none; color:#333;}
/*主营产品效果*/
/*主营产品效果*/
.business .box ul.items li{width:31%;height:380px;margin:0 8px;background:url(../images/bg_green.png) no-repeat 100% 450px; padding-bottom:70px;overflow:hidden; float:left; text-align:center; position:relative;}
.business .box ul.items li i{display:block;position:relative;margin:0 auto;margin-top:55px;height:95px;}
.business .box ul.items li.pc i{width:120px;background:url(../images/words.png) no-repeat -147px -576px;}
.business .box ul.items li.mobi i{width:120px;background:url(../images/words.png) no-repeat -147px -715px;}
.business .box ul.items li.sys i{width:120px;background:url(../images/words.png) no-repeat -160px -835px;}
.business .box ul.items li u{display:block;position:absolute;width:260px;height:260px;top:30px; left:74px;background:url(../images/words.png) no-repeat 0px -363px;-webkit-transition:all .5s ease-in-out 0s;-moz-transition:all .5s ease-in-out 0s;-ms-transition:all .5s ease-in-out 0s;-o-transition:all .5s ease-in-out 0s;transition:all .5s ease-in-out 0s;}
.business .box ul.items li u.cl{clip:rect(0px,156px,-10px,78px);}
.business.active .box ul.items li u.cl{clip:rect(0px,156px,156px,78px);}
.business .box ul.items li u.cr{clip:rect(156px,78px,156px,0px);}
.business.active .box ul.items li u.cr{clip:rect(0px,78px,156px,0px);}
.business .box ul.items li strong{display:block;margin-top:70px;font-size:20px;font-weight:normal;text-align:center;}
.business .box ul.items li p{position:relative;top:120px;color:White;font-family:Arial,"宋体";font-size:14px;line-height:24px;text-align:center;}
.business .box ul.items li:hover{width:31%;height:380px;margin:0 8px;background-position:0px 0px;-webkit-transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s;-ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;transition:all .5s ease-in-out .3s; text-align:center;}
.business .box ul.items li:hover i{-webkit-transition:all .5s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s;-ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;transition:all .5s ease-in-out .4s;}
.business .box ul.items li.pc:hover i{background:url(../images/words.png) no-repeat -0px -576px;}
.business .box ul.items li.mobi:hover i{background:url(../images/words.png) no-repeat -0px -715px;}
.business .box ul.items li.sys:hover i{background:url(../images/words.png) no-repeat -0px -835px;}
.business .box ul.items li .xq{text-align:left; padding-left:30px; line-height:24px; margin-top:15px;}
.business .box ul.items li:hover .xq{ color:White;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s; text-align:left;}
.business .box ul.items li:hover u.cl{clip:rect(0px,156px,-10px,78px);}
.business .box ul.items li:hover u.cr{clip:rect(156px,78px,156px,0px);}
.business .box ul.items li:hover strong{color:White;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;}
.business .box ul.items li:hover p{top:20px; left:30px; text-align:left;-webkit-transition:all .3s ease-in-out .5s;-moz-transition:all .3s ease-in-out .5s;-ms-transition:all .3s ease-in-out .5s;-o-transition:all .3s ease-in-out .5s;transition:all .3s ease-in-out .5s;}
.business .box ul.items li:hover .xq a{ border:1px solid #FFF; color:#fff; text-decoration:none; padding:7px 20px;-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-ms-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s;}
.business .box label{display:block;margin:0 auto;margin-top:-40px;width:297px;height:21px;background:url(../images/words.png) no-repeat 0px -333px;}