@charset "utf-8";
/* CSS Document */

html,body{ width:100%; height:100%;}
body{ font-family:"微软雅黑", Arial, sans-serif; font-size:14px; line-height:24px; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}

.swiper-wrapper{ position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-container-android .swiper-slide, .swiper-wrapper{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0);}
.swiper-slide{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative;}
.swiper-pagination{ -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10;}

/*header*/
.nav{ width:100%; background:rgba(53,54,54,0.7625888625592417); height:82px; position:absolute; left:0; top:0; z-index:99;}
.nav .navMainContent{ width:1200px; margin:auto;}
.nav .navMainContent .logo{ overflow:hidden; padding:13px 0;}
.nav .navMainContent .logo img{ display:block; height:56px;}
.nav .navMainContent .ser{ width:200px; height:30px; margin:26px 0; border-radius:30px; background-color:#fff; float:right;}
.nav .navMainContent .ser .fk-newSearchInput{ width:140px; display:block; float:left; margin-left:14px; height:30px; line-height:30px; font-size:14px; overflow:hidden;}
.nav .navMainContent .ser span{ width:44px; height:30px; float:right; display:block; overflow:hidden;}
.nav .navMainContent .ser span input{ width:100%; height:30px; display:block; background-color:transparent; background-image:url(../images/ser_03.png); background-position:center; background-repeat:no-repeat;}

.itemContainer{ height:82px; margin-right:50px;}
.itemContainer .item{ float:left; height:82px; margin-left:30px;}
.itemContainer .item .navItem{ display:block; font-size:16px; height:82px; line-height:82px; color:#fff;}
.itemContainer .item .navItem.itemSelected,.itemContainer .item:hover .navItem{ color:#ffa727;}
.navDown{ width:100%; position:absolute; left:0; top:82px; background:rgba(53,53,53,0.91); display:none;}
.navDown .box{ width:1200px; margin:30px auto; align-content:flex-start; align-items:stretch; flex-wrap:wrap-reverse;}
.navDown .box .items{ width:259px; padding:0 20px; padding-top:30px; border-right:1px solid rgba(255,255,255,0.3); display:block; float:left;}
.navDown .box .items:nth-child(1),.navDown .box .items:nth-child(2),.navDown .box .items:nth-child(3),.navDown .box .items:nth-child(4){ padding-top:0;}
.navDown .box .items:nth-child(4n+1){ clear:left; float:left;}
.navDown .box .items dt{ font-size:16px; line-height:26px; display:block; overflow:hidden;}
.navDown .box .items dt a{ display:block; color:#fff;}
.navDown .box .items dt a:hover{ color:#ffa727;}
.navDown .box .items dd{ min-height:72px; display:block; padding-left:20px; padding-top:5px;}
.navDown .box .items dd a{ display:block; color:#a0a0a0; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.navDown .box .items dd a:hover{ color:#fff;}
.itemContainer .item:hover .navDown{ display:block;}

/*banner*/
.banner{ width:100%; position:relative; z-index:0;}
.banner .wiper-container{ width:100%; overflow:hidden; position:relative; z-index:1;}
.banner .swiper-slide{ width:100%; display:block; overflow:hidden;}
.banner .swiper-slide img{ width:100%; display:block;}
.banner .swiper-pagination{ border-top-left-radius:12px; border-top-right-radius:12px; background:rgba(51,51,51,.3); text-align:center; position:absolute; z-index:3; bottom:0; left:50%; transform:translateX(-50%); height:10px; padding:12px; padding-top:20px;}
.banner .swiper-pagination span{ width:10px; height:10px; display:block; float:left; border-radius:10px; background-color:#fff; opacity:0.5; transition:width .4s; margin:0 8px; overflow:hidden; cursor:pointer;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ width:24px; opacity:1;}
.banner .swiper-button-prev{ height:60px; width:60px; cursor:pointer; display:block; position:absolute; left:5%; top:50%; z-index:9; margin-top:-30px; background:url(../images/vbg01.png?v=202201121145) -566px -1288px; _background:url(../images/bottomRoundImg_prev.gif?v=202104251101); background-repeat:no-repeat;}
.banner .swiper-button-next{ height:60px; width:60px; cursor:pointer; display:block; position:absolute; right:5%; top:50%; z-index:9; margin-top:-30px; background:url(../images/vbg01.png?v=202201121145) -604px -1288px; _background:url(../images/bottomRoundImg_next.gif?v=202104251101); background-repeat:no-repeat;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{ background-color:rgba(0,0,0,0.4); border-radius:12px;}

/*产品中心*/
.pbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f8f8f8;}
.pbox .title{ width:1200px; margin:auto; text-align:center;}
.pbox .title span{ font-size:30px; line-height:40px; display:block; overflow:hidden; color:#ffa727;}
.pbox .title p{ font-size:16px; line-height:26px; display:block; overflow:hidden; color:#333; margin-top:4px;}
.pbox .slideGroup{ width:1200px; margin:auto; margin-top:25px;}
.pbox .slideGroup .parHd{ width:100%; text-align:center;}
.pbox .slideGroup .parHd li{ display:inline-table; width:190px; margin:0 6px; border-radius:36px; background-color:#dedede; font-size:16px; line-height:36px; overflow:hidden; cursor:pointer; margin-bottom:10px;}
.pbox .slideGroup .parHd li.on{ background-color:#ffa727; color:#fff;}
.pbox .slideGroup .parBd{ width:100%; padding-top:20px;}
.pbox .slideGroup .slideBox{ padding:0 72px; position:relative;}
.pbox .slideGroup .slideBox .sPrev{ position:absolute; left:0; top:50%; margin-top:-25px; height:50px; width:50px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#9f9f9f; opacity:0.3;}
.pbox .slideGroup .slideBox .sPrev b{ display:block; background:url(../images/vbg01.png?v=202201121145) -33px -170px no-repeat; _background:url(../images/New_prev.gif?v=202104251101) no-repeat; width:7px; height:13px; position:absolute; left:21.5px; top:18.5px;}
.pbox .slideGroup .slideBox .sNext{ position:absolute; right:0; top:50%; margin-top:-25px; height:50px; width:50px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#9f9f9f; opacity:0.3;}
.pbox .slideGroup .slideBox .sNext b{ display:block; background:url(../images/vbg01.png?v=202201121145) -33px -142px no-repeat; _background:url(../images/New_next.gif?v=202104251101) no-repeat; width:7px; height:13px; position:absolute; right:21.5px; top:18.5px;}
.pbox .slideGroup .slideBox .sPrev:hover,.pbox .slideGroup .slideBox .sNext:hover{ opacity:1;}
.pbox .slideGroup .slideBox img{ width:100%; display:block;}
.pbox .slideGroup .slideBox ul{ width:100%; display:block; overflow:hidden;}
.pbox .slideGroup .slideBox li{ width:320px; height:320px; border:1px solid #dedede; float:left; display:block; margin:0 15px; overflow:hidden;}
.pbox .slideGroup .slideBox li a{ padding:15px; width:290px; height:290px; display:block; position:relative;}
.pbox .slideGroup .slideBox li a strong{ width:290px; height:290px; display:block; overflow:hidden;}
.pbox .slideGroup .slideBox li a strong img{ width:100%; display:block;}
.pbox .slideGroup .slideBox li a p{ position:absolute; left:15px; bottom:-70px; display:block; width:260px; text-align:center; background-color:rgba(0,0,0,0.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:10px 15px;}
.pbox .slideGroup .slideBox li a p b{ display:block; font-size:14px; line-height:18px; height:18px; overflow:hidden; color:#fff;}
.pbox .slideGroup .slideBox li a p span{ display:block; font-size:12px; line-height:16px; height:16px; overflow:hidden; color:#fff;}
.pbox .slideGroup .slideBox li:hover a p{ bottom:15px;}

/*走进康必达*/
.abox{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed;}
.abox .box{ padding-top:65px; padding-bottom:70px; background-color:rgba(0,0,0,0.8); width:100%;}
.abox .title{ width:1200px; margin:auto; text-align:center;}
.abox .title span{ font-size:30px; line-height:40px; display:block; overflow:hidden; color:#ffa727;}
.abox .title p{ font-size:16px; line-height:26px; display:block; overflow:hidden; color:#fff; margin-top:4px;}
.abox .cont{ width:1200px; margin:auto; margin-top:25px;}
.abox .cont .left{ width:540px; float:left; margin-top:35px;}
.abox .cont .left .cn{ color:#fff; font-weight:bold; font-size:24px; height:34px; line-height:34px;}
.abox .cont .left .en{ color:#fff; font-size:14px; height:22px; line-height:22px;}
.abox .cont .left .cn a,.abox .cont .left .en a{ color:#fff;}
.abox .cont .left .wen{ color:#fff; font-size:14px; height:216px; line-height:24px; margin-top:20px;}
.abox .cont .left .wen a{ color:#fff;}
.abox .cont .left .wen span,.abox .cont .left .wen p{ color:#fff !important;}
.abox .cont .left .more{ width:120px; height:40px; margin-top:33px; position:relative;}
.abox .cont .left .more a{ width:100%; height:40px; font-size:14px; line-height:40px; display:block; text-align:center; color:#fff; position:absolute; left:0; top:0; z-index:3;}
.abox .cont .left .more b{ width:60px; height:1px; display:block; position:absolute; left:0; top:0; z-index:1; background-color:#fff; opacity:0.3; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in;  transition:all 0.5s ease-in;}
.abox .cont .left .more strong{ width:40px; height:1px; display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:#fff; opacity:0.3; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in;  transition:all 0.5s ease-in;}
.abox .cont .left .more:hover b,.abox .cont .left .more:hover strong{ width:100%; height:100%; background-color:#ffa727; opacity:0.7;}
.abox .cont .right{ width:560px; height:400px; padding:20px; float:right; background-image:url(../images/abg.png); background-position:center; background-repeat:no-repeat; position:relative;}
.abox .cont .right .tu{ width:560px; height:400px; position:relative;}
.abox .cont .right .tu img{ width:100%; display:block;}
.abox .cont .right .tu b{ position:absolute; width:60px; height:60px; display:block; background:url(../images/mbg01.png?v=202201121145) -2308px -845px no-repeat; top:50%; left:50%; margin-top:-30px; margin-left:-30px;}
.abox .cont .right .r02{ font-size:36px; line-height:40px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; position:absolute; right:0; bottom:-8px; text-transform:uppercase;}
.abox .cont .right .r02 a{ color:#ffa727;}

.bg_video{ width:100%; height:100%; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.7); display:none; z-index:999;}
.bg_video .video_dialog{ max-width:50%; max-height:50%; position:absolute; top:25%; left:25%; background-color:#fff; border:5px solid #fff; box-sizing:border-box;}
.bg_video .video_dialog video{ width:100%; display:block; overflow:hidden;}
.bg_video .video_dialog .close{ z-index:9999; position:absolute; right:10px; top:10px; cursor:pointer; width:34px; height:34px; background:url(../images/mbg01.png?v=202201121145) -2340px -590px no-repeat;}

/*解决方案*/
.cbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#fff;}
.cbox .title{ width:1200px; margin:auto; text-align:center;}
.cbox .title span{ font-size:30px; line-height:40px; display:block; overflow:hidden; color:#ffa727;}
.cbox .title p{ font-size:16px; line-height:26px; display:block; overflow:hidden; color:#333; margin-top:4px;}
.cbox .box{ width:1080px; padding:0 60px; margin:auto; margin-top:10px; overflow:hidden; position:relative;}
.cbox .box .swiper-container{ width:100%; padding-top:15px; height:450px; overflow:hidden; position:relative;}
.cbox .box .swiper-container .swiper-slide{ width:340px; height:390px; position:relative; overflow:hidden; box-shadow:0 0 20px rgba(2,2,2,0.1); display:block;}
.cbox .box .swiper-container .swiper-slide a{ width:100%; height:390px; display:block; overflow:hidden; position:relative;} 
.cbox .box .swiper-container .swiper-slide:hover{ box-shadow:none; height:450px;}
.cbox .box .swiper-container .swiper-slide:hover a{ height:440px;}
.cbox .box .swiper-container .swiper-slide .tu{ width:340px; height:290px; position:absolute; left:0; top:0; transition:all 1s ease; z-index:1;}
.cbox .box .swiper-container .swiper-slide .tu p{ display:block; width:100%; height:290px; overflow:hidden; margin:auto;}
.cbox .box .swiper-container .swiper-slide .tu img{ display:block; height:100%;}
.cbox .box .swiper-container .swiper-slide .tu span{ width:1px; height:40px; display:block; background-color:#cacaca; position:absolute; left:50%; bottom:-400px; transform:translateX(-50%) translateY(0); overflow:hidden;}
.cbox .box .swiper-container .swiper-slide:hover .tu{ width:100px; height:125px; left:120px; top:240px;}
.cbox .box .swiper-container .swiper-slide:hover .tu p{ width:100px; height:100px; border-radius:100%;}
.cbox .box .swiper-container .swiper-slide:hover .tu span{ bottom:0;}
.cbox .box .swiper-container .swiper-slide .wen{ width:280px; height:240px; padding:25px 30px; position:absolute; left:0; top:0; transition:all 1s ease; opacity:0; background-color:#ffa727; z-index:0;}
.cbox .box .swiper-container .swiper-slide .wen p{ display:block; width:100%; font-size:14px; line-height:24px; height:168px; color:#fff; overflow:hidden;}
.cbox .box .swiper-container .swiper-slide:hover .wen{ opacity:1;}
.cbox .box .swiper-container .swiper-slide .bt{ text-align:center; position:absolute; left:30px; width:280px; top:315px; transition:all 1s ease;}
.cbox .box .swiper-container .swiper-slide .bt p{ display:block; font-size:18px; height:28px; line-height:28px; overflow:hidden;}
.cbox .box .swiper-container .swiper-slide .bt span{ display:block; font-size:14px; height:22px; line-height:22px; color:#666; overflow:hidden;}
.cbox .box .swiper-container .swiper-slide:hover .bt{ top:375px;}
.cbox .box .swiper-container .swiper-slide:hover .bt p{ color:#ffa727;}
.cbox .box .swiper-button-prev{ width:40px; height:90px; cursor:pointer; position:absolute; left:0; top:142px; background-image:url(../images/left01.png); background-position:center; background-repeat:no-repeat;}
.cbox .box .swiper-button-next{ width:40px; height:90px; cursor:pointer; position:absolute; right:0; top:142px; background-image:url(../images/right01.png); background-position:center; background-repeat:no-repeat;}
.cbox .box .swiper-pagination{ width:100%; position:absolute; left:0; bottom:0; text-align:center;}
.cbox .box .swiper-pagination span{ display:inline-block; width:10px; height:10px; margin:0 5px; border-radius:10px; background-color:#ddd; cursor:pointer;}
.cbox .box .swiper-pagination span.swiper-pagination-bullet-active{ background-color:#ffa727;}

/*新闻资讯*/
.nbox{ width:100%; padding-top:65px; padding-bottom:70px; background-color:#f8f8f8;}
.nbox .title{ width:1200px; margin:auto; text-align:center;}
.nbox .title span{ font-size:30px; line-height:40px; display:block; overflow:hidden; color:#ffa727;}
.nbox .title p{ font-size:16px; line-height:26px; display:block; overflow:hidden; color:#333; margin-top:4px;}
.nbox .box{ width:1200px; margin:auto; display:block; margin-top:25px; position:relative;}
.nbox .box ul{ width:1230px; display:block; overflow:hidden;}
.nbox .box ul li{ width:380px; display:block; float:left; margin-right:30px; overflow:hidden; height:465px; background-color:#fff;}
.nbox .box ul li strong{ width:100%; height:220px; display:block; overflow:hidden;}
.nbox .box ul li strong img{ width:100%; display:block;}
.nbox .box ul li dl{ display:block; padding-top:10px; width:340px; margin:auto; overflow:hidden;}
.nbox .box ul li dl dt{ display:block; border-bottom:1px dashed #cacaca; overflow:hidden;}
.nbox .box ul li dl dt a{ max-width:280px; display:block; float:left; overflow:hidden; font-size:14px; height:40px; line-height:40px;}
.nbox .box ul li dl dt span{ display:block; float:right; height:40px; line-height:40px; font-size:14px; color:#999;}
.nbox .box ul li dl dt:hover a{ color:#ffa727;}
.nbox .box ul li dl dd{ display:block; padding-top:20px;}
.nbox .box ul li dl dd a{ display:block; width:26px; height:26px; margin:auto; background-image:url(../images/nm.png); background-repeat:no-repeat;}
.nbox .box ul li dl dd a:hover{ background-image:url(../images/nm01.png);}

/*footer*/
.footer{ width:100%; background-color:#333;}
.footer .foot{ width:1200px; display:flex; margin:50px auto;}
.footer .foot .f01{ width:189px; border-right:1px solid #717171; margin-right:20px;}
.footer .foot .f01 .left{ width:40px; float:left;}
.footer .foot .f01 .left img{ width:24px; display:block;}
.footer .foot .f01 .right{ width:130px; float:left;}
.footer .foot .f01 .right b{ display:block; font-size:20px; line-height:20px; color:#fff;}
.footer .foot .f01 .right strong{ display:block; width:30px; height:1px; background-color:#fff; overflow:hidden; margin-top:15px;}
.footer .foot .f01 .right p{ display:block; overflow:hidden; padding-top:4px;}
.footer .foot .f01 .right p a{ font-size:14px; line-height:14px; margin-top:16px; display:block; color:#fff;}
.footer .foot .f01 .right p a:hover{ color:#ffa727;}
.footer .foot .f02{ width:120px;}
.footer .foot .f02 p{ display:block; float:right; overflow:hidden; width:120px;}
.footer .foot .f02 p strong{ width:90px; height:90px; display:block; padding:15px; overflow:hidden; background-image:url(../images/f05_62.jpg);}
.footer .foot .f02 p strong b{ width:100%; height:100%; display:block; overflow:hidden;}
.footer .foot .f02 p strong img{ width:100%;}
.footer .foot .f02 p a{ width:100%; text-align:center; font-size:14px; line-height:14px; display:block; margin-top:20px; color:#fff;}
.footer .box{ width:1200px; margin:auto; height:70px; border-radius:70px; background-color:#fff; display:flex; justify-content:center; flex-direction:row;}
.footer .box li{ padding:0 20px; border-right:1px solid #999;}
.footer .box li:last-child{ border-right:none;}
.footer .box li p{ display:block; padding-left:40px; background-position:left center; background-repeat:no-repeat; font-size:15px; line-height:70px; height:70px; overflow:hidden;}
.footer .bq{ width:1200px; margin:auto;}
.footer .bq .left{ font-size:14px; line-height:80px; height:80px; color:#fff; float:left;}
.footer .bq .left a{ display:block; float:left; color:#fff; margin-right:30px;}
.footer .bq .right{ font-size:14px; line-height:80px; height:80px; color:#fff; float:right; vertical-align:middle;}
.footer .bq .right a{ color:#fff;}

#gotop{ width:40px; height:40px; display:block; cursor:pointer; background-color:rgba(255,167,39,0.7); border-radius:5px; position:fixed; right:3%; bottom:5%; z-index:99; overflow:hidden;}
#gotop img{ width:100%; display:block;}

/*内页*/
.ban{ width:100%; height:500px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; z-index:0;}
.main{ width:1200px; margin:30px auto; margin-bottom:70px;}
.main .lbar{ width:210px; float:left;}
.main .lbar p{ display:none; overflow:hidden; padding:13px 20px; background-color:#ffa727;}
.main .lbar p span{ display:block; color:#fff; font-size:24px; line-height:36px; height:36px; overflow:hidden;}
.main .lbar p a{ text-align:right; text-transform:uppercase; display:block; color:#fff; font-size:18px; line-height:28px; height:28px; overflow:hidden;}
.main .lbar .ce{ width:100%; display:block; overflow:hidden;}
.main .lbar .ce li{ width:100%; display:block; margin-bottom:1px;}
.main .lbar .ce li a{ width:100%; height:50px; line-height:50px; position:relative; display:block; overflow:hidden; cursor:pointer; background-color:#4da4b1; text-align:center; font-size:16px; color:#fff;}
.main .lbar .ce li a.on{ background-color:#ffa727;}
/*.main .lbar .ce{ width:100%; display:block; overflow:hidden;}
.main .lbar .ce li{ width:258px; border:1px solid #cacaca; border-top:none; display:block;}
.main .lbar .ce li a{ width:100%; height:44px; line-height:44px; position:relative; display:block; overflow:hidden; cursor:pointer;}
.main .lbar .ce li a b{ width:0; height:44px; display:block; background-color:#f7f7f7; position:absolute; left:0; bottom:0; transition:width .5s; -moz-transition:width .5s; -webkit-transition:width .5s; -o-transition:width .5s; z-index:0;}
.main .lbar .ce li a strong{ font-weight:normal; display:block; width:220px; position:absolute; left:19px; top:0; z-index:11; font-size:16px;}
.main .lbar .ce li a em{ width:10px; height:44px; position:absolute; right:19px; top:0; background-image:url(../images/nav_03.png); background-position:center; background-repeat:no-repeat;}
.main .lbar .ce li:hover a strong{ color:#ffa727 !important; font-weight:bold;}
.main .lbar .ce li a.on strong,.main .lbar .ce li a.xz strong{ color:#ffa727 !important; font-weight:bold;}
.main .lbar .ce li a.on em,.main .lbar .ce li a.xz em{ background-image:url(../images/navh_03.png);}
.main .lbar .ce li:hover a b{ width:258px;}
.main .lbar .ce li a.on b,.main .lbar .ce li a.xz b{ width:258px;}
.main .lbar .ce li .er{ display:none; margin:auto; overflow:hidden; padding:15px 19px;}
.main .lbar .ce li .er li{ width:100%; display:block; height:34px; border:none; overflow:hidden; font-size:14px; line-height:34px;}
.main .lbar .ce li .er li a{ height:34px; line-height:34px; display:block; padding:0 20px;}
.main .lbar .ce li .er li a:hover{ color:#ffa727 !important;}
.main .lbar .ce li .er li.cur a{ color:#ffa727 !important; background-color:#eee;}*/

.main .rbar{ width:960px; float:right;}
.main .rbar .title{ width:100%; height:42px; background-image:url(../images/ptt.jpg); background-position:left bottom; background-repeat:no-repeat;}
.main .rbar .title span{ display:block; float:left; font-size:18px; height:20px; line-height:20px; margin:10px 0; /*padding-left:10px; border-left:5px solid #ffa727;*/ color:#ffa727;}
.main .rbar .title p{ display:block; float:right; font-size:14px; height:40px; line-height:40px; color:#666;}
.main .rbar .title p a{ color:#666;}
.main .dao{ width:100%; text-align:center; margin-top:20px;}
.main .dao a{ display:block; width:25%; border-right:2px solid #fff; box-sizing:border-box; float:left; font-size:16px; height:50px; line-height:50px; background-color:#4da4b1; margin-bottom:2px; color:#fff;}
.main .dao a.on,.main .dao a:hover{ background-color:#ffa727;}

/*产品中心*/
.pro{ width:100%;}
.pro ul{ width:990px; display:block; overflow:hidden;}
.pro ul li{ width:298px; height:298px; border:1px solid #dedede; float:left; display:block; margin-right:30px; margin-top:30px; overflow:hidden;}
.pro ul li a{ width:298px; height:298px; display:block; position:relative;}
.pro ul li a strong{ width:298px; height:298px; display:block; overflow:hidden;}
.pro ul li a strong img{ width:100%; display:block;}
.pro ul li a p{ position:absolute; left:0; bottom:-70px; display:block; width:268px; text-align:center; background-color:rgba(0,0,0,0.7); -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; padding:10px 15px;}
.pro ul li a p b{ display:block; font-size:14px; line-height:18px; height:18px; overflow:hidden; color:#fff;}
.pro ul li a p span{ display:block; font-size:12px; line-height:16px; height:16px; overflow:hidden; color:#fff;}
.pro ul li:hover a p{ bottom:0;}

/*fanye*/
.fanye{ width:100%; margin-top:20px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block;}
.fanye li a{ min-width:14px; padding:0 5px; height:24px; line-height:24px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:14px; padding:0 5px; height:24px; line-height:24px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#ffa727;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#ffa727;}

/*产品内页*/
.main .chan{ width:100%;}
.main .cl{ width:568px; height:408px; float:left; border:1px solid #cacaca;} 
.main .cl .swiper-container{ width:100%; height:100%; overflow:hidden; position:relative;}
.main .cl .swiper-wrapper{ position:relative; width:100%; height:100%;}
.main .cl .swiper-slide a{ overflow:hidden;}
.main .cl .swiper-slide img{ height:408px; display:block; margin:auto;}
.main .cl .swiper-pagination{ width:100%; position:absolute; right:10px; bottom:10px; text-align:right; z-index:11; font-size:18px;}
.main .cl .swiper-pagination span.swiper-pagination-current{ color:#ffa727;}
.main .cl .swiper-button-prev{ position:absolute; left:15px; top:50%; margin-top:-25px; height:50px; width:50px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#9f9f9f; opacity:0.3; z-index:9;}
.main .cl .swiper-button-prev b{ display:block; background:url(../images/vbg01.png?v=202201121145) -33px -170px no-repeat; _background:url(../images/New_prev.gif?v=202104251101) no-repeat; width:7px; height:13px; position:absolute; left:21.5px; top:18.5px;}
.main .cl .swiper-button-next{ position:absolute; right:15px; top:50%; margin-top:-25px; height:50px; width:50px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#9f9f9f; opacity:0.3; z-index:9;}
.main .cl .swiper-button-next b{ display:block; background:url(../images/vbg01.png?v=202201121145) -33px -142px no-repeat; _background:url(../images/New_next.gif?v=202104251101) no-repeat; width:7px; height:13px; position:absolute; right:21.5px; top:18.5px;}
.main .cl .swiper-button-prev:hover,.main .cl .swiper-button-next:hover{ opacity:1;}

.main .cr{ width:600px; float:right;}
.main .cr .tou{ font-size:24px; color:#ffa727; line-height:50px; height:50px;}
.main .cr .wen{ font-size:14px; line-height:26px; min-height:234px; margin-bottom:25px;}
.main .cr .cr03{ width:520px; padding:15px 20px; background-color:#f7f7f7;}
.main .cr .cr03 .box{ position:relative;}
.main .cr .cr03 .box span{ display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden;}
.main .cr .cr03 .box p{ display:block; font-size:24px; line-height:34px; height:34px; overflow:hidden; color:#ffa727;}
.main .cr .cr03 .box a{ width:120px; height:40px; text-align:center; position:absolute; right:0; top:50%; margin-top:-20px; font-size:14px; line-height:40px; border-radius:5px; background-color:#ffa727; color:#fff; display:block;}

.main .cpx{ width:100%; margin:auto; background-image:url(../images/ptt.jpg); background-position:left bottom; background-repeat:no-repeat; height:44px; padding-top:26px;}
.main .cpx p{ display:block; text-align:center; font-size:18px; height:44px; line-height:44px; width:120px; font-weight:bold; color:#ffa727;}
.main .wenz{ width:100%; margin:auto; font-size:14px; line-height:24px; margin-top:20px;}
.main .wenz img{ max-width:100%; height:auto;}
.main .wenz iframe,.main .wenz video{ width:100%; height:460px; display:block; margin:auto;}

/*应用案例*/
.case{ width:100%; margin-top:20px;}
.case li{ width:280px; float:left; margin-right:20px; display:block; overflow:hidden; height:240px;}
.case li img{ width:100%; display:block;}

/*平台*/
.ab01{ width:1200px; margin:70px auto; display:flex; align-items:center; position:relative;}
.ab01 .left{ width:45%;}
.ab01 .left .en{ color:#999; font-size:18px; line-height:28px; height:28px; text-transform:uppercase;}
.ab01 .left .cn{ color:#ffa727; font-size:24px; line-height:34px; height:34px;}
.ab01 .left .wen{ color:#333; font-size:14px; line-height:24px; margin-top:15px;}
.ab01 .left .more{ width:120px; height:40px; margin-top:20px; position:relative;}
.ab01 .left .more a{ width:100%; height:40px; font-size:14px; line-height:40px; display:block; text-align:center; color:#333; position:absolute; left:0; top:0; z-index:3; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in;  transition:all 0.5s ease-in;}
.ab01 .left .more b{ width:60px; height:1px; display:block; position:absolute; left:0; top:0; z-index:1; background-color:#ffa727; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in;  transition:all 0.5s ease-in;}
.ab01 .left .more strong{ width:40px; height:1px; display:block; position:absolute; right:0; bottom:0; z-index:1; background-color:#ffa727; -webkit-transition:all 0.5s ease-in; -moz-transition:all 0.5s ease-in; -ms-transition:all 0.5s ease-in; -o-transition:all 0.5s ease-in;  transition:all 0.5s ease-in;}
.ab01 .left .more:hover a{ color:#fff;}
.ab01 .left .more:hover b,.ab01 .left .more:hover strong{ width:100%; height:100%;}
.ab01 .right{ width:50%; margin-left:5%;}
.ab01 .right dl{ width:100%; display:block; overflow:hidden; position:relative;}
.ab01 .right p{ width:100%; height:2px; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:#eee;}
.ab01 .right a{ width:2px; height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:#eee;}
.ab01 .right dl dt{ padding:30px; display:block; float:left; width:50%; box-sizing:border-box; overflow:hidden; text-align:center; -webkit-transition:-webkit-transform 1s,height 1s,width 1s; cursor:pointer;}
.ab01 .right dl dt strong{ display:block; overflow:hidden;}
.ab01 .right dl dt strong img{ display:block; height:50px; margin:10px auto;}
.ab01 .right dl dt span{ font-size:14px; line-height:34px; height:34px; display:block; overflow:hidden; color:#999;}
.ab01 .right dl dt:hover{ -webkit-transform:rotateY(-360deg);}
.ab01 .right dl dt:hover strong{ color:#ffa727;}

.ab02{ width:100%; background-position:center; background-repeat:no-repeat; background-attachment:fixed; position:relative;}
.ab02 .box{ width:1200px; margin:auto; position:relative; z-index:9;}
.ab02 .bg{ width:50%; height:100%; position:absolute; right:0; top:0; background-color:rgba(255,167,39,0.9); z-index:0;}
.ab02 .wen{ float:right; width:550px; padding:45px 0;}
.ab02 .wen .w01{ font-size:24px; line-height:34px; height:34px; color:#fff;}
.ab02 .wen .w02{ color:#fff; font-size:18px; line-height:28px; height:28px; text-transform:uppercase;}
.ab02 .wen .w03{ font-size:14px; line-height:24px; color:#fff; margin-top:15px;}
.ab02 .wen .w04{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}
.ab02 .wen .w04 p{ display:block; overflow:hidden; margin-top:15px;}
.ab02 .wen .w04 p strong{ width:40px; height:40px; border-radius:100%; background-color:#fff; overflow:hidden; float:left;}
.ab02 .wen .w04 p strong img{ height:24px; display:block; margin:8px auto;}
.ab02 .wen .w04 p span{ width:500px; display:block; float:left; margin-left:10px; font-size:16px; height:40px; line-height:40px; overflow:hidden;}

/*新闻*/
.main .rbar .list02{ width:100%; margin:auto; display:block; overflow:hidden;}
.main .rbar .list02 li{ width:100%; padding:20px 0; border-bottom:1px solid #eee; display:block; float:left; height:110px; position:relative; overflow:hidden;}
.main .rbar .list02 li .left{ width:168px; height:108px; border:1px solid #cacaca; float:left;}
.main .rbar .list02 li .left img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .rbar .list02 li .right{ width:770px; height:110px; float:right;}
.main .rbar .list02 li .right .bt{ font-size:18px; height:28px; line-height:28px;}
.main .rbar .list02 li .right .wen{ width:100%; height:48px; line-height:24px; font-size:14px; margin:5px 0; color:#666;}
.main .rbar .list02 li .right .shi{ width:100%; height:24px;}
.main .rbar .list02 li .right .shi span{ display:block; float:right; font-size:14px; color:#999; height:24px; line-height:24px;}
.main .rbar .list02 li .right .shi b{ display:block; float:right; width:120px; height:1px; background-color:#cacaca; margin-right:15px; margin-top:11px;}
.main .rbar .list02 li:hover img{ transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05);}
.main .rbar .list02 li:hover .bt a{ color:#ffa727;}
.main .rbar .list02 li:hover .shi b{ background-color:#ffa727;}
.main .rbar .list02 li:hover .shi span{ color:#ffa727;}

/*新闻内页*/
.main .rbar .biao{ text-align:center; color:#ffa727; font-size:18px; line-height:28px; margin-top:20px;}
.main .rbar .sj{ text-align:center; color:#999; font-size:14px; line-height:24px; height:34px; border-bottom:1px solid #eee;}
.main .rbar .back{ margin-top:25px; padding-top:15px; border-top:1px solid #eee; position:relative;}
.main .rbar .back p{ display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden;}
.main .rbar .back p a{ max-width:700px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:middle; height:24px;}
.main .rbar .back p a:hover{ color:#ffa727;}
.main .rbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.main .rbar .back span a:hover{ color:#ffa727;}

/*荣誉资质*/
.main .honor{ width:900px; display:block; overflow:hidden;}
.main .honor dd{ width:278px; border:1px solid #cacaca; height:390px; display:block; float:left; margin-top:20px; margin-right:20px; overflow:hidden; background-color:#fff;}
.main .honor dd a{ width:100%; height:390px; overflow:hidden; display:block; position:relative;}
.main .honor a img{ height:100%; display:block; margin:auto;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main .honor dd p{ width:100%; height:390px; display:none; text-align:center; vertical-align:middle; overflow:hidden; position:absolute; left:0; top:0;}
.main .honor dd p span{ width:100%; height:390px; display:table-cell; text-align:center; vertical-align:middle; overflow:hidden;}
.main .honor dd p b{ display:block; width:110px; height:1px; background-color:rgba(255,255,255,0.7); overflow:hidden; margin:auto;}
.main .honor dd p strong{ display:block; font-weight:normal; font-size:16px; color:#fff; line-height:38px; overflow:hidden;}
.main .honor a:hover p{ display:table; background-color:rgba(238,83,17,0.7);}
.main .honor a:hover img {
	transform: scale(1.1, 1.1);
	-ms-transform:scale(1.1, 1.1);
	-moz-transform:scale(1.1, 1.1);
	-webkit-transform:scale(1.1, 1.1);
	-o-transform:scale(1.1, 1.1); 
}

/*联系我们*/
.lx{ width:100%; margin-top:20px;}
.lx #map{ width:450px; height:360px; float:left;}
.lx .right01{ width:400px; float:right; margin-top:30px; display:block;}
.lx .right01 dt{ display:block; font-size:20px; color:#ffa727; display:block; font-weight:bold; padding-bottom:5px; overflow:hidden;}
.lx .right01 dd{ display:block; font-size:14px; line-height:24px; margin-top:20px; position:relative; padding-left:35px; overflow:hidden;}
.lx .right01 dd img{ height:24px; display:block; position:absolute; left:0; top:0;}

/*在线留言*/
.mess{ width:560px;}
.mess li{ width:100%; overflow:hidden; margin-top:20px;}
.mess li span{ display:block; float:left; margin-right:10px; width:90px; text-align:right; font-size:14px; line-height:36px; height:36px;}
.mess li p{ display:block; float:left; width:350px; padding:0 9px; border:1px solid #cacaca; height:34px; overflow:hidden; background-color:#fff;}
.mess li p input{ display:block; width:100%; font-size:14px; line-height:34px; height:34px;}
.mess li a{ display:block; float:left; margin-left:10px; color:#da0000;}
.mess li strong{ display:block; width:430px; height:120px; padding:7px 9px; border:1px solid #cacaca; overflow:hidden; background-color:#fff;}
.mess li strong textarea{ display:block; width:100%; font-size:15px; line-height:24px; height:120px;}
#btnsub{ margin-top:20px; margin-left:100px;}
#btnsub input{ width:130px; height:36px; background-color:#ffa727; text-align:center; display:block; float:left; line-height:36px; font-size:14px; color:#fff; cursor:pointer;}
#btnsub a{ width:130px; height:36px; margin-left:20px; display:block; float:left; overflow:hidden;}
#btnsub a img{ width:100%; height:36px; display:block;}

/*资料下载*/
.main .rbar .list01{ width:990px; display:block;}
.main .rbar .list01 li{ width:168px; display:block; float:left; margin-top:30px; margin-right:30px; overflow:hidden;}
.main .rbar .list01 li:nth-child(5n+1){ clear:left; float:left;}
.main .rbar .list01 li img{ display:block; height:60px; margin:auto;}
.main .rbar .list01 li p{ display:block; text-align:center; font-size:14px; line-height:20px; margin-top:10px;}
.main .rbar .list01 li:hover p{ color:#ffa727;}

/*弹出框*/
#btn1{ cursor: pointer;}
.xcConfirm .xc_layer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}
.xcConfirm .popBox{position: fixed; left: 50%; top: 50%; padding-bottom: 20px; background-color: #ffffff; z-index: 2147000001; width: 570px; margin-left: -285px; margin-top: -160px; border-radius: 5px; font-weight: bold; color: #535e66;}
.xcConfirm .popBox .ttBox{height: 30px; line-height: 30px; padding: 14px 30px; border-bottom: solid 1px #eef0f1;}
.xcConfirm .popBox .ttBox .tt{font-size: 18px; display: block; float: left; height: 30px; position: relative;}
.xcConfirm .popBox .ttBox .clsBtn{display: block; cursor: pointer; width: 12px; height: 12px; position: absolute; top: 22px; right: 30px; background: url(__PUBLIC__/Home/PC/images/icons.png) -48px -96px no-repeat;}
.xcConfirm .popBox .txtBox{margin: 40px 100px; overflow: hidden;}
.xcConfirm .popBox .txtBox .bigIcon{float: left; margin-right: 20px; width: 48px; height: 48px; background-image: url(__PUBLIC__/Home/PC/images/icons.png); background-repeat: no-repeat; background-position: 48px 0;}
.xcConfirm .popBox .txtBox p{ margin-top: 16px; line-height: 26px; overflow-x: hidden; overflow-y: auto;}
.xcConfirm .popBox .btnArea{border-top: solid 1px #eef0f1;}
.xcConfirm .popBox .btnGroup{float: right;}
.xcConfirm .popBox .btnGroup .sgBtn{margin-top: 14px; margin-right: 10px;}
.xcConfirm .popBox .sgBtn{display: block; cursor: pointer; float: left; width: 95px; height: 35px; line-height: 35px; text-align: center; color: #FFFFFF; border-radius: 5px;}
.xcConfirm .popBox .sgBtn.ok{background-color: #0095d9; color: #FFFFFF;}
.xcConfirm .popBox .sgBtn.cancel{background-color: #546a79; color: #FFFFFF;}