/* 
    author:PengJin;
    date:2019-4-12;
*/
/* --banner-- */
.banner{clear:both;position:relative;z-index:1;width:100%;height:688px;overflow:hidden;}
.inpage-banner{clear:both;position:relative;z-index:1;width:100%;height:688px;overflow:hidden;background-repeat:no-repeat;background-position:center;}
/* --end banner-- */

/* --adv-- */
.adv{padding:70px 0;overflow:hidden;background:#f1f0ee;}
.adv-list{position:relative;height:630px;overflow:hidden;}
.adv-list .item{position:absolute;width:300px;height:315px;text-align:center;background:url("../images/Index/adv_item.png")/*tpa=http://www.szza119.com/Skins/Default/images/Index/adv_item.png*/ no-repeat;transition: all 1s;}
.adv-list .item .icon{display:block;position:relative;margin:80px auto 0;width:70px;height:70px;overflow:hidden;transition: all 1s;}
.adv-list .item .icon img{display:block;position:absolute;top:0;left:0;}
.adv-list .item strong{display:block;margin-top:30px;height:42px;line-height:42px;font-size:24px;color:#333;overflow:hidden;}
.adv-list .item p{display:none;margin-top:12px;padding:10px 50px;color:#fff;font-size:16px;line-height:24px;background:url("../images/Index/adv_line.png")/*tpa=http://www.szza119.com/Skins/Default/images/Index/adv_line.png*/ no-repeat center 0;}
.adv-list .item:hover{background-image:url("../images/Index/adv_cur.png")/*tpa=http://www.szza119.com/Skins/Default/images/Index/adv_cur.png*/;}
.adv-list .item:hover .icon{margin-top:40px;}
.adv-list .item:hover .icon img{top:-70px;}
.adv-list .item:hover strong{margin-top:0;color:#fff;} 
.adv-list .item:hover p{display:block;}
.adv-list .item-1{left:60px;top:20px;}
.adv-list .item-2{left:365px;top:20px;}
.adv-list .item-3{left:670px;top:20px;}
.adv-list .item-4{left:210px;bottom:20px;}
.adv-list .item-5{left:515px;bottom:20px;}
.adv-list .item-6{left:820px;bottom:20px;}
/* --end adv-- */

/* --case-- */
.case{padding:70px 0;overflow:hidden;background:#fff;}
.case-slide{position:relative;height:525px;}
.case-slide .flipto-prev,.case-slide .flipto-next{position:absolute;z-index:333;top:212px !important;width:38px !important;height:38px !important;cursor:pointer;text-indent:-9999px;}
.case-slide .flipto-prev{left:0;background:url("../images/Index/prev.png")/*tpa=http://www.szza119.com/Skins/Default/images/Index/prev.png*/ no-repeat;}
.case-slide .flipto-next{right:0;background:url("../images/Index/next.png")/*tpa=http://www.szza119.com/Skins/Default/images/Index/next.png*/ no-repeat;}
.case-list{height:525px;}
.case-list .item{position:absolute;top:0;float:left;width:540px;height:525px;overflow:hidden;filter:grayscale(100%);box-shadow:0 0 20px #ccc;}
.case-list .item .pic{position:relative;width:540px;height:525px;overflow:hidden;}
.case-list .item .pic img{display:block;width:540px;height:525px;}
.case-list .item .text{display:none;position:absolute;left:0;bottom:0;padding:25px 15px 0;width:510px;height:120px;color:#fff;overflow:hidden;background:rgba(217,14,14,0.9);}
.case-list .item.flip-current{filter:grayscale(0);}
.case-list .item.flip-current .text{display:block;}
.case-list .item h3{height:32px;line-height:32px;font-size:18px;overflow:hidden;}
.case-list .item h3 a{color:#fff;}
.case-list .item p{height:46px;line-height:23px;font-size:14px;color:#fff;overflow:hidden;}
.case-list .item .read{display:block;width:70px;height:30px;line-height:30px;color:#fff;font-family:"宋体";font-size:12px;background:url("../images/Index/read.png")/*tpa=http://www.szza119.com/Skins/Default/images/Index/read.png*/ no-repeat right center;}
/* --end case-- */

/* --partner-- */
.partner{padding:70px 0 30px;overflow:hidden;background:#fff;}
.partner-list{overflow:hidden;}
.partner-list li{float:left;margin:30px 36px;width:228px;height:68px;overflow:hidden;border-radius:5px;box-shadow:0 0 20px #ccc;}
/* --end partner-- */

/* --aboutus-- */
.aboutus{padding:70px 0;overflow:hidden;background:#fff;}
.aboutus .inner{overflow:hidden;}
.aboutus .video{float:left;width:542px;height:368px;overflow:hidden;border:#e0e0e0 solid 8px;}
.aboutus .text{float:right;width:600px;overflow:hidden;}
.aboutus .summary{font-size:14px;line-height:26px;color:#555;}
.chart-list{padding-top:25px;overflow:hidden;}
.chart-list dl{float:left;width:200px;}
.chart-list dt{font-size:13px;color:#555;}
.chart-list dd{font-size:26px;font-weight:bold;color:#444;}
/* --end aboutus-- */

/* --honor-- */
.honor{padding:70px 0;overflow:hidden;background:#fff;}
.honor-slide{position:relative;}
.honor-slide .prev,.honor-slide .next{position:absolute;top:90px;width:38px;height:38px;cursor:pointer;}
.honor-slide .prev{left:-20px;background:url("../images/Index/prev.png")/*tpa=http://www.szza119.com/Skins/Default/images/Index/prev.png*/ no-repeat;}
.honor-slide .next{right:-20px;background:url("../images/Index/next.png")/*tpa=http://www.szza119.com/Skins/Default/images/Index/next.png*/ no-repeat;}
.honor-list{margin:0 auto;width:1140px;}
.honor-list li{margin:0 30px;float:left;width:320px;}
.honor-list li .pic{width:320px;height:232px;overflow:hidden;}
.honor-list li .pic img{display:block;margin-top:20px;margin-left:21px;width:280px;height:194px;}
.honor-list li p{padding-top:15px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#000;overflow:hidden;}
/* --end honor-- */

/* --regForm-- */
.regForm{height:389px;overflow:hidden;background:url("../images/Index/regForm_bg.jpg")/*tpa=http://www.szza119.com/Skins/Default/images/Index/regForm_bg.jpg*/ no-repeat center 0;}
.regForm .text{float:left;padding-top:60px;width:580px;}
.regForm .text .tit{height:55px;line-height:55px;font-size:24px;color:#fff;overflow:hidden;}
.regForm .text .tit strong{font-size:34px;}
.regForm .text ul{padding:10px 0;overflow:hidden;}
.regForm .text li{height:45px;line-height:45px;font-size:24px;color:#fff;}
.regForm .text .tel{margin-top:30px;width:258px;height:30px;line-height:30px;font-size:18px;text-align:center;color:#fff;border:#fff solid 1px;border-radius:15px;}
.regForm .form{float:right;padding-top:18px;padding-top:70px;width:550px;}
.regForm .form li{margin-bottom:20px;}
.regForm .form li input{display:block;padding:0 15px;width:290px;height:48px;line-height:48px;background:#fff;border:none;}
.regForm .form li input.cinpt { float:left;width:190px;height:48px;line-height:48px;background:#fff;border:none;}
.regForm .form li .incode{padding:0 0 0 5px;width:100px;height:48px;line-height:48px;border:none;}
.regForm .form li .submitBtn{display:block;width:310px;height:48px;line-height:48px;color:#fff;text-align:center; font-size:18px;background:#d90e0e;}
/* --end regForm-- */

/* --news-- */
.news{padding:70px 0;overflow:hidden;background:#fff;}
.news-left{float:left;width:680px;}
.news-left .hd{height:40px;line-height:40px;overflow:hidden;border-bottom:#ddd solid 1px;}
.news-left .hd .more{display:block;float:right;margin-top:15px;width:60px;height:22px;background:url("../images/Index/more1.png")/*tpa=http://www.szza119.com/Skins/Default/images/Index/more1.png*/ no-repeat;}
.news-left .tit{display:block;font-size:16px;color:#333;font-weight:bold;}

.news-group{overflow:hidden;}
.news-group .item{padding:30px 0;overflow:hidden;border-bottom:#ddd solid 1px;}
.news-group .item:last-child{border-bottom:none;}
.news-group .pic{float:left;width:186px;height:114px;overflow:hidden;}
.news-group .pic img{display:block;width:186px;height:114px;transition: all 1s;}
.news-group .text{padding-left:16px;width:360px;overflow:hidden;}
.news-group .text h3{height:30px;line-height:30px;font-size:16px;overflow:hidden;}
.news-group .text h3 a{color:#333;}
.news-group .text p{height:44px;line-height:22px;font-size:14px;color:#666;overflow:hidden;}
.news-group .text .read{margin-top:15px;}
.news-group .text .read a{display:block;width:62px;height:21px;background:url("../images/Index/more2.png")/*tpa=http://www.szza119.com/Skins/Default/images/Index/more2.png*/ no-repeat;}
.news-group .date{float:right;margin-top:20px;width:72px;height:64px;line-height:32px;text-align:center;color:#999;font-size:16px;background:#ececec;}
.news-group .date span{display:block;}
.news-group .item:hover img{transform:scale(1.2);}
.news-group .item:hover h3 a{color:#d90e0e;}

.faq{float:right;width:450px;}
.faq .hd{height:40px;line-height:40px;overflow:hidden;border-bottom:#ddd solid 1px;}
.faq .hd .more{display:block;float:right;margin-top:15px;width:60px;height:22px;background:url("../images/Index/more1.png")/*tpa=http://www.szza119.com/Skins/Default/images/Index/more1.png*/ no-repeat;}
.faq .hd .tit{display:block;font-size:16px;color:#333;font-weight:bold;}
.faq .bd{padding-top:12px;overflow:hidden;}
.faq .bd .pic{height:133px;overflow:hidden;}
.faq .bd dl{padding:20px 0;overflow:hidden;border-bottom:#e5e5e5 solid 1px;}
.faq .bd dl:last-child{padding-bottom:none;border-bottom:none;}
.faq .bd dt{padding-left:36px;height:30px;line-height:30px;font-size:17px;overflow:hidden;background:url("../images/Index/Q.png")/*tpa=http://www.szza119.com/Skins/Default/images/Index/Q.png*/ no-repeat 0 center;}
.faq .bd dt a{color:#333;}
.faq .bd dt a:hover{color:#d90e0e;}
.faq .bd dd{padding-left:36px;height:48px;line-height:24px;font-size:14px;overflow:hidden;background:url("../images/Index/A.png")/*tpa=http://www.szza119.com/Skins/Default/images/Index/A.png*/ no-repeat 0 4px;}
/* --end news-- */

/* --Intro-- */
.Intro{padding:70px 0;overflow:hidden;background:#fff;}
.Intro .inner{overflow:hidden;}
.Intro .text{float:left;width:670px;}
.Intro .text p{font-size:16px;color:#333;line-height:1.5;text-indent:2em;}
.Intro .pic{float:right;width:465px;height:328px;border:#f1f0ee solid 5px;overflow:hidden;animation:fadeinT 1s;}
.Intro .pic img{display:block;width:465px;height:328px;}
/* --end Intro-- */

/* --choose-- */
.choose{padding:70px 0;overflow:hidden;background:#f1f0ee;}
.choose .summary{margin:0 auto 30px;width:1000px;font-size:16px;color:#555;line-height:1.5;text-align:center;overflow:hidden;}
.choose .list{overflow:hidden;}
.choose .list .item{padding:30px;width:520px;overflow:hidden;background:#fff;box-shadow:0 0 10px #eee;}
.choose .list .item.fl{animation:fadeinL 1s;}
.choose .list .item.fr{animation:fadeinR 1s;}
.choose .list dt{color:#d90e0e;font-size:24px;}
.choose .list dd{padding-top:12px;height:150px;line-height:30px;font-size:15px;color:#555; overflow:hidden;}
/* --end choose-- */

/* --pro-adv-- */
.pro-adv{padding:70px 0;overflow:hidden;background:#fff;}
.pro-adv .inner{margin:0 auto;width:1324px;overflow:hidden;}
.pro-adv .inner img{display:block;}
/* --pro-adv-- */

/* --Message-- */
.Message{padding:70px 0;overflow:hidden;background:#fff;}
.Message .inner{overflow:hidden;}
.Message .pic{float:left;width:450px;}
.Message .text{float:right;width:550px;line-height:30px;font-size:16px;color:#666;}
/* --end Message-- */

/* --aboutIntro-- */
.aboutIntro{padding:70px 0;overflow:hidden;background:#f6f4f8;}
.aboutIntro .inner{overflow:hidden;}
.aboutIntro .text{float:left;width:600px;line-height:30px;font-size:16px;color:#333;}
.aboutIntro .pic{float:right;width:568px;}
.aboutIntro .pic img{display:block;width:100%;}
/* --end aboutIntro-- */

/* --aboutIntro-- */
.aboutIntrolx {padding:70px 0;overflow:hidden;background:#f6f4f8;}
.aboutIntrolx .inner{overflow:hidden;}
.aboutIntrolx .text{float:left;width:1200px;line-height:30px;font-size:16px;color:#333;}
.aboutIntrolx .pic{float:right;width:568px; display:inline;}
.aboutIntrolx .pic img{width:568px}
/* --end aboutIntro-- */

/* --culture-- */
.culture{padding:70px 0;overflow:hidden;background:#fff;}
.culture .pic{float:left;width:620px;overflow:hidden;}
.culture .pic img{display:block;width:100%;}
.culture .text{float:right;width:520px;overflow:hidden;}
.culture .text dl{margin-bottom:20px;}
.culture .text dt{font-size:16px;color:#db1d1d;font-weight:bold;}
.culture .text dd{padding-top:5px;font-size:14px;color:#333;line-height:1.5;overflow:hidden;}
.culture .text li{margin:10px 0;font-size:14px;color:#333;line-height:1.5;overflow:hidden;}
.culture .text li span{display:block;float:left;}
.culture .text li p{overflow:hidden;}
/* --end culture-- */



/*2018-11-22 客户案例*/
.case_list {}
.case_list li {width: 100%; letter-spacing: 1px;border-bottom: 1px solid #d9d9d9;  border-top: 1px solid #ececec; padding: 40px 0; overflow: hidden; }
.case_list li:first-of-type {border-top: 0;}

.case_img a, .case_img img {width: 100%; display: block; height: auto;}
.case_img a:after {content: ''; width: 180px; height: 130%; position: absolute; left: -30%; top: -80%; -moz-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%);}
.case_list li:hover .case_img a:after {left: 100%; top: 30%; -webkit-transition: all 1.8s; -moz-transition: all 1.8s; transition: all 1.8s;}
.case_img {float: left; width: 32.5%; overflow: hidden; }
.case_txt {float: right; width: 62.5%; padding-right: 1%; font-size: 17px; line-height: 32px; color: #666;}
.case_txt h2, .case_txt h2 a {font-size: 21px; color: #000;}
.case_txt h2 {margin-bottom: 10px;}
.case_btns {margin-top: 30px;}
.case_btns a {float: left; width: 200px; height: 45px; border: 1px solid #818080; margin-right: 10px; text-align: center; font-size: 20px; color: #818080; line-height: 44px; -webkit-transition: all .4s; transition: all .4s;}
.case_btns a > img {display: inline-block; margin-left: 6px; margin-top: -3px; vertical-align: middle;}
.case_btns a:first-of-type {border-color: #007cab; color: #007cab;}
.case_btns a:hover {-webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; -webkit-transform: translateY(-4px); transform: translateY(-4px);}

/*2018-11-22 设备管理*/
.equi_list {margin-top: -40px;}
.equi_list li {width: 100%; letter-spacing: 1px;border-bottom: 1px solid #d9d9d9; padding: 40px 0; overflow: hidden;}
.equi_list li:first-of-type {border-top: 0;}
.equi_img {float: left; width: 32.5%; overflow: hidden; position: relative;}
.equi_img a, .equi_img img {width: 100%; display: block; height: auto;}
.equi_img a:after {content: ''; width: 180px; height: 130%; position: absolute; left: -30%; top: -80%; -moz-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%);}
.equi_list li:hover .equi_img a:after {left: 100%; top: 30%; -webkit-transition: all 1.8s; -moz-transition: all 1.8s; transition: all 1.8s;}

.equi_txt {float: right; width: 62.5%; padding-right: 1%; font-size: 17px; line-height: 32px; color: #666;text-align:left;}
.equi_txt h2, .equi_txt h2 a {font-size: 21px; color: #000;}
.equi_txt h2 {margin-bottom: 10px;}
.equi_btns {margin-top: 30px;}
.equi_btns a {float: left; width: 200px; height: 45px; border: 1px solid #818080; margin-right: 10px; text-align: center; font-size: 20px; color: #818080; line-height: 44px; -webkit-transition: all .4s; transition: all .4s;}
.equi_btns a > img {display: inline-block; margin-left: 6px; margin-top: -3px; vertical-align: middle;}
.equi_btns a:first-of-type {border-color: #007cab; color: #007cab;}
.equi_btns a:hover {-webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; -webkit-transform: translateY(-4px); transform: translateY(-4px);}

.page_num {margin-top: 40px; text-align: center; overflow: hidden;}
.page_num a {display: inline-block; vertical-align: middle; font-size: 17px; color: #888;}
.page_num a.next_btn {color: #007cab; margin-left: 4px;}
.page_num a.num_btn {border: 1px solid #888; line-height: 22px; width: 23px; height: 23px; margin: 0 1px;}
.page_num a.num_btn.active {color: #007cab; border-color: #007cab;}
.page_num a.prev_btn {margin-right: 8px;}



.product-type{padding:10px 0 40px;margin:0 auto;width:1200px;overflow:hidden;}
.product-type .sidebar{float:left;width:280px;overflow:hidden;background:#fafafa;}

.product-type .sidebar dl{padding-bottom:30px;overflow:hidden;}
.product-type .sidebar dt{padding:0 56px 0 28px;font-size:24px;font-weight:bold;color:#fff;height:80px;line-height:80px;background:#da0e0f;}
.product-type .sidebar dd{height:58px;line-height:58px;overflow:hidden;border-bottom:#e4e4e4 solid 1px;transition:all 0.5s;}
.product-type .sidebar dd a{display:block;padding:0 40px;height:58px;line-height:58px;font-size:16px;overflow:hidden;background:url("../images/dd.png")/*tpa=http://www.szza119.com/Skins/Default/images/dd.png*/ no-repeat 90% center; color:#666;}
.product-type .sidebar dd:hover,.product-type .sidebar dd.active{background:#ddd;}
.product-type .list{float:right;width:880px;}
.product-type .list ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.product-type .list li{position:relative;margin-bottom:40px;width:280px;overflow:hidden;}
.product-type .list li .mask{opacity:0;transition:opacity 1s;position:absolute;z-index:666;top:0;left:0;width:280px;height:240px;background:rgba(0,0,0,0.5) url("../images/Magnifier.png")/*tpa=http://www.szza119.com/Skins/Default/images/Magnifier.png*/ no-repeat center;}
.product-type .list li .pic{width:280px;height:240px;overflow:hidden;}
.product-type .list li .pic img{width:280px;height:240px;transition:all 0.5s;}
.product-type .list li .tit{display:block;height:40px;line-height:40px;text-align:center;overflow:hidden;background:#f3f3f3;}
.product-type .list li:hover{box-shadow:0 0 10px #ddd;}
.product-type .list li:hover span{background:#fff;}
.product-type .list li:hover img{transform:scale(1.2);}
.product-type .list li:hover .mask{opacity:1;}


/*新闻列表 - start*/
.news_list {width: 1347px; margin-top: -32px;}
.news_list li {float: left; overflow: hidden; width: 418px; margin: 31px 31px 0 0; background: #f2f2f2;}
.news_img, .news_img img {display: block; width: 100%; height: 365px; overflow: hidden;}
.news_img {position: relative;}
.news_img:after {content: ''; width: 180px; height: 130%; position: absolute; left: -30%; top: -80%; -moz-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); transform: skewX(-45deg); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, rgba(255,255,255,.2) 50%, rgba(255,255,255,0) 100%);}
.news_txt {width: 380px; height: 144px; overflow: hidden; margin: 0 auto; font-size: 12px; line-height: 21px; color: #999;}
.news_txt h2 {font-size: 16px; line-height: 30px; margin: 13px 0 5px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news_txt h2 a {display: inline; color: #000;}
.other_info {overflow: hidden; margin-top: 12px; color: #bbb;}
.other_info .tag {float: left; width: 50px; height: 24px; border: 1px solid #c3c3c3; text-align: center; line-height: 24px; border-radius: 12px;}
.other_info .time {float: right; line-height: 24px;}
.news_list li:hover {background: #e3e3e3; -webkit-box-shadow: 0 0 25px #888; box-shadow: 0 0 25px #888; -moz-transform: skewX(3deg) translateY(-12px); -webkit-transform: skewX(3deg) translateY(-12px); transform: skewX(3deg) translateY(-12px); -webkit-border-radius: 10px; border-radius: 10px;}
.news_list li:hover .news_img:after {left: 100%; top: 30%; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; transition: all 1.5s;}
.news_list li h2 a:hover {color: #007cab;}
/*新闻列表 - end*/


/*清除浮动*/
.clearfix {*zoom:1;}
.clearfix:before,.clearfix:after {content:" ";display:table;}
.clearfix:after {clear: both;}
