@charset "utf-8";
html {min-height: 100%; background: #E4E5E8;}
body {font-family: "arial";}
a,a img { color: #333; transition: .3s;-webkit-transition: .3s;}
a:hover { color: #369;}
.minWidth { width: 1800px; margin: 0 auto;}
.logoNav { height: 140px;background: #fff;}
.logoNav .rBox { top: 0; right: 0; color: #3E4C6F; font-family: arial;  }
.logoNav .rBox * {box-sizing: content-box;}
.logoNav .rBox .lagBox { height: 20px; line-height: 20px;}
.logoNav .rBox .lagBox a { padding: 0 15px;font-size: 18px; color: #7d7c7c;}
.logoNav .rBox .lagBox a:hover { color: #053c9e;}
.logoNav .rBox .lagBox i { display: inline-block; height: 20px; width: 2px; background: #C5C2C2; position: relative; top: 4px;}
.logoNav .rBox .search { width: 500px; height: 50px; position: relative;}
.logoNav .rBox .search input { width: 92%; height: 24px; padding: 12px 15px; font-size: 20px; border:1px solid #BFBFBF}
.logoNav .rBox .search input::-webkit-input-placeholder { color:#999;font-size: 18px;}
.logoNav .rBox .search input:-moz-placeholder {color:#999;font-size: 18px;}
.logoNav .rBox .search input::-moz-placeholder {color:#999;font-size: 18px;}
.logoNav .rBox .search input:-ms-input-placeholder {color:#999;font-size: 18px;}
.logoNav .rBox .search .btnT1 { position: absolute; top: 0; right: 0; bottom: 0; width:80px; background: url(/images/en-jdj-ico.png) no-repeat center; }
.comic_warp { position: relative;}
.comic_warp .menu_warp_en { position: absolute; top: 0; left: 0; right: 0; z-index: 2; background: #1F407A;}
.comic_warp .menu_warp_en ul { position: relative;}
.comic_warp .menu_warp_en ul li { display: inline-block; height: 94px; padding: 0 20px; position: relative;}
.comic_warp .menu_warp_en ul li:after { content: ""; position: absolute; top: 18px; bottom: 18px; right: 0; width: 2px; background: #666;} 
.comic_warp .menu_warp_en ul li:last-child:after { display: none;} 
.comic_warp .menu_warp_en ul li a {display: inline-block; height: 94px; line-height: 94px; font-size: 22px; color: #fff; padding: 0 18px;}
/*.comic_warp .menu_warp_en ul li a.on,.comic_warp .menu_warp_en ul li a:hover { border-bottom: 4px solid #85C436;}*/

.comic_warp .menu_warp_en ul li.bLine { position: absolute; left: 67px; width: 110px; bottom: 0; height: 4px;background: #85C436; transition: .5s;}


.home_main { background: #EAECEE;}
.home_main .t1,.home_main .t1 a { font-size: 30px; color: #1f407a; font-weight: 700;}
.home_main .h-box1 a:hover img { opacity: .9;}
.home_main .boxT1 a { font-size: 24px; color: #1f407a; line-height: 32px; cursor: pointer;}
.home_main .boxT1 a em { height: 86px;}
.home_main .boxT2 a.vod { position: relative;} 
.home_main .boxT2 a.vod i { position: absolute; top: 50%; left: 50%; margin: -52px 0 0 -52px;}
.home_main .boxT3 .item a { display: block; height: 190px; padding: 20px 20px 20px 110px; position: relative; font-size: 20px; color: #1f407a;}
.home_main .boxT3 .item a i { position: absolute; left: 10px; top: 20px;}
.home_main .boxT3 .item a strong { display: block; font-size: 30px;}
.home_warp .fx { background: #fff; padding: 15px 0;}
.home_warp .fx a { margin: 0 5px;}

.path { font-size: 16px; line-height: 28px;}

/* 针对 坪山国际化街区英文专题  加上s1*/
.logoNav .minWidth .zszfzx{display: none;}
.logoNav .minWidth .rBox .lagBox .t1{display: none;}
.logoNav.s1 .minWidth .rBox .lagBox .t1{display: inline-block;} 
.minWidth.s1 { max-width: 1490px;}
.logoNav.s1 .minWidth .zszfzx{display: block; padding-top: 20px;}
.logoNav.s1 .minWidth .rBox{position: initial; float: left ; margin-left: 25px; }

@media screen and (max-width: 1860px) {
    .minWidth {width: 1302px;}
    .logoNav .rBox .search { width: 400px;}
    .comic_warp .menu_warp_en ul li { height: 50px; padding: 0 9px;}
    .comic_warp .menu_warp_en ul li a { height: 50px; line-height: 50px; padding: 0 9px; font-size: 20px;}
    .home_main .t1 { font-size: 24px;}
    .home_main .boxT1 a { font-size: 18px; line-height: 24px;}
    .home_main .boxT1 a em { height: 80px;}
    .home_main .boxT2 a.vod i { width: 80px; height: 80px; margin: -40px 0 0 -40px;}
    .home_main .boxT3 .item a { height: 146px; padding: 10px 0 10px 80px; font-size: 17px;}
    .home_main .boxT3 .item a strong { font-size: 24px; line-height: 26px;}
    .home_main .boxT3 .item a i { left: 0;}

    .logoNav.s1 .minWidth{width: 1300px;}
    .logoNav.s1 .minWidth > a.pt30{padding-top: 40px;}
    .logoNav.s1 .minWidth > a.pt30 img{width: 600px;}
    .logoNav .rBox .lagBox a{font-size: 16px;}
    

}

@media screen and (max-width: 1260px) {
    .minWidth { width: 100%;}
    
    .logoNav { height: 62px;}
    .logoNav a.t1 img { width: 300px; position: absolute; top: 15px; left: 10px;}
    .logoNav .app-menuBtn { top: 5px;}
    .comic_warp { height: 350px; overflow: hidden;}
    .home_main .t1 { font-size: 18px;}
    .home_main .boxT1 a em { height: auto;}
    .home_main .boxT2 a.vod i { width: 60px; height: 60px; margin: -30px 0 0 -30px;}
    .home_main .boxT3 .item a { height: auto;font-size: 14px;}
    .home_main .boxT3 .item a strong { font-size: 18px; line-height: 20px; padding-bottom: 5px;}
    .home_main .boxT3 .item a i { left: 0;}
    
    
   
    
}