*,body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4{margin:0;padding:0;} html {height:100%} body {overflow-y:scroll;color:#333;font-size:16px; font-family:"Helvetica Neue","Microsoft YaHei","SimHei"; -webkit-text-size-adjust:none;word-spacing:0;letter-spacing:0;} div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,form,input,select,textarea,label,button{ font-family:"Helvetica Neue","Microsoft YaHei","SimHei";} a {color:#666;text-decoration:none;} a:hover {color:#0e4480;text-decoration:none;} img {border:0 none;} ol, ul{list-style-type:none} hr {border:0;border-top:1px solid #dedede} .hand{cursor:pointer} .overflow{overflow:auto;overflow:hidden} .none{display:none !important} .hide{display:block;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;text-indent:-9999px;} .pos-rel{position:relative;} .pos-abs{position:absolute;} .fl{float:left;} .fr{float:right;} .txt-center{text-align:center;} .txt-right {text-align:right;} .light-blue{color:#1eb8ed;} .clfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clfix {display:inline-block} .clfix {display:block} * html .clfix{height:1%} /*Hides from IE-mac*/ .clfix {zoom:1} /*for IE 5.5-7*/ .triangle-br {width:0;height:0;border-bottom:10px solid #0e4480;border-left:10px solid transparent;} .btn-bw,.btn-wb {display:block;border:1px solid #0e4480;font-size:16px;height:32px;line-height:32px;margin-bottom:10px;text-align:center;} .btn-bw {background-color:#0e4480;color:#fff;} .btn-bw:hover {background-color:#fff;color:#0e4480;} .btn-wb {background-color:#fff;color:#0e4480;} .btn-wb:hover {background-color:#0e4480;color:#fff;} #wrap #footer .btn_top{display:none;} .location_wrap{display:none;} #wrap {position:relative;width:100%;margin:0;} #container {width:100%;} #container .content {width:100%; margin-top:90px; overflow:hidden;} #container .content .outer {position:relative;max-width:1920px;margin:0 auto;overflow:hidden;} #container .content .inter {position:relative;max-width:1220px;margin:0 auto;overflow:hidden;} #container .content .banner{height:321px;} #container .content .banner img {position:absolute;top:0;left:50%;margin-left:-960px;} #container .content .con{height:321px;color:#fff;} #container .content .con .con-l{position: absolute;top:105px;right:780px;font-size:33px;font-weight:bold;text-shadow:#666 0 1px 1px;} #container .content .con .con-l:after{content:''; display:block;float:right;width:0;height:0;margin-left:5px;margin-top:20px;border-bottom:14px solid #fff;border-left:14px solid transparent;} #container .content .con .con-r{position:absolute;width:418px;height:200px;top:80px;right:0;background-color:rgba(30,185,238,0.6);} #container .content .con .con-r div{margin:30px;} #container .content .con .con-r h1{padding:15px 0;font-size:34px;border-bottom:1px solid #fff;text-shadow:#666 0 1px 1px;} #container .content .con .con-r h2{padding-bottom:15px;font-size:24px;border-bottom:1px solid #fff;text-shadow:#666 0 1px 1px;} #container .content .con .con-r p {padding-top:18px;} .crumbs {height:100px;line-height:100px;font-size:16px;background-color:#e5e5e5;} .crumbs .home{display:inline-block;width:20px;height:22px;margin-right:10px;background:url('../img/home.png') no-repeat; vertical-align:middle;} .crumbs .home:hover{background-position:0 -25px;} .crumbs .inter span{color:#0e4480;margin-left:10px;} #header.fixed {height:60px;} #header.fixed nav h1 a {height:60px;} #header.fixed nav .util .nav-gb .nav-a {height:43px;padding-top:17px;} #header.fixed nav .util .nav-gb .nav-a i {display:none;} #header.fixed nav .util .m_yw {top:18px;} #header.fixed nav .util .m_yw .yw-a {margin-bottom:18px;} #header.fixed nav .util .m_qq p, #header.fixed nav .util .m_wx p{height:60px;background-size:66.7%;} #header.fixed nav .util .m_qq p{background-position:10px 0;} #header.fixed nav .util .m_wx p{background-position:0 -120px;} #header.fixed nav .util .m_qq:hover p{background-position:10px -60px;} #header.fixed nav .util .m_wx:hover p{background-position:0 -180px;} #header nav .util .nav-gb .nav-a, #header nav .util .m_yw, #header nav .util .m_qq p, #header nav .util .m_wx p, #header.fixed, #header.fixed nav .util .nav-gb .nav-a{ -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } #header {position:fixed;z-index:1000;top:0;width:100%;height:90px;margin:0;background-color:#fff;box-shadow:#777 0 2px 6px;} #header nav {position:relative;width:100%;max-width:1280px;margin:0 auto;} #header nav h1 a {display:block;position:relative;width:160px;height:90px; -webkit-transition:height 0.5s cubic-bezier(0.215,0.610,0.355,1.000); -moz-transition:height 0.5s cubic-bezier(0.215,0.610,0.355,1.000); -ms-transition:height 0.5s cubic-bezier(0.215,0.610,0.355,1.000); -o-transition:height 0.5s cubic-bezier(0.215,0.610,0.355,1.000); transition:height 0.5s cubic-bezier(0.215,0.610,0.355,1.000); } #header nav h1 a img {position:absolute;top:50%;left:30px;width:156px;height:24px;margin-top:-12px;} #header nav .btn_nav {display:none} #header nav .util {position:absolute;top:0;right:280px;left:310px;} #header nav .util .nav-gb {float:left;width:15%;position:relative;z-index: 1;text-align:center;} #header nav .util .nav-gb:hover .nav-a{ background-color:#0e4480;color:#fff; -webkit-transition:background-color .3s ease; -moz-transition:background-color .3s ease; transition:background-color .3s ease; } #header nav .util .nav-gb:hover ul{max-height:300px; -webkit-transition:all 0.6s cubic-bezier(0.770,0.000,0.175,1.000); -moz-transition:all 0.6s cubic-bezier(0.770,0.000,0.175,1.000); -ms-transition:all 0.6s cubic-bezier(0.770,0.000,0.175,1.000); -o-transition:all 0.6s cubic-bezier(0.770,0.000,0.175,1.000); transition:all 0.6s cubic-bezier(0.770,0.000,0.175,1.000); } /*瀵艰埅鑿滃崟*/ #header nav .util .nav-gb .nav-a{color:#666;display:block;position:relative;font-size:20px; font-weight:bold;text-align:center;vertical-align:middle;height:65px;padding-top:25px; /* -webkit-transition:height 0.5s cubic-bezier(0.215,0.610,0.355,1.000); -moz-transition:height 0.5s cubic-bezier(0.215,0.610,0.355,1.000); -ms-transition:height 0.5s cubic-bezier(0.215,0.610,0.355,1.000); -o-transition:height 0.5s cubic-bezier(0.215,0.610,0.355,1.000); transition:height 0.5s cubic-bezier(0.215,0.610,0.355,1.000);*/ } #header nav .util .nav-gb .nav-a:hover{color:#fff;} #header nav .util .nav-gb .nav-a i{display:block;font-size:10px;font-weight:normal;font-style:normal;} #header nav .util .current .nav-a {background-color:#0e4480;color:#fff;} /*瀛愯彍鍗?/ #header nav .util .nav-gb ul{overflow:hidden;max-height:0;margin:0 -20px; -webkit-transition:all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition:all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition:all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition:all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition:all 0.3s cubic-bezier(0.770, 0.000, 0.175, 1.000); } #header nav .util .nav-gb ul li a, #header nav .util .m_yw ul li a{display:block;color:#666;background:#fff;font-size:14px;font-weight:normal; background:rgba(255,255,255,0.75);filter:Alpha(opacity=75);height:40px;line-height:40px;padding:0;text-decoration:none;text-align:center;} #header nav .util .nav-gb ul li a:hover, #header nav .util .m_yw ul li a:hover{background:#1eb9ee;background:rgba(30,185,238,0.75);filter:Alpha(opacity=75);color:#fff;text-decoration:none;} #header nav .util .nav-gb ul li,#header nav .util .m_yw ul li{float:none;} /*鏄庡強涓氬姟+ qq寰俊*/ #header nav .util .m_yw {position:absolute;width:160px;top:33px;right:-110px;cursor:pointer;} #header nav .util .m_yw .yw-a{display:block;height:24px;line-height:25px;border-left:1px solid #ccc;border-right:1px solid #ccc;margin-bottom:33px;padding-left:58px;background: url(/static/img/mjyw.png) no-repeat 28px 0;box-sizing:border-box;} #header nav .util .m_qq, #header nav .util .m_wx {position:absolute;width:80px;text-align:center;cursor:pointer;} #header nav .util .m_qq p, #header nav .util .m_wx p{height:90px;background:url(/static/img/qqwx.png) no-repeat;} #header nav .util .m_qq p{background-position:0 0;} #header nav .util .m_wx p{background-position:0 -180px;} #header nav .util .m_qq dl, #header nav .util .m_wx dl, #header nav .util .m_yw ul{overflow:hidden; max-height:0; -webkit-transition:all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); -moz-transition:all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); -ms-transition:all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); -o-transition:all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); transition:all 0.6s cubic-bezier(0.770, 0.000, 0.175, 1.000); } #header nav .util .m_yw:hover .yw-a{color:#0e4480;background-position:28px -25px;} #header nav .util .m_yw:hover ul{max-height:300px;} #header nav .util .m_qq:hover dl{max-height:300px;margin:0 -40px;} #header nav .util .m_qq:hover p{background-position:0 -90px;} #header nav .util .m_wx:hover dl{max-height:300px;margin:0 -10px 0 -68px;} #header nav .util .m_wx:hover p{background-position:0 -270px;} #header nav .util .m_qq {right:-200px;} #header nav .util .m_wx {right:-270px;} #header nav .util .m_qq dl dt, #header nav .util .m_wx dl dt{height:40px;line-height:40px;font-size:20px;background:#1eb9ee;color:#fff;} #header nav .util .m_qq dl dd, #header nav .util .m_wx dl dd{background:#fff;padding:10px;} #header nav .util dl dd em{display:inline-block;font-size:10px;font-style:normal;} #header nav .util .m_qq .kfqq a{display:inline-block;height:35px;line-height:35px;padding:0;font-size:14px;} #header nav .util .m_qq .kfqq a img{vertical-align:middle;} #footer {position:relative;width:100%;background-color:#fff;color:#666;} /*#footer .btn_top {display:block;position:fixed;z-index:10;bottom:16px;left:50%;width:50px;height:53px;margin-left:590px; background:url('../img/icon_activity.png') no-repeat 0 0;background-position:0 -30px;text-indent:-9999px} #footer .btn_top.fixed{position:absolute;top:-53px}*/ #footer .foot_util {max-width:1220px;margin:0 auto;overflow: hidden;} #footer .foot_util div{width:112%;padding-top:30px;} #footer .foot_util dl {float:left;width:25%;padding-bottom:20px;} #footer .foot_util dl dt{font-size:18px;font-weight:bold;width:66%;height:30px;border-bottom:1px solid #ccc;margin-bottom:17px;} #footer .foot_util dl dd{width:66%;margin-bottom:20px;font-size:14px;color:#666;} #footer .foot_util dl dd p{position:relative;margin-bottom:10px;} #footer .foot_util .contact p{padding-left:35px;} #footer .foot_util .contact i{position:absolute;display:block;width:20px;height:30px;left:0;top:0;background:url('../img/i.png') no-repeat 0 0;} #footer .foot_util .contact .i1{background-position:0 0;} #footer .foot_util .contact .i2{background-position:0 -50px;} #footer .foot_util .contact .i3{background-position:0 -100px;} #footer .foot_util .contact .i4{background-position:0 -150px;top:3px;} #footer .foot_util .contact .i5{background-position:0 -190px;top:1px;} #footer .copy_util {border-top:1px solid #ccc;padding:20px 0;font-size:14px;color:#666;} #footer .copy_util .copy{max-width:1220px;margin:0 auto;} #footer .copy_util .copy span{float:right;} .a-fw,.a-yj,.a-wl {display:block;width:148px;height:36px;line-height:36px;color:#0e4480;font-size:16px; background:url('../img/selfservice.png') no-repeat;margin-bottom:6px;text-indent:52px;} .a-fw {background-position:0 0;} .a-fw:hover {background-position:0 -36px;color:#fff;} .a-yj {background-position:0 -80px;} .a-yj:hover {background-position:0 -116px;color:#fff;} .a-wl {background-position:0 -160px;} .a-wl:hover {background-position:0 -196px;color:#fff;} .a-trg{color:#777;} .a-trg:after {content:'';display:block;float:right;width:0;height:0;margin-left:5px;margin-top:5px;border-bottom:10px solid #0e4480; border-left:10px solid transparent;} .t-menu {width:100%;border:none;} .t-menu td{height:100px;} .t-menu td a.def{display:block;width:100%;height:100px;line-height:100px;font-size:30px;text-align:center;background:url(../img/line_610.png) no-repeat center -20px;} .t-menu td a.def:hover{color:#1eb8ed;background-position:center bottom; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in;transition: all .2s ease-in;} .t-menu td a.cur{color:#1eb8ed;background-position:center bottom;} .t-cont {margin:100px auto;overflow:hidden;} .bgc-white{background-color:#fff;} .nullpage {display:block;width:380px;height:380px;background: url(../img/nullpage.jpg) no-repeat;margin:80px auto;} @media screen and (max-width:1280px){ } @media screen and (max-width:1008px){ #footer .foot_util div{width:107%;} #footer .foot_util dl dt{width:73%;} #footer .foot_util dl dd{width:73%;} #header nav .util {right:130px;} #header nav .util .m_yw {right:-130px;width:130px;} #header nav .util .m_yw .yw-a{font-size:16px;padding-left:42px;background-position:15px 0;} #header nav .util .m_yw:hover .yw-a{background-position:15px -25px;} /*#header nav .util .m_yw .yw-a{text-indent:-9999px;}*/ #header nav .util .nav-gb ul{margin:0 -25px;} body{font-size:14px;} } @media screen and (max-width:752px){ #container .content .banner{height:280px;} #container .content .banner img {height:280px;margin-left:-840px;} #container .content .con{height:280px;} #container .content .con .con-l{display:none;} #container .content .con .con-r{width:100%;height:200px;top:40px;} #container .content .con .con-r div{margin:20px;} #container .content .con .con-r h1{padding:15px 0;font-size:24px;} #container .content .con .con-r h2{padding-bottom:15px;font-size:18px;} #container .content .con .con-r p {padding-top:10px;} .crumbs {height:45px;line-height:45px;} .crumbs .home{margin-left:10px;} .t-menu td{height:50px;} .t-menu td a.def{height:50px;line-height:50px;font-size:14px;background:url(../img/line_400.png) no-repeat center -20px;} .t-menu td a.cur{background:url(../img/line_400.png) no-repeat center bottom;} .t-cont {margin:40px auto;overflow:hidden;} #footer .foot_util{display:none;} #footer .copy_util .copy{width:90%;font-size:12px;text-align:center;} #footer .copy_util .copy a:before{content:'';display:block;} #footer .copy_util .copy span{display:none;} #container .content {margin-top: 50px;} #header.fixed {height: 50px;} #header.fixed nav h1 a {height:50px;} #header.fixed nav .util .nav-gb .nav-a {height:44px;line-height:44px;padding-top:0;} #header.fixed nav .util .nav-gb .nav-a i {display:inline;margin-left:10px;} #header {height: 50px;} #header nav h1 a {width:142px;height:50px;} #header nav h1 a img {left:20px;width:104px;height:16px;margin-top:-8px;} #header nav .btn_nav {display:block;border:0;} #header nav .btn_nav.open{position:absolute;top:0;right:0;width:62px;height:50px;background:url('../img/btn_nav_open.png') no-repeat 0 0;} #header nav .btn_nav.closed{position:absolute;top:0;right:0;width:58px;height:50px;background:url('../img/btn_nav_closed.png') no-repeat 0 0;} #header nav .util{overflow-y:scroll;position:fixed;z-index:100;top:0;right:-220px;bottom:0;left:auto;width:220px;background:#fff;} #header nav .util ul{padding-top:50px} #header nav .util .nav-gb {float:none;width:auto !important;margin:0 !important;border-bottom:1px solid #e9eff5;} #header nav .util .nav-gb:first-child {border-top:1px solid #e9eff5;} #header nav .util .nav-gb .nav-a {padding:0 40px 0 20px;font-size:16px;text-align:left;height:50px;line-height:50px;} #header nav .util .nav-gb .nav-a i {display:inline;margin-left: 10px;font-size:15px;} #header nav .util .nav-gb .nav-a:after {content:"";display:block !important;position:absolute;top:20px;right:20px;width:17px; height:9px;background:url('../img/bg_gnb_arr.png') no-repeat 0 -9px} #header nav .util .nav-gb:hover a:after {content:"";display:block !important;position:absolute;top:20px;right:20px;left:auto; width:17px;height:9px;background:url('../img/bg_gnb_arr.png') no-repeat 0 -9px} #header nav .util .nav-gb.on a:after {top:19px;background-position:0 0;} #header nav .util .nav-gb ul {position:static !important;display:block;margin:0 !important;padding:20px 0 !important;border:0; background:#f0f5fa;box-shadow:none} #header nav .util .nav-gb ul li {float:none !important;border:0;height:40px;line-height:40px;} #header nav .util .nav-gb ul li a {margin:0 !important;padding:0 30px;font-size:14px !important;line-height:40px !important; text-transform:none} #header nav .util .nav-gb ul li:first-child a:hover{box-shadow:none} #header nav .util .m_yw, #header nav .util .m_qq, #header nav .util .m_wx {display:none;} #header nav .util { -webkit-transition:all 0.5s cubic-bezier(0.770,0.000,0.175,1.000); -moz-transition:all 0.5s cubic-bezier(0.770,0.000,0.175,1.000); -ms-transition:all 0.5s cubic-bezier(0.770,0.000,0.175,1.000); -o-transition:all 0.5s cubic-bezier(0.770,0.000,0.175,1.000); transition:all 0.5s cubic-bezier(0.770,0.000,0.175,1.000); } #header nav.on .util{right:0} #header nav .util .nav-gb ul{overflow:hidden;max-height:0;padding:0 0 !important; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease; } #header nav .util .nav-gb.on ul {max-height:1000px !important;padding:20px 0 !important; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } #header nav .util > ul > li { -webkit-transform:translate3d(250px,0,0); -moz-transform:translate3d(250px,0,0); -o-transform:translate3d(250px,0,0); transform:translate3d(250px,0,0); -webkit-transition:all 0.4s cubic-bezier(0.215,0.610,0.355,1.000); -moz-transition:all 0.4s cubic-bezier(0.215,0.610,0.355,1.000); -o-transition:all 0.4s cubic-bezier(0.215,0.610,0.355,1.000); transition:all 0.4s cubic-bezier(0.215,0.610,0.355,1.000); } #header nav.on .util > ul > li{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } body{font-size:12px;} .page_nav{display:none} } @media screen and (max-width:320px){ .t-menu td a.def{height:45px;line-height:45px;font-size:12px;} #footer .foot_util{padding:21px 16px 31px 16px} body{line-height:22px;} }