
 body {color:#333333} a{color:#333333}a:active,a:hover {color:#02b2b5}

@media (min-width: 1400px) {.container{ width: 1400px; }}

/*@media (min-width: 1400px) {.container{ width: 1400px; }}*/
@media (min-width: 1400px) {.container{ width: 1250px; }}
/* 头部 */
#Top{ width: 100%; float: left;}
#Top .pz_top{ width: 100%; float: left; z-index: 99999999999999;}
#Top .top1{z-index:99;width:100%;}
#Top .top1.active{box-shadow:0 4px 15px rgba(0,0,0,.1);}
#Top .top1 .top_a{background:#fff;}
#Top .top1 .logo{float:left;margin:34px 0;width:434px;height:32px;line-height:0;}
#Top .top1 .dh{float:right;margin:25px 0;padding-left:60px;background:url("/static/ckl/images/3101_top1.png") no-repeat left center;background-size:47px 47px;height:50px;}
#Top .top1 .dh .p{color:#02b2b5;font-weight:700;font-size:24px;line-height: 50px;}
#Top .menu_box,#Top .nav{position:relative;width:100%; z-index: 999;}
#Top .menu_box{display:block;}
#Top .menu_box:after{position:absolute;top:0;left:20px;width:800%;height:100%;background:rgba(54,62,79,.7);content:"";transform:skewX(32deg);}
#Top .menu{margin-left:20px;width:100%;}
#Top .menu .nli{position:relative;z-index:15;float:left;text-align:center;}
#Top .menu .nli span a{position:relative;float:left;display:flex;padding:0 45px;height:56px;color:#fff;text-decoration:none;font-size:16px;line-height:56px;justify-content:center;align-items:center;}
#Top .menu .nli span a:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:0;background:#02b2b5;content:'';transform:skewX(32deg);}
#Top .menu .nli.active span a:after,#Top .menu .nli:hover span a:after{width:100%;}
#Top .menu .sub{position:absolute;top:56px;left:50%;z-index:66;float:left;display:none;margin-left:-60px;width:156px;background:rgba(54,62,69,.7);}
#Top .menu .sub li{float:left;padding:10px 5px;width:100%;text-align:center;}
#Top .menu .sub li a{position:relative;display:inline-block;color:#fff;text-align:center;font-size:14px;line-height:16px;}
#Top .menu .sub li:after{position:absolute;bottom:0;left:0;width:100%;height:1px;border-bottom:1px dashed #fff;content:'';opacity:0;}
#Top .menu .sub li:hover a:after{opacity:1;}
#Top .menu .sub li:hover{background:#02b2b5;}

#Top .top2{position:fixed;top:0;left:0;z-index:600;display:none;width:100%;height:46px;background-color:#fff;}
#Top .top2.active{box-shadow:0 4px 10px rgba(0,0,0,.1);}
#Top .top2 .logo{position:relative;float:left;margin:15px 0;width:348px;height:auto; line-height: 0;}
#Top .menuph{float:right;margin:2px 0 0;width:40px;height:40px;text-align:center;cursor:pointer;}
#Top .menuph .point{position:relative;display:inline-block;margin-top:10px;width:28px;height:22px;}
#Top .menuph .point:hover .navbtn,#Top .menuph .point:hover .navbtn:after,#Top .menuph .point:hover .navbtn:before{width:28px;}
#Top .menuph .navbtn{top:10px;}
#Top .menuph .navbtn,#Top .menuph .navbtn:after,#Top .menuph .navbtn:before{position:absolute;right:0;display:inline-block;width:30px;height:2px;background:#000;transition:all .3s ease-out 0s;}
#Top .menuph .navbtn:after,#Top .menuph .navbtn:before{content:'';}
#Top .menuph .navbtn:after{top:-11px;}
#Top .menuph .navbtn:before{top:10px;}
#Top .menuph .point.active .navbtn{background:0 0;}
#Top .menuph .point.active .navbtn:after{top:0;transform:rotate(45deg);}
#Top .menuph .point.active .navbtn:before{top:0;transform:rotate(-45deg);}
#Top .xialaph{position:fixed;top:0;left:0;z-index:200;display:none;overflow-y:auto;padding-top:46px;width:100%;height:100%;background-color:#fff;}
#Top .xialaph .img_d,#Top .xialaph .ul2,#Top .xialaph .ul3{display:none;}
#Top .xialaph h4 a{position:relative;display:block;color:#333;text-transform:uppercase;font-size:14px;line-height:40px;}
#Top .xialaph h4{position:relative;}
#Top .xialaph h4 .ico{display:inline-block;margin-right:5px;width:22px;vertical-align:middle;line-height:0;}
#Top .xialaph li:last-child h4:before{position:absolute;bottom:0;left:0;display:none;width:100%;height:1px;background-color:#f2f2f2;content:'';}
#Top .xialaph li:first-child h4:after{display:none;}
#Top .xialaph h4:after{position:absolute;top:0;left:0;width:100%;height:1px;background-color:#dedede;content:'';}
#Top .xialaph h4 em{margin-left:5px;text-transform:uppercase;font-size:12px;}
#Top .xialaph h5 a{display:block;padding:0 10px;color:#666;font-size:14px;line-height:42px;}
#Top .xialaph h5{position:relative;}
#Top .xialaph h5:after{position:absolute;right:0;bottom:0;left:0;height:1px;background-color:rgba(95,123,118,.1);content:'';}
#Top .xialaph li:last-child h5:after{display:none;}
#Top .xialaph h4 b{position:absolute;top:50%;right:5px;float:right;margin-top:-5px;width:9px;height:9px;border-top:1px solid #666;border-right:1px solid #666;cursor:pointer;transition:all .3s linear;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#Top .xialaph h4.active b{margin-top:-7px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
#Top .xialaph .ul3{position:relative;padding-top:12px;padding-bottom:18px;padding-left:15px;}
#Top .xialaph .ul3:after{position:absolute;right:0;bottom:0;left:0;height:1px;background-color:#e5e5e5;content:'';}
#Top .xialaph li:last-child .ul3:after{display:none;}
#Top .xialaph .ul3 li a{display:block;color:#666;font-size:14px;line-height:35px;}
#Top .xialaph .ul3 li{padding-top:5px;}
#Top .xialaph .ul3 li:first-child{padding-top:0;}
#Top .xialaph h5 b{position:absolute;top:50%;right:5px;float:right;margin-top:-5px;width:9px;height:9px;border-top:1px solid #999;border-right:1px solid #999;cursor:pointer;transition:all .3s linear;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#Top .xialaph h5.active b{margin-top:-7px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}

@media screen and  (max-width:1399px){
#Top .menu .nli span a{padding:0 34px;}
}
@media screen and  (max-width:1199px){
#Top .menu .nli span>a{padding:0 24px;font-size:15px;}
#Top .menu .sub li a{font-size:14px;}
#Top .menu .sub{left:70%;width:120px;}
#Top .menu .sub li a{line-height:20px;}
}
@media screen and  (max-width:991px){
#Top .top2{display:block;}
#Top .top1{display:none;}
#Top .top2 .logo{ margin: 10px 0;}
}
@media screen and  (max-width:767px){
#Top .top2 .logo{width:200px; margin: 15px 0;}
}
/* 首页底部 */
#Down{ width: 100%; float: left;}
#Down .pz_down{ width: 100%; float: left;}
#Down .pz_down .foot1{ padding: 55px 0 30px 0; width: 100%; float: left;}
#Down .pz_down .foot1 .pos{ position: relative; min-height: 146px; padding-right: 150px;}
#Down .pz_down .foot1 .footNav{ float: left; width: 100%;}
#Down .pz_down .foot1 .footNav .l1{ float: left; margin-right: 6%;}
#Down .pz_down .foot1 .footNav .l1 .p{ font-size: 16px; line-height: 30px; margin-bottom: 10px; color: #fff;}
#Down .pz_down .foot1 .footNav .l1 .a{ font-size: 14px; line-height: 30px; color: #fff; opacity: 0.6; display: block;}
#Down .pz_down .foot1 .footNav .l1 .a:hover{ text-decoration: underline;}
#Down .pz_down .foot1 .ewm{ width: 150px; position: absolute; right: 0; top: 0;}
#Down .pz_down .foot1 .ewm .img{ width: 146px; height: 146px; margin: 0 auto; line-height: 0;}
#Down .pz_down .foot1 .ewm .wz{ font-size: 14px; margin-top: 15px; color: #fff; text-align: center;}
#Down .pz_down .foot1 .line{ margin: 35px 0; float: left; width: 100%; height: 1px; background: rgba(255,255,255,.1);}
#Down .pz_down .foot1 .left{ width: 21.774%; float: left;}
#Down .pz_down .foot1 .left .zx{ width: 66px; height: 66px; font-size: 18px; line-height: 24px; border-radius: 4px; padding: 8px 0; text-align: center; float: left; color: #fff; background: #02b2b5;}
#Down .pz_down .foot1 .left .num{ font-size: 30px; line-height: 60px; margin-left: 14px; letter-spacing: -1px; color: #fff; font-weight: bold;}
#Down .pz_down .foot1 .right{ width: 77.227%; padding-top: 5px; float: right; padding-left: 20px; border-left: 1px solid rgba(255,255,255,.1);}
#Down .pz_down .foot1 .right .u1{ float: left; margin-bottom: 20px;}
#Down .pz_down .foot1 .right .li{ font-size: 16px; line-height: 18px; padding-left: 24px; float: left; margin-right: 85px; color: #fff; opacity: 0.6;}
#Down .pz_down .foot1 .right .li:last-child{ margin-right: 0;}
#Down .pz_down .foot1 .right .l1{ background: url("/static/ckl/images/3102_foot3.png") no-repeat left center; background-size: 22px 22px;}
#Down .pz_down .foot1 .right .l2{ background: url("/static/ckl/images/3102_foot4.png") no-repeat left center; background-size: 22px 22px;}
#Down .pz_down .foot1 .right .l3{ background: url("/static/ckl/images/3102_foot5.png") no-repeat left center; background-size: 22px 22px;}
#Down .pz_down .foot1 .right .yq{ float: left;}
#Down .pz_down .foot1 .right .yq .p{ float: left; font-size: 16px; line-height: 18px; padding-left: 24px; background: url("/static/ckl/images/3102_foot6.png") no-repeat left center; background-size: 22px 22px; color: #fff; opacity: 0.6;}
#Down .pz_down .foot1 .right .yq .a{ float: left; display: block; margin: 0 10px; font-size: 16px; line-height: 18px; color: #fff; opacity: 0.6; position: relative;}
#Down .pz_down .foot1 .right .yq .a::after{ content: ""; width: 1px; height: 16px; background: rgba(255,255,255,.2); position: absolute; right: -10px; top: 3px;}
#Down .pz_down .foot1 .right .yq .a:last-child::after{ display: none;}
#Down .pz_down .foot1 .right .yq .a:hover{ text-decoration: underline;}
#Down .pz_down .foot2{ padding: 12px 0; width: 100%; float: left; background: #2c2c2c;}
#Down .pz_down .foot2 .copy{ font-size: 16px; line-height: 18px; color: #fff; opacity: 0.6; float: left;}
#Down .pz_down .foot2 .link{ font-size: 16px; line-height: 18px; color: #fff; opacity: 0.6; float: right;}
#Down .pz_down .foot2 .link:hover{ text-decoration: underline;}
/*phone底部导航*/
#Down .q_d_m{float:left; width:100%; height:50px;}
#Down .pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99;}
#Down .pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;}
#Down .pf_down li .ico{ width:100%; float:left; height:30px;}
#Down .pf_down li .ico img{ height:36px;}
#Down .pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;}
#Down .pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #02b2b5; margin-top:-20px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
@media screen and  (max-width:1399px){
#Down .pz_down .foot1 .footNav .l1{ margin-right: 5%;}   
#Down .pz_down .foot1 .left .num{ font-size: 24px;}
#Down .pz_down .foot1 .right .li{ margin-right: 15px;}  
}
@media screen and  (max-width:1199px){
#Down .pz_down .foot1 .footNav .l1{ margin-right: 2%;} 
#Down .pz_down .foot1 .left .num{ font-size: 18px;}
}
@media screen and  (max-width:991px){
#Down .pz_down .foot1{ padding: 20px 0 20px 0;}
#Down .pz_down .foot1 .pos{ min-height: 110px; padding-right: 115px;}
#Down .pz_down .foot1 .footNav .l1{ margin-right: 1.1%;}
#Down .pz_down .foot1 .footNav .l1 .p{ font-size: 14px; line-height: 24px; margin-bottom: 5px;}
#Down .pz_down .foot1 .footNav .l1 .a{ font-size: 12px; line-height: 24px;}
#Down .pz_down .foot1 .ewm{ width: 110px;}
#Down .pz_down .foot1 .ewm .img{ width: 110px; height: 110px;}
#Down .pz_down .foot1 .ewm .wz{ font-size: 12px; margin-top: 10px;}
#Down .pz_down .foot1 .line{ margin: 10px 0;}
#Down .pz_down .foot1 .left .zx{ width: 46px; height: 46px; font-size: 14px; line-height: 20px; padding: 3px 0;}
#Down .pz_down .foot1 .left .num{ font-size: 14px; line-height: 23px; margin-left: 5px; letter-spacing: 0;}
#Down .pz_down .foot1 .right{ padding-left: 10px;}
#Down .pz_down .foot1 .right .u1{ margin-bottom: 10px;}
#Down .pz_down .foot1 .right .li{ font-size: 14px; padding-left: 18px; margin-right: 5px; background-size: 16px 16px;}
#Down .pz_down .foot1 .right .yq .p{ font-size: 14px; padding-left: 18px; background-size: 16px 16px;}
#Down .pz_down .foot1 .right .yq .a{ margin: 0 5px; font-size: 14px;}
#Down .pz_down .foot1 .right .yq .a::after{ height: 14px; right: -5px;}
#Down .pz_down .foot2 .copy{ font-size: 12px;}
#Down .pz_down .foot2 .link{ font-size: 12px;}
}
@media screen and  (max-width:767px){
#Down .pz_down .foot1 .pos{ padding-right: 0; text-align: center;}
#Down .pz_down .foot1 .footNav{ display: none;}
#Down .pz_down .foot1 .ewm{ display: inline-block; position: static;}
#Down .pz_down .foot1 .left{ width: 100%; text-align: center;}
#Down .pz_down .foot1 .left .dis{ display: inline-block;}
#Down .pz_down .foot1 .right{ width: 100%; padding-left: 0; padding-top: 10px; margin-top: 10px; border-left: 0; border-top: 1px solid rgba(255,255,255,.1);}
#Down .pz_down .foot1 .right .li{ font-size: 12px;}
#Down .pz_down .foot1 .right .yq .p{ font-size: 12px;}
#Down .pz_down .foot1 .right .yq .a{ font-size: 12px;}
#Down .pz_down .foot2{ padding: 18px 0; text-align: center;}
#Down .pz_down .foot2 .copy{ width: 100%;}
#Down .pz_down .foot2 .link{ width: 100%;}
}
/* 内页底部 */
#Content{ width: 100%; float: left;}
#Content .pz_down.ny{ width: 100%; float: left;}
#Content .pz_down.ny .foot1{ padding: 55px 0 30px 0; width: 100%; float: left;}
#Content .pz_down.ny .foot1 .pos{ position: relative; min-height: 146px; padding-right: 150px;}
#Content .pz_down.ny .foot1 .footNav{ float: left; width: 100%;}
#Content .pz_down.ny .foot1 .footNav .l1{ float: left; margin-right: 6%;}
#Content .pz_down.ny .foot1 .footNav .l1 .p{ font-size: 16px; line-height: 30px; margin-bottom: 10px; color: #fff;}
#Content .pz_down.ny .foot1 .footNav .l1 .a{ font-size: 14px; line-height: 30px; color: #fff; opacity: 0.6; display: block;}
#Content .pz_down.ny .foot1 .footNav .l1 .a:hover{ text-decoration: underline;}
#Content .pz_down.ny .foot1 .ewm{ width: 150px; position: absolute; right: 0; top: 0;}
#Content .pz_down.ny .foot1 .ewm .img{ width: 146px; height: 146px; margin: 0 auto; line-height: 0;}
#Content .pz_down.ny .foot1 .ewm .wz{ font-size: 14px; margin-top: 15px; color: #fff; text-align: center;}
#Content .pz_down.ny .foot1 .line{ margin: 35px 0; float: left; width: 100%; height: 1px; background: rgba(255,255,255,.1);}
#Content .pz_down.ny .foot1 .left{ width: 21.774%; float: left;}
#Content .pz_down.ny .foot1 .left .zx{ width: 66px; height: 66px; font-size: 18px; line-height: 24px; border-radius: 4px; padding: 8px 0; text-align: center; float: left; color: #fff; background: #02b2b5;}
#Content .pz_down.ny .foot1 .left .num{ font-size: 30px; line-height: 33px; margin-left: 14px; letter-spacing: -1px; float: right; color: #fff; font-weight: bold;}
#Content .pz_down.ny .foot1 .right{ width: 77.227%; padding-top: 5px; float: right; padding-left: 20px; border-left: 1px solid rgba(255,255,255,.1);}
#Content .pz_down.ny .foot1 .right .u1{ float: left; margin-bottom: 20px;}
#Content .pz_down.ny .foot1 .right .li{ font-size: 16px; line-height: 18px; padding-left: 24px; float: left; margin-right: 85px; color: #fff; opacity: 0.6;}
#Content .pz_down.ny .foot1 .right .li:last-child{ margin-right: 0;}
#Content .pz_down.ny .foot1 .right .l1{ background: url("/static/ckl/images/3103_foot3.png") no-repeat left center; background-size: 22px 22px;}
#Content .pz_down.ny .foot1 .right .l2{ background: url("/static/ckl/images/3103_foot4.png") no-repeat left center; background-size: 22px 22px;}
#Content .pz_down.ny .foot1 .right .l3{ background: url("/static/ckl/images/3103_foot5.png") no-repeat left center; background-size: 22px 22px;}
#Content .pz_down.ny .foot1 .copy{ font-size: 16px; line-height: 18px; color: #fff; opacity: 0.6;}
/*phone底部导航*/
#Content .q_d_m{float:left; width:100%; height:50px;}
#Content .pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99;}
#Content .pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;}
#Content .pf_down li .ico{ width:100%; float:left; height:30px;}
#Content .pf_down li .ico img{ height:36px;}
#Content .pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;}
#Content .pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #02b2b5; margin-top:-20px;
-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;}
@media screen and  (max-width:1399px){
#Content .pz_down.ny .foot1 .footNav .l1{ margin-right: 5%;}   
#Content .pz_down.ny .foot1 .left .num{ font-size: 24px;}
#Content .pz_down.ny .foot1 .right .li{ margin-right: 15px;}  
}
@media screen and  (max-width:1199px){
#Content .pz_down.ny .foot1 .footNav .l1{ margin-right: 2%;} 
#Content .pz_down.ny .foot1 .left .num{ font-size: 18px;}
}
@media screen and  (max-width:991px){
#Content .pz_down.ny .foot1{ padding: 20px 0 20px 0;}
#Content .pz_down.ny .foot1 .pos{ min-height: 110px; padding-right: 115px;}
#Content .pz_down.ny .foot1 .footNav .l1{ margin-right: 1.1%;}
#Content .pz_down.ny .foot1 .footNav .l1 .p{ font-size: 14px; line-height: 24px; margin-bottom: 5px;}
#Content .pz_down.ny .foot1 .footNav .l1 .a{ font-size: 12px; line-height: 24px;}
#Content .pz_down.ny .foot1 .ewm{ width: 110px;}
#Content .pz_down.ny .foot1 .ewm .img{ width: 110px; height: 110px;}
#Content .pz_down.ny .foot1 .ewm .wz{ font-size: 12px; margin-top: 10px;}
#Content .pz_down.ny .foot1 .line{ margin: 10px 0;}
#Content .pz_down.ny .foot1 .left .zx{ width: 46px; height: 46px; font-size: 14px; line-height: 20px; padding: 3px 0;}
#Content .pz_down.ny .foot1 .left .num{ font-size: 14px; line-height: 23px; margin-left: 5px; letter-spacing: 0;}
#Content .pz_down.ny .foot1 .right{ padding-left: 10px;}
#Content .pz_down.ny .foot1 .right .u1{ margin-bottom: 10px;}
#Content .pz_down.ny .foot1 .right .li{ font-size: 14px; padding-left: 18px; margin-right: 5px; background-size: 16px 16px;}
#Content .pz_down.ny .foot1 .copy{ font-size: 14px; line-height: 16px;}
}
@media screen and  (max-width:767px){
#Content .pz_down.ny .foot1 .pos{ padding-right: 0; text-align: center;}
#Content .pz_down.ny .foot1 .footNav{ display: none;}
#Content .pz_down.ny .foot1 .ewm{ display: inline-block; position: static;}
#Content .pz_down.ny .foot1 .left{ width: 100%; text-align: center;}
#Content .pz_down.ny .foot1 .left .dis{ display: inline-block;}
#Content .pz_down.ny .foot1 .right{ width: 100%; padding-left: 0; padding-top: 10px; margin-top: 10px; border-left: 0; border-top: 1px solid rgba(255,255,255,.1);}
#Content .pz_down.ny .foot1 .right .li{ font-size: 12px;}
#Content .pz_down.ny .foot1 .copy{ font-size: 12px; line-height: 14px;}
}
/*右侧漂浮*/
#Content2 .pf_right{display: none; width:50px; right:1px; position:fixed; top:35%; z-index:999; }
#Content2 .pf_right.on{ display: block;}
#Content2 .pf_right ul{ width:100%; float:left;}
#Content2 .pf_right ul li{ width:50px; height:50px; float:left; margin-bottom:1px;}
#Content2 .pf_right ul li a{ display:block; float:right; width:50px; height:50px; position:relative;padding:8px 0; background:#494d52;}
#Content2 .pf_right ul li a img{ float:left;}
#Content2 .pf_right ul li a .ico{ width:20px; height:20px; margin:0 auto;}
#Content2 .pf_right ul li a .i{color:#ffffff; line-height:14px; font-size:12px; display:block; text-align:center; width:100%;}
#Content2 .pf_right ul li:hover a{background:#104392;}
#Content2 .pf_right ul li.r_ewm .z_ewm{position:absolute; right:60px;width:100px; height:100px; display:none; top:50%; margin-top: -50px; border:5px solid #104392;}
#Content2 .pf_right ul li.r_ewm .z_ewm img{width:100%; height:100%;}
#Content2 .pf_right ul li.r_ewm:hover a .z_ewm{display:block;}
#Content2 .pf_right ul li .p{ display: none; width: 160px; height: 50px; line-height: 50px; text-align: center; overflow: hidden; background: #02b2b5; color: #fff; font-size: 14px;position:absolute; right:60px; top:50%; margin-top: -25px;}
#Content2 .pf_right ul li:hover .p{ display: block;}
@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){

}
@media screen and  (max-width:767px){

}
/* 弹窗 */
#Content3 .tc{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 99999999999999999;}
#Content3 .tc .form{ width: 1020px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#Content3 .tc .form .tit{ width: 100%; font-size: 18px; height: 44px; line-height: 44px; text-align: center; background: #02b2b5; color: #fff;}
#Content3 .tc .form .clo{ width: 32px; height: 32px; position: absolute; right: -40px; top: -20px; background: url("/static/ckl/images/3105_mess3.png") no-repeat center; background-size: cover;}
#Content3 .tc .form1{ padding: 18px 45px 50px 45px; background: #fff; width: 100%; overflow: hidden;}
#Content3 .tc .form .lab{ margin: 7px 0; width: 46%; float: left; position: relative; padding-left: 80px;}
#Content3 .tc .form .lab:nth-child(2n){ float: right;}
#Content3 .tc .form .lab1{ margin: 7px 0; width: 100%; float: left; position: relative; padding-left: 80px;}
#Content3 .tc .form .lab2{ margin: 7px 0; width: 100%; float: left; position: relative; padding-left: 80px; padding-right: 270px;}
#Content3 .tc .form .lab3{ margin: 50px 0 0 0; width: 100%; float: left;}
#Content3 .tc .form .name{ width: 80px; font-size: 14px; line-height: 44px; text-align: right; position: absolute; left: 0; top: 0; color: #333;}
#Content3 .tc .form .fv{ font-size: 14px; color: #333; width: 100%; height: 44px; line-height: 34px; padding: 10px; float: left; background: #f0f0f0;}
#Content3 .tc .form .fv1{ font-size: 14px; color: #333; width: 100%; height: 140px; line-height: 34px; padding: 10px; border: 0; float: left; background: #f0f0f0;}
#Content3 .tc .form .fv2{ font-size: 14px; color: #333; width: 100%; height: 44px; line-height: 34px; padding: 10px; float: left; background: #f0f0f0;}
#Content3 .tc .form .hyz{ width: 270px; position: absolute; right: 0; top: 0;}
#Content3 .tc .form .hyz .img{ width: 106px; height: 42px; border: 1px solid #f0f0f0; line-height: 0; float: left;}
#Content3 .tc .form .hyz .img img{ width: 100%; height: 100%;}
#Content3 .tc .form .hyz .ico{ float: left; margin: 15px 10px 15px 25px; width: 14px; height: 14px; cursor: pointer; background: url("/static/ckl/images/3105_mess2.png") no-repeat center; background-size: cover;}
#Content3 .tc .form .hyz .wz{ font-size: 14px; line-height: 44px; float: left; color: #444;}
#Content3 .tc .form .hyz .wz:hover{ text-decoration: underline;}
#Content3 .tc .form .fv3{ width: 190px; height: 44px; line-height: 44px; font-size: 16px; display: block; margin: 0 auto; color: #fff; background: #02b2b5; color: #fff;}

@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){
#Content3 .tc .form{ width: 80%;}
}
@media screen and  (max-width:991px){
#Content3 .tc .form .tit{ font-size: 16px; height: 34px; line-height: 34px;}
#Content3 .tc .form .clo{ width: 20px; height: 20px; right: -24px; top: -10px;}
#Content3 .tc .form1{ padding: 10px;}
#Content3 .tc .form .lab{ margin: 5px 0; width: 48%; padding-left: 60px;}
#Content3 .tc .form .lab1{ margin: 5px 0; padding-left: 60px;}
#Content3 .tc .form .lab2{ margin: 5px 0; padding-left: 60px; padding-right: 196px;}
#Content3 .tc .form .lab3{ margin: 5px 0 0 0;}
#Content3 .tc .form .name{ width: 60px; font-size: 12px; line-height: 34px;}
#Content3 .tc .form .fv{ height: 34px; line-height: 24px; padding: 10px;}
#Content3 .tc .form .fv1{ height: 100px; line-height: 24px; padding: 10px;}
#Content3 .tc .form .fv2{ height: 34px; line-height: 24px; padding: 10px;}
#Content3 .tc .form .hyz{ width: 196px;}
#Content3 .tc .form .hyz .img{ width: 80px; height: 32px;}
#Content3 .tc .form .hyz .ico{ margin: 12px 5px; width: 10px; height: 10px;}
#Content3 .tc .form .hyz .wz{ font-size: 12px; line-height: 34px;}
#Content3 .tc .form .fv3{ width: 190px; height: 34px; line-height: 34px; font-size: 16px;}
}
@media screen and  (max-width:767px){
#Content3 .tc .form .lab{ width: 100%;}
#Content3 .tc .form .lab2{ padding-right: 100px;}
#Content3 .tc .form .hyz{ width: 100px;}
#Content3 .tc .form .hyz .wz{ display: none;}
}
/* 首页banner */
#Slide{ width: 100%; float: left;}
#Slide .pz_banner{ margin-top: -56px; width: 100%; position: relative;}
/*#Slide .pz_banner{ width: 100%; position: relative;}*/
#Slide .slide_banner{ width: 100%; line-height: 0; overflow: hidden; position: relative;}
#Slide .slide_banner img{ width: 100%;}
#Slide .slide_banner .slick-dots{ position: absolute; bottom: 20px; z-index: 10; height: 10px; text-align: center;}
#Slide .slide_banner .slick-dots li{ vertical-align: top; margin: 0 5px; width: 10px; height: 10px; border-radius: 50%; position: relative; background: rgba( 16,68,146, 0.5);}
#Slide .slide_banner .slick-dots li::after{ content: ""; display: none; width: 18px; height: 18px; border-radius: 50%; position: absolute; top: -4px; left: -4px; border: 1px solid #02b2b5;}
#Slide .slide_banner .slick-dots li.slick-active{ margin: 0 10px; background: #02b2b5;}
#Slide .slide_banner .slick-dots li.slick-active::after{ display: block;}

@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Slide .pz_banner{ margin-top: 46px;}
#Slide .slide_banner .slick-dots{ bottom: 10px;}
#Slide .slide_banner .slick-dots li{ margin: 0 4px; width: 6px; height: 6px;}
#Slide .slide_banner .slick-dots li::after{ width: 10px; height: 10px; top: -2px; left: -2px;}
#Slide .slide_banner .slick-dots li.slick-active{ margin: 0 8px;}
}
@media screen and  (max-width:767px){

}
/* 首页1 */
#Content4{ width: 100%; float: left;}
#Content4 .homeCon1{ padding: 65px 0; width: 100%; float: left;}
#Content4 .homeCon1 .tit{ width: 100%; float: left; position: relative;}
#Content4 .homeCon1 .tit .t1{ font-size: 40px; line-height: 42px; font-weight: bold; color: #333;}
#Content4 .homeCon1 .tit .t2{ display: inline-block; font-size: 20px; line-height: 22px; margin-top: 20px; padding-right: 30px; background: #fff; z-index: 9; color: #02b2b5; position: relative;}
#Content4 .homeCon1 .tit .t2::after{ content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; right: 0; top: 50%;  margin-top: -4px; background: #e5e5e5;}
#Content4 .homeCon1 .tit .line{ width: 100%; height: 1px; background: #e5e5e5; position: absolute; bottom: 11px; right: 0; z-index: 1;}

#Content4 .homeCon1 .tit.ztit{margin-top:60px;}
#Content4 .homeCon1 .more{ margin:0 auto; width: 150px; height: 44px; cursor: pointer; background: #e0e0e0; line-height: 44px; color:#ffffff; display:block; padding: 0 15px; position: relative; }
#Content4 .homeCon1 .more::after{position:absolute; right:0; top:0;  width:65px; content:""; height:0; border-top:44px solid #02b2b5; border-left:28px solid transparent;transition:all 0.5s ease;}
#Content4 .homeCon1 .more .wz{color:#333; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content4 .homeCon1 .more .b{ color: #fff; float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content4 .homeCon1 .more:hover::after{background:#02b2b5; width:100%; height:100%;}
#Content4 .homeCon1 .more:hover .wz{ color: #fff;}

#Content4 .homeCon1 .tit.ztit .more::after{display:none;}
#Content4 .homeCon1 .tit.ztit .more{background:#02b2b5;}
#Content4 .homeCon1 .tit.ztit .more .wz{ color: #fff; text-align:center;}


#Content4 .homeCon1Tab{ margin-top: 60px; width: 100%; float: left; position: relative;}
#Content4 .homeCon1Tab .hd{ position: absolute; right: 0; top: -116px;}
#Content4 .homeCon1Tab .hd .l1{ width: 150px; height: 44px; margin-left: 8px; float: left; cursor: pointer; background: #e0e0e0; line-height: 44px; color:#ffffff; display:block; padding: 0 15px; position: relative;}
#Content4 .homeCon1Tab .hd .l1::after{position:absolute; right:0; top:0;  width:65px; content:""; height:0; border-top:44px solid #02b2b5; border-left:28px solid transparent;transition:all 0.5s ease;}
#Content4 .homeCon1Tab .hd .l1 .wz{color:#333; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content4 .homeCon1Tab .hd .l1 .b{ color: #fff; float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content4 .homeCon1Tab .hd .l1:hover::after,#Content4 .homeCon1Tab .hd .l1.on::after{background:#02b2b5; width:100%; height:100%;}
#Content4 .homeCon1Tab .hd .l1:hover .wz,#Content4 .homeCon1Tab .hd .l1.on .wz{ color: #fff;}
#Content4 .homeCon1Tab .bd .u1{ width: 102%; margin: -15px -1%; overflow: hidden;}
#Content4 .homeCon1Tab .bd .l1{ width: 23%; margin: 15px 1%; padding: 6px; box-shadow: 0 4px 5px #d8d7d7; background: #f0f0f0; float: left;}
#Content4 .homeCon1Tab .bd .l1 .img{ line-height: 0; position: relative;}
#Content4 .homeCon1Tab .bd .l1 .ico{ position: absolute; bottom: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 50%; background: url("/static/ckl/images/3107_home1_9.png") no-repeat center; background-color: #b6b6b6;}
#Content4 .homeCon1Tab .bd .l1 .tit{ font-size: 18px; line-height: 20px; margin: 40px 0 15px 0; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
#Content4 .homeCon1Tab .bd .l1:hover{ background: #818086;}
#Content4 .homeCon1Tab .bd .l1:hover .ico{ background-color: #02b2b5;}
#Content4 .homeCon1Tab .bd .l1:hover .tit{ color: #fff;}
@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Content4 .homeCon1{ padding: 20px 0;}
#Content4 .homeCon1 .tit .t1{ font-size: 20px; line-height: 22px;}
#Content4 .homeCon1 .tit .t2{ font-size: 16px; line-height: 18px; margin-top: 10px;}
#Content4 .homeCon1 .tit .line{ bottom:9px;}
#Content4 .homeCon1Tab{ margin-top: 10px;}
#Content4 .homeCon1Tab .hd{ top: -46px;}
#Content4 .homeCon1Tab .hd .l1{ bottom: 10px; width:130px; height:36px;}
#Content4 .homeCon1Tab .hd .l1 .wz{padding-left:0; line-height:36px; font-size:13px;}
#Content4 .homeCon1Tab .hd .l1 .b{line-height:36px; font-size:14px;}
#Content4 .homeCon1Tab .hd .l1::after{border-top: 36px solid #02b2b5;}
#Content4 .homeCon1Tab .bd .u1{ margin: -8px -1%;}
#Content4 .homeCon1Tab .bd .l1{ margin: 8px 1%; padding: 3px;}
#Content4 .homeCon1Tab .bd .l1 .ico{ bottom: -12px; margin-left: -12px; width: 24px; height: 24px;}
#Content4 .homeCon1Tab .bd .l1 .tit{ font-size: 14px; line-height: 16px; margin: 18px 0 8px 0;}

#Content4 .homeCon1 .tit.ztit{margin-top:20px;}
#Content4 .homeCon1 .more{ width:120px; height:36px;}
#Content4 .homeCon1 .more .wz{padding-left:0; line-height:36px; font-size:14px;}
#Content4 .homeCon1 .more .b{line-height:36px;}
#Content4 .homeCon1 .more::after{border-top: 36px solid #02b2b5; width:56px;}

}
@media screen and  (max-width:767px){
#Content4 .homeCon1 .tit .t1{ text-align: center;}
#Content4 .homeCon1 .tit .t2{ text-align: center; display: block; padding-right: 0;}
#Content4 .homeCon1 .tit .t2::after{ display: none;}
#Content4 .homeCon1 .tit .line{ display: none;}
#Content4 .homeCon1Tab .hd{ position: static; margin-top: 15px; text-align: center;}
#Content4 .homeCon1Tab .hd .u1{ display: inline-block;}
#Content4 .homeCon1Tab .hd .l1{ text-align: left; margin: 0 1px; width: 82px; padding: 0 4px; margin-top:3px;}
#Content4 .homeCon1Tab .hd .l1::after{width:36px;}
#Content4 .homeCon1Tab .bd .l1{ width: 48%;}
}
/* 首页2 */
#Content5{ width: 100%; float: left;}
#Content5 .homeCon2{ padding: 65px 0; width: 100%; float: left;}
#Content5 .homeCon2 .tit{ width: 100%; float: left; position: relative;}
#Content5 .homeCon2 .tit .t1{ font-size: 40px; line-height: 42px; font-weight: bold; color: #333;}
#Content5 .homeCon2 .tit .t2{ display: inline-block; font-size: 20px; line-height: 22px; margin-top: 20px; padding-right: 30px; color: #02b2b5; position: relative;}
#Content5 .homeCon2 .tit .t2::after{ content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; right: 0; top: 50%;  margin-top: -4px; background: #e5e5e5;}
#Content5 .homeCon2 .tit .line{ height: 1px; background: #e5e5e5; position: absolute; bottom: 11px; right: 0;}
#Content5 .homeCon2 .more{ width: 150px; height: 44px; cursor: pointer; background: #e0e0e0; line-height: 44px; color:#ffffff; display:block; padding: 0 15px; position: absolute; right: 0; bottom: 12px;}
#Content5 .homeCon2 .more::after{position:absolute; right:0; top:0;  width:65px; content:""; height:0; border-top:44px solid #02b2b5; border-left:28px solid transparent;transition:all 0.5s ease;}
#Content5 .homeCon2 .more .wz{color:#333; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content5 .homeCon2 .more .b{ color: #fff; float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content5 .homeCon2 .more:hover::after{background:#02b2b5; width:100%; height:100%;}
#Content5 .homeCon2 .more:hover .wz{ color: #fff;}
#Content5 .homeCon2Tab{ width: 100%; float: left; margin-top: 60px;}
#Content5 .homeCon2 .u1{ margin: -10px 0;}
#Content5 .homeCon2 .l1{ padding-left: 40px; margin: 10px 0; position: relative; float: left; width: 48%;}
#Content5 .homeCon2 .l1:nth-child(2n){ float: right;}
#Content5 .homeCon2 .l1 .ico{ width: 76px; height: 64px; background: url("/static/ckl/images/3108_home2_6.png") no-repeat no-repeat; background-size: cover; line-height: 0; position: absolute; left: 0; top: 50%; margin-top: -32px;} 
#Content5 .homeCon2 .l1 .text{ padding: 20px 20px 20px 60px; border-radius: 3px; background: #fff;}
#Content5 .homeCon2 .l1 .t1{ font-size: 18px; line-height: 30px; font-weight: bold; color: #333;}
#Content5 .homeCon2 .l1 .t2{ font-size: 16px; line-height: 24px; text-align: justify; letter-spacing: 0.5px; color: #333;}
#Content5 .homeCon2 .l1:hover .ico{ background: url("/static/ckl/images/3108_home2_6_1.png") no-repeat no-repeat; background-size: cover;}
#Content5 .homeCon2 .l1:hover .text{ background: #02b2b5;}
#Content5 .homeCon2 .l1:hover .t1{ color: #fff;}
#Content5 .homeCon2 .l1:hover .t2{ color: #fff;}
@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Content5 .homeCon2{ padding: 20px 0;}
#Content5 .homeCon2 .tit .t1{ font-size: 20px; line-height: 22px;}
#Content5 .homeCon2 .tit .t2{ font-size: 16px; line-height: 18px; margin-top: 10px;}
#Content5 .homeCon2 .tit .line{ bottom:9px;}
#Content5 .homeCon2 .more{ bottom: 10px; width:120px; height:36px;}
#Content5 .homeCon2 .more .wz{padding-left:0; line-height:36px; font-size:14px;}
#Content5 .homeCon2 .more .b{line-height:36px;}
#Content5 .homeCon2 .more::after{border-top: 36px solid #02b2b5; width:56px;}
#Content5 .homeCon2Tab{ margin-top: 20px;}
#Content5 .homeCon2 .u1{ margin: -5px 0;}
#Content5 .homeCon2 .l1{ margin: 5px 0;}
#Content5 .homeCon2 .l1 .text{ padding: 10px 10px 10px 50px;}
#Content5 .homeCon2 .l1 .t1{ font-size: 16px; line-height: 26px;}
#Content5 .homeCon2 .l1 .t2{ font-size: 14px; line-height: 22px;}   
}
@media screen and  (max-width:767px){
#Content5 .homeCon2 .tit .t1{ text-align: center;}
#Content5 .homeCon2 .tit .t2{ text-align: center; display: block; padding-right: 0;}
#Content5 .homeCon2 .tit .t2::after{ display: none;}
#Content5 .homeCon2 .tit .line{ display: none;}
#Content5 .homeCon2 .tit .more{ position: relative; margin: 10px auto 0 auto; bottom: 0; display:none;}
#Content5 .homeCon2 .l1{ width: 100%;}
}
/* 首页3 */
#Content6{ width: 100%; float: left;}
#Content6 .homeCon3{ padding: 65px 0; width: 100%; float: left;}
#Content6 .homeCon3 .tit{ width: 100%; float: left; position: relative;}
#Content6 .homeCon3 .tit .t1{ font-size: 40px; line-height: 42px; font-weight: bold; color: #333;}
#Content6 .homeCon3 .tit .t2{ display: inline-block; font-size: 20px; line-height: 22px; margin-top: 20px; padding-right: 30px; background: #fff; z-index: 9; color: #02b2b5; position: relative;}
#Content6 .homeCon3 .tit .t2::after{ content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; right: 0; top: 50%;  margin-top: -4px; background: #e5e5e5;}
#Content6 .homeCon3 .tit .line{ width: 100%; height: 1px; background: #e5e5e5; position: absolute; bottom: 11px; right: 0; z-index: 1;}
#Content6 .homeCon3 .more{ width: 255px; height: 44px; cursor: pointer; background: #e0e0e0; line-height: 44px; color:#ffffff; /*display:block;*/ padding: 0 15px; position: absolute; right: 0; bottom: 12px;}
#Content6 .homeCon3 .more::after{position:absolute; right:0; top:0;  width:65px; content:""; height:0; border-top:44px solid #02b2b5; border-left:28px solid transparent;transition:all 0.5s ease;}
#Content6 .homeCon3 .more .wz{color:#333; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content6 .homeCon3 .more .b{ color: #fff; float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content6 .homeCon3 .more:hover::after{background:#02b2b5; width:100%; height:100%;}
#Content6 .homeCon3 .more:hover .wz{ color: #fff;}

#Content6 .homeCon3 .tit.ztit{margin-top:60px;}
#Content6 .homeCon3 .tit.ztit .more::after{display:none;}
#Content6 .homeCon3 .tit.ztit .more{background:#02b2b5; position:initial; margin:0 auto; float:none;}
#Content6 .homeCon3 .tit.ztit .more .wz{ color: #fff; text-align:center;}


#Content6 .homeCon3Tab{ width: 100%; float: left; margin-top: 60px;}
#Content6 .homeCon3 .hd{ width: 100%; float: left;}
#Content6 .homeCon3 .hd .u1{ width: 100%; float: left; border-bottom: 1px solid #cccccc;}
#Content6 .homeCon3 .hd .l1{ float: left; padding: 15px 27px; cursor: pointer; position: relative;}
#Content6 .homeCon3 .hd .l1::after{ display: none; content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 8px; border-style: solid dashed dashed dashed; border-color: #C01 transparent transparent transparent; border-top-color: #02b2b5; position: absolute; bottom: -16px; left: 50%; margin-left: -8px;}
#Content6 .homeCon3 .hd .l1 .ico{ width: 26px; height: 26px; line-height: 0; float: left;}
#Content6 .homeCon3 .hd .l1 .ico2{ display: none;}
#Content6 .homeCon3 .hd .l1 .wz{ float: left; font-size: 18px; color: #02b2b5;}
#Content6 .homeCon3 .hd .l1:hover,#Content6 .homeCon3 .hd .l1.on{ background: #02b2b5;}
#Content6 .homeCon3 .hd .l1:hover::after,#Content6 .homeCon3 .hd .l1.on::after{ display: block;}
#Content6 .homeCon3 .hd .l1:hover .ico1,#Content6 .homeCon3 .hd .l1.on .ico1{ display: none;}
#Content6 .homeCon3 .hd .l1:hover .ico2,#Content6 .homeCon3 .hd .l1.on .ico2{ display: block;}
#Content6 .homeCon3 .hd .l1:hover .wz,#Content6 .homeCon3 .hd .l1.on .wz{ color: #fff;}
#Content6 .homeCon3 .bd{ width: 100%; float: left;}
#Content6 .homeCon3 .bd .u1{ width: 102%; margin: 20px -1% -15px -1%; overflow: hidden;}
#Content6 .homeCon3 .bd .l1{ width: 23%; margin: 15px 1%; padding: 5px 6px; float: left; border: 1px solid #eeeeee;}
#Content6 .homeCon3 .bd .l1 .img{ line-height: 0; position: relative;}
#Content6 .homeCon3 .bd .l1 .ico{ position: absolute; bottom: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 50%; background: url("/static/ckl/images/3109_home3_18.png") no-repeat center; background-color: #b6b6b6;}
#Content6 .homeCon3 .bd .l1 .t1{ margin: 40px 0 25px 0; padding: 0 10px; font-size: 18px; line-height: 20px; text-align: center; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
#Content6 .homeCon3 .bd .l1 .t2{ margin-bottom: 30px; padding: 0 10px; letter-spacing: 1px; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #666;}
#Content6 .homeCon3 .bd .l1:hover{ box-shadow: 0 5px 5px #d8d7d7;}
#Content6 .homeCon3 .bd .l1:hover .ico{ background-color: #02b2b5;}
#Content6 .homeCon3 .bd .l1:hover .tit{ color: #fff;}
@media screen and  (max-width:1399px){
#Content6 .homeCon3 .hd .l1{ padding: 15px 16px;}
}
@media screen and  (max-width:1199px){
#Content6 .homeCon3 .hd .l1{ padding: 10px 4px;}
}
@media screen and  (max-width:991px){
#Content6 .homeCon3{ padding: 20px 0;}
#Content6 .homeCon3 .tit .t1{ font-size: 20px; line-height: 22px;}
#Content6 .homeCon3 .tit .t2{ font-size: 16px; line-height: 18px; margin-top: 10px;}
#Content6 .homeCon3 .tit .line{ bottom:9px;}
#Content6 .homeCon3 .more{ bottom: 10px; width:210px; height:36px;}
#Content6 .homeCon3 .more .wz{padding-left:0; line-height:36px; font-size:14px;}
#Content6 .homeCon3 .more .b{line-height:36px;}
#Content6 .homeCon3 .more::after{border-top: 36px solid #02b2b5; width:56px;}
#Content6 .homeCon3Tab{ margin-top: 20px;}
#Content6 .homeCon3 .hd .l1{ padding: 5px 3px; margin-bottom: 10px;}
#Content6 .homeCon3 .hd .l1::after{ border-width: 4px; bottom: -8px; margin-left: -4px;}
#Content6 .homeCon3 .hd .l1 .ico{ width: 20px; height: 20px;}
#Content6 .homeCon3 .hd .l1 .wz{ font-size: 14px;}
#Content6 .homeCon3 .bd .u1{ margin: 7px -1% -8px -1%;}
#Content6 .homeCon3 .bd .l1{ margin: 8px 1%; padding: 3px;}
#Content6 .homeCon3 .bd .l1 .ico{ bottom: -12px; margin-left: -12px; width: 24px; height: 24px;}
#Content6 .homeCon3 .bd .l1 .t1{ margin: 18px 0 5px 0; padding: 0 5px; font-size: 14px; line-height: 16px;}
#Content6 .homeCon3 .bd .l1 .t2{ margin-bottom: 8px; padding: 0 5px; font-size: 12px; line-height: 18px; height: 36px;}

#Content6 .homeCon3 .tit.ztit{margin-top:20px;}

}
@media screen and  (max-width:767px){
#Content6 .homeCon3 .tit .t1{ text-align: center;}
#Content6 .homeCon3 .tit .t2{ text-align: center; display: block; padding-right: 0;}
#Content6 .homeCon3 .tit .t2::after{ display: none;}
#Content6 .homeCon3 .tit .line{ display: none;}
#Content6 .homeCon3 .tit .more{ position: relative; margin: 10px auto 0 auto; bottom: 0;}
#Content6 .homeCon3 .tit .more.margin_pc{display:none;}
#Content6 .homeCon3 .tit .more.margin_mobile{float:none;}

#Content6 .homeCon3 .bd .u1{ margin: 7px -1% -3px -1%;}
#Content6 .homeCon3 .bd .l1{ width: 48%; margin: 3px 1%;}
}
/* 首页4 */
#Content7{ width: 100%; float: left;}
#Content7 .homeCon4{ padding: 65px 0; width: 100%; float: left;}
#Content7 .homeCon4 .text{ width: 44.526%; float: left;}
#Content7 .homeCon4 .tit{ width: 100%; float: left;}
#Content7 .homeCon4 .tit .t1{ font-size: 40px; line-height: 42px; font-weight: bold; color: #333;}
#Content7 .homeCon4 .tit .t2{ display: inline-block; font-size: 20px; line-height: 22px; margin-top: 20px; color: #02b2b5; position: relative;}
#Content7 .homeCon4 .tit .info{ margin: 30px 0 40px 0; font-size: 16px; line-height: 30px; letter-spacing: 1px; text-align: justify; color: #666;}
#Content7 .homeCon4 .more{ width: 150px; height: 44px; cursor: pointer; background: #e0e0e0; line-height: 44px; color:#ffffff; display:block; padding: 0 15px; position: relative;}
#Content7 .homeCon4 .more::after{position:absolute; right:0; top:0;  width:65px; content:""; height:0; border-top:44px solid #02b2b5; border-left:28px solid transparent;transition:all 0.5s ease;}
#Content7 .homeCon4 .more .wz{color:#333; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content7 .homeCon4 .more .b{ color: #fff; float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content7 .homeCon4 .more:hover::after{background:#02b2b5; width:100%; height:100%;}
#Content7 .homeCon4 .more:hover .wz{ color: #fff;}
#Content7 .homeCon4 .u1{ width: 100%; margin-top: 44px; padding: 40px 0; position: relative; float: left; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9;}
#Content7 .homeCon4 .l1{ float: left; text-align: center;}
#Content7 .homeCon4 .l1:nth-child(2){ position: absolute; top: 0; left: 50%; transform: translate(-65%, 40px);}
#Content7 .homeCon4 .l1:last-child{ float: right;}
#Content7 .homeCon4 .l1 .over{ display: inline-block;}
#Content7 .homeCon4 .l1 .num{ font-size: 36px; font-weight: bold; color: #02b2b5; float: left;}
#Content7 .homeCon4 .l1 .ico{ font-size: 16px; margin-top: 18px; color: #02b2b5; float: left;}
#Content7 .homeCon4 .l1 .wz{ font-size: 16px; margin-top: 10px; line-height: 18px; color: #666;}
#Content7 .homeCon4 .img{ width: 48.906%; float: right; line-height: 0;}
@media screen and (min-width:200px ) and (max-width:400px ) {
#Content7 .homeCon4 .l1{ width: 100%; margin: 3px 0;}
#Content7 .homeCon4 .l1:nth-child(2){ position: static; transform: translate(0, 0)!important;}
#Content7 .homeCon4 .l1 .wz{ margin-top: 0;}
}
@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){
#Content7 .homeCon4 .tit .info{ margin: 20px 0;}
#Content7 .homeCon4 .u1{ margin-top: 20px; padding: 20px 0;}
#Content7 .homeCon4 .l1:nth-child(2){ transform: translate(-65%, 20px);}
}
@media screen and  (max-width:991px){
#Content7 .homeCon4{ padding: 20px 0;}
#Content7 .homeCon4 .text{ width: 100%;}
#Content7 .homeCon4 .tit .t1{ font-size: 20px; line-height: 22px; text-align: center;}
#Content7 .homeCon4 .tit .t2{ font-size: 16px; line-height: 18px; margin-top: 10px; text-align: center; display: block;}
#Content7 .homeCon4 .tit .info{ margin: 10px 0; font-size: 14px; line-height: 24px;}
#Content7 .homeCon4 .more{ width:120px; height:36px; margin: 0 auto;}
#Content7 .homeCon4 .more .wz{padding-left:0; line-height:36px; font-size:14px;}
#Content7 .homeCon4 .more .b{line-height:36px;}
#Content7 .homeCon4 .more::after{border-top: 36px solid #02b2b5; width:56px;}
#Content7 .homeCon4 .u1{ margin-top: 10px; padding: 10px 0;}
#Content7 .homeCon4 .l1:nth-child(2){ transform: translate(-65%, 10px);}
#Content7 .homeCon4 .l1 .num{ font-size: 18px;}
#Content7 .homeCon4 .l1 .ico{ font-size: 12px; margin-top: 5px;}
#Content7 .homeCon4 .l1 .wz{ font-size: 14px; margin-top: 5px; line-height: 16px;}
#Content7 .homeCon4 .img{ width: 100%; margin-top: 10px;}
}
@media screen and  (max-width:767px){

}
/* 首页5 */
#Content8{ width: 100%; float: left;}
#Content8 .homeCon5{ padding: 65px 0; width: 100%; float: left;}
#Content8 .homeCon5 .tit{ width: 100%; float: left; position: relative;}
#Content8 .homeCon5 .tit .t1{ font-size: 40px; line-height: 42px; font-weight: bold; color: #333;}
#Content8 .homeCon5 .tit .t2{ display: inline-block; font-size: 20px; line-height: 22px; margin-top: 20px; padding-right: 30px; background: #fff; z-index: 9; color: #02b2b5; position: relative;}
#Content8 .homeCon5 .tit .t2::after{ content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; right: 0; top: 50%;  margin-top: -4px; background: #e5e5e5;}
#Content8 .homeCon5 .tit .line{ width: 100%; height: 1px; background: #e5e5e5; position: absolute; bottom: 11px; right: 0; z-index: 1;}
#Content8 .homeCon5 .more{ width: 150px; height: 44px; cursor: pointer; background: #e0e0e0; line-height: 44px; color:#ffffff; display:block; padding: 0 15px; position: absolute; right: 0; bottom: 12px;}
#Content8 .homeCon5 .more::after{position:absolute; right:0; top:0;  width:65px; content:""; height:0; border-top:44px solid #02b2b5; border-left:28px solid transparent;transition:all 0.5s ease;}
#Content8 .homeCon5 .more .wz{color:#333; font-size:16px; width:100%; display:block; position:relative; z-index:2;}
#Content8 .homeCon5 .more .b{ color: #fff; float:right; font-weight:bold; line-height:44px; font-size:20px;}
#Content8 .homeCon5 .more:hover::after{background:#02b2b5; width:100%; height:100%;}
#Content8 .homeCon5 .more:hover .wz{ color: #fff;}
#Content8 .homeCon5Tab{ margin-top: 60px; width: 100%; float: left;}
#Content8 .homeCon5 .u1{ float: left; width: 102%; margin: 0 -1%;}
#Content8 .homeCon5 .l1{ float: left; width: 31.3%; margin: 0 1%;}
#Content8 .homeCon5 .l1 .l1_top{ width: 100%; padding: 0 20px 0 15px; height: 60px; line-height: 60px; background: #02b2b5;}
#Content8 .homeCon5 .l1 .l1_top .t1{ float: left; font-size: 22px; color: #fff;}
#Content8 .homeCon5 .l1 .l1_top .gd{ float: right; font-size: 16px; padding-right: 15px; background: url("/static/ckl/images/3111_home5_4.png") no-repeat right center; background-size: 8px 10px; color: #fff; text-transform: uppercase;}
#Content8 .homeCon5 .l1 .l1_top .gd:hover{ text-decoration: underline;}
#Content8 .homeCon5 .l1 .l1_bot{ padding: 15px 15px 0 15px; border: 1px solid #e5e5e5; border-top: 0;}
#Content8 .homeCon5 .l1 .tw .img{ width: 100%; line-height: 0;}
#Content8 .homeCon5 .l1 .tw .wz{ width: 100%; height: 34px; line-height: 34px; padding: 0 95px 0 15px; background: #02b2b5; position: relative;}
#Content8 .homeCon5 .l1 .tw:hover .wz{ background: #818086;}
#Content8 .homeCon5 .l1 .tw .t2{ font-size: 16px; color: #fff; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#Content8 .homeCon5 .l1 .tw .date{ font-size: 14px; height: 34px; line-height: 34px; color: #fff; position: absolute; right: 15px; top: 0;}
#Content8 .homeCon5 .l1 .text{ width: 100%; line-height: 60px; padding: 0 0 0 20px; position: relative;}
#Content8 .homeCon5 .l1 .text .ml{ padding-right: 70px; border-bottom: 1px dashed #e5e5e5; position: relative;}
#Content8 .homeCon5 .l1 .text:last-child .ml{ border: 0;}
#Content8 .homeCon5 .l1 .text .ml::before{ content: ""; display: block; width: 6px; height: 6px; background: #02b2b5; border-radius: 50%; position: absolute; left: -15px; top: 50%; margin-top: -3px;}
#Content8 .homeCon5 .l1 .text .t3{ font-size: 16px; color: #666; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#Content8 .homeCon5 .l1 .text .date{ font-size: 14px; height: 60px; line-height: 60px; color: #666; position: absolute; right: 0; top: 0;}
#Content8 .homeCon5 .l1 .text:hover{ padding: 0 15px 0 35px; background: rgba( 16,68,146, 0.06);}
#Content8 .homeCon5 .l1 .text:hover .t3{ color: #02b2b5;}
#Content8 .homeCon5 .l1 .text:hover .date{ color: #02b2b5;}
@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Content8 .homeCon5{ padding: 20px 0;}
#Content8 .homeCon5 .tit .t1{ font-size: 20px; line-height: 22px;}
#Content8 .homeCon5 .tit .t2{ font-size: 16px; line-height: 18px; margin-top: 10px;}
#Content8 .homeCon5 .tit .line{ bottom:9px;}
#Content8 .homeCon5 .more{ bottom: 10px; width:120px; height:36px;}
#Content8 .homeCon5 .more .wz{padding-left:0; line-height:36px; font-size:14px;}
#Content8 .homeCon5 .more .b{line-height:36px;}
#Content8 .homeCon5 .more::after{border-top: 36px solid #02b2b5; width:56px;}
#Content8 .homeCon5Tab{ margin-top: 10px;}
#Content8 .homeCon5 .l1 .l1_top{ padding: 0 10px 0 5px; height: 36px; line-height: 36px;}
#Content8 .homeCon5 .l1 .l1_top .t1{ font-size: 16px;}
#Content8 .homeCon5 .l1 .l1_top .gd{ font-size: 14px;}
#Content8 .homeCon5 .l1 .l1_bot{ padding: 10px 10px 0 10px;}
#Content8 .homeCon5 .l1 .tw .wz{ padding: 0 75px 0 5px;}
#Content8 .homeCon5 .l1 .tw .t2{ font-size: 14px;}
#Content8 .homeCon5 .l1 .tw .date{ font-size: 12px; right: 5px;}
#Content8 .homeCon5 .l1 .text{ line-height: 36px; padding: 0 0 0 10px;}
#Content8 .homeCon5 .l1 .text .ml{ padding-right: 70px;}
#Content8 .homeCon5 .l1 .text .ml::before{ width: 4px; height: 4px; left: -10px; margin-top: -2px;}
#Content8 .homeCon5 .l1 .text .t3{ font-size: 14px;}
#Content8 .homeCon5 .l1 .text .date{ font-size: 12px; height: 36px; line-height: 36px;}
#Content8 .homeCon5 .l1 .text:hover{ padding: 0 5px 0 15px;}
}
@media screen and  (max-width:767px){
#Content8 .homeCon5 .tit .t1{ text-align: center;}
#Content8 .homeCon5 .tit .t2{ text-align: center; display: block; padding-right: 0;}
#Content8 .homeCon5 .tit .t2::after{ display: none;}
#Content8 .homeCon5 .tit .line{ display: none;}
#Content8 .homeCon5 .tit .more{ position: relative; margin: 10px auto 0 auto; bottom: 0; display:none;}
#Content8 .homeCon5 .u1{ margin: 0;}
#Content8 .homeCon5 .l1{ width: 100%; margin: 5px 0;}
}
/* 首页6 */
#Content9{ width: 100%; float: left;}
#Content9 .homeCon6{ padding: 65px 0; width: 100%; float: left; background: #f1f4f9;}
#Content9 .homeCon6 .tit{ width: 100%; float: left; position: relative; overflow: hidden;}
#Content9 .homeCon6 .tit .t1{ font-size: 40px; line-height: 42px; font-weight: bold; color: #333;}
#Content9 .homeCon6 .tit .t2{ display: inline-block; font-size: 20px; line-height: 22px; margin-top: 20px; padding-right: 30px; background: #f1f4f9; z-index: 9; color: #02b2b5; position: relative;}
#Content9 .homeCon6 .tit .t2::after{ content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; right: 0; top: 50%;  margin-top: -4px; background: #e5e5e5;}
#Content9 .homeCon6 .tit .line{ width: 100%; height: 1px; background: #e5e5e5; position: absolute; bottom: 11px; right: 70px; z-index: 1;}
#Content9 .homeCon6Tab{ margin-top: 60px; padding-bottom: 40px; width: 100%; float: left; position: relative;}
#Content9 .homeCon6 .pic .u1{ width: 102%; margin: -15px -1%; float: left;}
/* #Content9 .homeCon6 .pic .u1{width:102%;margin: -15px -1%;height: 178px;display: flex; flex-direction: column; justify-content: center;} */
#Content9 .homeCon6 .pic .l1{ width: 70%; /*margin: 15px 1%;*/ float: left; line-height: 0; border: 1px solid #eeeeee;}
#Content9 .homeCon6 .pic .l1:hover{ border: 1px solid #02b2b5;}
#Content9 .homeCon6 .slick-dots{ position: absolute; bottom: 0; z-index: 10; height: 10px; text-align: center;}
#Content9 .homeCon6 .slick-dots li{ vertical-align: top; margin: 2px 5px; width: 6px; height: 6px; border-radius: 50%; position: relative; background: rgba( 16,68,146, 0.5);}
#Content9 .homeCon6 .slick-dots li.slick-active{ width: 10px; height: 10px; margin: 0 5px; background: #02b2b5;}
#Content9 .homeCon6 .slick-prev{ width: 30px; height: 30px; border-radius: 3px; position: absolute; top: -72px; left: auto; right: 40px; background: url("/static/ckl/images/3112_home6_16.png") no-repeat center; background-color: #e0e0e0; background-size: cover;}
#Content9 .homeCon6 .slick-prev:hover{ background: url("/static/ckl/images/3112_home6_16_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}
#Content9 .homeCon6 .slick-next{ width: 30px; height: 30px; border-radius: 3px; position: absolute; top: -72px; left: auto; right: 0; background: url("/static/ckl/images/3112_home6_17.png") no-repeat center; background-color: #e0e0e0; background-size: cover;}
#Content9 .homeCon6 .slick-next:hover{ background: url("/static/ckl/images/3112_home6_17_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}

@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Content9 .homeCon6{ padding: 20px 0;}
#Content9 .homeCon6 .tit .t1{ font-size: 20px; line-height: 22px;}
#Content9 .homeCon6 .tit .t2{ font-size: 16px; line-height: 18px; margin-top: 10px;}
#Content9 .homeCon6 .tit .line{ bottom:9px;}
#Content9 .homeCon6Tab{ margin-top: 15px; padding-bottom: 20px;}
#Content9 .homeCon6 .pic .u1{ margin: -5px -1%;}
/*#Content9 .homeCon6 .pic .l1{ margin: 5px 1%;}*/
#Content9 .homeCon6 .slick-prev{ top: -26px;}
#Content9 .homeCon6 .slick-next{ top: -26px;}
}
@media screen and  (max-width:767px){
#Content9 .homeCon6 .tit .t1{ text-align: center;}
#Content9 .homeCon6 .tit .t2{ text-align: center; display: block; padding-right: 0;}
#Content9 .homeCon6 .tit .t2::after{ display: none;}
#Content9 .homeCon6 .tit .line{ display: none;}
/*#Content9 .homeCon6 .pic .l1{ width: 31.3%;}*/
#Content9 .homeCon6 .slick-prev{ display: none!important;}
#Content9 .homeCon6 .slick-next{ display: none!important;}
}

/* 首页7 */
#Content10{ width: 100%; float: left;}
#Content10 .homeCon6{ padding: 35px 0; width: 100%; float: left; background: #f1f4f9;}
#Content10 .homeCon6 .tit{ width: 100%; float: left; position: relative; overflow: hidden;}
#Content10 .homeCon6 .tit .t1{ font-size: 40px; line-height: 42px; font-weight: bold; color: #333;}
#Content10 .homeCon6 .tit .t2{ display: inline-block; font-size: 20px; line-height: 22px; margin-top: 20px; padding-right: 30px; background: #f1f4f9; z-index: 9; color: #02b2b5; position: relative;}
#Content10 .homeCon6 .tit .t2::after{ content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; right: 0; top: 50%;  margin-top: -4px; background: #e5e5e5;}
#Content10 .homeCon6 .tit .line{ width: 100%; height: 1px; background: #e5e5e5; position: absolute; bottom: 11px; right: 70px; z-index: 1;}
#Content10 .homeCon6Tab{ margin-top: 30px; margin-left:10%; padding-bottom: 40px; width: 80%; float: left; position: relative;}
#Content10 .homeCon6 .pic .u1{ width: 102%; margin: -15px -1%; float: left;}
#Content10 .homeCon6 .pic .l1{ width: 100%; /*margin: 15px 1%;*/ float: left; line-height: 0; border: 1px solid #eeeeee;}
#Content10 .homeCon6 .pic .l1:hover{ border: 1px solid #02b2b5;}
#Content10 .homeCon6 .slick-dots{ position: absolute; bottom: 0; z-index: 10; height: 10px; text-align: center;}
#Content10 .homeCon6 .slick-dots li{ vertical-align: top; margin: 2px 5px; width: 6px; height: 6px; border-radius: 50%; position: relative; background: rgba( 16,68,146, 0.5);}
#Content10 .homeCon6 .slick-dots li.slick-active{ width: 10px; height: 10px; margin: 0 5px; background: #02b2b5;}
#Content10 .homeCon6 .slick-prev{ width: 30px; height: 30px; border-radius: 3px; position: absolute; top: -72px; left: auto; right: 40px; background: url("/static/ckl/images/3112_home6_16.png") no-repeat center; background-color: #e0e0e0; background-size: cover;}
#Content10 .homeCon6 .slick-prev:hover{ background: url("/static/ckl/images/3112_home6_16_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}
#Content10 .homeCon6 .slick-next{ width: 30px; height: 30px; border-radius: 3px; position: absolute; top: -72px; left: auto; right: 0; background: url("/static/ckl/images/3112_home6_17.png") no-repeat center; background-color: #e0e0e0; background-size: cover;}
#Content10 .homeCon6 .slick-next:hover{ background: url("/static/ckl/images/3112_home6_17_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}

@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Content10 .homeCon6{ padding: 20px 0;}
#Content10 .homeCon6 .tit .t1{ font-size: 20px; line-height: 22px;}
#Content10 .homeCon6 .tit .t2{ font-size: 16px; line-height: 18px; margin-top: 10px;}
#Content10 .homeCon6 .tit .line{ bottom:9px;}
#Content10 .homeCon6Tab{ margin-top: 15px; padding-bottom: 20px;}
#Content10 .homeCon6 .pic .u1{ margin: -5px -1%;}
/*#Content10 .homeCon6 .pic .l1{ margin: 5px 1%;}*/
#Content10 .homeCon6 .slick-prev{ top: -26px;}
#Content10 .homeCon6 .slick-next{ top: -26px;}
}
@media screen and  (max-width:767px){
#Content10 .homeCon6 .tit .t1{ text-align: center;}
#Content10 .homeCon6 .tit .t2{ text-align: center; display: block; padding-right: 0;}
#Content10 .homeCon6 .tit .t2::after{ display: none;}
#Content10 .homeCon6 .tit .line{ display: none;}
/*#Content10 .homeCon6 .pic .l1{ width: 31.3%;}*/
#Content10 .homeCon6 .slick-prev{ display: none!important;}
#Content10 .homeCon6 .slick-next{ display: none!important;}
}

/* 内页banner */
#Slide2{ width: 100%; float: left;}
#Slide2 .pz_banner{ margin-top: -56px; width: 100%; position: relative;}
#Slide2 .zy_banner{ line-height: 0;}
#Slide2 .subNav{ width: 100%; height: 44px; line-height: 44px; background: #f5f5f5; position: relative;}
#Slide2 .subNav .pos{ position: relative; width: 100%; height: 44px; line-height: 44px;}
#Slide2 .subNav .tit{ width: 230px; position: absolute; left: 0; bottom: 0; height: 70px; line-height: 70px;}
#Slide2 .subNav .tit::before{ content: ""; position: absolute; top: 0; right: 0; width: 8000%; height: 100%; background: #02b2b5; transform: skewX(32deg);}
#Slide2 .subNav .tit .bt{ font-size: 24px; position: absolute; left: 0; bottom: 0; color: #fff;}
#Slide2 .subNav .tit .line{ width: 75px; height: 1px; position: absolute; right: 45px; bottom: 34.5px; background: #fff;}
#Slide2 .subNav .subLink{ margin-left: 260px; line-height: 42px; margin-bottom: 2px; float: left;}
#Slide2 .subNav .subLink .a{ font-size: 16px; color: #333; display: inline-block; margin: 0 28px; position: relative;}
#Slide2 .subNav .subLink .a::after{ content: ""; display: block; width: 1px; height: 14px; position: absolute; right: -28px; top: 14px; background: #dcdcdc;}
#Slide2 .subNav .subLink .a:last-child::after{ display: none;}
#Slide2 .subNav .subLink .a.on,#Slide2 .subNav .subLink .a:hover{ color: #02b2b5; border-bottom: 2px solid #02b2b5;}
#Slide2 .subNav .mbx{ padding-left: 25px; background: url("/static/ckl/images/3113_sub2.png") no-repeat left center; background-size: 15px 15px; float: right;}
#Slide2 .subNav .mbx .p{ float: left; font-size: 14px; color: #666;}
#Slide2 .subNav .mbx a{ display: inline-block; font-size: 14px; color: #666;}
#Slide2 .subNav .mbx a.on,#Slide2 .subNav .mbx a:hover{ color: #02b2b5;}
@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Slide2 .pz_banner{ margin-top: 46px;}
#Slide2 .subNav{ height: 30px; line-height: 30px;}
#Slide2 .subNav .pos{ height: 30px; line-height: 30px;}
#Slide2 .subNav .tit{ width: 120px; height: 46px; line-height: 46px;}
#Slide2 .subNav .tit .bt{ font-size: 16px;}
#Slide2 .subNav .tit .line{ width: 35px; right: 15px; bottom: 23px;}
#Slide2 .subNav .subLink{ margin-left: 140px; line-height: 28px;}
#Slide2 .subNav .subLink .a{ font-size: 12px; margin: 0 10px;}
#Slide2 .subNav .subLink .a::after{ height: 14px; right: -10px; top: 8px;}
#Slide2 .subNav .mbx{ padding-left: 15px; background-size: 10px 10px;}
#Slide2 .subNav .mbx .p{ font-size: 12px;}
#Slide2 .subNav .mbx a{ font-size: 12px;}
}
@media screen and  (max-width:767px){
#Slide2 .subNav .tit{ width: 85px;}
#Slide2 .subNav .line{ display: none;}
#Slide2 .subNav .subLink{ margin-left: 105px;}
#Slide2 .subNav .subLink .a{ margin: 0 5px;}
#Slide2 .subNav .subLink .a::after{ right: -5px;}
#Slide2 .subNav .mbx{ display: none;}
}
/* 1关于我们1 */
#Content10{ width: 100%; float: left;}
#Content10 .aboutCon1{ padding: 70px 0; width: 100%; float: left;}
#Content10 .aboutCon1 .text{ float: left; width: 43.431%;}
#Content10 .aboutCon1 .tit{ width: 100%; overflow: hidden;}
#Content10 .aboutCon1 .tit .t1{ font-size: 36px; line-height: 38px; font-weight: bold; color: #333; position: relative;}
#Content10 .aboutCon1 .tit .dis{ width: 100%;}
#Content10 .aboutCon1 .tit .t2{ font-size: 18px; margin-right: 10px; line-height: 20px; margin-top: 10px; float: left; text-transform: uppercase; color: #666;}
#Content10 .aboutCon1 .tit .line{ width: 390px; height: 12px; margin: 13px 0; float: left; background: url("/static/ckl/images/3114_about1_1.png") no-repeat left center; background-size: cover;}
#Content10 .aboutCon1 .info{ margin-top: 35px; font-size: 16px; padding-right: 40px; height: 420px; overflow-y: scroll; line-height: 30px; color: #666; text-align: justify; letter-spacing: 1px;}
#Content10 .aboutCon1 .info::-webkit-scrollbar-track{ width: 5px; background-color: #e5e5e5;}
#Content10 .aboutCon1 .info::-webkit-scrollbar{ width: 5px; background-color: #e5e5e5;}
#Content10 .aboutCon1 .info::-webkit-scrollbar-thumb{ width: 5px; background-color: #02b2b5;}
#Content10 .aboutCon1 .movie-play{ float: right; width: 52.044%; height: auto; position: relative;display:flex;justify-content:center;align-items:center;}
#Content10 .aboutCon1 .movie-play video{ width: 100%; height: 100%; object-fit: fill; margin-top:12%}
#Content10 .aboutCon1 .movie-play .cover{ width: 78px; height: 78px; line-height: 0; position: absolute; top: 50%; left: 50%; margin-left: -36px; margin-top: -56px;}
#Content10 .aboutCon1 .movie-play .tit{ width: 100%; position: absolute; top: 50%; margin-top: 40px; font-size: 16px; color: #fff; line-height: 20px; text-align: center;}

@media screen and  (max-width:1399px){
#Content10 .aboutCon1 .tit .line{ width: 300px;}
}
@media screen and  (max-width:1199px){
#Content10 .aboutCon1 .tit .line{ width: 220px;}
}
@media screen and  (max-width:991px){
#Content10 .aboutCon1{ padding: 20px 0;}
#Content10 .aboutCon1 .text{ width: 100%;}
#Content10 .aboutCon1 .tit .t1{ font-size: 20px; line-height: 22px; margin: 0 10px;}
#Content10 .aboutCon1 .tit .line{ width: 200px; margin: 5px 0;}
#Content10 .aboutCon1 .tit .t2{ font-size: 14px; line-height: 16px; margin-top: 5px;}
#Content10 .aboutCon1 .info{ margin-top: 5px; font-size: 14px; padding-right: 20px; height: 200px; line-height: 20px;}
#Content10 .aboutCon1 .movie-play{ width: 100%; margin-top: 15px; height: auto;}
#Content10 .aboutCon1 .movie-play .cover{ width: 30px; height: 30px; margin-left: -15px; margin-top: -30px;}
#Content10 .aboutCon1 .movie-play .tit{ margin-top: 10px; font-size: 14px;}
}
@media screen and  (max-width:767px){
#Content10 .aboutCon1 .tit .line{ width: 80px;}
}
/* 1关于我们2 */
#Content11{ width: 100%; float: left;}
#Content11 .aboutCon2{ padding: 75px 0 85px 0; width: 100%; float: left; background: #f1f4f9;}
#Content11 .aboutCon2 .tit{ text-align: center;}
#Content11 .aboutCon2 .tit .dis{ display: inline-block;}
#Content11 .aboutCon2 .tit .t1{ font-size: 36px; line-height: 38px; margin: 0 35px; float: left; font-weight: bold; color: #333; position: relative;}
#Content11 .aboutCon2 .tit .line1{ width: 440px; height: 12px; margin: 13px 0; float: left; background: url("/static/ckl/images/3115_about2_1.png") no-repeat right center; background-size: cover;}
#Content11 .aboutCon2 .tit .line2{ width: 440px; height: 12px; margin: 13px 0; float: left; background: url("/static/ckl/images/3115_about2_2.png") no-repeat left center; background-size: cover;}
#Content11 .aboutCon2 .tit .t2{ font-size: 18px; line-height: 20px; margin-top: 10px; text-transform: uppercase; text-align: center; color: #666;}
#Content11 .aboutCon2Tab{ margin-top: 60px;}
#Content11 .aboutCon2Tab .pic{ height: 380px; position: relative;}
#Content11 .aboutCon2Tab .pic .text{ position: absolute; bottom: 105px; width: 72%; left: 50%; margin-left: -36%; text-align: center; background: #fff;}
#Content11 .aboutCon2Tab .pic:hover .text,#Content11 .aboutCon2Tab .pic.slick-center .text{ background: #02b2b5;}
#Content11 .aboutCon2Tab .pic .text::after{ content: ""; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 15px; border-style: solid dashed dashed dashed; border-color: #fff transparent transparent transparent; position: absolute; bottom: -30px; left: 50%; margin-left: -15px;}
#Content11 .aboutCon2Tab .pic:hover .text::after,#Content11 .aboutCon2Tab .pic.slick-center .text::after{ border-top-color: #02b2b5;}
#Content11 .aboutCon2Tab .pic .text .img{ width: 106px; height: 106px; border-radius: 50%; line-height: 0; margin: 25px auto 0 auto;}
#Content11 .aboutCon2Tab .pic:hover .text .img,#Content11 .aboutCon2Tab .pic.slick-center .text .img{ border: 6px solid rgba(255,255,255,.2);}
#Content11 .aboutCon2Tab .pic .text .info{ margin: 30px 20px; font-size: 14px; line-height: 28px; height: 84px; overflow: hidden; color: #4c4c4c;}
#Content11 .aboutCon2Tab .pic:hover .text .info,#Content11 .aboutCon2Tab .pic.slick-center .text .info{ color: #fff;}
#Content11 .aboutCon2Tab .pic .line{ position: absolute; bottom: 30px; width: 100%; height: 24px; background: url("/static/ckl/images/3115_about2_8.png") no-repeat center; background-size: 100%;}
#Content11 .aboutCon2Tab .pic:hover .line,#Content11 .aboutCon2Tab .pic.slick-center .line{ background: url("/static/ckl/images/3115_about2_8_1.png") no-repeat center; background-size: 100%;}
#Content11 .aboutCon2Tab .pic .nf{ position: absolute; bottom: 0; width: 100%; font-size: 18px; line-height: 20px; text-align: center; color: #333;}
#Content11 .aboutCon2Tab .pic:hover .nf,#Content11 .aboutCon2Tab .pic.slick-center .nf{ color: #02b2b5; font-weight: bold;}
#Content11 .aboutCon2Tab .slick-prev,#Content11 .aboutCon2Tab .slick-next{ width: 48px; height: 88px; position: absolute; top: auto; bottom: 0; 
-webkit-transform: translate(0, 0); 
-ms-transform: translate(0, 0);
transform: translate(0, 0);}
#Content11 .aboutCon2Tab .slick-prev{ left: 0; background: url("/static/ckl/images/3115_about2_6.png") no-repeat center; background-size: cover; background-color: #e0e0e0;}
#Content11 .aboutCon2Tab .slick-prev:hover{ background: url("/static/ckl/images/3115_about2_6_1.png") no-repeat center; background-size: cover; background-color: #02b2b5;}
#Content11 .aboutCon2Tab .slick-next{ right: 0; background: url("/static/ckl/images/3115_about2_7.png") no-repeat center; background-size: cover; background-color: #e0e0e0;}
#Content11 .aboutCon2Tab .slick-next:hover{ background: url("/static/ckl/images/3115_about2_7_1.png") no-repeat center; background-size: cover; background-color: #02b2b5;}

@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){
#Content11 .aboutCon2 .tit .line1{ width: 340px;}
#Content11 .aboutCon2 .tit .line2{ width: 340px;}
#Content11 .aboutCon2Tab .pic .text{ width: 84%; margin-left: -42%;}
}
@media screen and  (max-width:991px){
#Content11 .aboutCon2{ padding: 20px 0;}
#Content11 .aboutCon2 .tit .t1{ font-size: 20px; line-height: 22px; margin: 0 10px;}
#Content11 .aboutCon2 .tit .line1{ width: 200px; margin: 5px 0;}
#Content11 .aboutCon2 .tit .line2{ width: 200px; margin: 5px 0;}
#Content11 .aboutCon2 .tit .t2{ font-size: 14px; line-height: 16px; margin-top: 5px;}
#Content11 .aboutCon2Tab{ margin-top: 15px;}
#Content11 .aboutCon2Tab .pic{ height: 300px;}
#Content11 .aboutCon2Tab .pic .text{ bottom: 105px; width: 72%; left: 50%; margin-left: -36%;}
#Content11 .aboutCon2Tab .pic .text::after{ border-width: 15px; bottom: -30px; left: 50%; margin-left: -15px;}
#Content11 .aboutCon2Tab .pic .text .img{ width: 90px; height: 90px; margin: 10px auto 0 auto;}
#Content11 .aboutCon2Tab .pic .text .info{ margin: 10px 5px; font-size: 14px; line-height: 24px; height: 72px;}
#Content11 .aboutCon2Tab .pic .line{ bottom: 30px; height: 24px;}
#Content11 .aboutCon2Tab .pic .nf{ font-size: 14px; line-height: 16px;}
#Content11 .aboutCon2Tab .slick-prev,#Content11 .aboutCon2Tab .slick-next{ width: 24px; height: 44px; bottom: 15px;}

}
@media screen and  (max-width:767px){
#Content11 .aboutCon2 .tit .line1{ width: 80px;}
#Content11 .aboutCon2 .tit .line2{ width: 80px;}
}
/* 1关于我们3 */
#Content12{ width: 100%; float: left;}
#Content12 .aboutCon3{ padding: 80px 0; width: 100%; float: left;}
#Content12 .aboutCon3 .tit{ text-align: center;}
#Content12 .aboutCon3 .tit .dis{ display: inline-block;}
#Content12 .aboutCon3 .tit .t1{ font-size: 36px; line-height: 38px; margin: 0 35px; float: left; font-weight: bold; color: #333; position: relative;}
#Content12 .aboutCon3 .tit .line1{ width: 440px; height: 12px; margin: 13px 0; float: left; background: url("/static/ckl/images/3116_about3_1.png") no-repeat right center; background-size: cover;}
#Content12 .aboutCon3 .tit .line2{ width: 440px; height: 12px; margin: 13px 0; float: left; background: url("/static/ckl/images/3116_about3_2.png") no-repeat left center; background-size: cover;}
#Content12 .aboutCon3 .tit .t2{ font-size: 18px; line-height: 20px; margin-top: 10px; text-transform: uppercase; text-align: center; color: #666;}
#Content12 .aboutCon3 .img{  margin-top: 65px; line-height: 0;}
@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){
#Content12 .aboutCon3 .tit .line1{ width: 340px;}
#Content12 .aboutCon3 .tit .line2{ width: 340px;}
}
@media screen and  (max-width:991px){
#Content12 .aboutCon3{ padding: 20px 0;}
#Content12 .aboutCon3 .tit .t1{ font-size: 20px; line-height: 22px; margin: 0 10px;}
#Content12 .aboutCon3 .tit .line1{ width: 200px; margin: 5px 0;}
#Content12 .aboutCon3 .tit .line2{ width: 200px; margin: 5px 0;}
#Content12 .aboutCon3 .tit .t2{ font-size: 14px; line-height: 16px; margin-top: 5px;}
#Content12 .aboutCon3 .img{  margin-top: 15px;}
}
@media screen and  (max-width:767px){
#Content12 .aboutCon3 .tit .line1{ width: 80px;}
#Content12 .aboutCon3 .tit .line2{ width: 80px;}
}
/* 1关于我们4 */
#Content13{ width: 100%; float: left;}
#Content13 .aboutCon4{ padding: 75px 0 60px 0; width: 100%; float: left; background: #f1f4f9;}
#Content13 .aboutCon4 .tit{ text-align: center;}
#Content13 .aboutCon4 .tit .dis{ display: inline-block;}
#Content13 .aboutCon4 .tit .t1{ font-size: 36px; line-height: 38px; margin: 0 35px; float: left; font-weight: bold; color: #333; position: relative;}
#Content13 .aboutCon4 .tit .line1{ width: 440px; height: 12px; margin: 13px 0; float: left; background: url("/static/ckl/images/3117_about4_16.png") no-repeat right center; background-size: cover;}
#Content13 .aboutCon4 .tit .line2{ width: 440px; height: 12px; margin: 13px 0; float: left; background: url("3/static/ckl/images/117_about4_17.png") no-repeat left center; background-size: cover;}
#Content13 .aboutCon4 .tit .t2{ font-size: 18px; line-height: 20px; margin-top: 10px; text-transform: uppercase; text-align: center; color: #666;}
#Content13 .aboutCon4Tab{ margin-top: 70px; padding-bottom: 40px; width: 100%; float: left; position: relative;}
#Content13 .aboutCon4 .pic .u1{ width: 102%; margin: -15px -1%; float: left;}
#Content13 .aboutCon4 .pic .l1{ width: 100%; /*margin: 15px 1%;*/ float: left; line-height: 0; border: 1px solid #eeeeee;}
#Content13 .aboutCon4 .pic .l1:hover{ border: 1px solid #02b2b5;}
#Content13 .aboutCon4 .slick-dots{ position: absolute; bottom: 0; z-index: 10; height: 10px; text-align: center;}
#Content13 .aboutCon4 .slick-dots li{ vertical-align: top; margin: 2px 5px; width: 6px; height: 6px; border-radius: 50%; position: relative; background: rgba( 16,68,146, 0.5);}
#Content13 .aboutCon4 .slick-dots li.slick-active{ width: 10px; height: 10px; margin: 0 5px; background: #02b2b5;}

@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){
#Content13 .aboutCon4 .tit .line1{ width: 340px;}
#Content13 .aboutCon4 .tit .line2{ width: 340px;}
}
@media screen and  (max-width:991px){
#Content13 .aboutCon4{ padding: 20px 0;}
#Content13 .aboutCon4 .tit .t1{ font-size: 20px; line-height: 22px; margin: 0 10px;}
#Content13 .aboutCon4 .tit .line1{ width: 200px; margin: 5px 0;}
#Content13 .aboutCon4 .tit .line2{ width: 200px; margin: 5px 0;}
#Content13 .aboutCon4 .tit .t2{ font-size: 14px; line-height: 16px; margin-top: 5px;}
#Content13 .aboutCon4Tab{ margin-top: 15px; padding-bottom: 20px;}
#Content13 .aboutCon4 .pic .u1{ margin: -5px -1%;}
/*#Content13 .aboutCon4 .pic .l1{ margin: 5px 1%;}*/
}
@media screen and  (max-width:767px){
#Content13 .aboutCon4 .tit .line1{ width: 80px;}
#Content13 .aboutCon4 .tit .line2{ width: 80px;}
/*#Content13 .aboutCon4 .pic .l1{ width: 31.3%;}*/
}
/* 2产品展示 */
#List{ width: 100%; float: left;}
#List .prodList{ width: 100%; float: left;}
#List .prodList .left{ width: 22.774%; float: left;}
#List .prodList .left .djbt{ display: none;}
#List .prodList .left .l1 .tit{ padding-left: 60px; font-size: 16px; line-height: 60px; cursor: pointer; color: #333; position: relative; background: #f0f0f0;}
#List .prodList .left .l1.on .tit,#List .prodList .left .l1:hover .tit{ background: #02b2b5; color: #fff;}
#List .prodList .left .l1 .tit::before{ content: ""; position: absolute; top: 24px; left: 35px; width: 9px; height: 12px; background: url("/static/ckl/images/3118_prod1.png") no-repeat center; background-size: cover;}
#List .prodList .left .l1 .tit::after{ content: ""; position: absolute; top: 22px; right: 30px; width: 15px; height: 15px; background: url("/static/ckl/images/3118_prod2.png") no-repeat center; background-size: cover;}
#List .prodList .left .l1 .tit .ico{ width: 100%; height: 100%; border-bottom: 1px dotted #c2c2c2;}
#List .prodList .left .l1:last-child .tit .ico{ display: none;}
#List .prodList .left .l1.on .tit::before,#List .prodList .left .l1:hover .tit::before{ background: url("/static/ckl/images/3118_prod1_1.png") no-repeat center; background-size: cover;}
#List .prodList .left .l1.on .tit::after,#List .prodList .left .l1:hover .tit::after{ background: url("/static/ckl/images/3118_prod2_1.png") no-repeat center; background-size: cover;}
#List .prodList .left .l1.on .tit .ico,#List .prodList .left .l1:hover .tit .ico{ display: none;}
#List .prodList .left .l1 .box{ display: none;}
#List .prodList .left .l1.on .box{ display: block;}
#List .prodList .left .l1 .box .u2{ padding-left: 35px; border: 1px solid #f0f0f0;}
#List .prodList .left .l1 .box .l2{ padding: 12px 5px 12px 25px; font-size: 14px; line-height: 20px; border-left: 1px solid #f0f0f0; border-bottom: 1px dotted #f0f0f0;}
#List .prodList .left .l1 .box .l2:last-child{ border-bottom: 0;}
#List .prodList .left .l1 .box .l2 a{ color: #333;}
#List .prodList .left .l1 .box .l2 a:hover,
#List .prodList .left .l1 .box .l2.on a{ color: #02b2b5;}
#List .prodList .right{ width: 74.818%; float: right;}
#List .prodList .right .u1{ width: 102%; margin: -15px -1%; overflow: hidden;}
#List .prodList .right .l1{ width: 31.3%; margin: 15px 1%; padding: 6px; box-shadow: 0 4px 5px #d8d7d7; background: #f0f0f0; float: left;}
#List .prodList .right .l1 .img{ line-height: 0; position: relative;}
#List .prodList .right .l1 .ico{ position: absolute; bottom: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 50%; background: url("3118_prod9.png") no-repeat center; background-color: #b6b6b6;}
#List .prodList .right .l1 .tit{ font-size: 18px; line-height: 20px; margin: 40px 0 15px 0; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
#List .prodList .right .l1:hover{ background: #818086;}
#List .prodList .right .l1:hover .ico{ background-color: #02b2b5;}
#List .prodList .right .l1:hover .tit{ color: #fff;}
#List .prodList .wack1{ margin-top: 65px; float: left; width: 100%; text-align: center;}
#List .prodList .pz_fy{ display: inline-block; *display: inline; *zoom: 1;}
#List .prodList .pz_fy a { float: left; width: 30px; height: 30px; line-height: 28px; border-radius: 50%; border: 1px solid #e1e1e1; color:#333; font-size: 14px; font-family: Arial; margin: 0 8px;}
#List .prodList .pz_fy a:hover,
#List .prodList .pz_fy a.on{ background-color: #02b2b5; color: #fff;}
#List .prodList .pz_fy .l2{ width: 100px; height: 30px; border-radius: 15px; background: url("/static/ckl/images/3118_page1.png") no-repeat center; background-size: cover;}
#List .prodList .pz_fy .l2:hover,#List .prodList .pz_fy .l2.on{ background: url("/static/ckl/images/3118_page1_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}
#List .prodList .pz_fy .r2{ width: 100px; height: 30px; border-radius: 15px; background: url("/static/ckl/images/3118_page2.png") no-repeat center; background-size: cover;}
#List .prodList .pz_fy .r2:hover,#List .prodList .pz_fy .r2.on{ background: url("/static/ckl/images/3118_page2_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}

@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#List .prodList .left{ width: 100%;}
#List .prodList .left .djbt{ display: block; padding-left: 30px; margin-bottom: 2px; font-size: 16px; height: 40px; line-height: 40px; position: relative; color: #fff; background: #02b2b5;}
#List .prodList .left .djbt::after{ content: ""; display: block; position: absolute; right: 20px; top: 15px; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#List .prodList .left .djbt.on::after{ top: 12px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);    
}

#List .prodList .left .djbt.protit::after{display:none;}
#List .prodList .left .djbt .point{position:absolute; right:10px; top:9px;width:24px;height:19px;}
#List .prodList .left .djbt .point:hover .navbtn,
#List .prodList .left .djbt .point:hover .navbtn:after,
#List .prodList .left .djbt .point:hover .navbtn:before{width:24px;}
#List .prodList .left .djbt .navbtn{top:10px;}
#List .prodList .left .djbt .navbtn,
#List .prodList .left .djbt .navbtn:after,
#List .prodList .left .djbt .navbtn:before{position:absolute;right:0;display:inline-block;width:24px;height:2px;background:#fff;transition:all .3s ease-out 0s;}
#List .prodList .left .djbt .navbtn:after,
#List .prodList .left .djbt .navbtn:before{content:'';}
#List .prodList .left .djbt .navbtn:after{top:-7px;}
#List .prodList .left .djbt .navbtn:before{top:7px;}

#List .prodList .left .djbt.on .point .navbtn{background:0 0;}
#List .prodList .left .djbt.on .point .navbtn:after{top:0;transform:rotate(45deg);}
#List .prodList .left .djbt.on .point .navbtn:before{top:0;transform:rotate(-45deg);}


#List .prodList .left .u1{ display: none;}
#List .prodList .left .l1 .tit{ font-size: 14px; line-height: 40px;}
#List .prodList .left .l1 .tit::before{ top: 14px; left: 35px;}
#List .prodList .left .l1 .tit::after{ top: 12px; right: 30px;}
#List .prodList .left .l1 .box .l2{ font-size: 12px; line-height: 16px;}
#List .prodList .right{ width: 100%; margin-top: 15px;}
#List .prodList .right .u1{ margin: -8px -1%;}
#List .prodList .right .l1{ margin: 8px 1%; padding: 3px;}
#List .prodList .right .l1 .ico{ bottom: -12px; margin-left: -12px; width: 24px; height: 24px;}
#List .prodList .right .l1 .tit{ font-size: 14px; line-height: 16px; margin: 18px 0 8px 0;}
#List .prodList .wack1{ margin-top: 15px;}
#List .prodList .fy_pc{ text-align: center; font-size: 14px; color:#333; padding: 5px 0;}
#List .prodList .fy_pc a{ padding: 5px 25px; background: #02b2b5; color: #fff; border-radius: 16px; overflow: hidden;}
#List .prodList .fy_pc span{ padding: 5px 20px; color: #333;}
}
@media screen and  (max-width:767px){
#List .prodList .right .l1{ width: 48%;}
}
/* 3产品展示-详情页 */
#Subpage{ width: 100%; float: left;}
#Subpage .prodCon{ width: 100%; float: left;}
#Subpage .prodCon .left{ width: 100%; float: left;}
#Subpage .prodCon .left table{margin:0 auto !important;}
#Subpage .prodCon .left .prodTop{ float: left; width: 100%;}
#Subpage .prodCon .left .prodTop .zc{ width: 46.342%; float: left;}
#Subpage .prodCon .left .prodTop .zc .home_res11{ width: 75.37%; float: left; line-height: 0; border: 1px solid #f0f0f0;}
#Subpage .prodCon .left .prodTop .zc .home_res12{ width: 22.108%; float: right; position: relative;}
#Subpage .prodCon .left .prodTop .zc .home_res12 .imgk{ margin: 2px 0; line-height: 0; border: 1px solid #f0f0f0;}
#Subpage .prodCon .left .prodTop .zc .home_res12 .imgk:hover{ border: 1px solid #02b2b5;}
#Subpage .prodCon .left .prodTop .zc .slick-prev,#Subpage .prodCon .left .prodTop .zc .slick-next{ width: 48px; height: 22px; position: absolute; top: auto; left: auto; bottom: -26px;}
#Subpage .prodCon .left .prodTop .zc .slick-prev{ left: 0; background: url("/static/ckl/images/3119_prodcon5.png") no-repeat center; background-color: #dfdfdf; background-size: cover;}
#Subpage .prodCon .left .prodTop .zc .slick-prev:hover{ background: url("/static/ckl/images/3119_prodcon5_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}
#Subpage .prodCon .left .prodTop .zc .slick-next{ right: 0; background: url("/static/ckl/images/3119_prodcon6.png") no-repeat center; background-color: #dfdfdf; background-size: cover;}
#Subpage .prodCon .left .prodTop .zc .slick-next:hover{ background: url("/static/ckl/images/3119_prodcon6_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}
#Subpage .prodCon .left .prodTop .yc{ width: 48.781%; float: right;}
#Subpage .prodCon .left .prodTop .yc .tit{ border-bottom: 1px solid #e5e5e5;}
#Subpage .prodCon .left .prodTop .yc .tit .t1{ display: inline-block; font-size: 24px; line-height: 26px; padding-bottom: 30px; color: #02b2b5; position: relative;}
#Subpage .prodCon .left .prodTop .yc .tit .t1::after{ content: ""; width: 100%; height: 3px; background: #02b2b5; position: absolute; bottom: -2px; left: 0;}
#Subpage .prodCon .left .prodTop .yc .info{ margin-top: 30px; font-size: 14px; line-height: 28px; text-align: justify; color: #333;}
#Subpage .prodCon .left .prodTop .yc .info .col{ font-size: 16px; font-weight: bold; color: #02b2b5;}
#Subpage .prodCon .left .prodTab{ margin-top: 55px; float: left; width: 100%;}
#Subpage .prodCon .left .prodTab .u1{ float: left; width: 100%; border-bottom: 1px solid #f0f0f0;}


@media screen and  (min-width:991px){
#Subpage .prodCon .left .prodTab .u1.fixd{position:fixed; width:719px; top:0; bottom:auto; right:50%; margin-right:-245.5px; z-index:99; background:#fff; }
#Subpage .prodCon .left .prodTab .u1.abso{position:absolute; top:auto; bottom:0;}
}

@media screen and  (min-width:1199px){
#Subpage .prodCon .left .prodTab .u1.fixd{ width:875px;  margin-right:-440.5px;}

}
@media screen and  (min-width:1400px){
#Subpage .prodCon .left .prodTab .u1.fixd{ width:1025px;  margin-right:-340.5px;}

}

#Subpage .prodCon .left .prodTab .l1{ float: left; font-size: 18px; padding: 0 30px; margin-right: 2px; height: 44px; line-height: 44px; background: #f0f0f0;}
#Subpage .prodCon .left .prodTab .l1 a{ color: #333;}
#Subpage .prodCon .left .prodTab .l1.on,#Subpage .prodCon .left .prodTab .l1:hover{ background: #fff; border-top: 2px solid #02b2b5; position: relative;}
#Subpage .prodCon .left .prodTab .l1.on::after,#Subpage .prodCon .left .prodTab .l1:hover::after{ content: ""; display: block; width: 100%; height: 1px; background: #fff; position: absolute; bottom: -1px; left: 0;}
#Subpage .prodCon .left .prodTab .l1.on a,#Subpage .prodCon .left .prodTab .l1:hover a{ color: #02b2b5;}
#Subpage .prodCon .left .prodTab .u2{ float: left; width: 100%;}
#Subpage .prodCon .left .prodTab .l2{ position: relative; padding: 50px 0 50px 130px; border-bottom: 1px solid #e5e5e5;}
#Subpage .prodCon .left .prodTab .l2:last-child{ border-bottom: 0;}
#Subpage .prodCon .left .prodTab .t1{ font-size: 18px; width: 130px; color: #02b2b5; position: absolute; left: 0; top: 50px;}
#Subpage .prodCon .left .prodTab .info{ font-size: 14px; line-height: 28px; text-align: justify; color: #333;}
#Subpage .prodCon .left .prodTab .table1{ width: 100%;}
#Subpage .prodCon .left .prodTab .table1 td{ font-size: 14px; line-height: 20px; padding: 12px 10px 12px 40px; color: #333; border: 1px solid #e5e5e5;}
#Subpage .prodCon .left .prodTab .table1 .td1{ width: 32%; font-weight: bold;}
#Subpage .prodCon .left .link{ font-size: 14px; font-weight: bold; color: #02b2b5;}
#Subpage .prodCon .left .link:hover{ text-decoration: underline;}
#Subpage .prodCon .left .sx_fy{ float: left; width: 100%; padding-top: 7.82%; margin-top: 25px; position: relative; background: url("/static/ckl/images/3119_prodcon8.png") center top no-repeat;}
#Subpage .prodCon .left .sx_fy a{ float: left; width:50%; color:#666; font-size:14px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-transform:uppercase;}
#Subpage .prodCon .left .sx_fy a span{ font-weight:bold; color:#333;}
#Subpage .prodCon .left .sx_fy a.l_fy{ padding-right:10px;}
#Subpage .prodCon .left .sx_fy a.r_fy{ float:right; text-align:right; padding-left:10px;}
#Subpage .prodCon .left .sx_fy a:hover{ color:#02b2b5;}
#Subpage .prodCon .left .bd{ margin-top: 60px; float: left; width: 100%;}
#Subpage .prodCon .left .bd .form{ width: 100%;}
#Subpage .prodCon .left .bd .form .tit{ width: 100%; font-size: 18px; height: 44px; line-height: 44px; text-align: center; background: #02b2b5; color: #fff;}
#Subpage .prodCon .left .bd .form1{ padding: 18px 45px 50px 45px; background: #fff; width: 100%; overflow: hidden; border: 1px solid #e5e5e5;}
#Subpage .prodCon .left .bd .form .lab{ margin: 7px 0; width: 46%; float: left; position: relative; padding-left: 80px;}
#Subpage .prodCon .left .bd .form .lab:nth-child(2n){ float: right;}
#Subpage .prodCon .left .bd .form .lab1{ margin: 7px 0; width: 100%; float: left; position: relative; padding-left: 80px;}
#Subpage .prodCon .left .bd .form .lab2{ margin: 7px 0; width: 100%; float: left; position: relative; padding-left: 80px; padding-right: 270px;}
#Subpage .prodCon .left .bd .form .lab3{ margin: 50px 0 0 0; width: 100%; float: left;}
#Subpage .prodCon .left .bd .form .name{ width: 80px; font-size: 14px; line-height: 44px; text-align: right; position: absolute; left: 0; top: 0; color: #333;}
#Subpage .prodCon .left .bd .form .fv{ font-size: 14px; color: #333; width: 100%; height: 44px; line-height: 34px; padding: 10px; float: left; background: #f0f0f0;}
#Subpage .prodCon .left .bd .form .fv1{ font-size: 14px; color: #333; width: 100%; height: 140px; line-height: 34px; padding: 10px; border: 0; float: left; background: #f0f0f0;}
#Subpage .prodCon .left .bd .form .fv2{ font-size: 14px; color: #333; width: 100%; height: 44px; line-height: 34px; padding: 10px; float: left; background: #f0f0f0;}
#Subpage .prodCon .left .bd .form .hyz{ width: 270px; position: absolute; right: 0; top: 0;}
#Subpage .prodCon .left .bd .form .hyz .img{ width: 106px; height: 42px; border: 1px solid #f0f0f0; line-height: 0; float: left;}
#Subpage .prodCon .left .bd .form .hyz .img img{ width: 100%; height: 100%;}
#Subpage .prodCon .left .bd .form .hyz .ico{ float: left; margin: 15px 10px 15px 25px; width: 14px; height: 14px; cursor: pointer; background: url("/static/ckl/images/3119_prodcon10.png") no-repeat center; background-size: cover;}
#Subpage .prodCon .left .bd .form .hyz .wz{ font-size: 14px; line-height: 44px; float: left; color: #444;}
#Subpage .prodCon .left .bd .form .hyz .wz:hover{ text-decoration: underline;}
#Subpage .prodCon .left .bd .form .fv3{ width: 190px; height: 44px; line-height: 44px; font-size: 16px; display: block; margin: 0 auto; color: #fff; background: #02b2b5; color: #fff;}
#Subpage .prodCon .right{ width: 22.774%; float: right;}
#Subpage .prodCon .right .bt{ padding-left: 20px; font-size: 18px; height: 44px; line-height: 44px; color: #fff; background: #02b2b5;}
#Subpage .prodCon .right .l1{ width: 100%; margin: 10px 0; padding: 6px; box-shadow: 0 4px 5px #d8d7d7; background: #f0f0f0; float: left;}
#Subpage .prodCon .right .l1 .img{ line-height: 0; position: relative;}
#Subpage .prodCon .right .l1 .ico{ position: absolute; bottom: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 50%; background: url("/static/ckl/images/3119_prodcon12.png") no-repeat center; background-color: #b6b6b6;}
#Subpage .prodCon .right .l1 .tit{ font-size: 18px; line-height: 20px; margin: 40px 0 15px 0; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
#Subpage .prodCon .right .l1:hover{ background: #818086;}
#Subpage .prodCon .right .l1:hover .ico{ background-color: #02b2b5;}
#Subpage .prodCon .right .l1:hover .tit{ color: #fff;}
@media screen and  (max-width:1399px){
#Subpage .prodCon .left .prodTop .zc .slick-prev, #Subpage .prodCon .left .prodTop .zc .slick-next{ width: 35px;}
#Subpage .prodCon .left .prodTop .yc .tit .t1{ padding-bottom: 20px;}
#Subpage .prodCon .left .prodTop .yc .info{ margin-top: 15px;}
}
@media screen and  (max-width:1199px){
#Subpage .prodCon .left .prodTop .zc .slick-prev, #Subpage .prodCon .left .prodTop .zc .slick-next{ width: 30px;}
}
@media screen and  (max-width:991px){
#Subpage .prodCon .left{ width: 100%;}
#Subpage .prodCon .left .prodTop .zc .slick-prev,#Subpage .prodCon .left .prodTop .zc .slick-next{ width: 30px; height: 15px; bottom: -15px;}
#Subpage .prodCon .left .prodTop .yc .tit .t1{ font-size: 16px; line-height: 18px; padding-bottom: 10px;}
#Subpage .prodCon .left .prodTop .yc .info{ margin-top: 10px;}
#Subpage .prodCon .left .prodTop .yc .info .col{ font-size: 14px;}
#Subpage .prodCon .left .prodTab{ margin-top: 15px;}
#Subpage .prodCon .left .prodTab .l1{ font-size: 16px; padding: 0 10px; height: 34px; line-height: 34px;}
#Subpage .prodCon .left .prodTab .l2{ padding: 15px 0 15px 0;}
#Subpage .prodCon .left .prodTab .t1{ font-size: 16px; width: 100%; margin-bottom: 10px; position: static;}
#Subpage .prodCon .left .prodTab .info{ line-height: 24px;}
#Subpage .prodCon .left .prodTab .table1 td{ padding: 12px 5px 12px 20px;}
#Subpage .prodCon .left .sx_fy{ margin-top: 15px; padding-top: 10.2%;}
#Subpage .prodCon .left .bd{ margin-top: 15px;}
#Subpage .prodCon .left .bd .form .tit{ font-size: 16px; height: 34px; line-height: 34px;}
#Subpage .prodCon .left .bd .form1{ padding: 10px;}
#Subpage .prodCon .left .bd .form .lab{ margin: 5px 0; width: 48%; padding-left: 60px;}
#Subpage .prodCon .left .bd .form .lab1{ margin: 5px 0; padding-left: 60px;}
#Subpage .prodCon .left .bd .form .lab2{ margin: 5px 0; padding-left: 60px; padding-right: 196px;}
#Subpage .prodCon .left .bd .form .lab3{ margin: 5px 0 0 0;}
#Subpage .prodCon .left .bd .form .name{ width: 60px; font-size: 12px; line-height: 34px;}
#Subpage .prodCon .left .bd .form .fv{ height: 34px; line-height: 24px; padding: 10px;}
#Subpage .prodCon .left .bd .form .fv1{ height: 100px; line-height: 24px; padding: 10px;}
#Subpage .prodCon .left .bd .form .fv2{ height: 34px; line-height: 24px; padding: 10px;}
#Subpage .prodCon .left .bd .form .hyz{ width: 196px;}
#Subpage .prodCon .left .bd .form .hyz .img{ width: 80px; height: 32px;}
#Subpage .prodCon .left .bd .form .hyz .ico{ margin: 12px 5px; width: 10px; height: 10px;}
#Subpage .prodCon .left .bd .form .hyz .wz{ font-size: 12px; line-height: 34px;}
#Subpage .prodCon .left .bd .form .fv3{ width: 190px; height: 34px; line-height: 34px; font-size: 16px;}
#Subpage .prodCon .right{ display: none; width: 100%; margin-top: 0;}
#Subpage .prodCon .right .bt{ padding-left: 10px; font-size: 16px; height: 30px; line-height: 30px;}
#Subpage .prodCon .right .l1{ margin: 8px 0; padding: 3px;}
#Subpage .prodCon .right .l1 .ico{ bottom: -12px; margin-left: -12px; width: 24px; height: 24px;}
#Subpage .prodCon .right .l1 .tit{ font-size: 14px; line-height: 16px; margin: 18px 0 8px 0;}
}
@media screen and  (max-width:767px){
#Subpage .prodCon .left .prodTop .zc{ width: 100%;}
#Subpage .prodCon .left .prodTop .zc .slick-prev,#Subpage .prodCon .left .prodTop .zc .slick-next{ bottom: -18px;}
#Subpage .prodCon .left .prodTop .yc{ width: 100%; margin-top: 15px;}
#Subpage .prodCon .left .prodTab .l1{ font-size: 14px; padding: 0 5px;}
#Subpage .prodCon .left .prodTab .t1{ font-size: 14px;}
#Subpage .prodCon .left .prodTab .info{ font-size: 12px; line-height: 20px;}
#Subpage .prodCon .left .prodTab .table1 td{ padding: 12px 5px 12px 10px;}
#Subpage .prodCon .left .bd .form .lab{ width: 100%;}
#Subpage .prodCon .left .bd .form .lab2{ padding-right: 100px;}
#Subpage .prodCon .left .bd .form .hyz{ width: 100px;}
#Subpage .prodCon .left .bd .form .hyz .wz{ display: none;}
}
/* 4行业案例 */
#List2{ width: 100%; float: left;}
#List2 .caseList{ width: 100%; float: left;}
#List2 .caseList .left{ width: 22.774%; float: left;}
#List2 .caseList .left .caseNav{ margin-bottom: 25px; width: 100%;}
#List2 .caseList .left .caseNav .djbt{ display: none;}
#List2 .caseList .left .caseNav .l2{ font-size: 16px; padding: 20px 10px 20px 60px; line-height: 20px; background: #f0f0f0; overflow: hidden; position: relative;}
#List2 .caseList .left .caseNav .l2::before{ content: ""; position: absolute; top: 24px; left: 35px; width: 9px; height: 12px; background: url("/static/ckl/images/3120_case1.png") no-repeat center; background-size: cover;}
#List2 .caseList .left .caseNav .l2.on::before,#List2 .caseList .left .caseNav .l2:hover::before{ background: url("/static/ckl/images/3120_case1_1.png") no-repeat center; background-size: cover;}
#List2 .caseList .left .caseNav .l2 a{ display: block; width: 100%; color: #333;}
#List2 .caseList .left .caseNav .l2.on,#List2 .caseList .left .caseNav .l2:hover{ background: #02b2b5;}
#List2 .caseList .left .caseNav .l2.on a,#List2 .caseList .left .caseNav .l2:hover a{ color: #fff;}
#List2 .caseList .left .caseNav .l2 .ico{ position: absolute; bottom: 0; width: 100%; height: 1px; border-bottom: 1px dotted #c2c2c2;}
#List2 .caseList .left .caseNav .l2.on .ico,#List2 .caseList .left .caseNav .l2:hover .ico,#List2 .caseList .left .caseNav .l2:last-child .ico{ display: none;}
#List2 .caseList .left .bt{ padding-left: 20px; font-size: 18px; height: 44px; line-height: 44px; color: #fff; background: #02b2b5;}
#List2 .caseList .left .l1{ width: 100%; margin: 10px 0; padding: 6px; box-shadow: 0 4px 5px #d8d7d7; background: #f0f0f0; float: left;}
#List2 .caseList .left .l1 .img{ line-height: 0; position: relative;}
#List2 .caseList .left .l1 .ico{ position: absolute; bottom: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 50%; background: url("/static/ckl/images/3120_case3.png") no-repeat center; background-color: #b6b6b6;}
#List2 .caseList .left .l1 .tit{ font-size: 18px; line-height: 20px; margin: 40px 0 15px 0; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
#List2 .caseList .left .l1:hover{ background: #818086;}
#List2 .caseList .left .l1:hover .ico{ background-color: #02b2b5;}
#List2 .caseList .left .l1:hover .tit{ color: #fff;}
#List2 .caseList .right{ width: 74.818%; float: right;}
#List2 .caseList .right .u1{ width: 102%; margin: -15px -1% -15px -1%; overflow: hidden;}
#List2 .caseList .right .l1{ width: 31.3%; margin: 15px 1%; padding: 5px 6px; float: left; border: 1px solid #eeeeee;}
#List2 .caseList .right .l1 .img{ line-height: 0; position: relative;}
#List2 .caseList .right .l1 .ico{ position: absolute; bottom: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 50%; background: url("/static/ckl/images/3120_case3.png") no-repeat center; background-color: #b6b6b6;}
#List2 .caseList .right .l1 .t1{ margin: 40px 0 25px 0; padding: 0 10px; font-size: 18px; line-height: 20px; text-align: center; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
#List2 .caseList .right .l1 .t2{ margin-bottom: 30px; padding: 0 10px; letter-spacing: 1px; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #666;}
#List2 .caseList .right .l1:hover{ box-shadow: 0 5px 5px #d8d7d7;}
#List2 .caseList .right .l1:hover .ico{ background-color: #02b2b5;}
#List2 .caseList .right .l1:hover .tit{ color: #fff;}
#List2 .caseList .wack1{ margin-top: 65px; float: left; width: 100%; text-align: center;}
#List2 .caseList .pz_fy{ display: inline-block; *display: inline; *zoom: 1;}
#List2 .caseList .pz_fy a { float: left; width: 30px; height: 30px; line-height: 28px; border-radius: 50%; border: 1px solid #e1e1e1; color:#333; font-size: 14px; font-family: Arial; margin: 0 8px;}
#List2 .caseList .pz_fy a:hover,
#List2 .caseList .pz_fy a.on{ background-color: #02b2b5; color: #fff;}
#List2 .caseList .pz_fy .l2{ width: 100px; height: 30px; border-radius: 15px; background: url("/static/ckl/images/3120_page1.png") no-repeat center; background-size: cover;}
#List2 .caseList .pz_fy .l2:hover,#List2 .caseList .pz_fy .l2.on{ background: url("/static/ckl/images/3120_page1_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}
#List2 .caseList .pz_fy .r2{ width: 100px; height: 30px; border-radius: 15px; background: url("/static/ckl/images/3120_page2.png") no-repeat center; background-size: cover;}
#List2 .caseList .pz_fy .r2:hover,#List2 .caseList .pz_fy .r2.on{ background: url("/static/ckl/images/3120_page2_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}

@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#List2 .caseList .left{ width: 100%;}
#List2 .caseList .left .caseNav .djbt{ display: block; padding-left: 30px; margin-bottom: 2px; font-size: 16px; height: 40px; line-height: 40px; position: relative; color: #fff; background: #02b2b5;}
#List2 .caseList .left .caseNav .djbt::after{ content: ""; display: block; position: absolute; right: 20px; top: 15px; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#List2 .caseList .left .caseNav .djbt.on::after{ top: 12px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);    
}
#List2 .caseList .left .caseNav{ margin-bottom: 0;}
#List2 .caseList .left .caseNav .u2{ display: none;}
#List2 .caseList .left .caseNav .l2{ font-size: 14px; padding: 10px 10px 10px 30px; line-height: 20px;}
#List2 .caseList .left .caseNav .l2::before{ top: 14px; left: 15px;}
#List2 .caseList .left .bt{ display: none; padding-left: 10px; font-size: 16px; height: 30px; line-height: 30px;}
#List2 .caseList .left .u1{ display: none;}
#List2 .caseList .left .l1{ margin: 8px 0; padding: 3px;}
#List2 .caseList .left .l1 .ico{ bottom: -12px; margin-left: -12px; width: 24px; height: 24px;}
#List2 .caseList .left .l1 .tit{ font-size: 14px; line-height: 16px; margin: 18px 0 8px 0;}
#List2 .caseList .right{ width: 100%;}
#List2 .caseList .right .u1{ margin: 7px -1% -8px -1%;}
#List2 .caseList .right .l1{ margin: 8px 1%; padding: 3px;}
#List2 .caseList .right .l1 .ico{ bottom: -12px; margin-left: -12px; width: 24px; height: 24px;}
#List2 .caseList .right .l1 .t1{ margin: 18px 0 5px 0; padding: 0 5px; font-size: 14px; line-height: 16px;}
#List2 .caseList .right .l1 .t2{ margin-bottom: 8px; padding: 0 5px; font-size: 12px; line-height: 18px; height: 36px;}
#List2 .caseList .right .wack1{ margin-top: 15px;}
#List2 .caseList .right .fy_pc{ text-align: center; font-size: 14px; color:#333; padding: 5px 0;}
#List2 .caseList .right .fy_pc a{ padding: 5px 25px; background: #02b2b5; color: #fff; border-radius: 16px; overflow: hidden;}
#List2 .caseList .right .fy_pc span{ padding: 5px 20px; color: #333;}
}
@media screen and  (max-width:767px){
#List2 .caseList .right .u1{ margin: 7px -1% -3px -1%;}
#List2 .caseList .right .l1{ width: 48%; margin: 3px 1%;}
#List2 .caseList .wack1{ margin-top: 15px;}
#List2 .caseList .fy_pc{ text-align: center; font-size: 14px; color:#333; padding: 5px 0;}
#List2 .caseList .fy_pc a{ padding: 5px 25px; background: #02b2b5; color: #fff; border-radius: 16px; overflow: hidden;}
#List2 .caseList .fy_pc span{ padding: 5px 20px; color: #333;}
}
/* 5行业案例-详情页 */
#Subpage2{ width: 100%; float: left;}
#Subpage2 .caseCon{ width: 100%; float: left;}
#Subpage2 .caseCon .left{ width: 74.818%; float: left;}
#Subpage2 .caseCon .left .tit{ font-size: 24px; line-height: 26px; color: #02b2b5; text-align: center;}
#Subpage2 .caseCon .left .time{ margin: 10px 0 20px 0; font-size: 14px; line-height: 16px; color: #666; text-align: center;}
#Subpage2 .caseCon .left .line{ width: 100%; height: 1px; background: #e5e5e5;}
#Subpage2 .caseCon .left .info{ margin: 25px 0 50px 0; font-size: 14px; line-height: 28px; text-align: justify; color: #333;}
#Subpage2 .caseCon .left .info img,video{width:100%;}
#Subpage2 .caseCon .left .sx_fy{ float: left; width: 100%; padding-top: 7.82%; position: relative; background: url("/static/ckl/images/3121_casecon2.png") center top no-repeat;}
#Subpage2 .caseCon .left .sx_fy a{ float: left; width:50%; color:#666; font-size:14px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-transform:uppercase;}
#Subpage2 .caseCon .left .sx_fy a span{ font-weight:bold; color:#333;}
#Subpage2 .caseCon .left .sx_fy a.l_fy{ padding-right:10px;}
#Subpage2 .caseCon .left .sx_fy a.r_fy{ float:right; text-align:right; padding-left:10px;}
#Subpage2 .caseCon .left .sx_fy a:hover{ color:#02b2b5;}
#Subpage2 .caseCon .left .bd{ margin-top: 60px; float: left; width: 100%;}
#Subpage2 .caseCon .left .bd .form{ width: 100%;}
#Subpage2 .caseCon .left .bd .form .tit{ width: 100%; font-size: 18px; height: 44px; line-height: 44px; text-align: center; background: #02b2b5; color: #fff;}
#Subpage2 .caseCon .left .bd .form1{ padding: 18px 45px 50px 45px; background: #fff; width: 100%; overflow: hidden; border: 1px solid #e5e5e5;}
#Subpage2 .caseCon .left .bd .form .lab{ margin: 7px 0; width: 46%; float: left; position: relative; padding-left: 80px;}
#Subpage2 .caseCon .left .bd .form .lab:nth-child(2n){ float: right;}
#Subpage2 .caseCon .left .bd .form .lab1{ margin: 7px 0; width: 100%; float: left; position: relative; padding-left: 80px;}
#Subpage2 .caseCon .left .bd .form .lab2{ margin: 7px 0; width: 100%; float: left; position: relative; padding-left: 80px; padding-right: 270px;}
#Subpage2 .caseCon .left .bd .form .lab3{ margin: 50px 0 0 0; width: 100%; float: left;}
#Subpage2 .caseCon .left .bd .form .name{ width: 80px; font-size: 14px; line-height: 44px; text-align: right; position: absolute; left: 0; top: 0; color: #333;}
#Subpage2 .caseCon .left .bd .form .fv{ font-size: 14px; color: #333; width: 100%; height: 44px; line-height: 34px; padding: 10px; float: left; background: #f0f0f0;}
#Subpage2 .caseCon .left .bd .form .fv1{ font-size: 14px; color: #333; width: 100%; height: 140px; line-height: 34px; padding: 10px; border: 0; float: left; background: #f0f0f0;}
#Subpage2 .caseCon .left .bd .form .fv2{ font-size: 14px; color: #333; width: 100%; height: 44px; line-height: 34px; padding: 10px; float: left; background: #f0f0f0;}
#Subpage2 .caseCon .left .bd .form .hyz{ width: 270px; position: absolute; right: 0; top: 0;}
#Subpage2 .caseCon .left .bd .form .hyz .img{ width: 106px; height: 42px; border: 1px solid #f0f0f0; line-height: 0; float: left;}
#Subpage2 .caseCon .left .bd .form .hyz .img img{ width: 100%; height: 100%;}
#Subpage2 .caseCon .left .bd .form .hyz .ico{ float: left; margin: 15px 10px 15px 25px; width: 14px; height: 14px; cursor: pointer; background: url("/static/ckl/images/3121_casecon4.png") no-repeat center; background-size: cover;}
#Subpage2 .caseCon .left .bd .form .hyz .wz{ font-size: 14px; line-height: 44px; float: left; color: #444;}
#Subpage2 .caseCon .left .bd .form .hyz .wz:hover{ text-decoration: underline;}
#Subpage2 .caseCon .left .bd .form .fv3{ width: 190px; height: 44px; line-height: 44px; font-size: 16px; display: block; margin: 0 auto; color: #fff; background: #02b2b5; color: #fff;}
#Subpage2 .caseCon .right{ width: 22.774%; float: right;}
#Subpage2 .caseCon .right .bt{ padding-left: 20px; font-size: 18px; height: 44px; line-height: 44px; color: #fff; background: #02b2b5;}
#Subpage2 .caseCon .right .u2{ margin-bottom: 25px;}
#Subpage2 .caseCon .right .l2{ width: 100%; margin: 20px 0; padding: 5px 6px; border: 1px solid #eeeeee;}
#Subpage2 .caseCon .right .l2 .img{ line-height: 0; position: relative;}
#Subpage2 .caseCon .right .l2 .ico{ position: absolute; bottom: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 50%; background: url("/static/ckl/images/3121_casecon7.png") no-repeat center; background-color: #b6b6b6;}
#Subpage2 .caseCon .right .l2 .t1{ margin: 40px 0 25px 0; padding: 0 10px; font-size: 18px; line-height: 20px; text-align: center; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
#Subpage2 .caseCon .right .l2 .t2{ margin-bottom: 30px; padding: 0 10px; letter-spacing: 1px; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #666;}
#Subpage2 .caseCon .right .l2:hover{ box-shadow: 0 5px 5px #d8d7d7;}
#Subpage2 .caseCon .right .l2:hover .ico{ background-color: #02b2b5;}
#Subpage2 .caseCon .right .l2:hover .tit{ color: #fff;}
#Subpage2 .caseCon .right .l1{ width: 100%; margin: 20px 0; padding: 6px; box-shadow: 0 4px 5px #d8d7d7; background: #f0f0f0;}
#Subpage2 .caseCon .right .l1 .img{ line-height: 0; position: relative;}
#Subpage2 .caseCon .right .l1 .ico{ position: absolute; bottom: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 50%; background: url("3121_casecon7.png") no-repeat center; background-color: #b6b6b6;}
#Subpage2 .caseCon .right .l1 .tit{ font-size: 18px; line-height: 20px; margin: 40px 0 15px 0; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
#Subpage2 .caseCon .right .l1:hover{ background: #818086;}
#Subpage2 .caseCon .right .l1:hover .ico{ background-color: #02b2b5;}
#Subpage2 .caseCon .right .l1:hover .tit{ color: #fff;}
@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Subpage2 .caseCon .left{ width: 100%;}
#Subpage2 .caseCon .left .tit{ font-size: 16px; line-height: 18px;}
#Subpage2 .caseCon .left .time{ margin: 5px 0 10px 0; font-size: 12px; line-height: 14px;}
#Subpage2 .caseCon .left .info{ margin: 10px 0 20px 0; font-size: 14px; line-height: 24px;}
#Subpage2 .caseCon .left .sx_fy{ padding-top: 10.2%;}
#Subpage2 .caseCon .left .bd{ margin-top: 15px;}
#Subpage2 .caseCon .left .bd .form .tit{ font-size: 16px; height: 34px; line-height: 34px;}
#Subpage2 .caseCon .left .bd .form1{ padding: 10px;}
#Subpage2 .caseCon .left .bd .form .lab{ margin: 5px 0; width: 48%; padding-left: 60px;}
#Subpage2 .caseCon .left .bd .form .lab1{ margin: 5px 0; padding-left: 60px;}
#Subpage2 .caseCon .left .bd .form .lab2{ margin: 5px 0; padding-left: 60px; padding-right: 196px;}
#Subpage2 .caseCon .left .bd .form .lab3{ margin: 5px 0 0 0;}
#Subpage2 .caseCon .left .bd .form .name{ width: 60px; font-size: 12px; line-height: 34px;}
#Subpage2 .caseCon .left .bd .form .fv{ height: 34px; line-height: 24px; padding: 10px;}
#Subpage2 .caseCon .left .bd .form .fv1{ height: 100px; line-height: 24px; padding: 10px;}
#Subpage2 .caseCon .left .bd .form .fv2{ height: 34px; line-height: 24px; padding: 10px;}
#Subpage2 .caseCon .left .bd .form .hyz{ width: 196px;}
#Subpage2 .caseCon .left .bd .form .hyz .img{ width: 80px; height: 32px;}
#Subpage2 .caseCon .left .bd .form .hyz .ico{ margin: 12px 5px; width: 10px; height: 10px;}
#Subpage2 .caseCon .left .bd .form .hyz .wz{ font-size: 12px; line-height: 34px;}
#Subpage2 .caseCon .left .bd .form .fv3{ width: 190px; height: 34px; line-height: 34px; font-size: 16px;}
#Subpage2 .caseCon .right{ display: none; width: 100%; margin-top: 0;}
#Subpage2 .caseCon .right .bt{ padding-left: 10px; font-size: 16px; height: 30px; line-height: 30px;}
#Subpage2 .caseCon .right .u2{ margin-bottom: 15px;}
#Subpage2 .caseCon .right .l2{ margin: 8px 0; padding: 3px;}
#Subpage2 .caseCon .right .l2 .ico{ bottom: -12px; margin-left: -12px; width: 24px; height: 24px;}
#Subpage2 .caseCon .right .l2 .t1{ margin: 18px 0 5px 0; padding: 0 5px; font-size: 14px; line-height: 16px;}
#Subpage2 .caseCon .right .l2 .t2{ margin-bottom: 8px; padding: 0 5px; font-size: 12px; line-height: 18px; height: 36px;}
#Subpage2 .caseCon .right .l1{ margin: 8px 0; padding: 3px;}
#Subpage2 .caseCon .right .l1 .ico{ bottom: -12px; margin-left: -12px; width: 24px; height: 24px;}
#Subpage2 .caseCon .right .l1 .tit{ font-size: 14px; line-height: 16px; margin: 18px 0 8px 0;}
}
@media screen and  (max-width:767px){
#Subpage2 .caseCon .left .bd .form .lab{ width: 100%;}
#Subpage2 .caseCon .left .bd .form .lab2{ padding-right: 100px;}
#Subpage2 .caseCon .left .bd .form .hyz{ width: 100px;}
#Subpage2 .caseCon .left .bd .form .hyz .wz{ display: none;}
}
/* 6技术支持-应用视频 */
#List3{ width: 100%; float: left;}
#List3 .videoList{ width: 100%; float: left;}
#List3 .videoList .list .l1{ width: 31.3%; margin: 0 1%; float: left; cursor: pointer;}
#List3 .videoList .list .l1 .img{ line-height: 0; position: relative;}
#List3 .videoList .list .l1 .ico{ width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; background: url("/static/ckl/images/3122_video10.png") no-repeat center; background-size: cover;}
#List3 .videoList .list .l1 .tit{ text-align:center; margin: 20px 0 65px 0; font-size: 16px; line-height: 18px; color: #333; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#List3 .videoList .list .l1:hover .tit{ color: #02b2b5;}
#List3 .videoList .tcPic{ width: 100%; height: 100%; position: fixed; top: 500%; left: 0; z-index: 99999999999999; background: rgba(0, 0, 0, 0.8);}
#List3 .videoList .tcPic.on{top:0;}
#List3 .videoList .tcPic .lbt{ width: 63.584%; height: 100%; margin: 0 auto; position: relative;}
#List3 .videoList .tcPic .l1{ height: 100vh;}
#List3 .videoList .tcPic .l1 .pos{ padding: 0 60px; position: absolute; width: 100%; height:60%; left: 0; top:50%;
-webkit-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
transform:translate(0,-50%);}
#List3 .videoList .tcPic .movie{ width: 100%;  height:100%; /*object-fit: fill;*/  display:block; margin:0 auto;}
#List3 .videoList .tcPic .ico{ width: 120px; height: 120px; top: 50%; left: 50%; margin-left: -60px; margin-top: -100px; background: url("/static/ckl/images/3122_video12.png") no-repeat center; background-size: cover; position: absolute;}
#List3 .videoList .tcPic .tit{ width: 100%; font-size: 20px; padding: 0 25px; height: 86px; line-height: 86px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: #fff; color: #333;}
#List3 .videoList .tcPic .slick-prev,#List3 .videoList .tcPic .slick-next{ width: 24px; height: 50px; position: absolute; top: 50%; margin-top: -25px; text-indent: -99999999px; z-index: 999999;}
#List3 .videoList .tcPic .slick-prev{ left: 0; background: url("/static/ckl/images/3122_video13.png") no-repeat center; background-size: cover;}
#List3 .videoList .tcPic .slick-prev:hover{ background: url("/static/ckl/images/3122_video13_1.png") no-repeat center; background-size: cover;}
#List3 .videoList .tcPic .slick-next{ right: 0; background: url("/static/ckl/images/3122_video14.png") no-repeat center; background-size: cover;}
#List3 .videoList .tcPic .slick-next:hover{ background: url("/static/ckl/images/3122_video14_1.png") no-repeat center; background-size: cover;}
#List3 .videoList .tcPic .clo{ position: absolute; top: 10%; right: 0; width: 44px; height: 44px; z-index: 999999; cursor: pointer; background: url("/static/ckl/images/3122_video15.png") no-repeat center; background-size: cover;}

#List3 .videoList .wack1{ float: left; width: 100%; text-align: center;}
#List3 .videoList .pz_fy{ display: inline-block; *display: inline; *zoom: 1;}
#List3 .videoList .pz_fy a { float: left; width: 30px; height: 30px; line-height: 28px; border-radius: 50%; border: 1px solid #e1e1e1; color:#333; font-size: 14px; font-family: Arial; margin: 0 8px;}
#List3 .videoList .pz_fy a:hover,
#List3 .videoList .pz_fy a.on{ background-color: #02b2b5; color: #fff;}
#List3 .videoList .pz_fy .l2{ width: 100px; height: 30px; border-radius: 15px; background: url("/static/ckl/images/3122_page1.png") no-repeat center; background-size: cover;}
#List3 .videoList .pz_fy .l2:hover,#List3 .videoList .pz_fy .l2.on{ background: url("/static/ckl/images/3122_page1_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}
#List3 .videoList .pz_fy .r2{ width: 100px; height: 30px; border-radius: 15px; background: url("/static/ckl/images/3122_page2.png") no-repeat center; background-size: cover;}
#List3 .videoList .pz_fy .r2:hover,#List3 .videoList .pz_fy .r2.on{ background: url("/static/ckl/images/3122_page2_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}

@media screen and  (max-width:1399px){
#List3 .videoList .tcPic .clo{ top: 20%;}
}
@media screen and  (max-width:1199px){
#List3 .videoList .tcPic .ico{ width: 80px; height: 80px; margin-left: -40px; margin-top: -80px;}
#List3 .videoList .tcPic .tit{ height: 60px; line-height: 60px;}
#List3 .videoList .tcPic .clo{ top: 25%;}
}
@media screen and  (max-width:991px){
#List3 .videoList .list .l1 .ico{ width: 30px; height: 30px; margin-top: -15px; margin-left: -15px;}
#List3 .videoList .list .l1 .tit{ margin: 10px 0 20px 0; font-size: 14px; line-height: 16px;}
#List3 .videoList .tcPic .ico{ width: 40px; height: 40px; margin-left: -20px; margin-top: -40px;}
#List3 .videoList .tcPic .tit{ font-size: 16px; height: 40px; line-height: 40px;}
#List3 .videoList .tcPic .clo{ top: 34%; width: 30px; height: 30px;}

#List3 .videoList .fy_pc{ text-align: center; font-size: 14px; color:#333; padding: 5px 0;}
#List3 .videoList .fy_pc a{ padding: 5px 25px; background: #02b2b5; color: #fff; border-radius: 16px; overflow: hidden;}
#List3 .videoList .fy_pc span{ padding: 5px 20px; color: #333;}   
}
@media screen and  (max-width:767px){
#List3 .videoList .list .l1{ width: 48%;}   
#List3 .videoList .tcPic .lbt{ width: 98%;} 
#List3 .videoList .tcPic .tit{ font-size: 14px; padding: 0 5px;}
}
/* 7技术支持-文档下载 */
#List4{ width: 100%; float: left;}
#List4 .wordList{ width: 100%; float: left;}
#List4 .wordList .tab{ width: 100%; float: left; text-align: center;}
#List4 .wordList .tab .u1{ display: inline-block;}
#List4 .wordList .tab .l1{ float: left; font-size: 16px; width: 120px; margin: 0 10px; height: 40px; line-height: 40px; background: #f5f5f5; border-radius: 5px;}
#List4 .wordList .tab .l1 a{ color: #333;}
#List4 .wordList .tab .l1.on,#List4 .wordList .tab .l1:hover{ background: #02b2b5;}
#List4 .wordList .tab .l1.on a,#List4 .wordList .tab .l1:hover a{ color: #fff;}
#List4 .wordList .list{ margin: 48px 0; width: 100%; float: left;}
#List4 .wordList .list .l1{ margin: 12px 0; padding: 20px 20px 20px 120px; border: 1px solid #e9e9e9; width: 49.271%; float: left; position: relative;}
#List4 .wordList .list .l1:hover{ box-shadow: 0 0 10px #e2e2e2;}
#List4 .wordList .list .l1:nth-child(2n){ float: right;}
#List4 .wordList .list .l1 .ico{ width: 90px; height: 100%; background: url("/static/ckl/images/3123_word1.png") no-repeat top center; background-size: cover; position: absolute; top: 0; left: 0;}
#List4 .wordList .list .l1:hover .ico{ background: url("/static/ckl/images/3123_word1_1.png") no-repeat top center; background-size: cover;}
#List4 .wordList .list .l1 .cen{ margin-top: 8px; width: 26.38%; float: left;}
#List4 .wordList .list .l1 .tit{ font-size: 16px; line-height: 18px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
#List4 .wordList .list .l1 .date{ margin-top: 10px; padding-left: 18px; font-size: 12px; line-height: 14px; background: url("/static/ckl/images/3123_word2.png") no-repeat left center; color: #888;}
#List4 .wordList .list .l1 .line{ width: 1px; height: 65px; margin: 0 6%; float: left; background: #d9d9d9;}
#List4 .wordList .list .l1 .info{ margin-top: 8px; width: 58.162%; float: left; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #555;}
#List4 .wordList .wack1{ float: left; width: 100%; text-align: center;}
#List4 .wordList .pz_fy{ display: inline-block; *display: inline; *zoom: 1;}
#List4 .wordList .pz_fy a { float: left; width: 30px; height: 30px; line-height: 28px; border-radius: 50%; border: 1px solid #e1e1e1; color:#333; font-size: 14px; font-family: Arial; margin: 0 8px;}
#List4 .wordList .pz_fy a:hover,
#List4 .wordList .pz_fy a.on{ background-color: #02b2b5; color: #fff;}
#List4 .wordList .pz_fy .l2{ width: 100px; height: 30px; border-radius: 15px; background: url("/static/ckl/images/3123_page1.png") no-repeat center; background-size: cover;}
#List4 .wordList .pz_fy .l2:hover,#List4 .wordList .pz_fy .l2.on{ background: url("/static/ckl/images/3123_page1_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}
#List4 .wordList .pz_fy .r2{ width: 100px; height: 30px; border-radius: 15px; background: url("/static/ckl/images/3123_page2.png") no-repeat center; background-size: cover;}
#List4 .wordList .pz_fy .r2:hover,#List4 .wordList .pz_fy .r2.on{ background: url("/static/ckl/images/3123_page2_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}

@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#List4 .wordList .list{ margin: 10px 0;}
#List4 .wordList .list .l1{ margin: 5px 0; width: 100%;}
#List4 .wordList .fy_pc{ text-align: center; font-size: 14px; color:#333; padding: 5px 0;}
#List4 .wordList .fy_pc a{ padding: 5px 25px; background: #02b2b5; color: #fff; border-radius: 16px; overflow: hidden;}
#List4 .wordList .fy_pc span{ padding: 5px 20px; color: #333;}   
}
@media screen and  (max-width:767px){
#List4 .wordList .tab .l1{ font-size: 14px; width: auto; margin: 0 1px; padding: 0 5px; height: 30px; line-height: 30px;}
#List4 .wordList .list .l1{ padding: 5px 5px 5px 50px;}
#List4 .wordList .list .l1 .ico{ width: 45px;}
#List4 .wordList .list .l1 .cen{ width: 36.38%; margin-top: 5px;}
#List4 .wordList .list .l1 .tit{ font-size: 14px; line-height: 16px;}
#List4 .wordList .list .l1 .date{ margin-top: 5px;}
#List4 .wordList .list .l1 .line{ height: 45px; margin: 0 3%;}
#List4 .wordList .list .l1 .info{ margin-top: 5px; width: 57.162%; font-size: 12px; line-height: 20px; height: 40px;}
}
/* 8联系我们 */
#Content14{ width: 100%; float: left;}
#Content14 .contCon{ width: 100%; float: left;}
#Content14 .contCon .list{ width: 100%; float: left; box-shadow: 0 0 10px #f2f2f2;}
#Content14 .contCon .list .l1{ padding: 40px 0; width: 20%; float: left; text-align: center;}
#Content14 .contCon .list .l1 .ico{ display: inline-block;}
#Content14 .contCon .list .l1 .t1{ margin: 25px 0; font-size: 18px; line-height: 20px; color: #333; font-weight: bold;}
#Content14 .contCon .list .l1 .t2{ font-size: 16px; line-height: 30px; color: #666;}
#Content14 .contCon .bdmap{ width: 100%; float: left; margin: 20px 0; height: 555px;}
#Content14 .contCon .bdmap img{ max-width:none;}
#Content14 .contCon .bdmap .iw_poi_content{ padding-left: 210px; margin-top: -105px; white-space: nowrap; font-size: 18px; color: #333333; line-height: 30px; width: 100%;}
#Content14 .contCon .bdmap .BMap_pop{ float:right; background-color:#fff; background-repeat:no-repeat; border:none !important; width:540px !important; height:140px; margin:100px 0 0 340px; box-shadow: 0 0 10px rgba(0,0,0,0.18);}
#Content14 .contCon .bdmap .BMap_shadow, .BMap_shadow img, .BMap_shadow div{display:none;}
#Content14 .contCon .bdmap .BMap_pop div:nth-child(8){display:none;}
#Content14 .contCon .bdmap .BMap_pop div:nth-child(7){display:none;}
#Content14 .contCon .bdmap .BMap_pop div:nth-child(3){display:none;}
#Content14 .contCon .bdmap .BMap_pop div:nth-child(5){display:none !important;}
#Content14 .contCon .bdmap .BMap_bottom{display:none !important;}
#Content14 .contCon .bdmap .BMap_pop div{ border:none !important;}
#Content14 .contCon .bdmap .BMap_pop div:nth-child(2){background:none !important;}
#Content14 .contCon .bdmap.BMap_bubble_content{ width:609px !important; height:140px !important; background:#fff !important;}
#Content14 .contCon .bdmap .BMap_bubble_content{width:609px !important; height:140px !important; background-color: #fff !important; }
#Content14 .contCon .bdmap .BMap_pop div:nth-child(9),
#Content14 .contCon .bdmap .BMap_center{left: 0 !important; top:0 !important; width:540px !important; height:140px !important;}
#Content14 .contCon .bdmap .BMap_pop img:nth-child(10){right:10px !important; left: auto !important;}
#Content14 .contCon .bdmap .iw_poi_content p{font-size:16px; line-height: 30px; color:#333333; text-transform: uppercase;}
#Content14 .contCon .lyb{ float: left; width: 100%; box-shadow: 0 0 10px #f2f2f2;}
#Content14 .contCon .bd{ margin: 0 auto; width: 67.519%;}
#Content14 .contCon .bd .form{ float: left; width: 100%;}
#Content14 .contCon .bd .form .tit{ margin: 40px 0; float: left; width: 100%; font-size: 24px; line-height: 26px; font-weight: bold; text-align: center; color: #02b2b5;}
#Content14 .contCon .bd .form1{ float: left; width: 100%;}
#Content14 .contCon .bd .form .lab{ margin: 7px 0; width: 46%; float: left; position: relative; padding-left: 80px;}
#Content14 .contCon .bd .form .lab:nth-child(2n){ float: right;}
#Content14 .contCon .bd .form .lab1{ margin: 7px 0; width: 100%; float: left; position: relative; padding-left: 80px;}
#Content14 .contCon .bd .form .lab2{ margin: 7px 0; width: 100%; float: left; position: relative; padding-left: 80px; padding-right: 270px;}
#Content14 .contCon .bd .form .lab3{ margin: 50px 0 0 0; width: 100%; float: left;}
#Content14 .contCon .bd .form .name{ width: 80px; font-size: 14px; line-height: 44px; text-align: right; position: absolute; left: 0; top: 0; color: #333;}
#Content14 .contCon .bd .form .fv{ font-size: 14px; color: #333; width: 100%; height: 44px; line-height: 34px; padding: 10px; float: left; background: #f0f0f0;}
#Content14 .contCon .bd .form .fv1{ font-size: 14px; color: #333; width: 100%; height: 140px; line-height: 34px; padding: 10px; border: 0; float: left; background: #f0f0f0;}
#Content14 .contCon .bd .form .fv2{ font-size: 14px; color: #333; width: 100%; height: 44px; line-height: 34px; padding: 10px; float: left; background: #f0f0f0;}
#Content14 .contCon .bd .form .hyz{ width: 270px; position: absolute; right: 0; top: 0;}
#Content14 .contCon .bd .form .hyz .img{ width: 106px; height: 42px; border: 1px solid #f0f0f0; line-height: 0; float: left;}
#Content14 .contCon .bd .form .hyz .img img{ width: 100%; height: 100%;}
#Content14 .contCon .bd .form .hyz .ico{ float: left; margin: 15px 10px 15px 25px; width: 14px; height: 14px; cursor: pointer; background: url("/static/ckl/images/3124_cont10.png") no-repeat center; background-size: cover;}
#Content14 .contCon .bd .form .hyz .wz{ font-size: 14px; line-height: 44px; float: left; color: #444;}
#Content14 .contCon .bd .form .hyz .wz:hover{ text-decoration: underline;}
#Content14 .contCon .bd .form .fv3{ width: 190px; height: 44px; line-height: 44px; font-size: 16px; display: block; margin: 0 auto; color: #fff; background: #02b2b5; color: #fff;}

@media screen and  (max-width:1399px){
#Content14 .contCon .bdmap .BMap_pop{ margin: 100px 0 0 300px;}
}
@media screen and  (max-width:1199px){
#Content14 .contCon .list .l1 .t2{ font-size: 15px;}
#Content14 .contCon .bdmap .BMap_pop{ margin: 225px 0 0 0;}
}
@media screen and  (max-width:991px){
#Content14 .contCon .list .l1{ padding: 10px 0; float: left; text-align: center;}
#Content14 .contCon .list .l1 .ico{ width: 50%;}
#Content14 .contCon .list .l1 .t1{ margin: 5px 0; font-size: 14px; line-height: 16px;}
#Content14 .contCon .list .l1 .t2{ font-size: 12px; line-height: 16px;}
#Content14 .contCon .bd .form .tit{ margin: 10px 0 0 0; font-size: 16px; line-height: 18px;}
#Content14 .contCon .bd .form1{ padding: 10px;}
#Content14 .contCon .bd .form .lab{ margin: 5px 0; width: 48%; padding-left: 60px;}
#Content14 .contCon .bd .form .lab1{ margin: 5px 0; padding-left: 60px;}
#Content14 .contCon .bd .form .lab2{ margin: 5px 0; padding-left: 60px; padding-right: 196px;}
#Content14 .contCon .bd .form .lab3{ margin: 5px 0 0 0;}
#Content14 .contCon .bd .form .name{ width: 60px; font-size: 12px; line-height: 34px;}
#Content14 .contCon .bd .form .fv{ height: 34px; line-height: 24px; padding: 10px;}
#Content14 .contCon .bd .form .fv1{ height: 100px; line-height: 24px; padding: 10px;}
#Content14 .contCon .bd .form .fv2{ height: 34px; line-height: 24px; padding: 10px;}
#Content14 .contCon .bd .form .hyz{ width: 196px;}
#Content14 .contCon .bd .form .hyz .img{ width: 80px; height: 32px;}
#Content14 .contCon .bd .form .hyz .ico{ margin: 12px 5px; width: 10px; height: 10px;}
#Content14 .contCon .bd .form .hyz .wz{ font-size: 12px; line-height: 34px;}
#Content14 .contCon .bd .form .fv3{ width: 190px; height: 34px; line-height: 34px; font-size: 16px;}
}
@media screen and  (max-width:767px){
#Content14 .contCon .list .l1{ padding: 5px 0; width: 50%;}
#Content14 .contCon .list .l1 .ico{ width: 20%;}
#Content14 .contCon .list .l1 .t1{ margin: 0;}
#Content14 .contCon .bdmap{ height: 350px;}
#Content14 .contCon .bdmap .BMap_pop{ display: none!important;}
#Content14 .contCon .bd{ width: 100%;}
#Content14 .contCon .bd .form .lab{ width: 100%;}
#Content14 .contCon .bd .form .lab2{ padding-right: 100px;}
#Content14 .contCon .bd .form .hyz{ width: 100px;}
#Content14 .contCon .bd .form .hyz .wz{ display: none;}
}
/* 9新闻动态 */
#List5{ width: 100%; float: left;}
#List5 .newsList{ width: 100%; float: left;}
#List5 .newsList .list1 .u1{ width: 100%; float: left; width: 102%; margin: 0 -1% 35px -1%;}
#List5 .newsList .list1 .l1{ width: 31.3%; margin: 0 1%; float: left; position: relative;}
#List5 .newsList .list1 .l1 .img{ line-height: 0;}
#List5 .newsList .list1 .l1 .text{ padding: 25px 25px 20px 25px; border: 1px solid #e5e5e5; border-top: 0;}
#List5 .newsList .list1 .l1 .text .t1{ font-size: 18px; line-height: 20px; color: #333; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#List5 .newsList .list1 .l1 .text .info{ margin: 20px 0; font-size: 14px; line-height: 28px; height: 82px; text-align: justify; overflow: hidden; color: #666;}
#List5 .newsList .list1 .l1 .text .bot{ padding-top: 20px; width: 100%; overflow: hidden; border-top: 1px solid #e5e5e5;}
#List5 .newsList .list1 .l1 .text .date{ float: left; font-size: 14px; line-height: 16px; color: #666;}
#List5 .newsList .list1 .l1 .text .more{ width: 84px; height: 58px; background: url("/static/ckl/images/3125_news4.png") no-repeat center; background-size: cover; position: absolute; bottom: 0;right: 0;}
#List5 .newsList .list1 .l1:hover .text{ border: 1px solid #f5f5f5; background: #f5f5f5; border-top: 0;}
#List5 .newsList .list1 .l1:hover .t1{ color: #02b2b5;}
#List5 .newsList .list1 .l1:hover .text .more{ background: url("/static/ckl/images/3125_news4_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}
#List5 .newsList .list2 .u2{ width: 100%; float: left;}
#List5 .newsList .list2 .l2{ width: 100%; float: left; padding: 18px 0 18px 15px; border-bottom: 1px solid #e5e5e5; position: relative;}
#List5 .newsList .list2 .l2:first-child{ border-top: 1px solid #e5e5e5;}
#List5 .newsList .list2 .l2 .img{ width: 15.5%; float: left; line-height: 0;}
#List5 .newsList .list2 .l2 .text{ margin: 0 3%; width: 62%; float: left;}
#List5 .newsList .list2 .l2 .text .t1{ margin: 15px 0; font-size: 16px; line-height: 18px; color: #333; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#List5 .newsList .list2 .l2 .text .info{ font-size: 14px; line-height: 28px; height: 82px; text-align: justify; overflow: hidden; color: #666;}
#List5 .newsList .list2 .l2 .date{ width: 10.5%; float: left; margin: 42px 0 0 0; padding: 24px 0; font-size: 16px; line-height: 18px; text-align: center; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; color: #808080;}
#List5 .newsList .list2 .l2 .more{ width: 84px; height: 58px; background: url("/static/ckl/images/3125_news11.png") no-repeat center; background-size: cover; position: absolute; top: 50%; margin-top: -29px; right: 0;}
#List5 .newsList .list2 .l2:hover{ background: #f5f5f5;}
#List5 .newsList .list2 .l2:hover .text .t1{ color: #02b2b5;}
#List5 .newsList .list2 .l2:hover .more{ background: url("/static/ckl/images/3125_news11_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}
#List5 .newsList .wack1{ margin-top: 70px; float: left; width: 100%; text-align: center;}
#List5 .newsList .pz_fy{ display: inline-block; *display: inline; *zoom: 1;}
#List5 .newsList .pz_fy a { float: left; width: 30px; height: 30px; line-height: 28px; border-radius: 50%; border: 1px solid #e1e1e1; color:#333; font-size: 14px; font-family: Arial; margin: 0 8px;}
#List5 .newsList .pz_fy a:hover,
#List5 .newsList .pz_fy a.on{ background-color: #02b2b5; color: #fff;}
#List5 .newsList .pz_fy .l2{ width: 100px; height: 30px; border-radius: 15px; background: url("/static/ckl/images/3125_page1.png") no-repeat center; background-size: cover;}
#List5 .newsList .pz_fy .l2:hover,#List5 .newsList .pz_fy .l2.on{ background: url("/static/ckl/images/3125_page1_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}
#List5 .newsList .pz_fy .r2{ width: 100px; height: 30px; border-radius: 15px; background: url("/static/ckl/images/3125_page2.png") no-repeat center; background-size: cover;}
#List5 .newsList .pz_fy .r2:hover,#List5 .newsList .pz_fy .r2.on{ background: url("/static/ckl/images/3125_page2_1.png") no-repeat center; background-color: #02b2b5; background-size: cover;}

@media screen and  (max-width:1399px){
#List5 .newsList .list2 .l2 .text{ margin: 0 2.5%;}
#List5 .newsList .list2 .l2 .text .t1{ margin: 10px 0;}
#List5 .newsList .list2 .l2 .date{ margin: 25px 0 0 0;}
}
@media screen and  (max-width:1199px){
#List5 .newsList .list2 .l2 .text{ margin: 0 1.5%;}
#List5 .newsList .list2 .l2 .text .info{ height: 56px;}
#List5 .newsList .list2 .l2 .date{ margin: 15px 0 0 0;}
}
@media screen and  (max-width:991px){
#List5 .newsList .list1 .u1{ margin: 0 -1% 15px -1%;}
#List5 .newsList .list1 .l1 .text{ padding: 10px 10px 10px 10px;}
#List5 .newsList .list1 .l1 .text .t1{ font-size: 16px; line-height: 18px;}
#List5 .newsList .list1 .l1 .text .info{ margin: 10px 0; line-height: 20px; height: 60px;}
#List5 .newsList .list1 .l1 .text .bot{ padding-top: 10px;}
#List5 .newsList .list1 .l1 .text .date{ font-size: 12px; line-height: 14px;}
#List5 .newsList .list1 .l1 .text .more{ width: 44px; height: 36px;}  
#List5 .newsList .list2 .l2 { padding: 10px 0 10px 5px;}
#List5 .newsList .list2 .l2 .img{ width: 20.5%;}
#List5 .newsList .list2 .l2 .text{ margin: 0 1%; width: 50.5%;}
#List5 .newsList .list2 .l2 .date{ width: 15.5%; padding: 5px 0;}
#List5 .newsList .list2 .l2 .more{ width: 44px; height: 36px; margin-top: -18px;}  
#List5 .newsList .wack1{ margin-top: 15px;}
#List5 .newsList .fy_pc{ text-align: center; font-size: 14px; color:#333; padding: 5px 0;}
#List5 .newsList .fy_pc a{ padding: 5px 25px; background: #02b2b5; color: #fff; border-radius: 16px; overflow: hidden;}
#List5 .newsList .fy_pc span{ padding: 5px 20px; color: #333;} 
}
@media screen and  (max-width:767px){
#List5 .newsList .list1 .u1{ width: 100%; margin: -5px 0 10px 0;}
#List5 .newsList .list1 .l1{ width: 100%; margin: 5px 0;}   
#List5 .newsList .list1 .l1 .text .t1{ font-size: 14px;}
#List5 .newsList .list1 .l1 .text .info{ margin: 5px 0; font-size: 12px; line-height: 16px; height: 32px;}
#List5 .newsList .list2 .l2 .img{ width: 25.5%;}
#List5 .newsList .list2 .l2 .text{ margin: 0 1%; width: 40.5%;}
#List5 .newsList .list2 .l2 .text .t1{ margin: 2px 0; font-size: 14px;}
#List5 .newsList .list2 .l2 .text .info{ font-size: 12px; line-height: 16px; height: 32px;}
#List5 .newsList .list2 .l2 .date{ width: 20.5%; font-size: 10px;}
}
/* 10新闻动态-详情页 */
#Subpage3{ width: 100%; float: left;}
#Subpage3 .newsCon{ width: 100%; float: left;}
#Subpage3 .newsCon .left{ width: 74.818%; float: left;}
#Subpage3 .newsCon .left .tit{ font-size: 24px; line-height: 26px; color: #02b2b5; text-align: center;}
#Subpage3 .newsCon .left .time{ margin: 10px 0 20px 0; font-size: 14px; line-height: 16px; color: #666; text-align: center;}
#Subpage3 .newsCon .left .line{ width: 100%; height: 1px; background: #e5e5e5;}
#Subpage3 .newsCon .left .info{ margin: 25px 0 50px 0; font-size: 14px; line-height: 28px; text-align: justify; color: #333;}
#Subpage3 .newsCon .left .sx_fy{ float: left; width: 100%; padding-top: 7.82%; position: relative; background: url("/static/ckl/images/3126_newscon2.png") center top no-repeat;}
#Subpage3 .newsCon .left .sx_fy a{ float: left; width:50%; color:#666; font-size:14px; line-height:24px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; text-transform:uppercase;}
#Subpage3 .newsCon .left .sx_fy a span{ font-weight:bold; color:#333;}
#Subpage3 .newsCon .left .sx_fy a.l_fy{ padding-right:10px;}
#Subpage3 .newsCon .left .sx_fy a.r_fy{ float:right; text-align:right; padding-left:10px;}
#Subpage3 .newsCon .left .sx_fy a:hover{ color:#02b2b5;}
#Subpage3 .newsCon .right{ width: 22.774%; float: right;}
#Subpage3 .newsCon .right .bt{ padding-left: 20px; font-size: 18px; height: 44px; line-height: 44px; color: #fff; background: #02b2b5;}
#Subpage3 .newsCon .right .u1{ margin-bottom: 25px;}
#Subpage3 .newsCon .right .l1{ font-size: 14px; line-height: 20px; padding: 12px 0 12px 40px; position: relative; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #e5e5e5;}
#Subpage3 .newsCon .right .l1::before{ content: ""; position: absolute; top: 50%; margin-top: -2px; left: 25px; width: 4px; height: 4px; border-radius: 50%; background: #333333;}
#Subpage3 .newsCon .right .l1 a{ color: #333;}
#Subpage3 .newsCon .right .l1:hover a{ color: #02b2b5;}
#Subpage3 .newsCon .right .form{ padding: 10px 20px 30px 20px; width: 100%; border: 1px solid #e5e5e5; border-top: 0;}
#Subpage3 .newsCon .right .form .lab{ margin: 10px 0; width: 100%; position: relative;}
#Subpage3 .newsCon .right .form .fv{ width: 100%; font-size: 14px; line-height: 16px; padding: 10px 15px; border: 0; background: #f0f0f0; color: #333;}
#Subpage3 .newsCon .right .form .img{ width: 86px; height: 100%; position: absolute; top: 1px; right: 1px; line-height: 0; display:table;}
#Subpage3 .newsCon .right .form .img span{display:table-cell;vertical-align:middle;}
#Subpage3 .newsCon .right .form .fv1{ height: 100px;}
#Subpage3 .newsCon .right .form .fv2{ display: block; font-size: 14px; width: 140px; height: 36px; line-height: 36px; margin: 30px auto 0 auto; text-align: center; background: #02b2b5; color: #fff;}

@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Subpage3 .newsCon .left{ width: 100%;}
#Subpage3 .newsCon .left .tit{ font-size: 16px; line-height: 18px;}
#Subpage3 .newsCon .left .time{ margin: 5px 0 10px 0; font-size: 12px; line-height: 14px;}
#Subpage3 .newsCon .left .info{ margin: 10px 0 20px 0; font-size: 14px; line-height: 24px;}
#Subpage3 .newsCon .left .sx_fy{ padding-top: 10.2%;}
#Subpage3 .newsCon .right{ display: none; width: 100%; margin-top: 0;}
#Subpage3 .newsCon .right .bt{ padding-left: 10px; font-size: 16px; height: 30px; line-height: 30px;}
#Subpage3 .newsCon .right .u1{ margin-bottom: 15px;}
#Subpage3 .newsCon .right .l1{ padding: 8px 0 8px 40px;}
#Subpage3 .newsCon .right .form{ padding: 1px 10px 5px 10px;}
#Subpage3 .newsCon .right .form .fv2{ margin: 0 auto 0 auto;}
}
@media screen and  (max-width:767px){

}
/* 单页 */
#Content15{ width: 100%; float: left;}
#Content15 .info{ font-size: 16px; line-height: 30px;}
@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Content15 .info{ font-size: 14px; line-height: 24px;}  
}
@media screen and  (max-width:767px){

}

.sitemap{ width:100%;float:left;}
.sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%;  }
.sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;}
.sitemap li a:hover{color:#02b2b5;}
.sitemap li .font16{ font-size:16px;  /*color:#135fb1*/}
.sitemap li .font14{font-size:14px; }
.sitemap li .font12{ font-size:12px;  color:#999}