/* 进博会专题页样式 */

article{background-color: #f1f1f1;}
.youshi_kv{width: 1200px;margin: auto;}
.ciie_kv img{max-width: 100%;}

.streak{width: 1000px;margin:auto;padding: 30px 0;}
.streak h3{color: #333;font-size: 24px; text-align: center;background: url("../images/ciie/streak_01.png") center no-repeat;}
.streak h4{color: #999;font-size: 12px; text-align: center;line-height: 20px;text-transform: uppercase;}
.streak h5{color: #333;font-size: 16px; text-align: center;margin-top: 5px;}

.attest{width: 1000px;margin:50px auto 0;}
.attest ol{display: grid;grid-template-columns: repeat(4, 1fr);justify-items: center;}
.attest ol li div{display: grid;align-content: center;justify-content: center; background-color: #fff;width: 100px; height: 100px;margin: auto; border-radius: 50%; text-align: center;}
.attest ol li div img{width: 50px;}
.attest ol li h6{color: #ea5d2c;font-size: 20px;text-align: center;line-height: 40px;}
.attest ol li p{color: #999;font-size: 14px;text-align: center;}

.tuiattest{width: 1000px;margin:90px auto 0;padding-bottom: 9px;}
.tuiattest ol{display: grid;grid-template-columns: repeat(4, 1fr);justify-items: center;}
.tuiattest ol li div{color: #241917; margin-bottom: 20px; letter-spacing: -3px;font-size: 40px;font-weight: bold; display: grid;align-content: center;justify-content: center;width: 160px; height: 160px;border:3px solid #ea5d2c; border-radius: 50%;}
.tuiattest ol li p{font-size: 16px;text-align: center;font-weight: bold;line-height: 1.6;}
.tuiattest ol li p b{font-size: 24px;color: #ea5d2c;}

/*全球展览业务范围*/
.libt{margin:60px 30px 30px;}
.libt p{font-size:26px;text-align:center;}
.libt h6{color:#5a5859;font-size:14px;text-align:center;line-height:3;}

.casebt{position: relative; width:1200px;overflow:hidden;margin:0 auto 20px;display: grid;grid-template-columns: 100px auto;}
.casebt .tabzktmore{position: absolute;top: 10px; right: 0;}
.casebt b{border-left:3px solid #9eba94;font-size:26px;color:#404040;padding-left:10px;}
.casebt ul{display: grid;grid-auto-flow: column;gap: 0 40px;justify-content: end;align-items: center;padding-right: 66px;}
.casebt ul li a{color:#000;}
.casebt ul li.active a{color:#f00;}

.yewu{width: 1200px;margin: auto;display: grid;grid-template-columns: 1fr 1fr 1fr;gap:1px;}
.yewu a:hover div i{top:0;transition-duration: 0.6s;}
.yewu div{position: relative;overflow: hidden;height: 225px;}
.yewu div i{position: absolute;top: -225px;left: 0;transition-duration: 0.6s;background:rgba(0, 107, 212, 0.4);height: 224px;color: #fff;display: grid;align-items: center;padding: 20px;font-size: 18px;line-height: 2;}
.yewu img{width: 100%;height: 225px;}
.yewu p{font-size: 18px;color: #fff;background-color: #297ccd;line-height: 2;text-align: center;}

/*优秀案例展示*/
.zhaet{width:1200px;overflow:hidden;margin:0 auto 20px;display: grid;grid-template-columns: 100px auto;}
.zhaet b{border-left:3px solid #9eba94;font-size:26px;color:#404040;padding-left:10px;}
.zhaet ul{display: grid;grid-auto-flow: column;gap: 0 40px;justify-content: end;align-items: center;}
.zhaet ul li a{color:#606060;}
.zhaet ul li:hover a{color:#f00;}

.youxiu{width: 1200px;margin: auto;display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 3px;}
.youxiu a{border-bottom: 1px solid #ccc;}
.youxiu div{overflow: hidden;height: 214px;}
.youxiu img{width: 100%;transition-duration: 0.6s;}
.youxiu img:hover{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); transition-duration: 0.6s;}
.youxiu p{color: #000;font-size: 14px;padding: 9px;}
.youxiu p b{color: #000;font-size: 16px;}

.shipin{width: 1200px;margin: auto;overflow: hidden;}

/*合作客户*/
.mediakv{width:1200px; overflow:hidden; margin:auto;position: relative;padding: 0 36px;}
.mediakv .prev{width: 22px;height: 42px;background:url(../images/meitir.png) center no-repeat;position: absolute;top:50%;right:0px;margin-top: -21px;}
.mediakv .next{width: 22px;height: 42px;background:url(../images/meitil.png) center no-repeat;position: absolute;top:50%;left:0px;margin-top: -21px;}
.mediakv .picList ul{width:158px;overflow:hidden;margin-right: 4px;}
.mediakv .picList ul li{height: 74px;overflow: hidden;border:1px solid #dedede;margin-bottom:4px;}
.mediakv .picList ul li img{width: 100%;}

/*联系我们*/
.lxtwomen{width: 1200px;margin: auto;}
.lxtwomen ul li{overflow:hidden;margin-bottom:15px;}
.lxtwomen input{-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #ddd;border-radius:3px;background-color:#f1f1f1;color:#999;}
.lxtwomen .text1{font-size: 14px;font-family: "微软雅黑";float:left;margin-top:15px;padding:0 15px;width:580px;height:50px;}
.lxtwomen .text1:nth-of-type(2n){margin-right:0;float:right;}
.lxtwomen .text2{font-size: 14px;font-family: "微软雅黑"; -webkit-box-sizing:border-box;box-sizing:border-box;padding:15px;width:1200px;height:80px;border:solid 1px #ddd;border-radius:3px;background-color:#f1f1f1;color:#666;}
.lxtwomen .text3{position:absolute;width:208px;height:50px;border:1px solid #c7c7c7;}
.lxtwomen .text4{position:absolute;margin-top:3px;margin-left:3px;width:208px;height:50px;border:1px solid #c7c7c7;}
.lxtwomen .text5{width:208px;height:50px;border-top:none;border-left: none; color:#333;text-align:center;font-size:16px;cursor:pointer;}

/* 进博会特装展台搭建案例 */
.ciie_case{margin-top: 20px;}
.ciie_case .cutovers{width: 1000px;margin: auto; position: relative;overflow: hidden;}
.ciie_case .cutovers .also{position: absolute;right: 45px;top: 6px;color: #333;}
.ciie_case .cutovers>ol{width: 800px;margin:0 auto 20px; display: grid;grid-template-columns: repeat(8, 1fr);gap: 6px;}
.ciie_case .cutovers>ol>li{cursor: pointer; font-size: 12px;text-align: center;line-height: 26px;border: 1px solid #999;}
.ciie_case .cutovers>ol>li.on{background-color: #ea5d2c;color: #fff;border: none;}
.ciie_case .cutovers .caseimg{width:800px;margin: auto;}
.ciie_case .cutovers .caseimg .artwork li{display: none;}
.ciie_case .cutovers .caseimg .artwork li img{width:800px;}
.ciie_case .cutovers .caseimg .thumbnail{height: 99px;position:relative;}
.ciie_case .cutovers .caseimg .thumbnail a.dotl,.ciie_case .cutovers .caseimg .thumbnail a.dotr{display: none; background:url(../images/arrow1.png) center center no-repeat;width:30px;height:99px;position:absolute;top:0;overflow:hidden;z-index:1}
.ciie_case .cutovers .caseimg .thumbnail a.dotl{left:0;background-position:0 0}
.ciie_case .cutovers .caseimg .thumbnail a.dotr{right:0;background-position:-30px 0}
.ciie_case .cutovers .caseimg .thumbnail .atlas{width:480px;margin:auto; overflow:hidden;position:relative}
.ciie_case .cutovers .caseimg .thumbnail .atlas ul{overflow:hidden;width:20000px;position:relative;}
.ciie_case .cutovers .caseimg .thumbnail .atlas ul li{cursor: pointer; float:left;margin: 7px 5px; overflow:hidden;}
.ciie_case .cutovers .caseimg .thumbnail .atlas ul li.hover {background-color:#000;}
.ciie_case .cutovers .caseimg .thumbnail .atlas ul li img{width:150px;height:85px;}
.ciie_case .cutovers .caseimg .thumbnail .atlas ul li.hover img{-moz-opacity:.5;opacity:.5;}

/* 进博会获奖展台 */
.ciie_booth{width: 1000px;margin:20px auto;}
.ciie_booth ul{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.ciie_booth ul li{position: relative;}
.ciie_booth ul li div{position: absolute;bottom: 0;width: 100%; line-height: 40px; color: #fff; font-size: 20px;background-color: #ea5d2c;text-align: center;}
.ciie_booth ul li div img{margin-top: 3px;width: 24px;}

/* 进博会客户评价 */
.ciie_evaluate{margin-bottom: 15px;}
.ciie_evaluate .snBrand{width: 1000px;margin: auto;padding: 0 30px 5px; position: relative;overflow: hidden;display: grid;grid-template-columns: 300px 550px;justify-content: space-between;}
.ciie_evaluate .snBrand ol li {box-shadow: 2px 2px 2px 1px #d0cfcf;padding: 0 20px 0 30px;background-color: #fff;margin-top: 8px;border-radius: 8px; line-height: 50px;overflow: hidden;display: grid;grid-template-columns: 70px 1fr;}
.ciie_evaluate .snBrand ol li b{font-size: 22px;color: #333;}
.ciie_evaluate .snBrand ol li i{font-size: 22px;color: #333; background: url("../images/ciie/arrowtou.png") center right no-repeat;}
.ciie_evaluate .snBrand ol li.on{background: url("../images/ciie/evaluate.jpg") center no-repeat;}
.ciie_evaluate .snBrand ol li.on b, .snBrand ol li.on i{color: #fff;}
.ciie_evaluate .snBrand ul{height: 120px;}
.ciie_evaluate .snBrand ul li h3{color: #333;font-size: 22px;line-height: 40px;}
.ciie_evaluate .snBrand ul li h3 b{color: #333;font-size: 16px;margin-left: 10px;}
.ciie_evaluate .snBrand ul li span {display: block;width: 40px;height: 3px;border-radius: 10px;background-color: #ff9201;}
.ciie_evaluate .snBrand ul li p {color: #999;font-size: 14px;overflow: hidden;padding-top: 8px;line-height: 20px;}
.ciie_evaluate .snBrand video{position: absolute;bottom: 4px;right: 40px;}

/* 进博会合作企业 */
.ciie_firm {width:1000px; overflow:hidden; margin:0 auto 20px;position: relative;}
.ciie_firm #firm{width:1000px; overflow:hidden; margin:auto;position: relative;padding: 0 42px;}
.ciie_firm .prev, .ciie_firm .next{width: 36px;height: 36px;background:url("../images/ciie/needle.png") center no-repeat;position: absolute;top:44%;}
.ciie_firm .prev{right: 0; transform: rotateY(180deg);}
.ciie_firm .next{left: 0;}
.ciie_firm .picList ul{width:110px;overflow:hidden;margin-right: 5px;}
.ciie_firm .picList ul li{height: 54px;overflow: hidden;margin-bottom:5px;border-radius: 8px;}
.ciie_firm .picList ul li img{width: 100%;}

/* 荣誉资质 */
.ciie_honor{padding-top: 9px;}
.ciie_honor #marqs{width:1000px;margin: auto;overflow: hidden;}
.ciie_honor #marqs img{height:160px; margin-right:10px;box-shadow: 0 0 3px #ffb0b0;}

/* 进博会最新资讯 */
.ciie_news{background-color: #fff;margin-top: 20px;}
.ciie_news .lrwi{width: 1000px;margin:auto;display: grid;grid-template-columns: repeat(2, 1fr);gap: 50px;}
.ciie_news .lrwi .arrow{margin-left: 5px; background:url("../images/ciie/arrow.png") center left no-repeat;padding-left: 20px;color: #666;font-size: 18px;}
.ciie_news .lrwi li{width: 480px;margin-bottom: 15px; border-bottom: 1px dotted #999;color: #606060; font-size: 12px;line-height: 26px;}
.ciie_news .lrwi li.lrwi_pic{border: none;margin-bottom: 10px;height: 300px;overflow: hidden;}
.ciie_news .lrwi li.lrwi_pic img{width: 480px;height: auto;}
.ciie_news .lrwi li p a{color: #000;font-size: 14px;font-weight: bold;}
.ciie_news .lrwi li i{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size: 12px;height: 20px;line-height: 20px;width: 460px;}
.ciie_news .lrwi li:hover p a{color: #eb5c2d;}