@charset "utf-8";
/*
    author:PengJin;
    date:2019-06-24;
*/

/* --pro-banner-- */
.pro-banner{clear:both;position:relative;z-index:1;width:100%;height:660px;overflow:hidden;background-repeat:no-repeat;background-position:center;}
.pro-banner .wrapper{height:660px;}
.pro-banner .text{padding-top:110px;color:#fff;overflow:hidden;}
.pro-banner .text .hd{padding-bottom:45px;overflow:hidden;}
.pro-banner .text .hd h3{height:72px;line-height:72px;font-weight:normal;font-size:44px;font-family:Arial;}
.pro-banner .text .hd p{height:40px;line-height:40px;font-size:24px;}
.pro-banner .text .bd{padding-top:45px;overflow:hidden;}
.pro-banner .text .bd dt{height:35px;line-height:35px;font-size:20px;}
.pro-banner .text .bd dd{padding-top:10px;width:384px;font-size:15px;overflow:hidden;}
.pro-banner .text .bd dd span{display:block;float:left;width:50%;height:35px;line-height:35px;overflow:hidden;}
.pro-banner .text .btnBox{margin-top:38px;width:358px;height:60px;line-height:60px;background:url(../images/Inpage/banner_btnBox.png) no-repeat;}
.pro-banner .text .btnBox a{display:block;float:left;width:50%;text-align:center;font-size:18px;}
.pro-banner .text .btnBox a.btn01{color:#fff;}
.pro-banner .text .btnBox a.btn02{color:#333;}
.pro-banner .text .btnBox a:hover{font-weight:bold;text-shadow:0 0 10px #ccc;}
/* --end pro-banner-- */

/* --design-- */
.design{padding:70px 0;overflow:hidden;background:#fff;}
.design-list .item{float:left;padding:12px 40px;width:219px;text-align:center;text-align:center;overflow:hidden;border-right:#e7e7e7 solid 1px;transition:all 0.5s;}
.design-list .item:last-child{border-right:none;}
.design-list .icon{margin:0 auto;width:80px;height:80px;overflow:hidden;}
.design-list .icon img{display:block;width:80px;height:80px;}
.design-list .text{padding-top:15px;overflow:hidden;}
.design-list .text strong{display:block;height:35px;line-height:35px;font-weight:normal;font-size:20px;color:#000;}
.design-list .text p{margin-top:15px;height:44px;line-height:22px;font-size:14px;color:#333;}
.design-list .item:hover{box-shadow:0 0 20px #ccc;}
.design-list .item:nth-child(1){animation:bounceinR 1s ease-out backwards;}
.design-list .item:nth-child(2){animation:bounceinR 1.5s ease-out backwards;}
.design-list .item:nth-child(3){animation:bounceinR 2s ease-out backwards;}
.design-list .item:nth-child(4){animation:bounceinR 2.5s ease-out backwards;}
/* --end design-- */

/* --special-- */
.special{padding:70px 0;height:730px;overflow:hidden;background-repeat:no-repeat;background-position:center 0;}
.special-inner{height:655px;overflow:hidden;position: relative;}
.special-inner .list{float:right;width:350px;height:588px;overflow:hidden;}
.special-inner .item{float:left;margin-bottom:30px;background:#fff;overflow:hidden;}
.special-inner .item img{display:block;width:350px;height:210px;}
.special-inner .item p{height:60px;line-height:60px;text-align:center;font-size:18px;color:#161616;}
.special-inner span{font-size:18px;color:#666;position:absolute;}
.special-inner span.text1{left: 344px;top: 18px;}
.special-inner span.text2{left: 581px;top: 107px;}
.special2{padding:0 0 70px;overflow:hidden;background:#fff;}
.special2 p{font-size:0;}
.special2 p img{display:inline-block;}
/* --end special-- */

/* --function-- */
.function{padding:70px 0;overflow:hidden;background:#fff;}
.function .list{width:1220px;}
.function .item{float:left;margin-right:20px;width:590px;background:#f2f2f2;animation:flipinY 1s ease-out backwards;transition: all .5s;}
.function .item:hover{box-shadow:5px 5px 10px #ccc;}
.function .pic{width:590px;height:410px;overflow:hidden;}
.function .pic img{display:block;width:590px;height:410px;transition: all .5s;}
.function .item:hover .pic img{transform: scale(1.05);}
.function .text{padding:44px;text-align:center;overflow:hidden;transition: all .5s;}
.function .text strong{display:block;height:46px;line-height:46px;font-weight:normal;font-size:26px;color:#161616;overflow:hidden;}
.function .item:hover .text {margin:-15px 0 15px;position:relative;}
.function .item:hover .text strong{color:#17a1fd;}
.function .text p{height:36px;line-height:36px;font-size:16px;height:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.function .text i{display:block;margin:28px auto 0;width:20px;height:1px;background:#161616;}
/* --end function-- */

/* --auxiliary-- */
.auxiliary{padding:70px 0;overflow:hidden;background:#272727;}
.auxiliary .list{width:1230px;overflow:hidden;}
.auxiliary .item{float:left;margin-right:30px;margin-bottom:30px;width:380px;overflow:hidden;background:#fff;animation:flipinX 1s ease-out backwards;transition: all .5s;}
.auxiliary .item:hover{margin-top:-10px;margin-bottom:40px;}
.auxiliary .pic{width:380px;height:260px;overflow:hidden;}
.auxiliary .pic img{display:block;width:380px;height:260px;}
.auxiliary .text{padding:0 40px 25px;text-align:center;}
.auxiliary .text em{display:block;position:relative;margin:-27px auto 20px;width:54px;height:54px;line-height:54px;text-align:center;font-family:Arial;font-size:20px;color:#fff;border-radius:50%;background:#19a2ff}
.auxiliary .text em:after{display:block;position:absolute;top:-10px;left:-10px;width:74px;height:74px;content:"";background:rgba(25,162,255,0.2);border-radius:50%;animation:scale 3s infinite linear;}
.auxiliary .text strong{display:block;height:36px;line-height:36px;font-size:24px;font-weight:normal;color:#272727;overflow:hidden;}
.auxiliary .text p{height:26px;line-height:26px;font-size:15px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@keyframes scale{
    0%{transform:scale(1)}
    75%{transform:scale(1.5)}
    100%{transform:scale(1)}
}
.auxiliary .item:hover .text strong{color:#17a1fd;}
.auxiliary .item:hover .text p{color:#17a1fd;}
/* --end auxiliary-- */

/* --parameter-- */
.parameter{padding:70px 0;overflow:hidden;background:#fff;}
.parameter table{margin-bottom:10px;width:100%;font-size:16px;}
.parameter thead{background:#f7f7f7;}
.parameter thead th{width:240px;height:40px;line-height:40px;color:#333;text-align:center;border:#dedede solid 1px;}
.parameter table:hover thead{background:#17a1fd}
.parameter table:hover thead th{color:#ffffff;}
.parameter tbody{background:#fff;}
.parameter tbody td{width:240px;height:40px;line-height:40px;color:#666;text-align:center;border:#dedede solid 1px;}
/* --end parameter-- */

/* --versus-- */
.versus{padding:70px 0;overflow:hidden;background:#f1f1f1;}
.versus-menu{position:relative;margin-bottom:40px;padding:0 45px;height:84px;line-height:84px;overflow:hidden;border-bottom:#dadada solid 1px;}
.versus-menu li{position:relative;float:left;width:185px;text-align:center;font-size:20px;color:#333;cursor:pointer;}
.versus-menu li.cur,.versus-menu li:hover{color:#0099ff;}
.versus-menu li:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-30px;width:0;height:4px;content:"";background:#19a2ff;}
.versus-menu li.cur:after,.versus-menu li:hover:after{margin-left:-30px;width:60px;transition:all 0.5s;}
.versus-menu .prev,.versus-menu .next{position:absolute;top:0;width:45px;height:84px;cursor:pointer;}
.versus-menu .prev{left:0;background:url(../images/Inpage/versus_prev.png) no-repeat 0 center;}
.versus-menu .prev:hover{background-image:url(../images/Inpage/versus_prev_cur.png);}
.versus-menu .next{right:0;background:url(../images/Inpage/versus_next.png) no-repeat right center;}
.versus-menu .next:hover{background-image:url(../images/Inpage/versus_next_cur.png);}
.versus-main{overflow:hidden;}
.versus-main .item{width:590px;}
.versus-main .item-1{float:left;animation:fadeinL 1s ease;}
.versus-main .item-2{float:right;animation:fadeinR 1s ease;}
.versus-main .pic{position:relative;width:590px;height:340px;    overflow: hidden;}
.versus-main .pic img{display:block;width:590px;height:340px;}
.versus-main .pic:after{display:block;position:absolute;left:71px;bottom:0;width:9px;height:5px;content:"";}
.versus-main .text{height:110px;overflow:hidden;background:#272727;}
.versus-main .text dt{float:left;padding:30px;width:90px;height:50px;line-height:25px;font-size:20px;text-align:center;color:#fff;overflow:hidden;}
.versus-main .text dd{padding:30px 45px;height:50px;line-height:25px;font-size:15px;color:#fff;overflow:hidden;}
.versus-main .item-1 dt{background:#19a2ff;}
.versus-main .item-2 dt{background:#666;}
.versus-main .item-1 .pic:after{background:url(../images/Inpage/versus_after_self.png) no-repeat;}
.versus-main .item-2 .pic:after{background:url(../images/Inpage/versus_after_other.png) no-repeat;}
/* --end versus-- */

/* --support-- */
.support{padding-top:70px;overflow:hidden;background:#fff;}
.support-list .item{position:relative;float:left;width:33.33%;}
.support-list .pic img{display:block;width:100%;}
.support-list .text{position:absolute;right:0;bottom:0;padding:40px 35px;width:330px;height:240px;background:#f1f1f1;}
.support-list .text:after{display:block;position:absolute;left:50%;bottom:100%;margin-left:-5px;width:10px;height:5px;content:"";background:url(../images/Inpage/support_arrow.png) no-repeat;}
.support-list .text span{display:block;height:56px;line-height:28px;font-size:20px;color:#161616;overflow:hidden;}
.support-list .text p{margin-top:30px;height:110px;line-height:22px;font-size:14px;color:#666;overflow:hidden;}
/* --end support-- */

/* --ensure-- */
.ensure{padding-top:70px;overflow:hidden;background:#fff url(../images/Inpage/ensure_bg.png) repeat-x bottom;}
.ensure .wrap-title p{height:18px;line-height:18px;font-size:12px;color:#999;font-family:Arial;}
.ensure-list{width:1225px;overflow:hidden;}
.ensure-list .item{position:relative;float:left;margin-right:25px;width:280px;height:410px;overflow:hidden;background:#fff;border-bottom:#8c8c8c solid 10px;}
.ensure-list .icon{position:absolute;z-index:33;top:52px;left:50%;margin-left:-52px;width:104px;height:104px;overflow:hidden;background:url(../images/Inpage/ensure_icon_bg.png) no-repeat;}
.ensure-list .icon img{display:block;position:absolute;left:0;bottom:0;}
.ensure-list .pic{position:relative;width:280px;height:210px;overflow:hidden;}
.ensure-list .pic img{display:block;width:280px;height:210px;}
.ensure-list .pic:before{display:block;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);}
.ensure-list .text{position:relative;padding:50px 20px;text-align:center;}
.ensure-list .text:before{display:block;position:absolute;z-index:3;bottom:100%;left:50%;width:10px;height:5px;content:"";background:url(../images/Inpage/ensure_arrow.png) no-repeat;}
.ensure-list .text span{display:block;height:35px;line-height:35px;font-size:20px;color:#161616;overflow:hidden;}
.ensure-list .text p{height:48px;line-height:24px;font-size:14px;color:#333;overflow:hidden;}
.ensure-list .item:hover{border-color:#0099ff}
.ensure-list .item:hover .icon{background-image:url(../images/Inpage/ensure_icon_cur_bg.png)}
.ensure-list .item:hover .icon img{bottom:-104px;}
.ensure-list .item:hover .pic:before{display:none;}
.ensure-list .item:nth-child(1){animation:fadeinB 1s ease-out backwards;}
.ensure-list .item:nth-child(2){animation:fadeinB 1.5s ease-out backwards;}
.ensure-list .item:nth-child(3){animation:fadeinB 2s ease-out backwards;}
.ensure-list .item:nth-child(4){animation:fadeinB 2.5s ease-out backwards;}
/* --end ensure-- */

/* --product-rcmd-- */
.product-rcmd{padding:70px 0;overflow:hidden;background:#f1f1f1;}
.product-rcmd .wrap-title p{height:18px;line-height:18px;font-size:12px;color:#999;font-family:Arial;}
.product-rcmd .list{width:1225px;overflow:hidden;}
.product-rcmd .item{float:left;margin-right:25px;width:280px;overflow:hidden;border-bottom:#dcdcdc solid 1px;}
.product-rcmd .pic{width:280px;height:210px;overflow:hidden;}
.product-rcmd .pic img{display:block;width:280px;height:210px;transition:all 0.5s;}
.product-rcmd .tit{height:59px;line-height:59px;overflow:hidden;}
.product-rcmd .tit a{display:block;height:59px;font-size:16px;color:#666;background:url(../images/Inpage/rcmd_read.png) no-repeat right center;}
.product-rcmd .item:hover{border-color:#19a2ff;}
.product-rcmd .item:hover .pic img{transform:scale(1.1)}
.product-rcmd .item:hover .tit a{color:#19a2ff;background-image:url(../images/Inpage/rcmd_read_cur.png);}
/* --end product-rcmd-- */

/* --inpage-banner-- */
.inpage-banner {position: relative;z-index: 1;height: 620px;overflow: hidden;background-repeat: no-repeat;background-position: center center;}
.wrapper {margin: 0 auto;width: 1200px;}
.inpage-banner .text {position: absolute;top: 76px;left: 50%;margin-left: -250px;width: 500px;height: 304px;text-align: center;color: rgb(255, 255, 255);overflow: hidden;background: url(../images/Inpage/banner_text_line.png) center center no-repeat;}
.inpage-banner .text span {display: block;margin-top: 114px;height: 60px;line-height: 60px;font-size: 40px;}
.inpage-banner .text p {height: 45px;line-height: 45px;font-size: 20px;}
/* --end inpage-banner-- */

/* --inpage-menu-- */
.inpage-menu{position:relative;z-index:333;margin: -189px auto 80px;width:1200px;height: 110px;line-height:70px;overflow:hidden;}
.inpage-menu li{float:left;text-align:center;font-size:18px;background: #fff;}
.inpage-menu li a{display:block;color:#333;border-right:#f0f0f0 solid 1px;}
.inpage-menu li:last-child a{border-right:none;}
.inpage-menu li:hover a,.inpage-menu li.cur a{color:#fff;border-color:#0099ff;background:#0099ff;}
/* --end inpage-menu-- */


/* --fwzc-- */
.fwzc{padding:60px 0;overflow:hidden;background:#fff;}
.fwzc .item{padding:20px 0;overflow:hidden;}
.fwzc .pic{width:586px;height:388px;overflow:hidden;}
.fwzc .pic img{display:block;width:586px;height:388px;}
.fwzc .text{padding:40px;width:498px;height:306px;overflow:hidden;border:#f0f0f0 solid 1px;}
.fwzc .tit{margin-top:10px;height:114px;overflow:hidden;}
.fwzc .tit strong{display:block;height:38px;line-height:38px;font-size:24px;color:#161616;}
.fwzc .tit span{display:block;height:38px;line-height:38px;font-size:24px;color:#161616;}
.fwzc .summary{margin-top:18px;line-height:26px;height:104px;font-size:14px;color:#333;overflow:hidden;}
.fwzc .item.even .pic,.fwzc .item.odd .text{float:left;}
.fwzc .item.even .text,.fwzc .item.odd .pic{float:right;}
/* --end fwzc-- */

/* --series-intro-- */
.series-intro{padding:80px 0;overflow:hidden;background:#fff;}
.series-video{float:left;width:630px;height:400px;cursor:pointer;overflow:hidden;}
.series-video iframe,.series-video video{display:block;width:630px;height:400px;outline:none;}
.seriest-text{float:right;width:510px;}
.seriest-text .tit{padding-bottom:16px;overflow:hidden;border-bottom:#e7e7e7 solid 1px;}
.seriest-text .tit .db-btn{float:right;float:right;padding:10px 12px;font-size:14px;color:#999;}
.seriest-text .tit .db-btn:hover{color:#fff;background:#0099ff;}
.seriest-text .tit h3{height:40px;line-height:40px;font-size:32px;font-weight:normal;color:#161616;overflow:hidden;}
.seriest-text .tit p{height:30px;line-height:30px;font-size:16px;color:#666;}
.seriest-text .summary{margin-top:16px;height:78px;line-height:26px;font-size:14px;color:#333;overflow:hidden;}
.series-chart{margin-top:46px;overflow:hidden;}
.series-chart dl{float:left;height:60px;color:#333;border-right:#e7e7e7 solid 1px;}
.series-chart dl.dl1{width:150px;}
.series-chart dl.dl2{padding-left:50px;width:150px;}
.series-chart dl.dl3{width:150px;text-align:right;border-right:none;}
.series-chart dt{height:35px;}
.series-chart dt span{display:inline-block;line-height:35px;font-size:40px;font-family: "DIN Medium";}
.series-chart dt em{display:inline-block;position:relative;top:-20px;font-size:24px;}
.series-chart dd{height:25px;line-height:25px;font-size:14px;overflow:hidden;}
.seriest-text .btnBox{margin-top:52px;height:60px;line-height:60px;overflow:hidden;}
.seriest-text .btnBox a{display:block;width:185px;height:60px;text-align:center;color:#fff;font-size:20px;background:#0099ff;}
/* --end series-intro-- */

/* --product-group-- */
.product-group{overflow:hidden;background:#f0f0f0;}
.product-group .item{margin-top:45px;height:465px;overflow:hidden;background:url(../images/Inpage/product_bg.png) repeat-x;}
.product-group .pic{float:left;width:650px;height:465px;overflow:hidden;}
.product-group .pic img{display:block;width:650px;height:465px;}
.product-group .text{float:right;padding-top:185px;padding-right:60px;width:450px;height:210px;overflow:hidden;}
.product-group .text h3{height:45px;line-height:45px;font-weight:normal;font-size:24px;color:#161616;overflow:hidden;}
.product-group .text h3 a{color:#161616;}
.product-group .text .attr{margin:5px 0;height:84px;line-height:28px;overflow:hidden;}
.product-group .text .attr span{display:block;float:left;width:200px;font-size:14px;color:#666;background:url(../images/Inpage/pro_attr_line.png) no-repeat right center;}
.product-group .text .attr span:nth-child(even){padding-left:40px;background:no-repeat;}
.product-group .text .btnBox{margin-top:15px;width:328px;height:60px;line-height:60px;text-align:center;overflow:hidden;background:url(../images/Inpage/pro_btnBox.png) no-repeat;}
.product-group .text .btnBox a{display:block;float:left;width:50%;font-size:20px;color:#fff;}
.product-group .item:hover .pic img{opacity:0.8;}
/* --end product-group-- */

/* --skill-- */
.skill{padding:70px 0 50px;overflow:hidden;background:#fff;}
.skill dl{overflow:hidden;}
.skill dt{float:left;width:388px;height:120px;border-right:#e7e7e7 solid 1px;}
.skill dt h3{height:55px;line-height:55px;font-weight:normal;font-size:38px;color:#161616;}
.skill dt p{margin-top:8px;line-height:25px;font-size:16px;color:#333;}
.skill dd{padding-left:92px;font-size:14px;color:#666;line-height:26px;overflow:hidden;}
/* --end skill-- */

/* --aboutIntro-- */
.aboutIntro{padding-top:70px;background:#f7f7f7 url(../images/Inpage/aboutus_bg.jpg) no-repeat center bottom;}
.aboutIntro .inner{position:relative;height:590px;overflow:hidden;}
.aboutIntro .item{position:absolute;bottom:0;padding:15px 60px;width:480px;height:235px;color:#fff;overflow:hidden;}
.aboutIntro .item .tit{padding:28px 0;height:30px;line-height:30px;font-size:20px;border-bottom:rgba(255,255,255,0.3) solid 1px;}
.aboutIntro .item .summary{margin-top:35px;height:100px;line-height:25px;font-size:14px;overflow:hidden;}
.aboutIntro .item-1{left:0;background:#0099ff;background:rgba(0,153,255,0.9);}
.aboutIntro .item-2{right:0;background:#161616;background:rgba(22,22,22,0.9);}
/* --end aboutIntro-- */

/* --define-- */
.define{padding:70px 0;overflow:hidden;background:#f7f7f7;}
.define-list{width:1220px;}
.define-list .item{float:left;margin-right:20px;width:282px;height:358px;overflow:hidden;background:#fff;border:#eaeaea solid 1px;}
.define-list .con{padding:45px 20px 40px;text-align:center;overflow:hidden;}
.define-list .icon{margin:0 auto;width:100px;height:100px;border-radius:50%;overflow:hidden;}
.define-list .icon img{display:block;width:100px;height:100px;}
.define-list .text{padding-top:30px;overflow:hidden;}
.define-list .text span{display:block;height:30px;line-height:30px;font-size:20px;color:#333;}
.define-list .text p{margin-top:10px;height:96px;line-height:24px;font-size:14px;color:#666;overflow:hidden;}
.define-list .text i{display:block;margin:4px auto 0;width:24px;height:1px;background:#161616;}
.define-list .item:hover .icon{animation:flipinY 1s ease;}
.define-list .item:nth-child(1){animation:fadeinB 1s ease-out backwards;}
.define-list .item:nth-child(2){animation:fadeinB 1.5s ease-out backwards;}
.define-list .item:nth-child(3){animation:fadeinB 2s ease-out backwards;}
.define-list .item:nth-child(4){animation:fadeinB 2.5s ease-out backwards;}
/* --end define-- */

/* --detail-- */
.detail{padding:70px 0;overflow:hidden;background:#fff;}
.detail-slide{position:relative;margin:0 auto;width:1060px;height:540px;}
.detail-slide .prev,.detail-slide .next{position:absolute;z-index:33;top:230px;width:82px;height:82px;cursor:pointer;}
.detail-slide .prev{left:-41px;background:url(../images/Index/detail_prev.png) no-repeat;}
.detail-slide .next{right:-41px;background:url(../images/Index/detail_next.png) no-repeat;}
.detail-slide .tempWrap{overflow:visible !important;}
.detail-list .item{position:relative;margin-right:70px;width:1060px;height:540px;}
.detail-list .item:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);}
.detail-list .item.cur:after{display:none;}
.detail-list .pic{width:1060px;height:540px;overflow:hidden;}
.detail-list .pic img{display:block;width:1060px;height:540px;}
.detail-list .tips{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;}
.detail-list .tips .dot{position:absolute;height:65px;line-height:65px;overflow:hidden;}
.detail-list .tips .dot i{display:block;float:left;margin-top:16px;width:34px;height:34px;cursor:pointer;background:url(../images/Index/detail_dot.png) no-repeat;animation:dot 2s linear infinite;animation:dot 2s linear infinite;}
.detail-list .tips .dot span{position:relative;float:left;display:none;margin-left:18px;width:220px;height:65px;font-size:16px;color:#fff;text-align:center;background:#17a1fd;}
.detail-list .tips .dot span:after{display:block;position:absolute;left:-4px;top:28px;width:4px;height:7px;content:"";background:url(../images/Index/tips_arrow.png) no-repeat;}
.detail-list .tips .dot:hover span{display:block;}
.detail-list .tips .Pop-data{display:none;}
.pop-mask{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.pop-main{position:fixed;top:30px;left:50%;margin-left:-300px;width:600px;overflow:hidden;background:#fff;border-radius:5px;box-shadow:0 0 20px #ccc;}
.pop-main .tit{padding:15px;height:32px;line-height:32px;font-size:16px;color:#1b1b1b;border-bottom:#eaeaea solid 1px;}
.pop-main .close{float:right;display:block;width:32px;height:32px;cursor:pointer;background:url(../images/common/closeBtn.png) no-repeat;}
.pop-main .con{padding:15px;font-size:14px;line-height:1.5;color:#333;overflow:hidden;}
@keyframes dot{
    0%{transform:scale(0.6)}
    50%{transform:scale(1)}
    100%{transform:scale(0.6)}
}
/* --end detail-- */

/* --brand-- */
.brand{height:844px;overflow:hidden;background:url(../images/Inpage/brand_bg.jpg) no-repeat center 0;}
.brand-inner{position:relative;margin:138px auto 0;width:1200px;height:600px;}
.brand-inner .item{position:absolute;height:200px;overflow:hidden;}
.brand-inner .item a{display:block;color:inherit;}
.brand-inner .item .text{padding-top:35px;padding-left:40px;width:160px;height:165px;overflow:hidden;}
.brand-inner .item .text span{display:block;height:30px;line-height:30px;font-size:22px;}
.brand-inner .item .text em{display:block;height:28px;line-height:28px;font-size:14px;font-family:"DIN Medium";text-transform:uppercase;}
.brand-inner .item .text i{display:block;margin-top:62px;width:18px;height:1px;}
.brand-inner .item .pic{width:200px;height:200px;overflow:hidden;}
.brand-inner .item .pic img{display:block;width:200px;height:200px;}
.brand-inner .item-1{left:0;top:0;width:400px;color:#fff;background:#24a5fc;animation:fadeinR 2.5s ease;}
.brand-inner .item-1 .text{float:left;}
.brand-inner .item-1 .pic{float:right;}
.brand-inner .item-2{right:200px;top:0;width:400px;color:#161616;background:#fff;animation:fadeinL 1.5s ease;}
.brand-inner .item-2 .text{float:right;}
.brand-inner .item-2 .pic{float:left;}
.brand-inner .item-3{left:400px;top:200px;width:200px;color:#fff;background:#161616\9;background:rgba(22,22,22,0.3);animation:fadeinT 2s ease;}
.brand-inner .item-3 .text{float:left;}
.brand-inner .item-3 .pic{float:right;}
.brand-inner .item-4{right:400px;top:200px;width:200px;color:#fff;background:#24a5fc;animation:fadeinR 2s ease;}
.brand-inner .item-4 .text{float:right;}
.brand-inner .item-4 .pic{float:left;}
.brand-inner .item-5{left:400px;top:400px;width:400px;color:#161616;background:#fff;animation:fadeinL 2s ease;}
.brand-inner .item-5 .text{float:right;}
.brand-inner .item-5 .pic{float:left;}
.brand-inner .item-6{right:200px;top:400px;width:200px;color:#fff;background:#161616\9;background:rgba(22,22,22,0.8);animation:fadeinT 2s ease;}
.brand-inner .item-6 .text{float:left;}
.brand-inner .item-6 .pic{float:right;}
.brand-inner .item-7{right:0;top:400px;width:200px;color:#161616;background:#fff;animation:fadeinB 2s ease;}
.brand-inner .item-7 .text{float:right;}
.brand-inner .item-7 .pic{float:left;}
.brand-inner .item-1 .text i,.brand-inner .item-3 .text i,.brand-inner .item-4 .text i,.brand-inner .item-6 .text i{background:#fff;}
.brand-inner .item-2 .text i,.brand-inner .item-5 .text i,.brand-inner .item-7 .text i{background:#161616;}
.brand-inner .item:after{position:absolute;z-index:3;left:0;top:0;content:"";width:0;height:3px;background:#333;transition:all 1s;}
.brand-inner .item:before{position:absolute;z-index:3;right:0;bottom:0;content:"";width:0;height:3px;background:#333;transition:all 1s;}
.brand-inner .item:hover:after,.brand-inner .item:hover:before{width:100%;}
.brand-inner .CEO{position:absolute;left:0;top:200px;width:400px;background:url(../images/Inpage/CEO.jpg) no-repeat;animation:bounceinB 1.5s ease;}
.brand-inner .CEO a{display:block;width:400px;height:200px;}
.brand-inner .CEO .text{float:right;padding-left:10px;padding-top:35px;width:190px;height:165px;color:#161616;overflow:hidden;}
.brand-inner .CEO .text span{display:block;line-height:26px;font-size:22px;}
.brand-inner .CEO .text p{margin-top:15px;height:44px;line-height:22px;font-size:15px;color:#333;overflow:hidden;}
.brand-inner .CEO .text i{display:block;margin-top:9px;width:18px;height:1px;background:#161616;}
.brand-inner .CEO:after{position:absolute;z-index:3;left:0;top:0;content:"";width:0;height:3px;background:#24a5fc;transition:all 1s;}
.brand-inner .CEO:before{position:absolute;z-index:3;right:0;bottom:0;content:"";width:0;height:3px;background:#24a5fc;transition:all 1s;}
.brand-inner .CEO:hover:after,.brand-inner .CEO:hover:before{width:100%;}
/* --end brand-- */

/*--2019-7-1--*/

/* --消费者信箱-- */
.xfzMail{padding:70px 0;overflow:hidden;background:#fff;}
.xfzMail .wrap-title h3{height:50px;line-height:50px;}
.xfzMail .wrap-title p{color:#666;}
.xfzMail .pic{float:left;width:580px;height:388px;overflow:hidden;}
.xfzMail .pic img{display:block;width:580px;}
.xfzMail .form{float:right;width:580px;overflow:hidden;}
.xfzMail .form li{margin-bottom:20px;overflow:hidden;}
.xfzMail .form li:last-child{margin-bottom:0;}
.xfzMail .form li input{display:block;padding:0 20px;width:548px;height:68px;line-height:68px;font-size:14px;border:#f7f7f7 solid 1px;background-color:#fff;background-repeat:no-repeat;background-position:520px center;}
.xfzMail .form li input.userName{background-image:url(../images/Inpage/userName.png);}
.xfzMail .form li input.userTel{background-image:url(../images/Inpage/userTel.png);}
.xfzMail .form li textarea{display:block;padding:20px;width:548px;height:76px;line-height:25px;font-size:14px;border:#f7f7f7 solid 1px;background:#fff url(../images/Inpage/userTxts.png) no-repeat 520px 18px;resize:none;}
.xfzMail .form li .submit{display:block;height:70px;line-height:70px;text-align:center;font-size:20px;color:#fff;background:#0099ff;}
/* --end 消费者信箱-- */

/* --创始人介绍-- */
.founder{padding:70px 0;overflow:hidden;background:#fff;}
.founder .pic{float:left;width:390px;}
.founder .pic img{display:block;width:100%;}
.founder .text{padding-left:70px;overflow:hidden;}
.founder .text h3{font-size:38px;color:#161616;font-weight:normal;}
.founder .text p{font-size:14px;color:#666;line-height:26px;}
/* --end 创始人介绍-- */

/* --创始人故事-- */
.story{padding:70px 0;overflow:hidden;background:#f7f7f7;}
.story .text{overflow:hidden;}
.story .text .tit{float:left;width:388px;height:118px;border-right:#e0e0e0 solid 1px;}
.story .text .tit h3{font-size:38px;color:#161616;font-weight:normal;}
.story .text .tit span{display:block;margin-top:10px;font-size:16px;color:#333;}
.story .text .summary{padding-left:90px;font-size:14px;line-height:26px;color:#666;overflow:hidden;}
.story .pic{margin-top:40px;overflow:hidden;}
.story .pic ul{width:1216px;}
.story .pic li{position:relative;float:left;margin-right:16px;width:388px;text-align:center;}
.story .pic li img{display:block;width:388px;height:261px;}
.story .pic li p{position:absolute;left:0;bottom:0;width:100%;height:50px;line-height:50px;color:#fff;font-size:16px;background:rgba(0,0,0,0.5);}
/* --end 创始人故事-- */

/* --一封信-- */
.letter{padding:70px 0;overflow:hidden;background:#fff;}
.letter .pic img{display:block;}
.letter .pic img:hover{transform: scale(1);}
/* --end 一封信-- */

/* --安装使用-- */
.azsy{padding:70px 0;overflow:hidden;background:#fff;}
.azsy-list{margin-top:15px;width:1230px;overflow:hidden;}
.azsy-list .item{float:left;margin:15px 30px 15px 0;width:380px;overflow:hidden;}
.azsy-list .item a{display:block;}
.azsy-list .pic{position:relative;width:380px;height:240px;overflow:hidden;}
.azsy-list .pic img{display:block;width:380px;height:240px;}
.azsy-list .tit{margin-top:15px;height:30px;line-height:30px;font-size:16px;color:#333;text-align:center;overflow:hidden;}
.sytj{padding-bottom:80px;overflow:hidden;background:#fff;}
.sytj .pic{position:relative;}
.sytj .pic img{display:block;position:relative;left:50%;margin-left:-960px;}
/* --end 安装使用-- */

/* --视频中心-- */
.video{padding:60px 0;overflow:hidden;background:#fff;}
.trailer{overflow:hidden;background:#0099ff;}
.trailer .playBox{float:left;width:790px;height:360px;overflow:hidden;}
.trailer .playBox video{display:block;width:790px;height:360px;}
.trailer .text{padding:25px 30px;color:#fff;overflow:hidden;}
.trailer .tit{padding-bottom:15px;border-bottom:#7bc7fa solid 1px;}
.trailer .tit h3{height:45px;line-height:45px;font-size:32px;font-weight:normal;}
.trailer .tit p{height:30px;line-height:30px;font-size:16px;}
.trailer .summary{margin-top:15px;font-size:14px;height:150px;line-height:25px;overflow:hidden;}
.video-list{margin-top:15px;width:1230px;overflow:hidden;}
.video-list .item{float:left;margin:15px 30px 15px 0;width:380px;overflow:hidden;}
.video-list .item a{display:block;}
.video-list .pic{position:relative;width:380px;height:240px;overflow:hidden;}
.video-list .pic:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.1) url(../images/Inpage/playBtn.png) no-repeat center;}
.video-list .pic img{display:block;width:380px;height:240px;}
.video-list .tit{margin-top:15px;height:30px;line-height:30px;font-size:16px;color:#333;text-align:center;overflow:hidden;}
/* --end 视频中心-- */

/* --下载专区-- */
.downloadBox{padding:60px 0;overflow:hidden;background:#fff;}
.download-list .item{padding:25px 60px;height:50px;line-height:50px;border-bottom:#ccc solid 1px;background:#fff;}
.download-list .item em{display:block;float:right;width:50px;height:50px;cursor:pointer;background:url(../images/Inpage/download.png) no-repeat center;}
.download-list .item span{display:block;font-size:20px;color:#333;}
.download-list .item:hover{border-color:#f9f9f9;background:#f9f9f9;}
.download-list .item:hover em{background-image:url(../images/Inpage/download_cur.png);}
.download-list .item:hover span{color:#0099ff;}
/* --end 下载专区-- */

/* --联系我们-- */
.contact{padding:60px 0;overflow:hidden;background:#fff;}
.contact .inner{overflow:hidden;}
.contact .text{float:left;width:410px;}
.contact .text .info{font-size:14px;line-height:24px;color:#333;}
.contact .text .QRlist{overflow:hidden;}
.contact .text .QRlist li{float:left;margin-right:65px;text-align:center;}
.contact .text .QRlist li img{display:block;width:100px;height:100px;border:#ddd solid 1px;}
.contact .text .QRlist li p{font-size:14px;color:#333;margin-top:10px;}
.contact .pic{float:right;width:760px;height:420px;}

.route{padding:60px 0;overflow:hidden;background:#f9f9f9;}
.route-list{overflow:hidden;}
.route-list .item{float:left;width:145px;height:320px;cursor:pointer;overflow:hidden;border-right:#fff solid 1px;transition:all 0.2s;}
.route-list .item.cur{width:760px;}
.route-list .item dt{float:left;width:145px;height:320px;text-align:center;color:#fff;line-height:1.5;background:#333;}
.route-list .item dt i{display:block;margin:75px auto 30px;width:80px;height:80px;}
.route-list .item dt i img{display:block;width:80px;height:80px;}
.route-list .item dt span{display:block;font-size:20px;}
.route-list .item dt em{display:block;font-size:14px;}
.route-list .item.cur dt{background:#19a2ff;}
.route-list .item dd{padding:40px;width:535px;height:240px;overflow:hidden;background:#fff;}
.route-list .item dd .info{height:200px;line-height:30px;font-size:16px;color:#333;overflow:hidden;}
.route-list .item dd .tips{margin-top:15px;line-height:25px;font-size:14px;color:#333;overflow:hidden;}
/* --end 联系我们-- */

/* --企业活动-- */
.qyhd{padding:60px 0;overflow:hidden;background:#fff;}
.qyhd-list{width:1230px;overflow:hidden;}
.qyhd-list .item{position:relative;float:left;margin-right:30px;margin-bottom:30px;width:380px;height:260px;overflow:hidden;}
.qyhd-list .pic{width:380px;height:260px;overflow:hidden;}
.qyhd-list .pic img{display:block;width:380px;height:260px;transition:all 0.5s;}
.qyhd-list .tit{position:absolute;left:0;bottom:0;width:100%;height:50px;line-height:50px;font-size:16px;text-align:center;color:#fff;overflow:hidden;background:rgba(0,0,0,0.5);}
.qyhd-list .item:hover img{transform:scale(1.1)}
/* --end 企业活动-- */

/* --荣誉资质-- */
.honor{padding:60px 0;overflow:hidden;background:#fff;}
.honor-list{width:1238px;overflow:hidden;}
.honor-list .item{float:left;margin-right:38px;margin-bottom:30px;padding:18px;width:232px;border:#f7f7f7 solid 1px;}
.honor-list .pic{width:232px;height:314px;overflow:hidden;}
.honor-list .pic img{display:block;width:100%;overflow:hidden;}
.honor-list .tit{margin-top:25px;height:30px;line-height:30px;font-size:16px;color:#333;text-align:center;overflow:hidden;}
.honor-list .item:hover img{opacity:0.8;}
.honor-list .item:hover .tit{color:#19a2ff;}
/* --end 荣誉资质-- */

/* --生产基地-- */
.factory{padding:60px 0;overflow:hidden;background:#fff;}
.factory-intro{background:url(../images/Inpage/factory_bg1.jpg) no-repeat center 0,url(../images/Inpage/factory_bg2.jpg) no-repeat center 300px;}
.factory-intro .inner{position:relative;margin:0 auto;width:1200px;height:540px;}
.factory-intro .text{position:absolute;left:0;bottom:0;padding:28px 150px;width:900px;text-align:center;font-size:14px;color:#fff;line-height:2;background:rgba(25,162,255,0.9);}
.factory-list{margin-top:30px;width:1230px;overflow:hidden;}
.factory-list .item{position:relative;float:left;margin-right:30px;margin-bottom:30px;width:380px;overflow:hidden;}
.factory-list .pic{width:380px;height:240px;overflow:hidden;}
.factory-list .pic img{display:block;width:380px;height:240px;transition:all 0.5s;}
.factory-list .tit{margin-top:18px;height:24px;line-height:24px;font-size:16px;color:#333;text-align:center;overflow:hidden;}
.factory-list .item:hover img{transform:scale(1.1)}
/* --end 生产基地-- */

/* --材料配件-- */
.parts{padding:60px 0;overflow:hidden;background:#fff;}
.parts.gray{background:#f7f7f7;}
.parts-list{width:1250px;overflow:hidden;}
.parts-list .item{float:left;margin:10px 40px 40px 10px;}
.parts-list .pic{width:360px;height:240px;overflow:hidden;}
.parts-list .pic img{display:block;width:100%;}
.parts-list .text{padding:20px 20px 15px;text-align:center;overflow:hidden;}
.parts-list .text span{display:block;height:30px;line-height:30px;font-size:20px;color:#333;overflow:hidden;}
.parts-list .text p{margin-top:12px;height:22px;line-height:22px;font-size:14px;color:#666;overflow:hidden; display: none;}
/* --end 材料配件-- */

/* --科研团队-- */
.strength{padding:60px 0;overflow:hidden;background:#fff;}
.strength .pic{float:left;width:630px;height:400px;overflow:hidden;}
.strength .pic img{display:block;width:630px;height:400px;}
.strength .text{float:right;padding-top:40px;width:510px;}
.strength .text .tit{padding-bottom:16px;overflow:hidden;border-bottom:#e7e7e7 solid 1px;}
.strength .text .tit h3{height:40px;line-height:40px;font-size:32px;font-weight:normal;color:#161616;overflow:hidden;}
.strength .text .tit p{height:30px;line-height:30px;font-size:16px;color:#666;}
.strength .text .summary{margin-top:16px;height:78px;line-height:26px;font-size:14px;color:#333;overflow:hidden;}
.strength .chart{margin-top:46px;overflow:hidden;}
.strength .chart dl{float:left;height:60px;color:#333;border-right:#e7e7e7 solid 1px;}
.strength .chart dl.dl1{width:150px;}
.strength .chart dl.dl2{padding-left:50px;width:150px;}
.strength .chart dl.dl3{width:150px;text-align:right;border-right:none;}
.strength .chart dt{height:35px;}
.strength .chart dt span{display:inline-block;line-height:35px;font-size:40px;font-family: "DIN Medium";}
.strength .chart dt em{display:inline-block;position:relative;top:-20px;font-size:24px;}
.strength .chart dd{height:25px;line-height:25px;font-size:14px;overflow:hidden;}
.team{padding:60px 0;overflow:hidden;background:#f7f7f7;}
.team-list{width:1220px;overflow:hidden;}
.team-list .item{float:left;margin-right:20px;margin-bottom:30px;width:285px;overflow:hidden;}
.team-list .pic{width:285px;overflow:hidden;}
.team-list .pic img{display:block;width:100%;}
.team-list .tit{margin-top:15px;height:30px;line-height:30px;text-align:center;font-size:20px;color:#333;overflow:hidden;}
.team-list .item:hover .tit{color:#0099ff;}
/* --end 科研团队-- */

/* --科研基地-- */
.kyBase{padding:60px 0;overflow:hidden;background:#fff;}
.kyBase-list{width:1230px;overflow:hidden;}
.kyBase-list .item{position:relative;float:left;margin-right:30px;margin-bottom:30px;width:380px;overflow:hidden;}
.kyBase-list .pic{width:380px;height:240px;overflow:hidden;}
.kyBase-list .pic img{display:block;width:380px;height:240px;transition:all 0.5s;}
.kyBase-list .tit{margin-top:18px;height:24px;line-height:24px;font-size:16px;color:#333;text-align:center;overflow:hidden;}
.kyBase-list .item:hover img{transform:scale(1.1)}
/* --end 科研基地-- */

/* --新闻资讯-- */
.news{padding:60px 0;overflow:hidden;background:#fff;}
.news .leftCon{float:left;width:832px;overflow:hidden;}
.news .rightCon{float:right;width:334px;overflow:hidden;}
.news-hot{margin-bottom:38px;/* height:264px; */overflow:hidden;background:#f9f9f9;}
.news-hot .pic{float:left;width:330px;/* height:264px; */overflow:hidden;padding: 12px;}
.news-hot .pic img{display:block;width:100%;transition:all 0.5s;}
.news-hot .pic a:hover img{transform:scale(1.1);}
.news-hot .text{padding:20px 40px;overflow:hidden;}
.news-hot .text h3{height:35px;line-height:35px;font-size:24px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-hot .text h3 a{color:#333;}
.news-hot .text h3 a:hover{color:#0099ff;}
.news-hot .text em{display:block;height:22px;line-height:22px;font-size:14px;color:#666;}
.news-hot .text p{margin-top:18px;height: 44px;line-height:22px;font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news-hot .text .read{display:block;margin-top:36px;width:120px;height:36px;line-height:36px;font-size:14px;text-align:center;color:#fff;background:#0099ff;}
.news-list{margin-bottom:40px;overflow:hidden;border-top:#f0f0f0 solid 1px;}
.news-list .item{padding:30px 0;height:120px;overflow:hidden;border-bottom:#f0f0f0 solid 1px;}
.news-list .date{float:left;padding:20px 0;width:120px;height:80px;text-align:center;color:#666;background:#f9f9f9;}
.news-list .date strong{display:block;height:50px;line-height:50px;font-size:40px;}
.news-list .date em{display:block;height:30px;line-height:30px;font-size:20px;}
.news-list .text{padding-left:40px;overflow:hidden;}
.news-list .text h3{height:30px;line-height:30px;font-size:24px;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .text h3 a{color:#333;}
.news-list .text p{margin-top:10px;height:48px;line-height:24px;font-size:14px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-list .text .tag{margin-top:10px;padding-left:25px;height:24px;line-height:24px;font-size:14px;background:url(../images/Inpage/tag.png) no-repeat 0 center;}
.news-list .text .tag span{display:block;float:left;margin:0 4px;color:#999;}
.news-list .item:hover .date{color:#fff;background:#0099ff;}
.news-list .item:hover .text h3 a{color:#0099ff;}
.news .subBox{margin-bottom:40px;padding:20px 30px;overflow:hidden;background:#f9f9f9;}
.news .subBox .tit{padding-bottom:16px;height:30px;line-height:30px;font-size:20px;color:#333;border-bottom:#e5e5e5 solid 1px;}
.news .ScreenDate{margin-bottom:40px;overflow:hidden;background:#f9f9f9;}
.news .ScreenDate .year{position:relative;height:60px;line-height:60px;text-align:center;}
.news .ScreenDate .year .num{font-size:28px;color:#333;font-weight:bold;}
.news .ScreenDate .year .prev,.news .ScreenDate .year .next{position:absolute;top:0;width:35px;height:60px;cursor:pointer;}
.news .ScreenDate .year .prev{left:58px;background:url(../images/Inpage/date_prev.png) no-repeat center;}
.news .ScreenDate .year .next{right:58px;background:url(../images/Inpage/date_next.png) no-repeat center;}
.news .ScreenDate .month{margin:2px;padding:20px;text-align:center;font-size:14px;color:#666;overflow:hidden;background:#fff;}
.news .ScreenDate .month ul{width:300px;overflow:hidden;}
.news .ScreenDate .month li{float:left;margin-bottom:10px;margin-right:13px;margin-bottom:13px;width: 60px;height: 60px;line-height: 60px;cursor:pointer;border: #ddd solid 1px;background: #fff;font-style:oblique}
.news .ScreenDate .month li em{font-weight:bold;font-size:30px;font-style:normal;}
.news .ScreenDate .month li.cur,.news .ScreenDate .month li:hover{color:#fff;background:#0099ff;}
.news .ScreenDate a.all{display:block;height:50px;line-height:50px;text-align:center;border:#ddd solid 1px;background:#fff;}
.news .ScreenDate a.all:hover{color:#fff;background:#0099ff;}
.news .subNews{padding-top:18px;overflow:hidden;}
.news .subNews li{height:40px;line-height:40px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:#e0e0e0 solid 1px;}
.news .subNews li a{color:#666;}
.news .subNews li a:hover{color:#333;}
/* --end 新闻资讯-- */

/* --发展历程-- */
.history{padding:60px 0;overflow:hidden;background:#fff;}
.history-menu{position:relative;height:76px;border-bottom:#e7e7e7 solid 1px;}
.history-menu .prev,.history-menu .next{position:absolute;top:0;width:30px;height:76px;cursor:pointer;}
.history-menu .prev{left:0;background:url(../images/Inpage/history_prev.png) no-repeat 0 center;}
.history-menu .next{right:0;background:url(../images/Inpage/history_next.png) no-repeat right center;}
.history-menu .list{padding:0 40px;overflow:hidden;}
.history-menu .list li{position:relative;float:left;width:160px;text-align:center;padding-bottom:6px;line-height:70px;font-size:24px;font-family:"DIN Medium";color:#333;cursor:pointer;}
.history-menu .list li.cur{color:#19a2ff;}
.history-menu .list li.cur:after{position:absolute;left:50%;bottom:0;margin-left:-25px;width:50px;height:4px;content:"";background:#19a2ff;}
.history-main{overflow:hidden;}
.history-main .tabCon{padding-top:60px;overflow:hidden;}
.history-main .pic{float:left;width:410px;height:280px;overflow:hidden;}
.history-main .text{float:right;padding-right:50px;width:660px;height:280px;overflow-x:hidden;overflow-y:scroll;}
.history-main .text p{padding-left:34px;margin-bottom:24px;line-height:24px;font-size:14px;color:#333;background:url(../images/Inpage/history_list.png) no-repeat 0 2px;}
/* --end 发展历程-- */

/* --品牌故事-- */
.ppgs-problem{padding:80px 0 60px;overflow:hidden;}
.ppgs-problem .text{float:left;width:440px;overflow:hidden;}
.ppgs-problem .text h3{margin-bottom:20px;line-height:1.5;font-size:24px;font-weight:normal;color:#161616;}
.ppgs-problem .text p{line-height:25px;font-size:14px;color:#333;}
.ppgs-problem .pic{float:right;width:690px;}
.ppgs-problem .pic img{display:block;width:690px;height:302px;}
.ppgs-problem .pic dl{padding-top:25px;overflow:hidden;}
.ppgs-problem .pic dt{float:left;width:350px;font-size:24px;color:#161616;}
.ppgs-problem .pic dd{padding-left:25px;line-height:25px;font-size:14px;color:#333;overflow:hidden;}

.ppgs-ad{padding:46px 0;text-align:center;color:#fff;background-position:center 0;}
.ppgs-ad p{font-size:34px;line-height:1.5;}

.ppgs-Base{padding:80px 0 40px;overflow:hidden;background:#f7f7f7;}
.ppgs-Base .item{margin-bottom:40px;height:388px;overflow:hidden;}
.ppgs-Base .pic{width:586px;height:388px;overflow:hidden;}
.ppgs-Base .pic img{display:block;width:586px;height:388px;}
.ppgs-Base .text{padding:40px;width:498px;height:306px;overflow:hidden;border:#fff solid 1px;background:#fff;}
.ppgs-Base .text h3{margin:22px 0;height:45px;line-height:45px;font-weight:normal;color:#000;}
.ppgs-Base .text .summary{height:100px;line-height:25px;font-size:14px;color:#333;overflow:hidden;}
.ppgs-Base .text .meta{margin-top:25px;margin-left:-45px;width:600px;overflow:hidden;}
.ppgs-Base .text .meta dl{float:left;width:32%;text-align:center;color:#333;overflow:hidden;border-right:#ddd solid 1px;}
.ppgs-Base .text .meta dl:last-child{border-right:none;}
.ppgs-Base .text .meta dt{height:24px;line-height:24px;font-size:16px;font-weight:bold;}
.ppgs-Base .text .meta dd{height:22px;line-height:22px;font-size:14px;}
.ppgs-Base .item.even .pic,.ppgs-Base .item.odd .text{float:left;}
.ppgs-Base .item.even .text,.ppgs-Base .item.odd .pic{float:right;}

.ppgs-intro{padding:80px 0;overflow:hidden;background:#fff;}
.ppgs-intro .ppgs-video{float:left;width:630px;height:400px;overflow:hidden;}
.ppgs-intro .ppgs-video video{display:block;width:630px;height:400px;}
.ppgs-intro .text{float:right;;width:510px;overflow:hidden;}
.ppgs-intro .tit{padding-top:20px;padding-bottom:15px;width:352px;overflow:hidden;border-bottom:#7f7f7f solid 1px;}
.ppgs-intro .tit h3{height:55px;line-height:55px;font-weight:normal;color:#000;font-size:38px;}
.ppgs-intro .tit p{height:30px;line-height:30px;font-size:16px;color:#333;}
.ppgs-intro .summary{margin-top:35px;height:140px;line-height:28px;font-size:14px;color:#333;overflow:hidden;}

.ppgs-culture{padding:80px 0;overflow:hidden;background:#f7f7f7;}
.ppgs-culture .list{width:1220px;overflow:hidden;}
.ppgs-culture .item{float:left;margin-right:20px;width:283px;height:338px;overflow:hidden;background:#fff;border:#eaeaea solid 1px;}
.ppgs-culture .icon{margin:48px auto 32px;width:100px;height:100px;overflow:hidden;border-radius: 50%;}
.ppgs-culture .icon img{display:block;width:100px;height:100px;}
.ppgs-culture .text{text-align:center;overflow:hidden;}
.ppgs-culture .text span{display:block;height:30px;line-height:30px;font-size:20px;color:#333;}
.ppgs-culture .text p{margin-top:10px;height:66px;line-height:22px;font-size:14px;color:#666;overflow:hidden;}
.ppgs-culture .text i{display:block;margin:15px auto;width:24px;height:1px;background:#161616;}
.ppgs-culture .item:hover .icon{transform:rotateY(360deg);transition:all 0.5s;}

.ppgs-Idea{padding-top:80px;overflow:hidden;background:#fff;}
.ppgs-Idea .list{overflow:hidden;}
.ppgs-Idea .item{position:relative;float:left;width:33.33%;}
.ppgs-Idea .pic img{display:block;width:100%;}
.ppgs-Idea .tag{position:absolute;right:0;bottom:0;width:260px;height:100px;line-height:100px;text-align:center;font-size:20px;color:#fff;background:rgba(0,153,255,0.8);}

.ppgs-rec{padding:60px 0 20px;overflow:hidden;/*background:#fff;*/}
/* --end 品牌故事-- */

/* --pager-- */
.pager{clear:both;margin:0 auto;width:380px;height:40px;line-height:40px;text-align:center;overflow:hidden;}
.pager a{width:40px;height:40px;background-color:#f9f9f9;}
.pager-num{float:left;width: 300px;text-align:center;overflow:hidden;}
.pager-num a{display:inline-block;margin:0 5px;font-size:14px;color:#000;}
.pager-num a.cur,.pager-num a:hover{color:#fff;background-color:#0099ff;}
.pager-prev{float:left;}
.pager-next{float:right;}
.pager-prev a{display:block;background:#f9f9f9 url(../images/Inpage/pager_prev.png) no-repeat center;}
.pager-next a{display:block;background:#f9f9f9 url(../images/Inpage/pager_next.png) no-repeat center;}
.pager-prev a:hover{background:#0099ff url(../images/Inpage/pager_prev_cur.png) no-repeat center;}
.pager-next a:hover{background:#0099ff url(../images/Inpage/pager_next_cur.png) no-repeat center;}
/* --end pager-- */

/* --产品对比-- */
/*.PK-wrap{padding-top:70px;overflow:hidden;background:#f7f7f7;}
.PK-Group{margin-bottom:70px;overflow:hidden;}
.PK-title{margin-bottom:25px;height:50px;line-height:50px;text-align:center;background:url(../images/Inpage/PK_title_line.png) repeat-x center;}
.PK-title span{display:inline-block;padding:0 20px;font-size:32px;color:#000;background:#f7f7f7;}
.PK-list{width:1220px;overflow:hidden;}
.PK-list .item{float:left;margin-right:14px;margin-top:12px;width:288px;overflow:hidden;background:#fff;border:#f7f7f7 solid 1px;}
.PK-list .pic{width:288px;height:206px;overflow:hidden;}
.PK-list .pic img{display:block;width:100%;}
.PK-list .text{padding:20px;min-height:252px;font-size:14px;color:#333;overflow:hidden;}
.PK-list .text p{height:28px;line-height:28px;overflow:hidden;}
.PK-list .text p strong{display:block;float:left;padding-left:10px;width:42%;font-weight:normal;color:#666;border-right:#ddd solid 1px;}
.PK-list .text p em{display:block;padding-left:24px;overflow:hidden;}*/
/* --end 产品对比-- */


/* --产品对比-- */
 .PK-wrap{padding-top:70px;overflow:hidden;background:#f7f7f7;}
.PK-Group{margin-bottom:70px;overflow:hidden;}
.PK-title{margin-bottom:25px;height:50px;line-height:50px;text-align:center;background:url(../images/Inpage/PK_title_line.png) repeat-x center;}
.PK-title span{display:inline-block;padding:0 20px;font-size:32px;color:#000;background:#f7f7f7;}
.PK-list{width:1220px;overflow:hidden;}
.PK-list .item{float:left;margin-right:14px;margin-top:12px;width: 380px;overflow:hidden;background:#fff;border:#f7f7f7 solid 1px;}
.PK-list .pic{ width:380px;height:271px;overflow:hidden;width: 378px;height:271px;overflow:hidden;border: 1px solid #dddddd;border-bottom: none;}
.PK-list .pic img{display:block;width:100%;}
.PK-list .text{height:370px;font-size:14px;color:#333;overflow:hidden;border: #ddd solid 1px;border-bottom: none;}
.PK-list .text p{height: 40px;line-height: 40px;overflow:hidden;border-bottom: #ddd solid 1px;}
.PK-list .text p strong{display:block;float:left;padding: 0 15px;width: 35%;font-weight:normal;color:#666;text-align: right;border-bottom: #ddd solid 1px;background: #f0f0f0;}
.PK-list .text p em{display:block;padding-left:24px;overflow:hidden;}
/* --end 产品对比-- */


/* --对比弹窗-- */
.PK-Pop-mask{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);}
.PK-Pop-main{position:fixed;left:50%;top:60px;margin-left:-600px;width:1200px;}
.PK-Pop-list{width:1220px;overflow:hidden;}
.PK-Pop-list .item{float:left;margin-right:14px;width:290px;background:#fff;}
.PK-Pop-list .pic{width:290px;height:208px;overflow:hidden;}
.PK-Pop-list .pic img{display:block;width:100%;}
.PK-Pop-list .text{padding:20px;min-height:252px;font-size:14px;color:#333;overflow:hidden;}
.PK-Pop-list .text p{height:28px;line-height:28px;overflow:hidden;}
.PK-Pop-list .text p strong{display:block;float:left;padding-left:10px;width:42%;font-weight:normal;color:#666;border-right:#ddd solid 1px;}
.PK-Pop-list .text p em{display:block;padding-left:24px;overflow:hidden;}
.PK-Pop-btn{margin-top:20px;text-align:center;}
.PK-Pop-btn a{display:inline-block;margin:0 6px;width:175px;height:58px;line-height:58px;font-size:16px;color:#000;background:#fff;transition:all 0.5s;}
.PK-Pop-btn a i{display:inline-block;margin-left:11px;width:11px;height:11px;background-repeat:no-repeat;}
.PK-Pop-btn a.close i{background-image:url(../images/Inpage/PK_close.png);}
.PK-Pop-btn a.more i{background-image:url(../images/Inpage/PK_more.png);}
.PK-Pop-btn a:hover{color:#fff;background:#0099ff;}
.PK-Pop-btn a:hover i{filter:contrast(0%) brightness(200%);transform:rotate(180deg);transition:all 0.5s;}
/* --end 对比弹窗-- */


/*0724*/
.icons-boss { display: block; background: url(../images/Inpage/icons_inpage.png) no-repeat; }
.boss-page02-wrap img { display: block; width: 100%; height: auto; }
.boss-page02-wrap { width: 100%; background-color: #fff; padding-top: 60px; }
.boss-page02-wrap .boss-img { width: 442px; height: 566px; position: relative; left: -90px;}
.boss-page02-wrap .boss-img span { position: absolute; right: -50px; top: 80px; z-index: 2;}
.boss-page02-wrap .boss-img p { font-size: 20px; color: #000; padding-bottom: 8px;}
.boss-page02-wrap .boss-img em { font-size: 14px; color: #666; }
.boss-page02-wrap .boss-intro { width: 760px; padding-left: 60px; box-sizing: border-box; position: absolute; right: 0; top: 78px; z-index: 2; border-left: solid 1px #e5e5e5; }
.boss-page02-wrap .boss-intro h3 { font-weight: 400; font-size: 32px; color: #000; position: relative; left: -30px;}
.boss-page02-wrap .boss-intro>span { display: block; font-size: 20px; color: #000; padding: 10px 0 22px; position: relative; margin-bottom: 50px;}
.boss-page02-wrap .boss-intro>span:after { content: ''; display: block; width: 20px; height: 1px; background-color: #0099ff; position: absolute; bottom: 0; left: 0; z-index: 2; }
.boss-page02-wrap .boss-intro p { color: #333; font-size: 15px; line-height: 30px; margin-top: 30px;}

.boss-tt { width: 100%; text-align: center; color: #161616;  margin-bottom: 50px; position: relative;}
.boss-tt h2 { font-weight: 400; font-size: 38px;}
.boss-tt .line { display: block; width: 42px; height: 3px; margin: 20px auto 0; overflow: hidden; }
.boss-tt .line em { display: block; float: left; width: 14px; height: 100%; }
.boss-tt .line em:first-child { background-color: #000; }
.boss-tt .line em:nth-child(2) { background-color: #e20026; }
.boss-tt .line em:last-child { background-color: #ffdd00; }

.boss-page03-wrap { width: 100%; background-color: #f7f7f7; padding: 70px 0 0;}
.boss-page03-wrap .boss-page03-cont { width: 50%; color: #000; margin-bottom: 60px;}
.boss-page03-wrap .boss-page03-cont>span { display: block; width: 105px; height: 105px; background-color: #0099ff; border-radius: 50%; position: relative;}
.boss-page03-wrap .boss-page03-cont>span i { position: absolute; left: 50%; top: 50%; }
.boss-page03-wrap .boss-page03-cont:first-child>span i { width: 42px; height: 38px; background-position: -5px -5px; margin: -19px 0 0 -21px; }
.boss-page03-wrap .boss-page03-cont:nth-child(2)>span i { width: 36px; height: 34px; background-position: -60px -5px; margin: -17px 0 0 -18px; }
.boss-page03-wrap .boss-page03-cont:nth-child(3)>span i { width: 44px; height: 43px; background-position: -120px -5px; margin: -21.5px 0 0 -22px; }
.boss-page03-wrap .boss-page03-cont:last-child>span i { width: 44px; height: 44px; background-position: -5px -60px; margin: -22px 0 0 -22px; }
.boss-page03-wrap .boss-page03-cont .txts { width: 475px; padding-right: 20px; box-sizing: border-box; }
.boss-page03-wrap .boss-page03-cont h3 { font-weight: 400; font-size: 32px; padding: 5px 0; }
.boss-page03-wrap .boss-page03-cont .txts p { font-size: 14px; padding-bottom: 20px; line-height: 22px; position: relative;}
.boss-page03-wrap .boss-page03-cont .txts p:after { content: ''; display: block; width: 22px; height: 1px; background-color: #0099ff; position: absolute; bottom: 0; left: 0; z-index: 2; }

.boss-page04-wrap { width: 100%; background-color: #0099ff; padding-top: 70px;}
.boss-page04-wrap .boss-tt { color: #fff; }
.boss-page04-wrap .boss-page04-box { width: 100%; position: relative; }
.boss-page06-wrap .boss-page06-box .prev-btn,
.boss-page06-wrap .boss-page06-box .next-btn,
.boss-page04-wrap .boss-page04-box .prev-btn,
.boss-page04-wrap .boss-page04-box .next-btn { display: block; width: 50px; height: 50px; border-radius: 50%; border: solid 1px #fff; cursor: pointer; position: absolute; top:50%; margin-top: -25px; box-sizing: border-box; z-index: 9;}
.boss-page04-wrap .boss-page04-box .prev-btn { left: -50px; }
.boss-page04-wrap .boss-page04-box .next-btn { right: -50px; }
.boss-page06-wrap .boss-page06-box .prev-btn i,
.boss-page06-wrap .boss-page06-box .next-btn i,
.boss-page04-wrap .boss-page04-box .prev-btn i,
.boss-page04-wrap .boss-page04-box .next-btn i { width: 11px; height: 20px; position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -5.5px; }
.boss-page04-wrap .boss-page04-box .prev-btn i { background-position: -60px -60px; }
.boss-page04-wrap .boss-page04-box .next-btn i { background-position: -80px -60px; }
.boss-page04-wrap .boss-page04-cont { width: 100%; height: 240px; position: relative;}
.boss-page04-wrap .boss-page04-cont>div { width: 100%; height: 100%; overflow:hidden; }
.boss-page04-wrap .boss-page04-cont:after { content: ''; display: block; width: 1370px; height: 170px; background: url(../images/Inpage/p4_bg.png) no-repeat; position: absolute; bottom: -122px; left: -85px; z-index: 1; }
.boss-page04-wrap .boss-page04-cont ul { width: 20000px; position: relative; top: 8px; z-index: 2;}
.boss-page04-wrap .boss-page04-cont li { width: 272px; height: 240px; margin-left: 96px; position: relative;}
.boss-page04-wrap .boss-page04-cont .img-box { display: block; width: 100%; }
.boss-page04-wrap .boss-page04-cont li p { width: 100%; font-size: 14px; text-align: center; position: absolute; bottom: 8px; left: 0; z-index: 2; }

.boss-page05-wrap { background-color: #fff; padding: 100px 0 90px;}
.boss-page05-wrap .boss-page05-box .left-cont { width: 633px; height: 431px; position: relative;}
.boss-page05-wrap .boss-page05-box .img-box { display: block; width:603px; height: 401px; position: relative; z-index: 2; overflow: hidden; }
.boss-page05-wrap .boss-page05-box .left-cont:before { content: ''; display: block; width: 603px; height: 401px; border: solid 2px #0099ff; box-sizing: border-box; position: absolute; right: 0; bottom: 0; z-index: 1; }
.boss-page05-wrap .boss-page05-box .right-cont { width: 520px; margin-top: 28px; }
.boss-page05-wrap .right-cont span { display: block; padding: 15px 0 15px 30px; box-sizing: border-box; color: #333; font-size: 22px; border-bottom: solid 1px #e5e5e5; position: relative;}
.boss-page05-wrap .right-cont span:before { content: ''; display: block; width: 7px; height: 7px; background-color: #e5e5e5; border-radius: 50%; position: absolute; left: 0; bottom: -3.5px; z-index: 2;}
.boss-page05-wrap .right-cont span em { float: right; }

.boss-page06-wrap { background-color: #f7f7f7; padding: 70px 0 60px; }
.boss-page06-wrap .boss-page06-box .prev-btn,
.boss-page06-wrap .boss-page06-box .next-btn { border-color: #9b9b9b; }
.boss-page06-wrap .boss-page06-box .prev-btn { left: -80px; }
.boss-page06-wrap .boss-page06-box .next-btn { right: -80px; }
.boss-page06-wrap .boss-page06-box .prev-btn i { background-position: -120px -60px; }
.boss-page06-wrap .boss-page06-box .next-btn i { background-position: -140px -60px; }
.boss-page06-wrap .boss-page06-cont { width: 100%; overflow:hidden; }
.boss-page06-wrap .boss-page06-cont>div { width: 20000px; position: relative; }
.boss-page06-wrap .boss-page06-cont .boss-page06-infos { width: 380px; background-color: #fff; margin-right: 30px; }
.boss-page06-wrap .boss-page06-infos a.img-box { display: block; width: 100%; height: auto; overflow: hidden; }
.boss-page06-wrap .boss-page06-infos .txts { padding: 30px; }
.boss-page06-wrap .boss-page06-infos h3 { font-weight: 400; font-size: 16px; color: #000; padding-bottom: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.boss-page06-wrap .boss-page06-infos h3 a { color: #000; }
.boss-page06-wrap .boss-page06-infos p { height: 66px; font-size: 14px; color: #333; line-height: 22px; margin-bottom: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical}
.boss-page06-wrap .boss-page06-infos a.more { font-size: 15px; color: #666; }

.boss-page07-wrap { width: 100%; height: 857px; background: url(../images/Inpage/p7_bg.jpg) no-repeat center top; padding: 70px 0 0; box-sizing: border-box; }
.boss-page07-wrap .boss-page07-box { width: 100%; height: 697px; background: url(../images/Inpage/p7_cont_bg.png) no-repeat; padding: 100px 85px 0; box-sizing: border-box; position: relative;}
.boss-page07-wrap .boss-page07-box:after { content: ''; display: block; width: 130px; height: 160px; background: url(../images/Inpage/boss_pen.png) no-repeat; position: absolute; right: -10px; bottom: -15px; z-index: 9; }
.boss-page07-wrap .boss-page07-box h2 { font-weight: 400; font-size: 32px; color: #2c2b29; text-align: center; position: relative;}
.boss-page07-wrap .boss-page07-box h2 span { padding: 0 12px; background-color: #fff; position: relative; z-index: 2;}
.boss-page07-wrap .boss-page07-box h2:before { content: ''; display: block; width: 100%; height: 1px; background-color: #e5e5e5; position: absolute; left: 0; top: 50%; z-index: 1; }
.boss-page07-wrap .boss-page07-cont { margin-top: 36px; }
.boss-page07-wrap .boss-page07-cont .img-box { display: block; width: 399px; height: 442px; overflow: hidden; }
.boss-page07-wrap .boss-page07-cont .txts { width: 600px; height: 442px; font-size: 16px; color: #2c2b29; position: relative;}
.boss-page07-wrap .boss-page07-cont .txts p { line-height: 36px; margin-bottom: 35px; }
.boss-page07-wrap .boss-page07-cont .qianming { display: block; padding-left: 76px; padding-right: 70px; position: absolute; right: 0; bottom: 0; z-index: 9; }
.boss-page07-wrap .boss-page07-cont .qianming:before { content: ''; display: block; width: 67px; height: 1px; background-color: #000; position: absolute; left: 0; top: 50%; z-index: 2; }
.boss-page07-wrap .boss-page07-cont .qianming:after { content: ''; display: block; width: 66px; height: 24px; background: url(../images/Inpage/boss_name.png) no-repeat; position: absolute; right: 0; top: 0; z-index: 2; }

/*联系我们*/
.contact-us-wrap { width: 100%; background-color: #fff; padding: 70px 0 60px; }
.contact-us-wrap .contact-us-cont .tel {width: 326px;margin-top: 36px;}
.contact-us-wrap .contact-us-cont .tel span:first-child { display: block; width: 53px; height: 53px; background-color: #0099ff; border-radius: 50%; margin-right: 12px; position: relative; }
.contact-us-wrap .tel span:first-child i { width: 27px; height: 27px; background-position: -160px -60px; position: absolute; left: 50%; top: 50%; margin: -13.5px 0 0 -13.5px; }
.contact-us-wrap .tel span em {display: block;font-size: 18px;color: #333;margin-top: -3px;margin-bottom: 0px;}
.contact-us-wrap .tel span strong {font-size: 32px;color: #0099ff;}
.contact-us-wrap .info { width: 528px; height: 140px; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; font-size: 18px; color: #333; padding: 0 20px 0 60px; box-sizing: border-box;}
.contact-us-wrap .info p { margin-top: 28px; }
.contact-us-wrap .info p:first-child { margin-top: 0; }
.contact-us-wrap .info p i { display: inline-block; margin-right: 15px; }
.contact-us-wrap .info p:first-child i { width: 12px; height: 18px; background-position: -5px -110px; }
.contact-us-wrap .info p:nth-child(2) i { width: 17px; height: 17px; background-position: -30px -110px; }
.contact-us-wrap .info p:last-child i { width: 16px; height: 18px; background-position: -60px -110px; }
.contact-us-wrap .ewm { width: 346px; }
.contact-us-wrap .ewm span { display: block; width: 120px; height: 120px; margin-left: 53px; text-align: center; font-size: 13px; color: #999; }
.contact-us-wrap .ewm img,
.contact-map img { display: block; width: 100%; height: auto; }
.contact-map { width: 100%; height: 460px; position: relative; }
.contact-map .ueditor_baidumap{position: absolute;left: 50%;margin-left: -960px;width:1920px;height:460px;}
.contact-route { margin-top: -70px; }
.contact-route .route-nav { width: 100%; height: 70px; line-height: 70px; background-color: #0099ff; font-size: 18px; text-align: center;}
.contact-route .route-nav span { display: inline-block; height: 100%; color: #a6dbff; margin: 0 30px; cursor: pointer; box-sizing: border-box;}
.contact-route .route-nav span.cur,
.contact-route .route-nav span:hover { color: #fff; border-bottom: solid 3px #fff; }
.contact-route .route-box { width: 100%; background-color: #f3f3f3; padding: 40px 0 30px;}
.contact-route .route-cont>span { display: block; width: 146px;}
.contact-route .route-cont>span i { width: 80px; height:80px; background-position: -5px -140px; margin: 0 auto; }
.contact-route .route-cont .txts { font-size: 16px; padding: 0 0 0 50px; color: #666; border-left: solid 1px #dadada;}
.contact-route .route-cont .txts p { margin-bottom: 15px; }
.contact-route .route-cont:not(:first-child) { display: none; }
.contact-online-liuyan { background-color: #fff; padding: 70px 0; }
.contact-liuyan-form { width: 100%; font-size: 16px; position: relative; }
.contact-liuyan-form>div { width: 580px; border: solid 1px #e3e3e3; box-sizing: border-box; position: relative;}
.contact-liuyan-form .name,
.contact-liuyan-form .phone { height: 60px; }
.contact-liuyan-form .name { margin-bottom: 20px; }
.contact-liuyan-form .liuyan { height: 140px; position: absolute; right: 0; top: 0; z-index: 2; }
.contact-liuyan-form input { width: 100%; height: 60px; padding: 0 30px 0 20px; box-sizing: border-box;  }
.contact-liuyan-form textarea { width: 100%; height: 140px; padding: 20px 40px 20px 20px; box-sizing: border-box; resize: none; }
.contact-liuyan-form>div i { position: absolute; right: 20px; top: 20px;}
.contact-liuyan-form .name i { width: 19px; height: 19px; background-position: -80px -110px; }
.contact-liuyan-form .phone i { width: 20px; height: 19px; background-position: -120px -110px; }
.contact-liuyan-form .liuyan i { width: 18px; height: 19px; background-position: -160px -110px;}
.contact-liuyan-form .smt { display: block; width: 200px; height: 60px; line-height: 60px; text-align: center; background-color: #0099ff; color: #fff; font-size: 16px; border-radius: 30px; margin: 35px auto 0; position: relative;}
.contact-liuyan-form .smt em { display: inline-block; width: 18px; height: 18px; background-color: #fff; border-radius: 50%; position: relative; top: 3px; margin-left: 10px; }
.contact-liuyan-form .smt em:before { content: ''; display: block; width: 0; height: 0; border-top: solid 4px #fff; border-bottom: solid 4px #fff; border-left: solid 4px #0099ff; position: absolute; left: 50%; top: 50%; margin: -4px 0 0 -2px;}


.boss-page06-wrap .boss-page06-infos:hover {
  -webkit-transform:translateY(-6px);
  -moz-transform:translateY(-6px);
  -ms-transform:translateY(-6px);
  transform:translateY(-6px);
}

.img-box:hover img {
  -webkit-transform:scale(1.05);
  -moz-transform:scale(1.05);
  -ms-transform:scale(1.05);
  transform:scale(1.05);
}
.boss-page06-wrap .boss-page06-infos,
.img-box img {
  -webkit-transition:all .6s ease-out;
  -moz-transition:all .6s ease-out;
  transition:all .6s ease-out;
}

/* --history  2019-8-2 -- */
.history{padding:60px 0;overflow:hidden;background:#fff;}
.history-list{position:relative;padding-bottom:100px;overflow:hidden;}
.history-list:after{display:block;position:absolute;z-index:1;top:0;left:50%;width:1px;height:100%;content:"";background:#eee;}
.history-list .item{position:relative;z-index:3;width: 514px;}
.history-list .item i{display:block;position:absolute;z-index:3;top:0;width: 25px;height: 25px;background:url(../images/Inpage/history_dot.png) no-repeat;background-size: 100%;/* animation:scale 2s infinite; */}
.history-list .item h3{display:block;height:38px;line-height:38px;font-size:38px;color:#333;}
.history-list .item strong{display:block;margin-top:28px;line-height:26px;font-size:16px; color: #0099ff;}
.history-list .item p{margin-top:6px;line-height:25px;font-size:14px;color:#666;}
.history-list .even{float:right;text-align:left;padding-left: 100px;animation:fadeinR 1s ease-out backwards;}
.history-list .even i{left:1px;}
.history-list .odd{float:left;text-align:right;padding-right: 100px;animation:fadeinL 1s ease-out backwards;}
.history-list .odd i{right:1px;}
.history-list .more{position:absolute;z-index:33;left:50%;bottom:0;margin-left:-30px;width:60px;height:60px;cursor:pointer;}
.history-list .show{background:url(../images/Inpage/history_more.png) no-repeat;animation:fadeinT 2s infinite;}
.history-list .hide{background:url(../images/Inpage/history_hide.png) no-repeat;animation:fadeinB 2s infinite;}
/* --end history-- */

/*面包屑导航*/
.Crumbs{position:relative;z-index:33;margin-top: 80px;text-align:center;height:30px;line-height:30px;font-size:14px;color: #ccc;}
.Crumbs a{color: #ccc;}

/*面包屑导航2*/
.Crumbs2{position:relative;z-index:33;text-align:left;font-size:14px;color: #666;overflow:hidden;height:50px;line-height:47px;border-bottom:1px solid #e3e3e3;background-color:#fff;}
.Crumbs2 a{color: #666;/* margin-right: 5px; */}
.Crumbs2 div.home{width:50px;height:50px;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;background:url(../images/Common/mbxNav_home.png) no-repeat center;margin-right:10px;margin-left:0;float: left;}
.Crumbs2 div.home a{ display:block; width:100%; height:100%;}
.Crumbs2 a:hover{color:#09f}





/* CompanyNews */
.CompanyNews{padding: 40px 0 70px;background: #ffffff;}

.CompanyNews-Con{margin-top: 50px;}
.CompanyNews-Left{width: 577px; position: relative;}
.NewsText{position: relative;overflow: hidden;width: 577px;}
.NewsText ul{position: relative;}
.NewsText ul li{float: left;width: 577px;}
.NewsText ul li span{width: 577px;display: block;overflow: hidden;}
.NewsText ul li span img{width: 577px;height: 360px;display: block;transition: .8s;}
.NewsText ul li:hover span img{transform: scale(1.1);}
.NewsText ul li h3{font-weight: normal;font-size: 18px;color: #17a1fd;margin-top: 30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsText ul li p{font-size: 14px;color: #666;line-height: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-top: 10px;}

.NewsBox{position: absolute;right: 15px;top: 330px;z-index: 9;}
.NewsBox span{width: 10px;height: 10px;border-radius: 50%;background-color: #fff;display: inline-block;*display: inline;*zoom: 1; margin: 0 8px; cursor: pointer;}
.NewsBox span.cur{background-color: #17a1fd;}

.CompanyNews-Right{width: 590px;}
.CompanyNews-Right dl{margin-top: 37px;}
.CompanyNews-Right dl:first-child{margin-top: 0;}
.CompanyNews-Right dl dt{width: 211px;}
.CompanyNews-Right dl dt a{width: 211px;height: 131px;display: block;overflow: hidden;}
.CompanyNews-Right dl dt a img{width: 211px;height: 131px;display: block;transition: .8s;}
.CompanyNews-Right dl:hover dt a img{transform: scale(1.1);}
.CompanyNews-Right dl dd{width: 355px;}
.CompanyNews-Right dl dd h3{font-weight: normal; font-size: 16px;}
.CompanyNews-Right dl dd h3 a{color: #333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display:  block;}
.CompanyNews-Right dl:hover h3 a{color: #17a1fd;}
.CompanyNews-Right dl dd h3 span{display: block;color: #999;font-size: 14px;margin: 10px 0 15px;}
.CompanyNews-Right dl dd p{font-size: 14px;color: #666;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 22px;}
/* CompanyNews End */

/* TechnologyExchange */
.TechnologyExchange{background-color: #fff;padding: 60px 0 40px;}

.TechnologyExchange-Con{margin-top: 50px;}
.TechnologyExchange-Con ul li{float: left;width: 337px;border-left: 1px #ccc solid;padding-left: 47px;margin-left: 46px;}
.TechnologyExchange-Con ul li:first-child{border-left: none;margin-left: 0;padding-left: 0;}
.TechnologyExchange-Con ul li em{display: block;height: 24px;line-height:24px;font-size: 18px;color: #333;transition:all .5s;}
.TechnologyExchange-Con ul li i{background: url(../images/Inpage/TechnologyExchangeBox.png) no-repeat center center;width: 36px;height: 9px;display: block;margin: 10px 0 20px;}
.TechnologyExchange-Con ul li h3{font-weight: normal;height:22px;line-height:22px;font-size: 18px;color: #333;transition:all .5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.TechnologyExchange-Con ul li p{font-size: 14px;color: #666;line-height: 23px;margin-top: 10px;margin-bottom: 40px;}
.TechnologyExchange-Con ul li span{width: 337px;height: 211px;display: block;overflow: hidden;}
.TechnologyExchange-Con ul li span img{width: 337px;height: 211px;display: block;transition: .8s;}
.TechnologyExchange-Con ul li:hover span img{transform: scale(1.1);}
.TechnologyExchange-Con ul li:hover h3{color:#17a1fd;transform: translateY(-24px);}
.TechnologyExchange-Con ul li:hover em{transform: translateY(24px);}

.TechnologyExchange-Con a.Moer{width: 115px;height: 40px;line-height: 40px;text-align: center;background-color: #17a1fd;color: #fff;font-size: 14px;display: block;margin: 30px auto 0;box-shadow: 0 5px 20px rgba(48,49,112,.3);}
.TechnologyExchange-Con a.Moer i{background: url(../images/Inpage/ServiceCon02.png) no-repeat center center;width: 23px;height: 9px;display: inline-block;*display: inline;*zoom: 1;margin-left: 10px;}
/* TechnologyExchange End */

/* IndustryNews  */
.IndustryNews{padding: 70px 0;background: #fff;border-bottom: 30px solid #f4f4f4;}
.InpageTitle{text-align: center;}
.InpageTitle h3{font-size: 28px;color: #333;font-weight: normal;}
.InpageTitle h3 a{color: #333;}
.InpageTitle p{color: #666;font-size: 14px;margin-top: 5px;}

.IndustryNewsCon{margin-top: 70px;}
.IndustryNewsTop dl{background-color: #f4f4f4;padding: 35px 45px;position: relative;}
.IndustryNewsTop dl dt{width: 495px;position: absolute;left: 0;top: -25px;}
.IndustryNewsTop dl dt a{width: 495px;height: 309px;display: block;overflow: hidden;}
.IndustryNewsTop dl dt a img{width: 495px;height: 309px;display: block;transition: .8s;}
.IndustryNewsTop dl:hover dt a img{transform: scale(1.1);}
.IndustryNewsTop dl dd{width: 640px;}
.IndustryNewsTop dl dd h3{font-size: 20px;font-weight: normal;}
.IndustryNewsTop dl dd h3 a{color: #17a1fd;}
.IndustryNewsTop dl dd h3 span{display: block;color: #999;font-size: 14px;margin: 10px 0 20px;}
.IndustryNewsTop dl dd p{font-size: 14px;color: #666;line-height: 25px;height: 96px;}
.IndustryNewsTop dl dd a.More{font-size: 14px;color: #333;display: block;margin-top: 30px;}
.IndustryNewsTop dl dd a.More i{background: url(../images/Inpage/IndustryNewsIcon.png) no-repeat center center; width: 13px;height: 9px;display: inline-block;*display: inline;*zoom: 1;margin-left: 10px;}

.IndustryNewsBox{width: 1260px;margin-left: -60px;}
.IndustryNewsBox dl{width: 570px;float: left;margin-left: 60px;margin-top: 60px;}
.IndustryNewsBox dl dt{width: 75px;border: 1px solid #ddd;text-align: center;padding: 5px 8px;}
.IndustryNewsBox dl:hover dd h3 a{color:#17a1fd;}
.IndustryNewsBox dl:hover dt{background:#17a1fd;color:#fff;}
.IndustryNewsBox dl:hover dt span,.IndustryNewsBox dl:hover dt em{color:#fff;}
.IndustryNewsBox dl dt span{font-size: 50px;color: #333;font-weight: bold;}
.IndustryNewsBox dl dt i{background: url(../images/Inpage/TechnologyExchangeBox.png) no-repeat center center;width: 36px;height: 9px;display: block;margin: 5px 0 10px;}
.IndustryNewsBox dl dt em{display: block;color: #333;font-size: 18px;}
.IndustryNewsBox dl dd{width: 460px;}
.IndustryNewsBox dl dd h3{font-size: 18px;font-weight: normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-top: 10px;}
.IndustryNewsBox dl dd h3 a{color: #333;}
.IndustryNewsBox dl dd p{color: #666;font-size: 14px;margin-top: 10px;line-height: 25px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* IndustryNews End */

.CompanyNews a.Moer{width: 115px;height: 40px;line-height: 40px;text-align: center;background-color: #17a1fd;color: #fff;font-size: 14px;display: block; margin: 30px auto 0;box-shadow: 0 5px 20px rgba(48,49,112,.3);}.CompanyNews a.Moer i{background: url(../images/Inpage/ServiceCon02.png) no-repeat center center;width: 23px;height: 9px;display: inline-block;*display: inline;*zoom: 1;margin-left: 10px;}
.IndustryNews a.Moer{width: 115px;height: 40px;line-height: 40px;text-align: center;background-color: #17a1fd;color: #fff;font-size: 14px;display: block; margin: 30px auto 0;box-shadow: 0 5px 20px rgba(48,49,112,.3);}
.IndustryNews a.Moer i{background: url(../images/Inpage/ServiceCon02.png) no-repeat center center;width: 23px;height: 9px;display: inline-block;*display: inline;*zoom: 1;margin-left: 10px;}
/*媒体报道*/
.hydt {position: relative;padding: 20px 0 40px;background: #f4f4f4;}
.hydt .hydtCon {position: relative;overflow: hidden;margin: 30px 0  0;}
.hydt-list{position: relative;overflow: hidden;}
.hydt-list dl {float: left;width: 355px;margin-right: 22px;padding: 15px 15px 20px 15px;background: #fff;}
.hydt-list dt {overflow: hidden;margin-bottom: 20px;}
.hydt-list dt img {display: block;width: 355px;height: 220px;transition: all 0.5s;}
.hydt-list dd.dd1 {overflow: hidden;margin-bottom: 8px;font-size: 16px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
.hydt-list dd.dd1  a {color: #333;font-size:18px}
.hydt-list dd.dd1 p{color:#333;font-size:14px;margin-top:5px}

.hydt-list dd.dd2 {line-height: 22px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;height: 66px;}
.hydt-list dd.dd2 a {color: #777;}
.hydt-list dl:hover {background: #0099ff;}
.hydt-list dl:hover dt img {transform: scale(1.1);}
.hydt-list dl:hover dd.dd1 a {color: #fff;}
.hydt-list dl:hover dd.dd1 p{color:#fff}
.hydt-list dl:hover dd.dd2 a {color: #fff;}

.hydt-slide .hd{padding-top:30px;text-align: center;}
.hydt-slide .hd li{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 24px;height:1px;text-indent: -9999px;background:#999;margin: 0 3px;cursor: pointer;}
.hydt-slide .hd li.cur {background:#0099ff;}

.dbpros{border:1px solid #ddd;border-top:0;box-sizing:border-box;margin-bottom:30px;/* padding-left:158px; */   background: #fff;}
.dbpros .dbpros-left{ width: 158px;  }
.dbpros .dbpros-left p{height: 476px;line-height: 476px;font-size: 16px;color: #373333;text-align: center;font-weight: bold;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.dbpros .names{color:#373333;text-align:right;width:158px;background-color:#f3f3f3;font-size:14px;float:left;}
.dbpros .names p{height:52px;line-height:52px;border-bottom:1px solid #ddd;}
.dbpros .names p:last-child{border-bottom:0;}
.dbpros .text{text-align:center;float:left;width:1040px;}
.dbpros .text .item{float:left;border-right:1px solid #ddd;box-sizing:border-box;width:25%;}
.dbpros .text .item:first-child{border-left:1px solid #ddd;}
.dbpros .text .item:nth-child(4){border-right:0}
.dbpros .text p{border-bottom:1px solid #ddd;height:52px;line-height:52px;font-size: 14px;color: #333;}
.dbpros .text p:last-child{border-bottom:0;}

p.isread{text-align:center;padding-top:25px;font-size:14px;float:left;width:100%;}