.m-contact>.tel{color:#1084b9;font-size:32px;line-height:34px;}
.m-contact .info{margin:14px 0 28px;color:#666;font-size:16px;line-height:16px;}
.m-contact .con{position:relative;width:1200px;height:371px;background:url(../images/cl_images/m-contact-bg.png) no-repeat;color:#fff;font-size:16px}
.m-contact .con:after,.m-contact .con:before{position:absolute;top:70px;left:390px;z-index:10;width:1px;height:255px;background-color:#fff;content:'';opacity:.3;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3}
.m-contact .con:after{left:793px}
.m-contact .con li{float:left}
.m-contact .con .tit{margin-bottom:60px;font-weight:700;font-size:24px}
.m-contact .con li.server{width:390px}
.m-contact .con li.domestic{width:400px;}
.m-contact .con li.international{width:407px}
.m-contact .con li .icon{display:block;margin:0 auto;margin:54px auto 40px;width:106px;height:74px;background:url(../images/cl_images/contact-icon.png) no-repeat}
.m-contact .con li.server .icon{background-position:-212px 0}
.m-contact .con li.domestic .icon{background-position:-106px 0}
.m-contact .con .text{line-height:30px}
.hospital{margin-top:62px;color:#666;font-size:16px;font-family:Arial}
.hospital .item{float:left;text-align:left}
.hospital .item p{padding-left:20px}
.hospital .item+.item{margin-left:40px}
.hospital .address{position:relative;margin-bottom:25px;padding-left:25px;font-weight:700;font-size:18px;font-family:Microsoft YaHei;line-height:18px}
.hospital .item .email,.hospital .item .tel{line-height:30px}
.hospital .item .email span{font-family:Microsoft YaHei}
.hospital .address:before{position:absolute;top:0;left:0;width:14px;height:19px;background:url(../images/cl_images/address.png) no-repeat;content:''}
.m-map img{width:100%}
.m-map{margin-top:84px}
.m-yczc .world{position:relative;margin-bottom:60px;width:1200px;height:390px;background:url(../images/cl_images/yczc-bg.jpg) no-repeat}
.m-yczc .world .item{position:absolute;display:block;width:80px;color:#fff;text-align:center;font-size:16px;line-height:30px;}
.m-yczc .world .item.move{animation:flicker 1.2s linear infinite forwards}
.m-yczc .world .america{top:157px;left:255px;background-color:#e60438}
.m-yczc .world .europe{top:50px;left:556px;background-color:#0f85cc}
.m-yczc .world .asia{top:81pt;left:753px;background-color:#f9a40f}
.m-yczc .world .africa{top:169px;left:604px;background-color:#242826}
.m-yczc .world .australia{top:200px;left:915px;background-color:#099d4a}
@keyframes flicker{0%{opacity:1}
50%{opacity:.1}
to{overflow:1}}
.m-yczc-l,.m-yczc-r{float:left;margin-bottom:115px;width:510px}
.m-yczc .top{overflow:hidden;box-sizing:border-box;margin-bottom:20px;padding:30px 0 0 40px;width:510px;height:75pt;color:#fff;text-align:left;font-size:26px}
.m-yczc .top .text{display:inline;padding-bottom:19px;border-bottom:1px solid #fff}
.m-yczc .top span{margin-left:20px;font-size:20px}
.m-yczc-m{width:180px;height:75pt;background:url(../images/cl_images/translate.png) no-repeat center center}
.m-yczc-l .top{background:url(../images/cl_images/yczc-bg1.jpg) no-repeat}
.m-yczc-r .top{background:url(../images/cl_images/yczc-bg2.jpg) no-repeat}
.m-yczc-l .con .img-box{float:left;overflow:hidden;width:250px;height:140px}
.m-yczc-l .con a{position:relative;display:table;margin-bottom:20px;}
.m-yczc-l .con p{color:#666;text-align:left;font-size:16px;line-height:36px;word-break:break-all}
.m-yczc-l .con .des{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.m-yczc-l .con .tit{color:#000;font-size:20px;line-height:30px}
.m-yczc-l .con .right-con{display:table-cell;padding-left:29px;vertical-align:middle}
.advantage li{float:left;margin-top:15px;color:#1084b9;text-align:center;font-size:16px;}
.advantage li .icon{display:block;margin:0 auto 10px;width:65px;height:65px;background:url(../images/cl_images/yczc-icon.png) no-repeat; -webkit-transition: all .2s; transition: all .2s;}
.advantage li .icon:hover{-webkit-transform: scale(1.05); transform: scale(1.05);}
.advantage li .icon.icon2{background-position:-65px 0}
.advantage li .icon.icon3{background-position:-130px 0}
.advantage li+li{margin-left:125px}
.advantage p{line-height:16px;}
.m-yczc-r .pic{color:#666;text-align:left;font-size:16px;}
.m-yczc-r .pic .tit{color:#000;font-size:20px;line-height:30px}
.m-yczc-r .pic p{line-height:36px}
.m-yczc-r .pic .img-box{overflow:hidden;margin-bottom:20px;width:510px;height:210px}
.m-yczc-r .more{margin-left:-15px;margin-top: 20px;}
.m-yczc-r .more li{float:left;margin-bottom: 20px; margin-left:10px;max-width: 164px;height: 43px;}
.m-yczc-l .con .img-box.imghover img,.m-yczc-r .pic .img-box.imghover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.m-yczc-l .con .img-box img,.m-yczc-r .pic .img-box img{max-width:100%;-webkit-transition:all .4s;transition:all .4s}
.m-title.zxns .lg-title{margin-bottom:25px}
.zxns .small-title{margin-bottom:70px;color:#666;font-size:18px}
.recruit ul.tit{background-color:#f1f1f1;line-height:60px}
.recruit{border:1px solid #f8f8f8}
.recruit .tit li{float:left;width:332px;color:#333;text-align:center;font-size:16px;}
.recruit .tit .post{box-sizing:border-box;padding-left:60px;width:264px;text-align:left}
.recruit .tit .exp{margin:0 77px 0 10px}
.recruit .tit .salary{width:185px}
.recruit .con .jb-item{cursor: pointer;}
.recruit .con .jb-item p{float:left;width:332px;color:#999;text-align:center;font-size:16px;line-height:75pt}
.recruit .con .jb-item .one{width:264px;color:#333;font-size:22px}
.recruit .con li{border-bottom:1px solid #f7f8f9}
.recruit .con li:hover{background-color:#f8fdff}
.recruit .con li:hover .one,.recruit .con li:hover p{color:#3da4c6}
.recruit .con p.three{margin:0 77px 0 10px}
.recruit .con .jb-item .four,.recruit .con li:hover .four{width:185px;color:#fc6f2a;font-size:18px}
.recruit-detail .info{position:relative;float:left;margin-left:50px;padding:30px 0 25px;color:#666;text-align:left;font-size:14px}
.recruit-detail .info:before{position:absolute;top:32px;left:0;width:42px;height:42px;background:url(../images/cl_images/zxns-icon1.png) no-repeat;content:''}
.recruit-detail .info.tel:before{background-position:-84px 0}
.recruit-detail .info.email:before{background-position:-42px 0}
.recruit-detail .info .title{margin-bottom:2px;font-size:18px}
.recruit-detail .info p{padding-left:62px}
.recruit-detail .info p span{color:#333;font-weight:700;font-size:18px}
.pagination.zxns{margin:70px 0}
.welfare{padding:88px 0 130px;width:100%;background-color:#f5f5f5}
.welfare .nav{width:100%;text-align:center;font-size:0}
.welfare .nav li{display:inline-block;margin:0 8px;margin-bottom:60px;width:238px;background-color:#fff;color:#666;text-align:center;font-size:20px;line-height:40px;cursor:pointer}
.welfare .nav li.active{background-color:#3da4c6;color:#fff}
.welfare .con{float:left;margin-left:24px;width:384px;}
.welfare .con-box{display:none;margin-left:-24px}
.welfare .con .item{position:relative;box-sizing:border-box;margin-bottom:25px;padding:25px 18px;width:4in;min-height:190px;border:1px solid #fff;background-color:#fff;transition:all 1s}
.welfare .con .item:hover{border-color:#3da4c6;box-shadow:0 0 15px 3px #d1e3eb}
.welfare .con-box .des{max-height:75pt;color:#666;font-size:16px;line-height:32px;transition:all 1s linear}
.welfare .con .item:hover .des{max-height:300px}
.welfare .con-box .des.xz{overflow:hidden;text-overflow:ellipsis}
.welfare .con-box .tit{margin-bottom:10px;padding-left:53px;color:#333;font-weight:700;font-size:18px;line-height:33px}
.welfare .con-box .tit:before{position:absolute;top:25px;left:18px;width:33px;height:33px;background:url(../images/cl_images/zxns-icon2.png) no-repeat;content:''}
.welfare .con-box .tit.icon2:before{background-position:-99px 0}
.welfare .con-box .tit.icon3:before{background-position:-165px 0}
.welfare .con-box .tit.icon4:before{background-position:-33px 0}
.welfare .con-box .tit.icon5:before{background-position:-99pt 0}
.welfare .con-box .tit.icon6:before{background-position:-231px 0}
.welfare .con-box .tit.icon7:before{background-position:-66px 0}

.welfare .con-box .tit.icon8:before{background-position:-198px 0}
.welfare .con-box .tit.icon9:before{background-position:-264px 0}
.welfare .welfare-con .con-box:last-child li{float:left;margin-right:23px}
.welfare .welfare-con .con-box:last-child li .tit{padding-left:0}
.welfare .welfare-con .con-box:last-child li .tit:before{width:0;height:0}
.welfare .welfare-con .con-box:last-child{margin-left:-48px;}
.culture-top{margin-bottom:70px}
.culture-banner.inner-banner .m-focus .switchable-content li{background-size: cover;}
.culture-top .img-box{overflow:hidden;width:600px}
.culture-top .img-box img,.culture-top .right-con img{max-width:100%}
.culture-top .right-con{padding-left:660px;color:#666;font-size:16px;}
.culture-top .right-con p{display:-webkit-box;overflow:hidden;margin:15px 0 65px;text-overflow:ellipsis;line-height:30px;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.culture-m{overflow:hidden;width:100%;height:600px;background:url(../images/cl_images/culture-bg.jpg) no-repeat; background-position:center center;}
.culture-m .left-img{position:relative;margin-top:80px;width:270px;box-shadow:0 0 30px 5px #1079a9}
.culture-m .left-img .text{position:absolute;top:70px;left:25px;color:#fff;font-size:30px}
.culture-m .left-img .text p{font-size:26px}
.culture-m .left-img .text p.en{margin-top:20px;font-weight:700}
.culture-m .right-content{position:relative;float:left;margin-left:150px;width:777px}
.culture-m .right-content .nav{position:absolute;top:170px;width:100%;height:126px}
.culture-m .right-content .nav li{position:absolute;float:left;color:#fff;text-align:center;font-size:20px;opacity:.6;cursor:pointer;filter:alpha(opacity=60)}
.culture-m .right-content .nav li .icon{position:absolute;bottom:63px;left:50%;margin-left:-16px;width:32px;height:42px;background:url(../images/cl_images/culture-icon.png) no-repeat}
.culture-m .right-content .nav li.active .round{position:absolute;bottom:40px;left:50%;margin-left:-7px;width:14px;height:14px;border-radius:50%;background-color:#fff;content:''}
.culture-m .right-content .nav li.active{font-weight:700;opacity:1;filter:alpha(opacity=100)}
.culture-m .right-content .nav .item1{top:98px}
.culture-m .right-content .nav .item1 .icon{background-position:-64px 0}
.culture-m .right-content .nav .item2 .icon{background-position:-32px 0}
.culture-m .right-content .nav .item4 .icon{background-position:-96px 0}
.culture-m .right-content .nav .item5 .icon{background-position:-128px 0}
.culture-m .right-content .nav .item2{top:77px;left:164px}
.culture-m .right-content .nav .item3{top:75px;left:331px}
.culture-m .right-content .nav .item4{top:92px;left:494px}
.culture-m .right-content .nav .item5{top:110px;left:657px}
.culture-m .right-content .content{position:absolute;top:370px;color:#fff;font-size:16px;line-height:30px;opacity:.6;filter:alpha(opacity=60)}
.culture-m .right-content .content li{display:none}
.culture-b{color:#333;text-align:center;font-size:32px;}
.culture-b h5{margin:67px 0 57px;font-weight:400;font-size:26px}
.culture-b .img-box{max-width:100%}
.culture-b p{margin:40px 0 73px;color:#666;font-size:16px;line-height:30px}
.culture-banner a{position:relative}
.culture-banner .con-box{position:absolute;top:0;left:0;width:100%;height:500px}
.culture-banner .m-focus .switchable-content li .con-box img{visibility:visible}
.culture-banner .con-box .center{position:relative;margin:65px auto;width:378px;height:378x}
.culture-banner .con-box .center>div{position:absolute}
.culture-banner .con-box .center .name{top:170px;left:98px;z-index:10;width:183px;height:45px;background:url(../images/cl_images/culture-text.png) no-repeat;background-size:183px;animation:op 5s linear infinite alternate}
.culture-banner .con-box .center .round-01{top:55px;left:55px;z-index:5;width:270px;height:274px;background:url(../images/cl_images/round-bg.png) no-repeat;background-size:270px;-webkit-animation:move2 5s linear infinite;animation:move2 5s linear infinite}
.culture-banner .con-box .center .round-02{top:50px;left:50px;z-index:4;width:280px;height:280px;background:url(../images/cl_images/culture-round-03.png) no-repeat;background-size:280px;-webkit-animation:move1 5s linear infinite;animation:move1 5s linear infinite}
.culture-banner .con-box .center .round-03{top:45px;left:45px;z-index:3;width:290px;height:290px;background:url(../images/cl_images/culture-round-03.png) no-repeat;background-size:290px;-webkit-animation:move2 5s linear infinite;animation:move2 5s linear infinite}
.culture-banner .con-box .center .round-04{top:5px;left:5px;z-index:2;width:370px;height:370px;background:url(../images/cl_images/culture-round-04.png) no-repeat;background-size:370px;-webkit-animation:scale 1s linear infinite alternate;animation:scale 1s linear infinite alternate}
.culture-banner .con-box .center .round-05{width:378px;height:378px;background:url(../images/cl_images/culture-round-05.png) no-repeat;background-size:378px;animation:move2 5s linear infinite}
.culture-banner .con-box .center .text{top:35px;left:-330px;z-index:10;width:460px;height:119px;color:#79efff;text-align:left;font-size:18px;line-height:30px}
.culture-banner .con-box .center .text.text-two{top:250px;left:270px;animation-delay:.4s}
.culture-banner .con-box .center .text-bg{position:relative;float:left;overflow:hidden;box-sizing:border-box;margin-right:9pt;padding-top:22px;width:238px;height:75pt;border-top:4px solid #bcf4ff;border-radius:5px;background-color:#0493c8}
.culture-banner .con-box .center .text-bg:before{position:absolute;top:-75pt;left:-180px;width:75pt;height:300px;background:linear-gradient(90deg,transparent,rgba(238,245,255,.5));content:'';transform:rotate(30deg);-webkit-animation:moveLeft 5s infinite;animation:moveLeft 5s infinite}
.culture-banner .con-box .center .text-two .text-bg:before{-webkit-animation:moveLeft 5s infinite 3s;animation:moveLeft 5s infinite 3s}
@-webkit-keyframes moveLeft{0%{left:-80px}
20%,to{left:300px}}
@keyframes moveLeft{0%{left:-80px}
20%,to{left:300px}}
.culture-banner .con-box .center .text-bg:hover i{left:300px}
.culture-banner .con-box .center .text-one .line{width:178px;height:112px;background:url(../images/cl_images/culture-line1.png) no-repeat}
.culture-banner .con-box .center .text-two .line{width:178px;height:112px;background:url(../images/cl_images/culture-line2.png) no-repeat}
.culture-banner .con-box .center .text-bg.text-bg2{border-top:0;border-bottom:4px solid #bcf4ff;border-radius:5px;background-color:#0493c8}
.culture-banner .con-box .center .text-bg p{width:100%;color:#fff;text-align:center;font-weight:700;font-size:18px}
.culture-banner .con-box .center .line{float:left}
.culture-banner .con-box .center .text-two .line{margin:-20px 9pt 0 0}
.culture-banner .con-box .center .text-two p{padding-left:25px;text-align:left}
.wave{position:absolute;z-index:3;overflow:hidden;width:50%;height:75pt}
.wave-left{top:200px;left:0;margin-left:-135px}
.wave-left div{background-position:right center}
.wave div{position:absolute;width:100%;background-repeat:no-repeat}
.wave-line-01{top:15px;height:64px;background-image:url(../images/cl_images/wave-01.png);-webkit-animation:scaleY 2s linear infinite;animation:scaleY 2s linear infinite}
.wave-line-02{top:9pt;height:57px;background-image:url(../images/cl_images/wave-02.png);-webkit-animation:scaleY 2s linear .2s infinite;animation:scaleY 2s linear .2s infinite}
.wave-line-03{top:28px;height:39px;background-image:url(../images/cl_images/wave-03.png);-webkit-animation:scaleY 2s linear .4s infinite;animation:scaleY 2s linear .4s infinite}
.wave-line-04{top:29px;height:26px;background-image:url(../images/cl_images/wave-04.png);-webkit-animation:scaleY 2s linear .6s infinite;animation:scaleY 2s linear .6s infinite}
.wave-right{top:200px;right:0;margin-right:-135px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
.wave-right div{background-position:right center}
@-webkit-keyframes scaleY{0%{-webkit-transform:scaleY(1)}
50%{-webkit-transform:scaleY(1.4)}}
@keyframes scaleY{0%,to{transform:scaleY(1)}
50%{transform:scaleY(1.4)}
to{transform:scaleY(1)}}
@-webkit-keyframes move1{0%{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(360deg)}}
@keyframes move1{0%{transform:rotate(0)}
to{transform:rotate(360deg)}}
@-webkit-keyframes move2{0%{-webkit-transform:rotate(0)}
to{-webkit-transform:rotate(-360deg)}}
@keyframes move2{0%{transform:rotate(0)}
to{transform:rotate(-360deg)}}
@-webkit-keyframes scale{0%{opacity:1;-webkit-transform:scale(1)}
to{opacity:.2;-webkit-transform:scale(1.02)}}
@keyframes scale{0%{opacity:1;transform:scale(1)}
to{opacity:.2;transform:scale(1.02)}}
@keyframes op{0%{opacity:1}
50%{opacity:.2}
to{opacity:1}}
.honor-banner{position:relative;margin-bottom:70px;min-height:450px}
.honor-banner .img-box{position:relative;width:1200px}
.honor-banner .img-box li{position:relative;float:left;margin-right:64px;width:123px;min-height:450px;transition:all .4s}
.honor-banner .img-box .pic-box{position:relative;width:100%;height:173px}
.honor-banner .img-box .con-box{visibility:hidden;margin-top:157px;width:344px;color:#666;text-align:center;font-size:16px}
.honor-banner .img-box .con-box .tit{margin:22px 0 18px;color:#333;font-weight:700;font-size:18px}
.honor-banner .img-box li.big .con-box{visibility:visible;margin-left:-42px;width:344px}
.honor-banner .img-box li .pic-box img{position:absolute;bottom:0;max-width: 100%;max-height: 100%; left: 50%; transform: translateX(-50%);}
.honor-banner .img-box li.small{width:199px}
.honor-banner .img-box li.big{margin-right:84px;margin-left:20px;width:256px;}
.honor-banner .img-box li .pic-box img{height: 82px;}
.honor-banner .img-box li.small .pic-box img{height: 133px;}
.honor-banner .img-box li.big .pic-box img{height: 173px;}
.honor-banner .honor-bg{position:absolute;top:232px;width:100%;height:32px;background:url(../images/cl_images/honor-bg.jpg) no-repeat;background-position:center center;background-size:cover}
.honor-banner .honor-btn{position:absolute;top:317px;left:50%;margin-left:-204px;width:408px;height:47px}
.honor-banner .honor-btn a{display:inline-block;width:47px;height:47px;border-radius:50%;background:url(../images/cl_images/honor-btn.png) no-repeat;text-align:center}
.honor-banner .honor-btn a.next{background-position:-47px 0}
.honor-banner .honor-btn .img{position:absolute;top:50%;left:50%;margin-top:-16px;margin-left:-9pt;width:24px;height:32px;}
.honor-banner .honor-des{color:#666;text-align:center;font-size:16px;}
.honor-banner .honor-des .tit{color:#333;font-weight:700;font-size:18px;line-height:60px}
.m-tc{position:fixed;top:0;bottom:0;left:0;right:0;z-index:10001;display:none}
.m-tc .mask{width:100%;height:100%;background-color:rgba(0,0,0,.5)}
.m-tc-con{width:1020px;border:2px solid #3da4c6;height:500px;position:absolute;background-color:#fff;padding:10px 55px 40px 55px;left:50%;top:50%;margin-top:-250px;margin-left:-510px;overflow-y:scroll;box-sizing:border-box}
.m-tc-con .item{padding:10px 0}
.m-tc-con .item+.item{border-top:1px dashed #ccc}
.m-tc-con .item h5{font-size:18px;color:#000;line-height:42px}
.m-tc-con .item p{font-size:16px;color:#666;line-height:34px}
.m-tc-con .item.job-name h5{font-size:24px;color:#333;font-weight:400}
.m-tc-con .item.job-name{padding:35px 0}
.m-tc-con .item.job-name p{display:inline-block;margin-right:45px;color:#333}
.m-tc-con .item.job-name span{color:#999}
.m-tc-con .item.job-name span.salary{color:#fc6f2a}
.m-close{width:42px;height:42px;background-color:#ccc;position:absolute;top:37px;right:62px;cursor:pointer}
.m-close img{display:block;margin:15px auto}
/* 侵权 */
.case-box{margin:50px auto 175px}
.case-banner{margin-left:-50px}
.case-banner li{float:left;margin-left:50px;cursor:pointer}
.case-banner li .img-box{width:365px;height:515px;border:1px solid #ebebeb;-webkit-box-sizing:border-box;box-sizing:border-box}
.case-banner li .img-box img{width:363px;height:513px}
.case-banner li .text{line-height:100px;text-align:center;font-size:24px;color:#333}
.case-t-banner{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:none}
.case-t-banner .mask{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0}
.case-t-banner .case-t-banner-box{width:910px;height:834px;position:absolute;top:50%;left:50%;margin-left:-455px;margin-top:-417px;text-align:center}
.case-t-banner .case-t-banner-box .case-btn a{width:19px;height:59px;background:url(../images/cl_images/case-btn.png) no-repeat;position:absolute;z-index:11;top:50%;margin-top:-10px}
.case-t-banner .case-t-banner-box .case-btn a.prev{left:0}
.case-t-banner .case-t-banner-box .case-btn a.next{right:-910px;background-position:-19px 0}
.case-t-banner-move img{max-width: 100%;}
.case-t-banner-move li{max-width: 910px;}
.case-t-banner .case-btn{position: fixed; top: 50%; margin-top: -30px;}
/* honor 弹层 */
.dialog-window{position:fixed;z-index:1001;top:0;left:0;right:0;bottom:0;display:none}
.dialog-window .mask{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0}
.dialog-window .close{width:40px;height:40px;background:url(../images/cl_images/00.jpg) center center no-repeat!important;position:absolute;right:0;top:40px;display:block}
.dialog-window .pic-box{position:absolute;padding:40px;left:50%;top:50%;transform:translate(-50%,-50%);overflow-y:scroll}
.dialog-window .pic-box img{width:100%;height:100%}
.m-title.zxns .des{font-size:20px;color:#333;line-height:32px;text-align:left;margin-bottom:120px}
.m-title.zxns .des .bigSize{font-size: 28px;}
/* 产品中心 */
.m-title .pro{margin-bottom: 80px;}
.product .type-list{margin-bottom: 80px; margin-left: -22px;}
.product .type-list li{position: relative; float: left; height: 52px; overflow: hidden; padding: 10px 0; margin-left: 7px; width:16%;}
.product .type-list li:before,.product .type-list li:after{content: ''; position: absolute; z-index: 10; display: block; width: 0; height: 0; content: ''; opacity: 0; transition: all .3s linear;}
.product .type-list li img{-webkit-filter: grayscale(1); filter: grayscale(1); opacity: .8; -moz-opacity:0.8; -khtml-opacity: 0.8; filter:alpha(opacity=80); max-height:80%; max-width:90%;}
.product .type-list li:hover img,
.product .type-list li.on img{-webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1;}
.product-list .item .img-box{width: 600px; height: 315px; float: left; overflow: hidden;}
.product-list{display: none;}
.product-list .item .img-box:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.product-list .item .img-box img{width: 100%; height: 100%; -webkit-transition: all .3s; transition: all .3s;}
.product-list .item:nth-child(2n) .img-box{float: right;}
.product-list .item .text{width: 600px; height: 315px; float: left; padding: 50px 0 55px 55px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product-list .item .text .tit{font-size: 24px; color: #333; line-height: 80px; border-bottom: 1px solid #ebebeb; position: relative;}
.product-list .item .text .tit:before{content: ''; position: absolute; left: 0; bottom: 0; z-index: 10; width: 0; height: 1px; background-color: #1084b9; -webkit-transition: all .3s; transition: all .3s;}
.product-list .item .text:hover .tit:before{width: 100%;}
.product-list .item .text .des{font-size: 16px; color: #666; line-height: 24px; margin: 20px 0; font-weight: bold;}
.product-list .item .text .more{font-size: 16px; color: #fff; width: 145px; line-height: 43px; background-color: #1084b9; -webkit-border-radius: 10px; border-radius: 10px; display: block; text-align: center; margin-top: 53px; border: 1px solid #1084b9;}
.product-list .item .text .more .icon{margin-left: 20px;}
.product-list .item .text .more:hover{background-color: #fff; color: #1084b9;}
.product-list .item:nth-child(2n) .text{padding: 50px 55px 55px 0;}
.product .bot{width: 1200px; height: 214px; background: url(../images/demo/cl/product-bg.jpg) no-repeat; margin: 80px 0; text-align: center; color: #fff; overflow: hidden; font-size: 16px;}
.product .bot a{color: #fff;}
.product .bot .tit{font-size: 32px; line-height: 32px; margin-top: 43px;}
.product .bot .des{line-height: 60px;}
.product .bot .link{width: 138px; height: 40px; line-height: 40px; background-color: #87c2cf; display: block; margin: 0 auto; -webkit-border-radius: 20px; border-radius: 20px; position: relative; overflow: hidden;}
.product .bot .link:hover:before{left: 200px;}
.product .bot .link:before{position: absolute; top: -50px; left: -90px; width: 75px; height: 100px; background: linear-gradient(90deg,transparent,rgba(238,245,255,.3),transparent); content: ''; transform: rotate(30deg); -webkit-transition: all .3s; transition: all .3s;}
/* 产品详情 */
.inner-banner.pro .m-focus .switchable-content li .area img{visibility: visible;}
.inner-banner.pro,
.inner-banner.pro .m-focus
.inner-banner.pro .m-focus .switchable-content li a,
.inner-banner.pro .m-focus .switchable-content li{height: 600px !important;}
.inner-banner.pro .m-focus .switchable-content li .area{position: absolute; top: 0; left: 50%; height: 600px; margin-left: -600px;}
.inner-banner.pro1 .pic{position: absolute; top: 85px; left: 200px;}
.inner-banner.pro2 .pic{position: absolute; top: 136px; left: 30px;}
.inner-banner.pro1 .text{position: absolute; left: 575px; height: 120px; top: 160px;}
.inner-banner.pro2 .text{position: absolute; left: 575px; height: 120px; top: 184px;}
.inner-banner.pro1 .des{position: absolute; left: 570px; top:310px; font-size: 24px; color: #333; line-height: 26px; text-align: left;}
.inner-banner.pro2 .des{position: absolute; left: 570px; top:340px; font-size: 18px; color: #666; line-height: 26px; text-align: left;}
.inner-banner.pro1 .info{margin-bottom: 30px;}
.inner-banner.pro1 .info1{font-size: 18px; color: #666;}
.inner-banner.pro .text{line-height: 1;}
.inner-banner.pro .text .tit{font-size: 36px;color: #333;margin-bottom: 30px;}
.inner-banner.pro .text .info{font-size: 0;color: #333;}
.inner-banner.pro .text .info span{font-size: 50px;display: inline-block;vertical-align: middle;}
.inner-banner.pro .text .info .num{font-size: 60px;color: #000;font-weight: bold;font-family: Arial;margin-right: 25px;}
/* .product-detail{margin-bottom: 100px;} */
.product-detail .tit{font-size: 36px; line-height: 36px; color: #000; margin: 75px 0 50px;}
.product-detail{line-height: 36px;}
.product-detail .tech .img-box{width: 1200px; height: 454px;}
.product-detail .tech .des{font-size: 16px; color: #666; margin: 50px 0 130px;}
.product-detail img{width: 100%; height: 100%;}
.product-detail .treat{overflow: hidden; background-color: #f5f5f5;}
.product-detail .treat .img-box,
.product-detail .treat .img-box img{width: 342px; height: 242px; -webkit-border-radius: 20px; border-radius: 20px;}
.product-detail .treat .treat-list{margin-left: -80px;}
.product-detail .treat .item{float: left; margin-left: 80px;}
.product-detail .treat .text{margin: 38px 0 95px; font-size: 16px; color: #666;}
.product-detail .advantage-list{margin-left: -60px;}
.product-detail .advantage-list .item{margin-left: 60px; float: left; width: 570px;}
.product-detail .advantage-list .img-box{width: 570px; height: 278px;}
.product-detail .advantage-list .text{font-size: 16px; color: #666; margin-top: 40px;}
.product-detail .advantage-list .text p{line-height: 36px;}
.product-detail .advantage-list img{-webkit-border-radius: 20px; border-radius: 20px}
/* LCA300 */
.product-detail.two .treat .img-box,
.product-detail.two .treat .img-box img{width: 571px; height: 320px;}
.product-detail.two .treat .treat-list{margin-left: -58px;}
.product-detail.two .treat .item{margin-left: 58px;}
.product-detail.two .advantage-list .img-box{float: left;}
.product-detail.two .advantage-list .text{width: 630px; float: left; padding: 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.product-detail.two .advantage-list .item{width: 100%;}

/* m-news */
.m-news{ padding-bottom: 80px; }
.m-product+.m-news{ padding-top: 40px; }

.m-news .area{ padding: 8px 0 28px; background: #fafafa; }
.m-news .title{ padding: 0 30px; height: 48px; line-height: 48px; overflow: hidden; font-size: 16px; font-weight: normal; color: #666666; }
.m-news .list li{ float: left; display: inline; padding: 0 30px;width: 540px; height: 36px; line-height: 36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 16px; color: #666666; }
.m-news .list li:before{ content: "· "; }
.m-news .list a{ color: #666666; }
.m-news .list a:hover{ color: #016b7e; }

.inner-banner .m-focus .switchable-content li{position: relative;}
.inner-banner .mp-text{
    width: 1200px;top:0;text-align: left;
    position: absolute;left: 50%;margin-left: -600px;box-sizing: border-box;line-height: 1;color: #333333;padding-top: 122px;
}
.inner-banner .mp-text .tit{font-size: 56px;font-weight: bold;letter-spacing: 12px;line-height: 74px;}
.inner-banner .mp-text .des{font-size: 28px;letter-spacing: 10px;position: relative;padding-right: 20px;margin-top: 50px;display: inline-block;}
.inner-banner .mp-text .des:after{
    content: '';position: absolute;
    top: 50%;width: 90px;height: 1px;background-color: #666;right: -90px;
    }