@charset "utf-8"; /* CSS reset for c_b*/ 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; } /*for ie f6n.net*/ a:focus { outline: none; } /*for ff f6n.net*/ 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 } /*原reset*/ 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; } body { font: 14px/1.231 "微软雅黑","Arial Narrow",HELVETICA; } select, input, button, textarea, button { font: 99% "微软雅黑","Arial Narrow",HELVETICA; } table { font-size: 14px; width: 100%; border-collapse: collapse; } pre, code, kbd, samp, tt { font-family: monospace; *font-size: 108%; line-height: 100%; } /*title*/ 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 { /*兼容 IE*/ zoom: 1; } /*end reset*/ body { background: #f4f4f4; } .content, .container { margin-left: auto; margin-right: auto; max-width: 1400px; padding:0 20px; } /* tanchuang1 提交弹窗*/ .tanchuang1 { width:100%; position: fixed; top: 0; left: 0; background: url(../images/Common/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: #006eba; 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: #006eba; 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:#006eba; } /* Footer YangFangLing 2019年7月4日 */ .Footer{background-color: #fff;overflow: hidden;border-top:1px #f1f1f1 solid;} .Footer-Top{padding: 40px 0;overflow: hidden;} .Footer-Top .ft-menu{overflow:hidden;height: 320px;} .Footer-Top dl{float: left;width:240px\9;width: 24%;/* padding: 0 35px; */border-left: 1px #f1f1f1 solid;height: 270px;text-align: center;} .Footer-Top dl dt{font-size: 20px;} .Footer-Top dl dt a{color: #333;} .Footer-Top dl dt a:hover{color: #0880cd;} .Footer-Top dl dd{margin-top: 30px;} .Footer-Top dl dd a{display: block;color: #a5a5a5;font-size: 14px;margin-top: 15px;} .Footer-Top dl dd a:first-child{margin-top: 0;} .Footer-Top dl dd a:hover{color: #0880cd;} .Footer-Box{float: right;} .Footer-Box ul li{border: 1px #f1f1f1 solid;text-align: center;float: left;padding: 10px;} .Footer-Box ul li img{display: block;width: 155px;height: 155px;margin: 0 auto;} .Footer-Box ul li em{display: block;font-size: 12px;color: #999;margin-top: 5px;} .Footer-Box ul li:hover em{color: #0880cd;} .Footer-Box .Text{text-align: right;margin-top: 50px;} .Footer-Box .Text i{width: 14px;height: 18px;display: inline-block;*display: inline;*zoom: 1;background: url(../images/Common/map.png) no-repeat center center;} .Footer-Box .Text h3{font-weight: normal;font-size: 14px;color: #333;margin: 5px 0;} .Footer-Box .Text p{font-size: 14px;color: #999;} .Footer-Bot{height: 50px;line-height: 50px;border-top: 1px #f1f1f1 solid;overflow: hidden;} .Footer-Bot p{font-size: 12px;color: #999;float: left;} .Footer-Bot p a{color: #999;margin: 0 15px;} .Footer-Bot p a:hover{color: #0880cd;} .Footer-Bot h3{float: right;font-weight: normal;overflow: hidden;} .Footer-Bot h3 i{width: 63px;height: 50px;display: block;float: left;background: url(../images/Common/Footer_Phone.jpg) no-repeat center center;} .Footer-Bot h3 em{display: block;float: right;background-color: #0880cd;font-size: 20px;color: #fff;width: 180px;text-align: center;font-family: "iconfont";} /* Footer End */ /* Header YangFangLing 2019年7月4日 */ .Header{background-color: #fff;} .HeaderTop{width: 100%;line-height: 40px;border-bottom: 1px #e5e5e5 solid;background-color: #fff;} .HeaderTop p{font-size: 14px;line-height: 40px;color: #999;float: left;} .HeaderTop ul{float: right;} .HeaderTop ul li{font-size: 14px;height: 40px;line-height: 40px;color: #333;float: left;text-align: right;position: relative;background: url(../images/Common/HeaderXt.png) no-repeat center left;padding-left: 25px;margin-left: 25px;} .HeaderTop ul li img{width:200px;height:200px;position:absolute;left: 38px;top:40px;z-index:9;background-color:#fff;border:1px #ddd solid;padding:10px;display: none;} .HeaderTop ul li:hover img{display:block;} .HeaderTop ul li a{color: #999;font-size: 14px;display: block;font-family: "iconfont";} .HeaderTop ul li:hover a{color: #006eba;} .HeaderTop ul li:first-child{padding-left: 0;margin-left: 0;background: none;} .HeaderTop ul li em{width: 100px;height: 100px;display: block;position: absolute;top: 45px;left: -10px;z-index: 999;display: none;border: 1px #ddd solid;} .HeaderTop ul li em img{display: block;width: 100px;height: 100px;} .HeaderTop ul li:hover em{display: block;} .HeaderTop ul li i{width: 20px;height: 20px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;background: url(../images/Common/HeaderPhone.png) no-repeat center center;margin-right: 15px;} .HeaderTop ul li:first-child i{background: url(../images/Common/HeaderXcx.png) no-repeat center center;} .HeaderBot{height: 100px;background-color: #fff;width: 100%;position: relative;} .HeaderBot a.Logo{width: 180px;height: 80px;display: block;float: left;position: relative;top: 7px;animation: fadeinL 1s ease-out backwards;} .HeaderBot a.Logo img{width: 180px;height: 80px;display: block;} .Nav{float: right;} .Nav ul li{float: left;font-size: 18px;height: 100px;line-height: 97px;margin-left: 70px;} .Nav ul li a:after{content: "";width: 5px;height: 5px;display: block;border-radius: 50%;background-color: #9e9e9e;position: absolute;left: -40px;top: 50%;margin-top: -2.5px;} .Nav ul li:first-child{margin-left: 0;} .Nav ul li:first-child a:after{display: none;} .Nav ul li>a{display: block;color: #333;border-top: 3px #fff solid;position:relative;} .Nav ul li.cur>a{color: #006eba;font-weight: bold;border-top: 3px #006eba solid;} /*.HeaderBot.cur{position: fixed;top: 0;left: 0;z-index: 99;border-bottom: 1px #eee solid;box-shadow: 0 0 20px rgba(0,0,0,0.2);height: 80px;} .HeaderBot.cur ul li{height: 80px;line-height: 77px;} .HeaderBot.cur form{top: 30px;} .HeaderBot.cur a.Logo{width: 105px;height: 45px;top: 17px;} .HeaderBot.cur a.Logo img{width: 105px;height: 45px;} .HeaderBot.cur .NavDown{top: 80px;}*/ .HeaderBot form{position: relative;top: 40px;margin-left: 60px;float: right;} .HeaderBot form button{background: none;border: none;cursor: pointer;width: 22px;height: 22px;padding: 0;} .HeaderBot form .search {position: absolute;width: 0;height: 30px;right: 35px;top: -4px;background: #fff;overflow: hidden;transition: all 0.5s;z-index: 99;box-shadow: 0 0 10px rgba(0,0,0,0.1);} .HeaderBot form .search input {display: block;width: 260px;height: 30px;line-height: 30px;border: none;text-indent: 15px;font-size: 13px;background-color: #fff;color: #666;} .HeaderBot form:hover .search{width: 260px;right: 35px;} /* Header End */ /* 字体引用 */ @font-face { font-family: "iconfont"; src: url("../font/DIN Medium.woff2") format("woff2"), url("../font/DIN Medium.woff") format("woff"), url("../font/DIN Medium.ttf") format("truetype"), url("../font/DIN Medium.eot") format("embedded-opentype"), url("../font/DIN Medium.svg") format("svg"); font-weight: normal; font-style: normal; } /* 字体引用 End */ /* 导航下拉 YangFangLing 2019年7月9日 */ .NavDown{background-color: #fff;padding: 20px 0 15px;position: absolute;left: 0;top: 100px;width: 100%;z-index: 99;display: none;border-top: 1px #e5e5e5 solid;text-align: center;} .NavDownLeft{height: 140px;border-right: 1px #ddd solid;padding-right: 60px;display: inline-block;vertical-align: top;} .NavDownLeft p{display: block;font-size: 16px;color: #333;height: 30px;line-height: 30px;} .NavDownLeft h3{font-size: 30px;color: #333;} .NavDownLeft h3 a{color: #333;} .NavDownLeft h3 a:hover{color: #043985;} .NavDownLeft i{width: 30px;height: 3px;display: block;background-color: #043985;} .NavDownCentent{width: 380px;padding-left: 70px;} .NavDownCentent a{display: block;width: 50%;float: left;color: #666;font-size: 16px;height: 40px;line-height: 40px;} .NavDownCentent a:hover{color: #043985;text-decoration: underline;} .NavDownRight{overflow: hidden;margin-left: 60px;display: inline-block;vertical-align: top;} .NavDownRight p{float: left;width: 197px;margin-left: 20px;text-align: center;} .NavDownRight p:first-child{margin-left: 0;} .NavDownRight p span{width: 195px;display: block;overflow: hidden;border: 1px #ddd solid;} .NavDownRight p img{display: block;width: 195px;transition: .8s;} .NavDownRight p:hover img{transform: scale(1.1);} .NavDownRight p em{display: block;color: #333;font-size: 14px;height: 40px;line-height: 40px;} /* 导航下拉 End */