2d9 0 @charset "utf-8"; /*初始样式*/ html{overflow-x:hidden;} body{ color:#333;font:14px "Microsoft Yahei";} /*网站字体颜色*/ body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;} a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";} /*for ie f6n.net*/ a:focus{outline:0;} /*for ff f6n.net*/ /*a:hover { text-decoration:underline;}*/ img{border:none;} .vam{ vertical-align:middle;} .clear{clear:both; height:0; line-height:0; font-size:0;} p{ word-spacing:0;font-family: "Microsoft Yahei"; } h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";} i,em{ font-style:normal;} .titv{text-align:center;font-size:16px;border-bottom: 1px solid #ccc;height: 30px;line-height: 30px; background:#122a88; color:#fff; } .tr {text-align:right;} .tl {text-align:left;} .center{ text-align:center;} .fl { float:left;} .fr { float:right;} .pa{ position:absolute;} .pr{ position:relative} .clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;} .clearfix{zoom:1;} /* -- 页面整体布局 -- */ .content{ width:1200px; margin:0 auto;} .pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;} .pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05); transform: scale(1.05);} .picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,5px);-ms-transform: translate(0,5px);-o-transform: translate(0,5px);} .pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);} .white,.whites{position: relative;overflow: hidden;} .white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); } .white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;} .whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;} @keyframes myfirst{0%{background-position:0 0;} 100%{background-position:100% 100%;}} body{min-width:1200px;width:100%;max-width:1920px;margin:0 auto;overflow-x:hidden;} i,em{ font-style:normal;} .content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";} /*头部*/ .header{height: 180px;max-width: 1920px;position: relative;z-index: 1;} .header .top{height:120px;padding-top: 23px;box-sizing: border-box;} .header .logo{float: left;margin-right: 8px;} .header .logo img{width: 145px;height: 85px;display: block;} .header h2{font-size: 30px;color: #02418E;font-weight: bold;line-height: 30px;float: left;border-left: 1px solid #D8D8D8;margin-top: 13px;height: 55px;padding-left: 30px;font-weight: normal;background: url(resource/images/bc153970e1724a02ad4e16fd3f8366d3_2.png) no-repeat right top;background-position-x:94%;} .header h2 span{display: block;font-size: 18px;color: #333;font-family: "Microsoft Yahei";font-weight: normal;margin-top: 8px;line-height: 18px;} .header .tel{float: right;font-size: 14px;color: #333;padding-left: 58px;height: 83px;line-height: 14px;box-sizing: border-box;padding-top: 10px;text-align: right;} .header .tel b{background: url(images/tel.png) no-repeat left top;padding-left: 27px;height: 20px;line-height: 20px;display: inline-block;font-weight: normal;color: #666;font-size: 16px;} .header .tel span{font-size: 30px;font-family: Arial;display: block;color: #f08000;margin-top: 10px;font-weight: bold;line-height: 26px;font-style: oblique} .header .nav{background:#122a88;height: 59px;line-height: 60px;border-bottom: 1px solid #FFAA02;} .header .nav .content{width: 1200px;margin: 0 auto;} .header .nav li{float: left;position: relative;background-repeat: no-repeat;} .header .nav li:hover p{display:block;} .header .nav li p{position:absolute;left:0;top:60px;width:100%;z-index:9;display:none;} .header .nav li p a{font-size:14px;line-height:40px;padding:0;background:#122a88;text-align:center;border-bottom:1px solid #FFAA02;} .header .nav li.cur p a,.header .nav li:hover p a{font-weight:normal;background:#122a88;} .header .nav li p a:hover{background:#FFAA02;font-weight:bold;} .header .nav li a{display:block;line-height: 60px;color: #fff;padding: 0 26px;position: relative;font-size: 16px;} .header .nav li.cur a,.header .nav li:hover a{background: #ffaa02;font-weight: bold;} .ty-banner-1 { overflow: hidden; line-height: 0; text-align:center; } .ty-banner-1 img{ visibility: hidden; } .ty-banner-1 img.show{ visibility: visible; } .p1-search-1 { background: #f2f2f2; height: 82px; border-bottom: 1px solid #eee; overflow: hidden; font-size: 14px; } .p1-search-1 p { color: #444; line-height: 82px; } .p1-search-1 a { color: #444; display: inline-block; margin-right: 15px; } .p1-search-1-inp { width: 270px; height: 30px; border-radius: 20px; background: #fff; padding-left: 10px; margin-top: 28px; } .p1-search-1-inp input { border: 0; } .p1-search-1-inp1 { width: 224px; height: 30px; line-height: 30px; color: #a9a9a9; float: left; } .p1-search-1-inp2 { width: 30px; height: 30px; background: url(images/VISkins-p1.png) no-repeat -258px -936px; float: right; cursor: pointer; } .foot-b p{display: none;} .p12-curmbs-1 { font-size: 14px; border-bottom: 1px dashed #dcdcdc; } .p12-curblock{ display: none; } .p12-curmbs-1 b { border-left: 10px solid #333333; font-weight: normal; padding-left: 8px; } .p12-curmbs-1 i { font-style: normal; } .p12-curmbs-1 span { font-family: '宋体'; padding: 0 5px; height: 46px; line-height: 46px; } .gywmlb-tl-ts-01-tit { height: 50px; font-size: 28px; border-bottom: 1px solid #d0d0d0; margin-bottom: 28px; } .gywmlb-tl-ts-01-tit span { display: inline-block; height: 48px; line-height: 48px; color: #383838; border-bottom: 3px solid #333333; } .gywmlb-tl-ts-01-left dl { width: 24.2%; float: left; background: #f0f0f0; margin: 0 1% 13px 0 } .gywmlb-tl-ts-01-left dl:nth-child(5n-1) { margin-right: 0; } .gywmlb-tl-ts-01-left dt { border: 1px solid #e5e5e5; padding: 10px 9px; background: #fff; } .gywmlb-tl-ts-01-left dt img { display: block; width: 100%; margin: 0 auto; } .gywmlb-tl-ts-01-left dd { height: 50px; font-size: 14px; line-height: 50px; text-align: center; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f0f0f0; } .gywmlb-tl-ts-01-left dd a { color: #4b4a4a; } .fdh-01-tit { background: #003f8a; height: 80px; } .fdh-01-tit h2 { height: 75px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: center; } .fdh-01-tit h2 span { font-size: 14px; text-transform: uppercase; } .fdh-01-nav-one h3 { height: 50px; line-height: 50px; background: url(images/p14-icon5.png) no-repeat right center #ececeb; margin-bottom: 2px; overflow: hidden; } .fdh-01-nav-one h3 a { display: block; font-size: 18px; font-weight: normal; margin-right: 40px; margin-left: 38px; color: #666666; overflow: hidden; } .fdh-01-nav-one h3.sidenavcur, .fdh-01-nav-one h3:hover { background: url(images/p14-icon2.png) no-repeat right center #003f8a; } .fdh-01-nav-one h3.sidenavcur a, .fdh-01-nav-one h3:hover a { color: #fff; } .fdh-01-nav dl { padding: 2px 0 4px; } .fdh-01-nav dt { height: 50px; font-size: 16px; line-height: 50px; padding-left: 54px; padding-right: 40px; margin-bottom: 1px; background: #ececec; position: relative; overflow: hidden; } .fdh-01-nav dt:after { content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after { border-color: #003f8a; } .fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a { color: #003f8a; } .fdh-01-nav dd { border: 1px solid #ececec; border-bottom: 0; } .fdh-01-nav p { height: 50px; font-size: 14px; line-height: 50px; padding-left: 72px; padding-right: 40px; border-bottom: 1px solid #ececec; background: #fff; position: relative; overflow: hidden; } .fdh-01-nav p.sidenavcur a, .fdh-01-nav p:hover a { color: #003f8a; } .fdh-01-nav p.sidenavcur:after, .fdh-01-nav p:hover:after { background: #333333; } .fdh-01-nav a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .contact-z1 { height: 140px; background: url("images/contact-z1.jpg") no-repeat; color: #333; margin-bottom: 30px; } .contact-z1 p { font-size: 20px; height: 30px; line-height: 30px; padding: 37px 0 0 95px; background: url(images/contact-z1_tel.png) no-repeat 74px 44px; } .contact-z1 span { display: block; height: 30px; font-weight: bold; font-size: 18px; line-height: 30px; padding-left: 73px; } /*首页底部*/ .foot-t{background: #2f3236;height: 386px;padding-top: 52px;box-sizing: border-box;color:rgba(255,255,255,0.6);} .foot-logo{height: 72px;border-bottom: 1px solid rgba(255,255,255,0.1);} .foot-logo h2{float: left;} .foot-logo h2 img{width: 76px;height: 55px;display: inline-block;} .foot-logo h2 span{display: inline-block;color:rgba(255,255,255,0.8);font-size: 14px;font-weight: normal;margin-left: 17px;margin-top: -6px;vertical-align: bottom;} .foot-logo em{float: right;margin-top: 36px;background: url(images/foot-jt.png) no-repeat right center;padding-right: 30px;height: 18px;line-height: 18px;} .foot-logo em a{color: rgba(255,255,255,0.8);} .foot-nav{float: left;padding-top: 38px;width: 589px;} .foot-nav dt{float: left;width: 193px;} .foot-nav dd{float: left;width: 395px;} .foot-nav dt h3,.foot-nav dd h3{font-size: 14px;font-weight: bold;color: #fff;margin-bottom: 26px;} .foot-nav dt p,.foot-nav dd p{} .foot-nav dt p a,.foot-nav dd p a{color: rgba(255,255,255,0.6);display: block;float: left;width: 170px;font-size: 14px;line-height: 14px;margin-bottom: 16px;} .foot-nav dt p a:before,.foot-nav dd p a:before{content: "";display: inline-block;width: 4px;height: 4px;background: #bebfc0;border-radius: 50%;overflow: hidden;vertical-align: top;margin-top: 6px;margin-right: 7px;} .foot-code{width: 380px;float: left;margin-top: 43px;} .foot-code em{float: left;text-align: center;color: rgba(255,255,255,0.6);margin-right: 27px;} .foot-code em span{display: block;font-size: 14px;line-height: 14px;margin-bottom: 17px;} .foot-code em i{display: block;border:1px solid #828486;padding: 6px;} .foot-code em i img{width: 120px;height: 120px;} .foot-info{padding-top: 37px;float: right;} .foot-info p{font-size: 20px;line-height: 20px;display: block;color: rgba(255,255,255,0.78);} .foot-info span{display: block;font-size: 14px;line-height: 14px;margin-top: 12px;} .foot-info ul{margin-top: 26px;position: relative;} .foot-info ul li{float: left;height: 59px;border-right: 1px solid rgba(255,255,255,0.2);padding: 0 32px;} .foot-info ul li img{display: block;} .foot-info ul li:first-child{padding-left: 0;} .foot-info ul li:last-child{padding-right: 0;border-right: none;} .foot-info ul li span{display: block;font-size: 15px;color: rgba(255,255,255,0.8);line-height: 15px;margin-top: 8px;} .foot-info ul li em{position: absolute;width: 231px;min-height: 33px;line-height: 26px;background: url(images/foot-xbg.png) no-repeat;display: block;top: 70px;left: 0;color: #02418e;padding-left: 11px;box-sizing: border-box;font-weight: bold;word-spacing: 3px;display: none;padding-top:7px;} .foot-info ul li:last-child em{font-size:13px;} .foot-info ul li.cur em{display: block;} .foot-b{background: #fff;height: 86px;} .foot-b p{float: left;line-height: 86px;} .foot-b p a{color: #666;margin-right: 46px;display: block;float: left;} .foot-b p a:last-child{margin-right: 0;} .foot-b em{float: right;line-height: 24px;color: #666;display: block;padding-top:22px;font-size: 14px;} .foot-b em span{margin-right: 10px;} .foot-b em a{color: #666;} .client-2 { position: fixed; right: -170px; top: 50%; z-index: 900; } .client-2 li a { text-decoration: none; } .client-2 li { margin-top: 1px; clear: both; height: 62px; position: relative; } .client-2 li i { background: url(images/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; } .client-2 li p { height: 20px; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; } .client-2 .my-kefu-qq i { background-position: 4px 5px; } .client-2 .my-kefu-tel i { background-position: 0 -21px; } .client-2 .my-kefu-liuyan i { background-position: 4px -53px; } .client-2 .my-kefu-weixin i { background-position: -34px 4px; } .client-2 .my-kefu-weibo i { background-position: -30px -22px; } .client-2 .my-kefu-ftop { display: none; } .client-2 .my-kefu-ftop i { width: 33px; height: 31px; background-position: -23px -47px; background-size: 52px 82px; } .client-2 .my-kefu-ftop .my-kefu-main{ padding-top: 6px; } .client-2 .my-kefu-left { float: left; width: 62px; height: 47px; position: relative; } .client-2 .my-kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px; } .client-2 .my-kefu-right { width: 20px; } .client-2 .my-kefu-tel-main { background: #003f8a; color: #fff; height: 53px; width: 230px; padding:9px 0 0; float: left; } .client-2 .my-kefu-main { background: #003f8a; width: 97px; height: 53px; position: relative; padding:9px 0 0; float: left; } .client-2 .my-kefu-weixin-pic { position: absolute; left: -130px; bottom: 0; display: none; z-index: 333; } .my-kefu-weixin-pic img { width: 115px; height: 115px; }