.container{ width:100%; background:#f6f6f6; } .headerf{ width:100%; height:110px; background:white; overflow:hidden; } .header{ width:1200px; margin:0 auto; margin-top:5px; } .header img{ float:left; display:block; width:320px; margin-top:5px; } .header p{ color:#01487C; } .header2{ float:left; font-size:28px; margin:36px 0 0 10px; } .header3{ float:right; font-size:15px; margin:50px 0 0 0; width:196px; } .header3 a{ color:#01487C; display:block; float:left; line-height:16px; } a.header3a{ float:left; } .nav{ width:100%; background:#01487C; height:46px; } .navs{ width:1200px; margin:0 auto; /* border-top:2px solid #c7c7c7;*/ } .navs li{ float:left; height:38px; } .navs li a{ display:block; padding:13px 55px 13px 56px; font-size:16px; /* color:white;*/ color:white; transition: all .3s linear; } .navs li a:hover{ color:#ccc; } div.nav{ margin-bottom:0px; } li.zxjjf{ position:relative; } ul.zxjj{ width:134px; /* height:132px;*/ background:black; position:absolute; top:46px; left:32px; opacity:0.8; display:none; transition: all .3s linear; } ul.zxjj li{ float:none; height:44px; } ul.zxjj li a{ padding:10px 14px 14px 22px; color:white; } ul.zxjj li a:hover{ color:#0066CC; background:#ccc; } li.zxjjf:hover .zxjj{ display:block; z-index:10; } #myCarousel{ position:relative; } #cc1 h4{ margin-top:5px; width:100%; font-family:'宋体'; color:#324029; } .content1{ height:450px; width:100%; } #myCarousel{ margin-bottom:0px; } .content1s{ width:1200px; margin:0 auto; height:450px; overflow:hidden; } .content11{ width:390px; height:370px; float:left; background:white; margin-top:20px; border-top:5px solid #112769; box-shadow:3px 3px 3px #ccc; } .content11h{ width:320px; height:62px; margin-left:30px; /* border-bottom:1px solid #e8e8e8;*/ } #content11h{ width:315px; height:62px; margin-left:30px; } #content11h p{ margin-top:13px; } .content11hp{ width:300px; height:20px; font-size:20px; float:left; margin-top:25px; } .content11h a{ display:block; float:right; margin-top:30px; } .content11h div{ width:30px; height:3px; background:#112769; float:left; margin-top:14px; } .content11c{ width:320px; margin-left:35px; } .content11c ul{ margin-top:10px; } .content11c li{ height:50px; width:320px; border-bottom:1px solid #e8e8e8; overflow:hidden; font-size:15px; } .content11c li a{ display:block; margin-top:15px; } #content111,#content112{ margin-right:20px; } #content111 .content11h{ padding-bottom:10px; border-bottom:1px dashed #008CFD; } #content113{ width:300px; } #content113 .content11h{ width:200px; } #content113 .content11c{ width:200px; } #content113 .content11c li{ width:200px; } #content113 .content11hp{ width:180px; } #slider5{ height:300px; position:relative; margin-top:10px; } .slider5{ height:300px; position:absolute; } .bx-wrapper,div.bx-viewport{ height:300px; } .slider5 .slide a{ font-size:14px; } .content2{ width:100%; height:450px; background:white; } .sevicepart{ width:1200px; height:100%; margin:0 auto; /* background:#c3c3c3;*/ overflow:hidden; } .seviceh{ height:55px; width:1200px; margin:0 auto; margin-top:4px; /* background:pink;*/ /* float:left;*/ } .seviceh p{ font-size:20px; float:left; height:46px; width:100px; line-height:46px; margin-left:30px; } .seviceh p a{ display:block; width:30px; height:3px; background:#112769; } .input1{ width:142px; float:left; margin:15px 0 0 40px; font-family:'微软雅黑'; } P.btnp{ margin-left:10px; margin-top:4px; } .sevicec{ width:216px; height:220px; background:#F6F6F6; position:relative; margin:50px 0 0 30px; /* box-shadow:4px 4px 4px #ccc;*/ float:left; } .sevicec img{ position:absolute; top:-20px; left:-20px; } .sevicec:hover .imggao{ -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); } .sevicech{ width:100px; height:40px; font-size:18px; line-height:40px; margin:0px 0 0 40px; } .sevicec1{ height:170px; width:200px; margin:10px 0px 0px 30px; font-size:14px; } .moree{ display:block; width:30px; height:30px; position:absolute; right:0px; bottom:-10px; } .footer{ width:100%; height:150px; background:#112769; overflow:hidden; } .footer1{ width:1200px; height:100%; margin:0 auto; } .footerimg{ width:400px; height:100px; margin-top:50px; float:left; } .dizhi{ width:530px; height:100%; float:left; } .dizhi2{ float:left; margin-top:60px; } .fwdt{ height:30px; margin:50px 0 0 0; font-size:14px; color:white; } .zhbg{ height:30px; font-size:14px; color:white; } .imggao{ display:block; height:50px; width:50px; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; } .carousel-caption h4{ width:1200px; margin:0 auto; } .sevicepart1{ height:78px; width:100%; overflow:hidden; background:white; } .sevicepartf{ width:100%; background:#D9DDE1; height:380px; } .itservice{ width:210px; height:58px; background:url("/infobnujryjhcom/images/it.jpg") no-repeat; background-size:cover; float:left; margin-left:30px; transition: all .3s linear; box-shadow:2px 2px 2px #ccc; border-radius: 7px; } .itservice:hover{ box-shadow:5px 5px 5px #ccc; } .tel{ width:170px; height:50px; font-size:17px; float:left; margin:20px 0 0 10px; } .content3{ width:1200px; height:960px; margin:0 auto; overflow:hidden; margin-top:40px; } .content3l,.content3r{ float:left; } .content3l{ width:820px; } .content3r{ width:370px; height:845px; background:white; margin-top:12px; box-shadow:4px 4px 4px #ccc; border-top:5px solid #112769; } .content3lsev{ width:800px; height:450px; background:white; overflow:hidden; box-shadow:4px 4px 4px #ccc; margin-top:12px; border-top:5px solid #112769; } .sevicehc3h{ width:100%; } .sevicehc3hh{ height:66px; border-top:1px dashed #008CFD; border-bottom:1px dashed #008CFD; } #content112{ margin-right:0px; width:365px; height:57px; background:white; margin-top:0px; float:none; border-top:5px solid #fff; box-shadow:3px 3px 3px #fff; border-bottom:1px dashed #008CFD; overflow:hidden; } /*学生服务卡片*/ div.sevicechstu{ width:auto; margin-right:0px; } .xinwentup{ width:300px; height:200px; /* background:url("/infobnujryjhcom/images/xinwen1.jpg");*/ /* background-size:cover;*/ } .xinwenka{ height:350px; width:300px; display:block; /* background:yellow;*/ margin-left:35px; margin-top:30px; } .xinwensj{ width:300px; height:30px; line-height:30px; } .xinwenbt{ width:300px; line-height: 20px; height: 40px; font-size: 15px; font-weight: bold; color: #333; margin-top:10px; transition: all .3s linear; } .xinwenbt:hover{ color:dodgerblue; } .xinwentup2{ /* background:url("/infobnujryjhcom/images/xinwen2.jpg");*/ /* background-size:cover;*/ } .xinwenxq{ line-height: 22px; min-height: 66px; font-size: 12px; color: #241916; } .cc1topf{ float:left; margin:3px 14px 6px 10px; } div.cc1topf p{ color:#333; width:76px; text-align:center; } .cc1top{ width:76px; height:76px; /* background:yellow;*/ /* -webkit-transform:rotateZ(45deg);*/ -webkit-transform: perspective(1400px) scale(1,1) rotateZ(0deg); -ms-transform: perspective(1400px) scale(1,1) rotateZ(0deg); -moz-transform: perspective(1400px) scale(1,1) rotateZ(0deg); } .cc1top:hover{ -webkit-transform: perspective(1400px) scale(1,1) rotateZ(-360deg); -ms-transform: perspective(1400px) scale(1,1) rotateZ(-360deg); -moz-transform: perspective(1400px) scale(1,1) rotateZ(-360deg); transition: transform .4s ease; } span.header3span{ float:left; display:block; width:8px; text-align:center; margin:0px; } #cc1{ position:absolute; top:35%; left:76%; width:300px; height:206px; background:url("/infobnujryjhcom/images/xiaobjj.png"); } .headerf{ height:150px; } .header img{ width:600px; margin-top:10px; } .navs li a { padding: 13px 55px 13px 53px; } p.apap{ float:right; } li.zxjjdsj{ height:64px!important; } @media screen and (max-width: 1650px) { #cc1{ position:absolute; top:24%; left:70%; width:300px; height:206px; background:url("/infobnujryjhcom/images/xiaobjj.png"); } }