@charset "UTF-8"; body { color: #686868; font-size: 12px; font-family: "Arial", "瀹嬩綋"; height: 100%; } html { overflow-y: scroll; height: 100%; } form, div, body, img, p, img, dl, dt, dd, h2, h1, h3 { margin: 0px; padding: 0px; border: 0; } a:link { text-decoration: none; behavior: url(/scripts/blur.htc); } a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:focus { -moz-outline-style: none; } a:active { outline: none; text-decoration: none; } em, i { font-style: normal; } ul, li { list-style: none; margin: 0; padding: 0; } input, textarea, select { color: #333; margin: 0; padding: 0; font-size: 12px; font-family: Arial; vertical-align: middle; } input:focus, textarea:focus { outline: none; } /*鍒犻櫎鐏嫄涓嬫寜閽粯璁ゆ牱寮?/ input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner { border: none; padding: 0; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* 渚ц竟鏍 */ .contact-link .contact-box { position: relative; } .contact-boxs { position: absolute; top: 0; right: 73px; display: none; flex-direction: column; justify-content: center; align-items: center; padding: 20px; background-color: rgb(242,107,31); } .contact-box:hover .contact-boxs { display: flex; } /*娴姩*/ .clearboth:after { display: block; clear: both; content: ""; overflow: hidden; height: 0; } .clearboth { *zoom: 1; } .float_l { float: left; } .float_r { float: right; } /*瀛椾綋*/ .Arial { font-family: Arial; } .YaHei { font-family: "microsoft yahei", "瀹嬩綋"; } /*涓婁笅闂磋窛*/ .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb18 { margin-bottom: 18px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px; } .mb45 { margin-bottom: 45px; } .mb50 { margin-bottom: 50px; } .mb60 { margin-bottom: 60px; } .mb80 { margin-bottom: 80px; } .mb100 { margin-bottom: 100px; } /*鍏敤*/ .div100 { width: 100%; } .B { font-weight: bold; } .Text_l { text-align: left; } .Text_r { text-align: right; } .Text_c { text-align: center; } .animate { -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .all { width: 1200px; margin: 0 auto; } .Top { position: relative; z-index: 2; } .Top .function { height: 73px; line-height: 73px; border-bottom: 1px solid #e3e3e3; } .Top .function .Logo { padding-top: 5px; float: left; } .Top .function .Logo img { height: 58px; } .Top .abox { float: right; position: relative; } .Top .abox span { width: 1px; height: 20px; display: inline-block; background: #e8e8e8; margin: 0 14px; vertical-align: middle; } .Top .abox .mail { padding: 4px 0; padding-left: 36px; background: url(../images/index/mail.png) no-repeat left center; color: #848484; } .Top .abox .zulin { padding: 4px 0; padding-left: 36px; background: url(../images/index/zulin.png) no-repeat left center; color: #848484; } .Top .abox .zulin:hover #weichatB { display: block; } .Top .abox #weichatB { display: none; background: url(../images/index/ma1.png) no-repeat; background-size: cover; width: 178px; height: 178px; vertical-align: middle; position: absolute; top: 67px; z-index: 9; left: -30px; } .Top .abox .home { padding: 4px 0; padding-left: 32px; background: url(../images/index/home.png) no-repeat left center; color: #848484; } .Top .abox .weibo { background: url(../images/index/weibo.png) no-repeat; display: inline-block; width: 27px; height: 27px; vertical-align: middle; } .Top .abox .weichat { background: url(../images/index/wechat.png) no-repeat; display: inline-block; width: 27px; height: 27px; vertical-align: middle; } .Top .abox .weichat:hover #weichatA { display: block; } .Top .abox #weichatA { display: none; background: url(../images/index/weiChat.png) no-repeat; width: 178px; height: 183px; vertical-align: middle; position: absolute; top: 67px; z-index: 9; left: 280px; } .Top .abox .lang { position: relative; width: 57px; display: inline-block; height: 20px; } .Top .abox .lang em { position: absolute; width: 57px; height: 20px; line-height: 20px; color: #9e9e9e; border: 1px solid #9e9e9e; top: 6px; text-align: center; border-radius: 10px; } .Top .function .lan_btn { border: 1px solid #9e9e9e; border-radius: 10px; width: 57px; padding: 0 5px; color: #9e9e9e; display: inline-block; line-height: 20px; float: right; margin-top: 27px; margin-right: 20px; text-align: center; display: none; } .Top .Menu li { float: left; width: 10%; margin-right: 1%; text-align: center; height: 40px; position: relative; } .Top .Menu li a.tit { display: block; height: 40px; font: normal 14px/40px "Microsoft YaHei"; color: #3d3d3d; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .Top .Menu li a.tit:hover, .Top .Menu li.cur a.tit { color: #ca0b0b; } .Top .Menu li span { display: block; position: absolute; left: 50%; margin-left: -32px; top: 0; height: 1px; background: #d50004; width: 64px; opacity: 0; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; } .Top .Menu li:hover span { opacity: 1; } .Top .Menu li.cur span { opacity: 1; } .Top .Menu li .zi_menu { background: url(../images/index/zimenu.png) repeat; width: 900px; padding-left: 25px; padding-bottom: 0; position: absolute; left: 0; top: 40px; z-index: 10; height: 0; overflow: hidden; transform: translateY(-20px); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); } .Top .Menu li .zi_menu.cur { height: auto; padding-bottom: 20px; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); } .Top .Menu li .zi_menu dl { float: left; padding-top: 25px; } .Top .Menu li .zi_menu dl dt { font: bold 16px "Microsoft YaHei"; color: #fff; margin-bottom: 15px; text-align: left; } .Top .Menu li .zi_menu dl dd { color: #fff; line-height: 20px; text-align: left; } .Top .Menu li .zi_menu dl dd a { color: #fff; } .Top .Menu li .zi_menu dl dd a:hover { color: #da0000; } .Mask { position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.3; left: 0; top: 0; z-index: 500; display: none; } .sub_menu { position: fixed; width: 40%; height: 100%; background: #252d33; right: 0; top: 0; z-index: 1000; padding: 5% 0; display: none; overflow: auto; -webkit-overflow-scrolling: touch; } .sub_menu.cur { transform: translateX(0); -o-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); } .sub_menu ul { box-sizing: border-box; } .sub_menu li { width: 100%; box-sizing: border-box; } .sub_menu li .a { color: #fff; font-size: 14px; display: block; padding: 12px 0; padding-left: 20%; } .sub_menu .mail { padding: 6px 0; padding-left: 36px; background: url(../images/index/mail.png) no-repeat left center; color: #848484; display: block; margin: 10px 0 10px 0; margin-left: 20%; } .sub_menu .zulin { padding: 6px 0; padding-left: 36px; background: url(../images/index/zulin.png) no-repeat left center; color: #848484; display: block; margin: 10px 0 10px 0; margin-left: 20%; } .sub_menu .home { padding: 6px 0; padding-left: 36px; background: url(../images/index/home.png) no-repeat left center; color: #848484; display: block; margin-bottom: 10px; margin-left: 20%; } .sub_menu .li { display: none; } .sub_menu li.line { height: 1px; background: #3b4248; width: 100%; margin: 0; padding: 0; margin-bottom: 5px; } .sub_menu dl { width: 80%; margin: 0 auto; padding-bottom: 10px; display: none; } .sub_menu dl dd a { display: block; font-size: 12px; color: #fff; line-height: 18px; padding: 7px 0; padding-left: 20%; } .Page { padding: 30px 0 20px; text-align: right; } .Page a { display: inline-block; padding: 4px 8px; color: #999; border: 1px solid #fff; font-size: 12px; margin: 0 1px; } .Page a.cur, .Page a:hover { background: #f7f7f7; color: #999; border: 1px solid #ccc; } .Foot .footmenu { background: #aeaeae; border-bottom: 1px solid #cfcfcf; } .Foot .footmenu .btnbox { padding: 40px 0; } .Foot .footmenu .btnbox a { font: normal 14px "Microsoft YaHei"; color: #fff; margin-right: 35px; } .Foot .footmenu .btnbox a:hover { color: #d5060d; } .Foot .footmenu .contacbox { padding-bottom: 30px; } .Foot .footmenu .contacbox dl { color: #fff; font: normal 14px "Microsoft YaHei"; float: left; } .Foot .footmenu .contacbox dt { margin-bottom: 20px; color: #f7f7f6; } .Foot .footmenu .contacbox dd { color: #e8e8e8; margin-bottom: 20px; } .Foot .footmenu .contacbox .line { background: #c8c8c8; width: 1px; height: 92px; float: left; margin: 40px 80px 0; } .Foot .footmenu .contacbox ul { float: left; margin-top: 39px; } .Foot .footmenu .contacbox li { color: #e8e8e8; font: normal 14px "Microsoft YaHei"; margin-bottom: 5px; } .Foot .footmenu .contacbox li a { color: #e8e8e8; } .Foot .footmenu .contacbox li a:hover { text-decoration: underline; } .Foot .footmenu .contacbox .mabox { float: right; text-align: center; color: #e8e8e8; } .Foot .footmenu .contacbox .mabox img { display: block; margin-bottom: 5px; width: 130px; height: 130px; } .Foot .footmenu .contacbox .mabox span { display: block; line-height: 20px; } .Foot .footbox { background: #bdbdbd; height: 50px; line-height: 50px; color: #fff; } .Footers { height: 50px; line-height: 50px; background: #222328; text-align: center; color: #656668; position: absolute; bottom: 0; left: 0; width: 100%; } .Footers span { display: inline-block; } .page-jumper { float: right; } .page-jumper .pagination { width: 40px; text-align: center; border: 1px solid #ccc; padding: 4px 0; color: #999; margin-left: 2px; } .page-jumper-button { padding: 4px 8px; color: #999; border: 1px solid #ccc; font-size: 12px; background: none; cursor: pointer; border-left: none; } .page-jumper-button:hover { background: #f7f7f7; } @media screen and (max-width: 1200px) { .all { width: 100%; padding: 0 10px; box-sizing: border-box; } } @media screen and (max-width: 1024px) { .Foot .footmenu .contacbox .line { margin: 40px 40px 0; } } @media only screen and (max-width: 770px) { .function .small_menu { float: right; width: 46px; background: url(../images/index/btn_menu.png) no-repeat center; background-size: 24px auto; height: 40px; margin-top: 18px; } .Menu { display: none; } .sub_menu { transform: translateX(100%); -o-transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); display: block; -moz-transition: all 0.3s ease 0.1s; -webkit-transition: all 0.3s ease 0.1s; -o-transition: all 0.3s ease 0.1s; transition: all 0.3s ease 0.1s; } .Foot .footmenu .contacbox .line { margin: 40px 30px 0; } .Foot .footmenu .contacbox ul { width: 350px; } .Foot .footmenu .contacbox .mabox { display: none; } .Footers { line-height: 20px; padding-top: 5px; height: 45px; position: relative; } .Footers span { display: block; } } @media screen and (max-width: 510px) { .Top .abox, .Foot .footmenu .btnbox, .Foot .footmenu .contacbox .line { display: none; } .page-jumper { display: inline-block; float: none; } .Footer { line-height: 20px; padding-top: 5px; height: 45px; } .Footer span { display: block; } .Foot .footmenu .contacbox { padding: 20px 0; } .Foot .footmenu .contacbox dd { margin-bottom: 5px; } .Foot .footmenu .contacbox ul { margin-top: 0; width: 100%; } .Foot .footmenu .contacbox .mabox { float: none; display: block; } .Foot .footmenu .contacbox .mabox img { display: block; padding-top: 15px; margin: 0 auto; } .Page { text-align: left; } .Page a { padding: 10px 14px; } .Foot .footmenu .contacbox li { display: flex; align-items: center; } .Foot .footmenu .contacbox li a.m { /* margin-left: 93px; */ display: block; } .Foot .footmenu .contacbox li a.m1 { margin-left: 10px; display: block; } .Top .function .lan_btn, .sub_menu .li { display: block; } .Top .function .lan_btn { position: absolute; right: 0; top: 55px; } .Foot .footmenu .contacbox li, .Foot .footmenu .contacbox dl, .Foot .footbox, .Foot .footbox { font-size: 10px; } .Foot .footmenu .contacbox dt { margin-bottom: 10px; } .Foot .footmenu .contacbox .mabox img { width: 145px; } .Foot .footmenu .contacbox .mabox span { display: inline-block; font-size: 10px; padding-top: 5px; } .Foot .footbox { text-align: center; height: auto; line-height: 30px; } .Footers { font-size: 10px; height: auto; line-height: 30px; padding: 0; } .Footers span { display: inline-block; } } @media screen and (max-width: 320px) { .Foot .footbox { line-height: 25px; text-align: center; } .footbox p span { display: block; } } /* #contact-box { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } */ #contact-box .box { position: absolute; top: 35%; left: calc(50% - 180px); width: 300px; padding: 30px; background-color: #fff; } #contact-box .box .text { font-size: 18px; line-height: 32px; color: #333; padding: 30px; background-color: #fff; } #contact-box .box .close-btn { position: absolute; top: 0; right: 10px; font-size: 30px; cursor: pointer; } #contact-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } #contact-box .message-box { position: absolute; top: 25%; left: calc(50% - 300px); width: 600px; /* padding: 30px; */ background-color: #fff; border-radius: 10px; } /* #contact-box .message-box .text { */ /* width:300px; */ /* font-size: 18px; line-height: 32px; color: #333; padding: 30px; background-color: #fff; } */ /* #contact-box .box .close-btn { */ /* width:300px; */ /* position: absolute; top: 0; right: 10px; font-size: 30px; */ /* } */ #contact-box .message-box .box-top { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; background-color: #d50004; border-top-left-radius: 10px; border-top-right-radius: 10px; } #contact-box .message-box .box-top .box-top-text { font-size: 16px; font-weight: 400; color: #fff; } #contact-box .message-box .box-top .close-btn { position: absolute; top: 0; right: 10px; font-size: 20px; font-weight: 400; color: #fff; cursor: pointer; } #contact-box .message-box .box-item-all { padding: 40px; } #contact-box .message-box .box-item { display: flex; align-items: center; margin-bottom: 20px; } #contact-box .message-box .box-item1 { display: flex; align-items: flex-start; margin-bottom: 20px; } #contact-box .message-box .box-item .box-item-text { font-size: 14px; font-weight: 400; color: #d50004; } #contact-box .message-box .box-item .box-item-text1 { font-size: 14px; font-weight: 400; color: #000; margin-top: 10px; } #contact-box .message-box .box-item .box-item-input { flex: 1; height: 40px; margin-left: 10px; padding-left: 10px; border: 0.5px solid #c1c3c7; } #contact-box .message-box .box-item .box-item-input1 { position: relative; flex: 1; height: 100px; margin-left: 10px; padding-left: 10px; padding-top: 10px; border: 0.5px solid #c1c3c7; } .box-item-message { font-size: 16px; font-weight: bold; color: #000; text-align: center; } .box-bottom { display: flex; justify-content: center; align-items: center; width: 130px; height: 40px; background-color: #d50004; font-size: 14px; font-weight: 400; color: #fff; margin: 20px auto 0; border-radius: 10px; cursor: pointer; } textarea::-webkit-input-placeholder { /* WebKit browsers 閫傞厤璋锋瓕 */ color: #c1c3c7; } textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 閫傞厤鐏嫄 */ color: #bdcada; } textarea::-moz-placeholder { /* Mozilla Firefox 19+ 閫傞厤鐏嫄 */ color: #bdcada; } textarea:-ms-input-placeholder { /* Internet Explorer 10+ 閫傞厤ie*/ color: #bdcada; } input::-webkit-input-placeholder { /* WebKit browsers 閫傞厤璋锋瓕 */ color: #c1c3c7; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 閫傞厤鐏嫄 */ color: #bdcada; } input::-moz-placeholder { /* Mozilla Firefox 19+ 閫傞厤鐏嫄 */ color: #bdcada; } input:-ms-input-placeholder { /* Internet Explorer 10+ 閫傞厤ie*/ color: #bdcada; } @media screen and (max-width: 750px) { #contact-box { position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } #contact-box .message-box { position: absolute; top: calc(50% - 216px); left: calc(50% - 150px); width: 300px; /* padding: 30px; */ background-color: #fff; border-radius: 10px; } /* #contact-box .message-box .text { */ /* width:300px; */ /* font-size: 18px; line-height: 32px; color: #333; padding: 30px; background-color: #fff; } */ /* #contact-box .box .close-btn { */ /* width:300px; */ /* position: absolute; top: 0; right: 10px; font-size: 30px; */ /* } */ #contact-box .message-box .box-top { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; background-color: #d50004; border-top-left-radius: 10px; border-top-right-radius: 10px; } #contact-box .message-box .box-top .box-top-text { font-size: 16px; font-weight: 400; color: #fff; } #contact-box .message-box .box-top .close-btn { position: absolute; top: 0; right: 10px; font-size: 20px; font-weight: 400; color: #fff; cursor: pointer; } #contact-box .message-box .box-item-all { padding: 20px; } #contact-box .message-box .box-item { display: flex; align-items: center; margin-bottom: 20px; } #contact-box .message-box .box-item1 { display: flex; align-items: flex-start; margin-bottom: 20px; } #contact-box .message-box .box-item .box-item-text { font-size: 14px; font-weight: 400; color: #d50004; } #contact-box .message-box .box-item .box-item-text1 { font-size: 14px; font-weight: 400; color: #000; margin-top: 10px; } #contact-box .message-box .box-item .box-item-input { flex: 1; height: 40px; margin-left: 10px; padding-left: 10px; border: 0.5px solid #c1c3c7; } #contact-box .message-box .box-item .box-item-input1 { position: relative; flex: 1; height: 100px; margin-left: 10px; padding-left: 10px; padding-top: 10px; border: 0.5px solid #c1c3c7; } .box-item-message { font-size: 16px; font-weight: bold; color: #000; text-align: center; } .box-bottom { display: flex; justify-content: center; align-items: center; width: 130px; height: 40px; background-color: #d50004; font-size: 14px; font-weight: 400; color: #fff; margin: 20px auto 0; border-radius: 10px; cursor: pointer; } textarea::-webkit-input-placeholder { /* WebKit browsers 閫傞厤璋锋瓕 */ color: #c1c3c7; } textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 閫傞厤鐏嫄 */ color: #bdcada; } textarea::-moz-placeholder { /* Mozilla Firefox 19+ 閫傞厤鐏嫄 */ color: #bdcada; } textarea:-ms-input-placeholder { /* Internet Explorer 10+ 閫傞厤ie*/ color: #bdcada; } input::-webkit-input-placeholder { /* WebKit browsers 閫傞厤璋锋瓕 */ color: #c1c3c7; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 閫傞厤鐏嫄 */ color: #bdcada; } input::-moz-placeholder { /* Mozilla Firefox 19+ 閫傞厤鐏嫄 */ color: #bdcada; } input:-ms-input-placeholder { /* Internet Explorer 10+ 閫傞厤ie*/ color: #bdcada; } .contact-link { top: unset !important; top: auto !important; bottom: 109px !important; width: 54px !important; height: 70px !important; } } #newBridge { display: none !important; } .fix-iframe .inner-iframe { width: 100%; height: 100%; border: none; } @media (min-width: 1200px) { .fix-iframe { position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 90px; top: -50%; height: 500px; width: 350px; } } @media (min-width: 768px) and (max-width: 1199px) { .fix-iframe { position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 90px; top: -50%; height: 500px; width: 350px; } } @media (max-width: 767px) { .fix-iframe { position: absolute; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 55px; top: -65%; height: 500px; width: 330px; } } .show{ display: block; }