.comwidth{width:1160px;margin:0 auto;} /*banner*/ .banner{width: 100%;margin-bottom:75px;} .banner img,.footerBg img{display: block; margin:0 auto;} .footerBg{width: 100%; margin-top:100px;} /*内容*/ .con1,.con2{} .GgMkTit{font-size: 50px; font-weight: bold; color: #f7f7f7;text-transform:uppercase; text-align: center; position: relative; margin:40px 0;} .GgMkTit span{font-size: 34px; font-weight: bold;color:#0f377f; display: inline-block; position: absolute; left:50%; margin-left:-180px; width: 360px; text-align: center; top:25px; letter-spacing: 15px;} .GgMkTit span i{font-style: normal; font-size:18px; display: inline-block; width: 12px; height: 1px; background:#a9a1a1; margin-right: 10px; margin-bottom: 10px;} .con1 .GgMkTit span font,.con2 .GgMkTit span font{font-size:22px;font-weight:bold;letter-spacing:0; display:block;} .chjb{overflow:hidden;margin:0px; padding: 0px;} .chjb li{width:33.3%; float: left; margin-bottom:70px;} .chjb li span, .chjb li font{display: block; text-align: center; width: 100%;} .chjb li span.titImg{width:200px; height: 200px; border-radius: 200px; overflow:hidden; display: block; margin:0 auto;} .chjb li span.titImg img{display: block; margin:0px auto 0;} .chjb li span.name{font-size: 24px; font-weight: bold; color:#333; margin:24px auto 15px;} .chjb li span.Ename{font-size: 14px; color: #6e6e6e; text-transform:uppercase; margin-bottom:20px;} .chjb li font{font-size: 16px; color: #adadad;} /*演讲实录*/ .yjsl{overflow:hidden; margin-top:50px; padding:0px;} .yjsl li{height: 55px; float: left; overflow: hidden;} .yjsl li.li1,.yjsl li.li3,.yjsl li.li5,.yjsl li.li7,.yjsl li.li9{width:48%; margin-right:4%} .yjsl li.li2,.yjsl li.li4,.yjsl li.li6,.yjsl li.li8,.yjsl li.li10{width:48%;} .yjsl li a{width: 80%; float: left; display: block; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;line-height: 55px; font-size:18px; color:#333;} .yjsl li a i{font-style: normal;display: inline-block; line-height: 55px; margin-right:10px;font-size:18px; color:#333;} .yjsl li span{width: 100px; display: block; float: right; line-height: 55px; font-size:16px; color:#666; text-align:right;} .More{display: block; width: 170px; height: 50px; line-height: 50px; margin:30px auto 50px; border-radius: 50px; border:solid 1px #0f377f; font-size: 22px; text-align: center; color:#0f377f;} .More:hover{background: #0f377f; color:#fff;} /*媒体报道*/ .mtbd{width: 100%; background: url(/ebchina/template/page/gdjkIndex/bg.png) top center repeat-x; padding-top:20px; padding-bottom:1px;} .mtbd .GgMkTit{color: #e9e9e9;} /*拍摄花絮*/ .phoneXchx{display: none;} ul.xchx{width: 100%; overflow:hidden; padding:10px 0 0 0;} ul.xchx li.li1{width: 1350px;} ul.xchx li.li2{width: 1350px; float: right;} ul.xchx li a{width: 420px; height: 260px; overflow:hidden; float: left; margin-right:30px; margin-bottom:40px; display: block; border-radius:10px;-o-transition:box-shadow 0.5s ease-out 0s;-webkit-transition:box-shadow 0.5s ease-out 0s;-moz-transition:box-shadow 0.5s ease-out 0s;transition: box-shadow 0.5s ease-out 0s;} ul.xchx li.li2 a{float: right; margin-right:0px; margin-left:30px;} ul.xchx li a img{width: 100%; object-fit: cover; display: block;-o-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;transition: all 0.5s ease-out 0s; } ul.xchx li.li1 .a3,ul.xchx li.li2 .a6{position: relative;} ul.xchx li.li1 .a3 span{position: absolute; right:0px; top:0px; background: url(/ebchina/template/page/gdjkIndex/rightBg.png) -25px 0 repeat-y; display: block; width: 100%; height: 100%;} ul.xchx li.li2 .a6 span{position: absolute; right:0px; top:0px; background: url(/ebchina/template/page/gdjkIndex/leftBg.png) 100px 0 repeat-y; display: block; width: 100%; height: 100%;} ul.xchx li a:hover{-moz-box-shadow:0px 0px 12px #DEDEDE; -webkit-box-shadow:0px 0px 12px #DEDEDE; box-shadow:0px 0px 12px #DEDEDE;} ul.xchx li a:hover img{-ms-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} #leftLoop{margin-bottom:40px;} #leftLoop,#rightLoop{position: relative;} #leftLoop span{position: absolute; right:-1px; top:0px; background: url(/ebchina/template/page/gdjkIndex/rightBg.png) right 0 repeat-y; display: block; width: 40%; height: 100%;} #rightLoop span{position: absolute; left:-1px; top:0px; background: url(/ebchina/template/page/gdjkIndex/leftBg.png) 0px 0 repeat-y; display: block; width: 40%; height: 100%;} #leftLoopCon,#rightLoopCon{width: 100%; height: 260px; overflow: hidden;} #leftLoopCon a,#rightLoopCon a{display: inline-block; width: 420px; height: 260px;margin-right:30px;border-radius:10px;-o-transition:box-shadow 0.5s ease-out 0s;-webkit-transition:box-shadow 0.5s ease-out 0s;-moz-transition:box-shadow 0.5s ease-out 0s;transition: box-shadow 0.5s ease-out 0s; overflow:hidden;} #leftLoopCon a img,#rightLoopCon a img{width: 100%; height: 100%;} .str_move{background:#fff !important;} @media only screen and (max-width:1199px){ *,html, body, div, p, h1, h2, em,h3, h4, h5, h6, ul, li, dl, dd, dt, ol, img, table, form, input, button, textarea, select, option, strong, span, b, i, font, a,label{box-sizing: border-box;} .comwidth{width: 100%; padding: 0 1em;} ul.xchx li.li1,ul.xchx li.li2{width: 100%;} ul.xchx li a,ul.xchx li.li2 a{width: 31.33%; margin:0 1% 20px; float: left; height: 19vmax;} ul.xchx li.li1 .a3 span,ul.xchx li.li2 .a6 span{display: none;} } @media only screen and (max-width:1040px){ .chjb li{margin-bottom:10px;} .yjsl li a{width: 74%;} .More{margin:20px auto 40px;} .mtbd{padding-top:40px;} } @media only screen and (max-width:880px){ .banner{margin-bottom:20px;} .GgMkTit{margin:0px; font-size: 30px; margin-bottom:38px;} .con1 .GgMkTit{margin-bottom:40px;} .GgMkTit span{font-size: 22px; width: 230px; margin-left:-100px;lette.GgMkTitr-spacing: 8px;top:17px;} .GgMkTit span i{margin-bottom:7px;} .con1 .GgMkTit span font,.con2 .GgMkTit span font{font-size:16px;} .chjb li{width: 33.33%; margin-bottom:10px;} .chjb li span.titImg {width: 100px;height: 100px;} .chjb li span.titImg img{width:100%; margin:0 auto;} .chjb li span.name{font-size: 18px; margin:14px auto 5px;} .chjb li span.Ename{margin-bottom:10px;} .chjb li font{font-size:12px;} .con2{margin-top:20px;} .yjsl{margin-top:10px;} .yjsl li{width: 100%;} .yjsl li.li1,.yjsl li.li3,.yjsl li.li5,.yjsl li.li7,.yjsl li.li9,.yjsl li.li2,.yjsl li.li4,.yjsl li.li6,.yjsl li.li8,.yjsl li.li10{width:100%; margin-right:0px;} .yjsl li span{width: 90px;} .yjsl li{height: 35px; line-height: 35px;} .mtbd{margin-bottom:20px;} .yjsl li a,.yjsl li span,.yjsl li a i{line-height: 35px; font-size: 16px;} .More{width: 80%; height: 40px; line-height: 40px; font-size:18px;} ul.xchx {display: none;} .phoneXchx{display:block; overflow: hidden; margin-top:20px;} .phoneXchx a{width: 48%; margin:0 1% 10px; height: 28vmax;display: block;border-radius:10px; float: left; overflow: hidden;} .footerBg{margin-top:40px;} #leftLoop{margin-top:20px;} } @media only screen and (max-width:750px){ #leftLoop{margin-bottom:10px;} #leftLoopCon,#rightLoopCon{ height: 125px; } #leftLoopCon a,#rightLoopCon a{ width: 200px; height: 125px;margin-right:10px} #leftLoop span,#rightLoop span{-display: none; background-size:contain;} } @media only screen and (max-width:450px){ .phoneXchx a{height: 16vmax;} #leftLoopCon,#rightLoopCon{ height: 62px;} #leftLoopCon a,#rightLoopCon a{ width: 100px; height: 62px;margin-right:10px} } @media only screen and (max-width:450px){ .yjsl li a{width:69%;} }