@charset "utf-8"; body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}} table { border-collapse: collapse; border-spacing: 0; } table th,table td { padding: 5px; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,i,th,var { font-style: normal; font-weight: normal; } ol,ul { list-style: none; } ception,th { text-align: left; } q:before,q:after { content: ''; } abbr,acronym { border: 0; } a { color: #666; text-decoration: none; transition:color .2s linear; } a:focus { outline: none; } a:hover { text-decoration: none; } .tl { text-align: left; } .tc { text-align: center; } .tr { text-align: right; } .bc { margin-left: auto; margin-right: auto; } .fl { float: left; display: inline; } .fr { float: right; display: inline; } .zoom { zoom: 1 } .hidden { visibility: hidden; } .vam { vertical-align: middle; } .clear { clear: both; height: 0; line-height: 0; font-size: 0; } p { word-spacing: -1.5px; } li { list-style: none; } -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; .cur { cursor: pointer } sup { vertical-align: baseline; } sub { vertical-align: baseline; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; outline: none; font-style: inherit; font-weight: inherit; } input,button,textarea,select { *font-size: 100%; } input,select { vertical-align: middle; } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } body { font: 12px/1.231 arial,helvetica,clean,sans-serif; } select,input,button,textarea,button { font: 99% arial,helvetica,clean,sans-serif; } table { font-size: 14px; width: 100%; border-collapse: collapse; } pre,code,kbd,samp,tt { font-family: monospace; *font-size: 108%; line-height: 100%; } h1 { font-size: 32px; } h2 { font-size: 26px; } h3 { font-size: 20px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } .clearfix:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { zoom: 1; } body { background: #f4f4f4; } @font-face { font-family:"BrandonText-Black"; font-weight:normal; font-style:normal; } @font-face { font-family: "DIN Medium"; font-weight: normal; font-style: normal; } .content,.container { margin-left: auto; margin-right: auto; width: 1200px; } .tanchuang1 { width:100%; position: fixed; top: 0; left: 0; background: url(../images/tanchuangBg.png); height:100%; z-index:9999999; } .tanchuang1 .conBox { width: 400px; height: 212px; padding: 20px; background: #fff; position: absolute; left: 50%; margin-left: -220px; top: 50%; margin-top: -80px; z-index:9999999; } .tanchuang1 .conBox .tcClose { width: 33px; height: 90px; position: absolute; right: 45px; top: -90px; cursor: pointer; z-index:999999999999999; } .tanchuang1 .conBox .box { width: 398px; height: 190px; border: 1px solid #e5e5e5; padding-top: 20px; text-align: center; position: relative; } .tanchuang1 .conBox .box img { display: block; width: 47px; height: 47px; margin: 0 auto; } .tanchuang1 .conBox .box h5 { font-size: 24px; color: #173f9d; font-weight: bold; margin-top: 10px; } .tanchuang1 .conBox .box p { font-size: 16px; color: #4d4d4d; margin-top: 10px; } .tanchuang1 .conBox .box .b15 { display: block; width: 150px; height: 52px; line-height: 52px; text-align: center; font-size: 18px; color: #fff; position: absolute; bottom: -1px; left: 50%; margin-left: -75px; background: #173f9d; text-decoration: none; z-index:999999999999999; border:0px; } .tanchuang2 .conBox .box a { background: #404040; } .y-close-page { width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999; background-color:#333; } .y-dialog-cont { width:360px; height:160px; background-color:#fff; margin:8% auto 0; border-radius:10px; text-align:center; color: #666; } .y-dialog-cont p{ padding-top:10%; font-size:18px; } .y-dialog-cont a{ display:block; width:70px; height:36px; line-height:36px; color:#fff; border-radius:5px; margin:36px auto 0; text-decoration:none; background:#173f9d; } .wrapper{margin:0 auto;width:1200px;} .wrap-title{position:relative;z-index:999;padding-bottom:25px;text-align:center;line-height:1.4;color:#333;overflow:hidden;} .wrap-title h3{display:inline-block;padding:0 192px;height:46px;line-height:45px;font-size:32px;font-weight:normal;color:#333;background-image:url(../images/title_l.png),url(../images/title_r.png);background-repeat:no-repeat;background-position:0 center,right center;} .wrap-title h3 a{color:#333;} .wrap-title h3 strong.blue{color:#173f9d;} .wrap-title p{height:30px;line-height:30px;font-size:18px;color:#666;} .wrap-title.white *{color:#fff;} .btn-wave{position: relative;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);overflow:hidden;} .btn-wave:before{content: '';display: block;width: 120%;height: 0;padding: 60% 0;background-color:#010715;border-radius: 50%;position: absolute;left: -10%;top: 50%;-webkit-transform: translateY(-50%) scale(0);transform: translateY(-50%) scale(0);z-index: -1;} .btn-wave:hover:before{-webkit-animation: btnwave 2s ease;animation: btnwave 2s ease infinite;-webkit-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;animation-fill-mode: forwards;} @-webkit-keyframes btnwave{0%{-webkit-transform:translateY(-50%)scale(0);transform:translateY(-50%)scale(0)}50%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-50%)scale(1);transform:translateY(-50%)scale(1)}} @keyframes btnwave{0%{-webkit-transform:translateY(-50%)scale(0);transform:translateY(-50%)scale(0)}50%{opacity:1}100%{opacity:0;-webkit-transform:translateY(-50%)scale(1);transform:translateY(-50%)scale(1)}} .header{height:169px;overflow:hidden;background:url(../images/header.png) repeat-x;} .top-wrap{margin:0 auto;width:1200px;height:40px;line-height:40px;font-size:13px;color:#797979;overflow:hidden;} .top-menu{float:right;} .top-menu a{display:inline-block;padding:0 15px;font-size:13px;color:#797979;background:url(../images/top_line.png) no-repeat right 12px;} .top-menu a:hover{color:#173f9d;} .top-menu a:last-child{padding-right:0;background:none;} .head-inner{margin:0 auto;width:1200px;padding:20px 0;overflow:hidden;} .head-inner .logo{float:left;width:70px;height:90px;overflow:hidden;} .head-inner .logo img{display:block;width:70px;height:90px;} .head-inner .slogan{float:left;padding-left:30px;padding-top:15px;width:370px;overflow:hidden;} .head-inner .slogan h2{height:36px;line-height:36px;font-size:24px;font-weight:normal;color:#333;} .head-inner .slogan p{height:26px;line-height:26px;font-size:15px;color:#666;} .head-inner .slogan p i{display:inline-block;margin:0 6px 0 12px;width:11px;height:11px;background:url(../images/slogan.png) no-repeat;} .head-inner .tel{float:right;padding-top:20px;overflow:hidden;} .head-inner .tel dl{float:left;padding-left:54px;} .head-inner .tel dl.item1{margin-right:26px;background:url(../images/tel_icon01.png) no-repeat 0 center;} .head-inner .tel dl.item2{background:url(../images/tel_icon02.png) no-repeat 0 center;} .head-inner .tel dt{height:20px;line-height:20px;font-size:14px;color:#999;} .head-inner .tel dd{height:24px;line-height:24px;font-size:20px;color:#333;font-family:"BrandonText-Black";} .nav{position:relative;width:100%;height:66px;line-height:66px;background:#010715;} .nav-list{margin:0 auto;width:1200px;} .nav-list li{position:relative;float:left;background:url(../images/nav_line.png) no-repeat right center;} .nav-list li:last-child{background-image:none;} .nav-list li>a{display:block;padding:0 27px 0 28px;font-size:15px;color:#fff;transition:all .2s linear;} .nav-list li.cur>a,.nav-list li:hover>a{background:#173f9d;} .nav-list li .dropDown{display:none;position:absolute;z-index:999;left:0;top:100%;width:130%;background:#173f9d;} .nav-list li .dropDown a{display:block;padding:0 20px 0 38px;height:50px;line-height:50px;font-size:14px;color:#fff;} .nav-list li .dropDown a:hover{background:#010715;} .nav.fixed{position:fixed;z-index:9998;top:0;left:0;box-shadow:0 0 10px #010715;} .footer{background:#010715;overflow:hidden;} .flinks{margin-top:26px;padding:20px 0;height:26px;line-height:26px;font-size:16px;overflow:hidden;border-bottom:#1b202d solid 1px;} .flinks .addlink{float:right;color:#999;} .flinks dl{overflow:hidden;} .flinks dt{float:left;color:#999;} .flinks dd{padding-left:10px;overflow:hidden;} .flinks dd a{display:inline-block;padding:0 20px;color:#999;} .flinks a:hover{color:#fff;} .ft-inner{padding:50px 0;overflow:hidden;} .ft-menu{float:left;width:780px;overflow:hidden;} .ft-menu dl{float:left;height:298px;overflow:hidden;background:url(../images/ft_menu_line.png) repeat-y right 0;} .ft-menu dl.item-1{margin-right:70px;width:186px;} .ft-menu dl.item-2{margin-right:70px;width:240px;} .ft-menu dl.item-3{width:186px;background-image:none;} .ft-menu dt{height:30px;line-height:30px;font-size:20px;} .ft-menu dt a{color:#fff;} .ft-menu dt a:hover{font-weight:bold;text-shadow:0 0 1px #fff;} .ft-menu dd{padding-top:22px;font-size:15px;overflow:hidden;} .ft-menu dd a{display:block;height:35px;line-height:35px;color:#666;} .ft-menu dd a:hover{color:#eee;text-shadow:0 0 1px #fff;} .ft-info{float:right;width:410px;overflow:hidden;} .ft-QRcode{float:left;padding-top:10px;width:144px;height:144px;overflow:hidden;} .ft-QRcode img{display:block;width:144px;height:144px;} .ft-tel{padding-top:10px;padding-left:55px;overflow:hidden;} .ft-tel dl{margin-bottom:20px;padding-left:48px;background-repeat:no-repeat;background-position:0 center;} .ft-tel dt{color:#999;font-size:14px;} .ft-tel dd{font-size:20px;color:#fdb815;font-family:"BrandonText-Black";} .ft-tel dl.item-1{background-image:url(../images/ft_tel_icon01.png);} .ft-tel dl.item-2{background-image:url(../images/ft_tel_icon02.png);} .ft-address{padding-top:45px;font-size:14px;color:#999;line-height:1.5;overflow:hidden;} .copyright{padding:20px 0;height:20px;line-height:20px;font-size:12px;color:#999;overflow:hidden;background:#060d1c;} .copyright a{color:#999;} .copyright a:hover{color:#eee;text-shadow:0 0 1px #fff;} .copyright .fl{width:600px;overflow:hidden;} .copyright .fl a{display:block;float:left;min-width:72px;margin-right:18px;background:url(../images/ft_menu_line.png) repeat-y right 0;} .copyright .fl a:last-child{background:none;} .copyright .fr span{display:inline-block;margin-left:20px;}