*{margin:0px; padding:0px;} img{vertical-align : middle;border:none;} ol, ul, li { list-style: none; } a { text-decoration: none; padding: 0; margin: 0; color: #4d4d4d; } input, select { vertical-align: middle; } table { border-collapse:collapse; border-spacing:0; } body { font-family:"微软雅黑"; font-size:14px; line-height:180% } a { outline: none;/* for Forefox */ cursor: pointer; star: expression(this.onFocus=this.blur());/* for Ie*/ } .q_mobile_img{position:absolute; top:0px; left:33px; display:none;} .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { *zoom:1; display:block;min-height:1%; } * html .clearfix { height:1%; } input,textarea { margin:0; padding:0; border:medium none;} .pr0{padding-right: 0!important;} .i{font-family: 'iconfont';} .i:before{content:attr(data-icon);} .nav_down:before{ content: "\e61a";} .phone_icon:before{ content: "\e61c";} body, .ql-wrapper{ height: 100%; } .ql-wrapper{ height: auto; min-height: 100%; margin: 0 auto; } .ql-wrapper-home{ width: 1200px; margin: 0 auto; } body{ margin: 0; padding: 0; font-family: Microsoft Yahei,Helvetica Neue,Hiragino Sans GB,WenQuanYi Micro Hei,sans-serif; } .c-bg{ background: url("../css/img/c-bg.png") no-repeat; overflow: hidden; } .fl,.f_fl,.floatLeft{ float: left; } .fr,.f_fr,.floatRight{ float: right; } {float:right;} .f_pr{position:relative;} /* header */ .top{width:100%; height:auto; overflow:hidden; background:#0c438c;} .header{width:1180px; height:auto; margin:0 auto;} .header_l{width:220px; height:auto; line-height:37px; display:block; color:#fff; font-size:13px;} .header_l img{margin-top:8px; margin-right:5px;} .header_r span{display:block; float:left; height:37px; line-height:37px; padding:0 7px;} .header_l a,.header_r span a{color:#fff;} .header_r span a:hover{text-decoration:underline;} .header_search{margin-top:6px; background:url(../images/search.png) no-repeat; width:173px; height:25px;} .header_search input{ padding:4px 0 3px 0px; border:1px solid #fff; outline:none; width:138px; margin-left:5px; display:inline; height:auto; overflow:hidden;} .header_search a{display:block; width:18px; height:25px; margin-left:3px;} .nav1{width:1180px; height:99px; margin:0 auto; z-index:1000; position:relative;} .nav1 h1,.nav1 .logo{width:224px; height:66px; margin-top:15px; background: url(../images/logo.png) no-repeat; float: left; text-indent: -999em; overflow:hidden; display:block;} .nav_list{ position:relative;} .nav1 .cont{margin-top:35px;width:14%;} .nav1 .cont .telimg{margin-right:5px;} .nav1 .cont .hottxt{margin-top: -8px;font-size:10px; color:#777777;} .nav1 .cont .hotline{margin-top: -8px;color: #00479d;font-weight: 600; font-size: 17px;} .nav1 .cont span{font-size:20px; color:#f6281f; font-family:Arial; font-weight:bolder; padding-top:2px; display:block;} .clearfix:after{content:".";display:block;height:10px;clear:both;visibility:hidden;} .navBar{position:relative; z-index:1; color:#fff; height:98px; line-height:98px; } .nav{ margin:0 auto; font-size:100%; font-weight:normal; font-size:16px; text-align:center; } .nav .m{ position:relative; float:left; width:; display:inline; text-align:center; height:98px; } .nav .m i{ display:inline-block; *display:inline; zoom:1; width:7px; height:4px; background:url(../images/icon.png) 0 -280px no-repeat; overflow:hidden; margin:-2px 0 0 5px; vertical-align:middle; filter:alpha(opacity=50);opacity:0.5;} .nav a{ zoom:1; height:99px; line-height:16px; display:block; color:#fff; line-height:99px; color:#303030; width:90px; text-align:center;} .nav li.hover a{ color:#000; background:#f6f6f6;} .nav a:hover{background:#f6f6f6;} .nav .hover a i{ filter:alpha(opacity=100);opacity:1; } .nav .sub{ display:none; /*默认隐藏*/ width:100px; position:absolute; left:0px; top:99px; float:left; line-height:30px;z-index:1000;} .nav .sub1{left:0px !important; width:530px;} .nav .sub2{left:-150px !important; width:695px;} .nav .sub3{left:-80px !important; width:530px;} .nav .sub li{ text-align:center; } .nav .sub li a{ color:#5e5e5e; display:block; zoom:1;} .nav .sub li p{text-align:left;line-height:26px;} .nav .sub dl{ display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:26px; } .nav .sub dl a:hover{ color:#c00; } .nav .sub dl dt a{ color:#000; } .nav .sub dl dd a{ color:#999; padding-left:7px; background:url(../images/icon.png) 0 -332px no-repeat; } .nav #m3 .sub{ z-index:1; width:695px; left:0px;} .nav #m2 .sub{ z-index:1; width:695px; left:-140px;} .nav #m5 .sub{ z-index:1; width:530px; left:0px;} .nav #m4 .sub{ z-index:1; width:530px; left:-80px;} .mun,.mun2{ line-height:23px; width:530px; height:auto; overflow:hidden; background:#fff; -moz-box-shadow:0px 2px 2px #999 inset; -webkit-box-shadow:0px 2px 2px #999 inset; box-shadow:0px 2px 2px #e4e4e4 inset; } .mun ul,.mun2 ul{width:133px; display:block; height:auto; min-height:245px; overflow:hidden; background:#f6f6f6; margin-top:3px; padding-top:15px;} .mun ul li{clear:both; height:32px; line-height:32px; background:#f6f6f6; margin:0px; width:133px; font-size:14px; font-weight:bolder;} .mun ul li.hover{background:#fff;} .mun ul li.hover{color:#0c438c;} .mun ul li p{padding-left:30px; text-align:left;} .mun ul li a{width:133px; height:32px; display:block; color:#5e5e5e;} .sub .mun ul li a:hover{background:#fff; color:#0c438c;} .mun .cc,.mun2 .cc{width:334px; height:auto; overflow:hidden; margin:20px 0 0 32px;} .mun .cc p,.mun2 .cc p{font-size:13px; color:#949494; line-height:22px; text-align:left; margin-top:10px;} .mun1{width:680px; height:425px; background:#fff; padding-left:15px; -moz-box-shadow:0px 2px 2px #999 inset; -webkit-box-shadow:0px 2px 2px #999 inset; box-shadow:0px 2px 2px #e4e4e4 inset;} .mun1 ul li{width:150px; float:left; height:auto; overflow:hidden; margin-left:13px; margin-top:20px;} .mun1 ul li .mainsub a{width:100%; font-size:14px; color:#5e5e5e; border-bottom:1px solid #dbdbdb; line-height:35px; height:35px; margin-bottom:7px;} .mun1 ul li:hover .mainsub{ background:#f6f6f6;} .mun1 ul li:hover .mainsub a{background:#f6f6f6;color:#0c438c;} .mun1 ul li .wxtitle{color:#333;font-size:13px;} .mun1 ul li a:hover { background:none;} .nav .sub .mun1 ul li p a{width:100%; height:28px;line-height:28px; display:block; color:#919191; font-size:13px;text-align:left;} .nav .sub .mun1 ul li p a:hover{color:#0c438c; background:none;} .mun1 ul li ul li{width:75px; float:left; margin:0px;} .nav .sub .mun1 ul li ul li a{color:#919191;} .nav .sub .mun1 ul li ul li a:hover{color:#0c438c; background:none;} .mun2{background:#fff;} .mun2 ul{margin-left:25px;} .mun2 ul li{width:129px; height:37px; background:#fff; margin-bottom:5px;} .mun2 ul li a{width:129px; height:37px; display:block; border:1px solid #eeeded; line-height:37px; margin:0px; padding:0px;} .nav .sub .mun2 ul li a:hover{color:#0c438c; background:#fff;} .nav .sub .mun2 .cc{margin-left:10px;} .nav .sub4{width:105px;} .mun4{ line-height:23px; width:105px; height:auto; overflow:hidden; background:#fff; -moz-box-shadow:0px 2px 2px #999 inset; -webkit-box-shadow:0px 2px 2px #999 inset; box-shadow:0px 2px 2px #e4e4e4 inset; } .mun4 ul,.mun2 ul{width:105px; display:block; height:auto; min-height:110px; overflow:hidden; background:#f6f6f6; margin-top:3px; padding-top:15px;} .mun4 ul li{clear:both; height:32px; line-height:32px; background:#f6f6f6; margin:0px; width:105px; font-size:14px; font-weight:bolder;} .mun4 ul li p{text-align:center!important;} .mun4 ul li a{width:105px; height:32px; display:block; color:#5e5e5e;} .nav-hot{position: absolute;top: 20px;left: 36px;} /*导航结束*/ /* footer */ #bottom-nav { background-color: #f6f6f6; padding: 40px 0 30px; clear:both; } #bottom-nav .container { overflow: hidden; position: relative; margin: 0 auto; width: 1000px; } #bottom-nav .cate-nav { float: left; margin-left: -30px; } #bottom-nav .cate-nav .cate-item { border-left: 1px solid #e5e5e5; float: left; height: 168px; line-height: 2; padding-left: 30px; width: 150px; } #bottom-nav .cate-nav .title { font-size: 18px; line-height: 1; margin-bottom: 10px; } .ie6 #bottom-nav .cate-nav .title { line-height: 20px; } #bottom-nav .cate-nav dd { font-size: 14px; } #bottom-nav .cate-nav dd a { color: #666; } #bottom-nav .cate-nav dd a:hover { color: #0e3092; } #bottom-nav .follow-us { float: right; overflow: hidden; position: relative; width: 270px; } #bottom-nav .follow-us .title { font-size: 18px; font-weight: bold; line-height: 1; margin-bottom: 20px; } .ie6 #bottom-nav .follow-us .title { line-height: 20px; } #bottom-nav .follow-us .weibo { background-image: url("img/c-bg.png"); background-position: 0 -495px; background-repeat: no-repeat; color: #666; font-size: 14px; line-height: 18px; padding-left: 30px; position: absolute; right: 0; top: 0; } #bottom-nav .follow-us .weibo:hover { color: #23ac38; } #bottom-nav .follow-us .qr-list { margin-left: -30px; } #bottom-nav .follow-us .qr-list li { display: inline; float: left; margin-left: 30px; width: 120px; } #bottom-nav .follow-us .qr-list .text { color: #999; line-height: 30px; text-align: center; } #bottom-nav .copyright { padding-top:10px; clear:both; color: #59626e; text-align: center; } .link{clear:both;} .main-con{clear:both;width:100%;padding: 40px 0;} .main-con .prev,.main-con .next{ width:45px; height:32px;display:inline-block;} .main-con .oran_pg_pp {float:left; text-align:center; padding:0px 8px;font-size:16px;color:#666; border:1px solid #e1e1e1; margin-right: 6px;} .main-con .oran_pg_np { float:left;text-align:center; padding:0px 8px;font-size:16px;color:#666; border:1px solid #e1e1e1; margin-left: 6px;} .main-con span{ float:left; margin-left: 6px;} .main-con span a{ float:left; text-align:center; padding:0px 8px;font-size:16px;color:#666; border:1px solid #e1e1e1; margin-right: 6px;} .main-con span a:hover,.main-con span a.cur{color:#fff;background: #0e3092;padding:0px 8px;border: 1px solid #0e3092;} .main-con .oran_pg_pp:hover,.oran_pg_np:hover{color:#fff;background: #0e3092;padding:0px 8px;border: 1px solid #0e3092;} /*面包导航*/ .ui-breadcrumb { border-bottom: 1px solid #e0e0e0; color: #666; font-size: 14px; line-height: 40px; margin-bottom:20px; } .ui-breadcrumb span, .ui-breadcrumb a:hover { color: #002870; } .ui-breadcrumb i, .ui-breadcrumb em { font-style: normal; } /*模向菜单*/ .ui-tab-items li { float: left; list-style: outside none none; padding-bottom: 9px; position: relative; vertical-align: top; } .ui-tab-items li.ui-tab-item-current { background-position:60px -15px; } .ui-tab-red { background: #d7d7d7 none repeat scroll 0 0; border-bottom: medium none; height: 40px; } .ui-tab-red .ui-tab-item a { background: #d7d7d7 none repeat scroll 0 0; font-size: 16px; border-right: 1px solid #fff; color: #4d4d4d; display: inline-block; height: 40px; line-height: 40px; padding: 0 10px; min-width: 100px; padding: 0 20px; text-align: center; text-decoration: none; } .ui-tab-red .ui-tab-item-current a { background: #0e3092 none repeat scroll 0 0; color: #fff; font-weight: normal; display:inline-block; border-right:none; } .form-text { border: 1px solid #dedede; height: 20px; line-height: 20px; text-indent: 4px; width: 215px; } .btn-submit { background: #d90504 none repeat scroll 0 0; color: #fff; display: block; font-size: 12px; font-weight: bold; height: 28px; line-height: 28px; text-align: center; width: 94px; } .cheadSeaKey { width: 143px; height: 20px; padding: 0 0 0 5px; line-height: 21px; border: 1px solid #afc5e0; color: #697a81; margin: 0; vertical-align: top; float: left; font-size: 12px; } .search-submit { width: 43px; height: 22px; border: none; text-align: center; line-height: 22px; padding: 0; color: #fff; background: url("../images/fin_0506_mqm_imgs.png") -238px -84px no-repeat; vertical-align: top; cursor: pointer; _margin-left: -3px; font-size: 12px; } @media screen and (min-width: 640px){ .pctel{display:block} .mbtel{display:none} } @media screen and (max-width: 640px){ .pctel{display:none} .mbtel{display:block} } .footerbox1{clear: both;width: 100%;background: url(../images/footer_toy.png) center no-repeat #4b4c4e;padding: 20px 0;} .footermain{width: 1200px;margin: 0 auto;padding: 15px 0;display: flex;} .footermain .flogodiv{width: 23%;text-align: left;padding-right: 58px;} .footermain .fteldiv{width: 42%;padding-left: 60px;box-sizing: border-box; position: relative;color: #a5a6a6;border-left: 1px solid #5b5b5b;border-right: 1px solid #5b5b5b;} .footermain .fteldiv h2{font-size: 15px;line-height: 40px;position: relative;text-align: left;} .footermain .fteldiv h2 span{display: inline-block;margin-right: 12px;position: absolute;left: -30px;} .footermain .fteldiv h2 font a {font-size: 19px;font-weight: bold;color: #a5a6a6;} .footermain .fqrdiv{width: 30%;display: inline-table;text-align: right;} .footermain .fqrdiv .fqrb{width: 100px;color: #a5a6a6;font-size: 12px;text-align: center;display: inline-table;margin-left: 17px;line-height:18px;} .footerbox2{clear: both;width: 100%;background: #343434;} .footerbox2 .ftmain{width: 1200px; font-size: 14px;margin: 0 auto;color: #D3D3D3;height:40px;line-height: 40px;display:flex;} .footerbox2 .ftmain .ftmleft{font-size: 14px;color: #D3D3D3;text-align: left;width: 70%;} .footerbox2 .ftmain .ftmright{font-size: 14px;color: #D3D3D3;text-align: right;width: 30%;} .footerbox2 .ftmain a{color: #D3D3D3;} .footerbox2 .ftmain a:hover{text-decoration: underline;} .footer-link{ width:1200px; margin:0 auto; } .footer-link .link{ width:1200px; display: inline-block; margin: 20px 0; vertical-align:top; } .footer-link .link-text{ color: #333; font-size: 16px; line-height: 40px; } .link-content{ width:100%; } .link-content a{ color: #878787; font-size: 14px; line-height: 26px; margin-right:25px; } .link-content a:hover{ text-decoration: underline } .layout {width:100%} .container,.container-layout {margin:0 auto;} @media(min-width:760px) {.container {width:750px} } @media(min-width:1000px) {.container {width:1000px} } @media(min-width:1200px) {.container {width:1200px} } .line {margin:0;padding:0} .x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12,.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12,.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12,.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12 {position:relative;min-height:1px} .line-big {margin-left:-10px;margin-right:-10px} .line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12 {position:relative;min-height:1px;padding-right:10px;padding-left:10px} .line-middle {margin-left:-5px;margin-right:-5px} .line-middle .x1,.line-middle .x2,.line-middle .x3,.line-middle .x4,.line-middle .x5,.line-middle .x6,.line-middle .x7,.line-middle .x8,.line-middle .x9,.line-middle .x10,.line-middle .x11,.line-middle .x12,.line-middle .xl1,.line-middle .xl2,.line-middle .xl3,.line-middle .xl4,.line-middle .xl5,.line-middle .xl6,.line-middle .xl7,.line-middle .xl8,.line-middle .xl9,.line-middle .xl10,.line-middle .xl11,.line-middle .xl12,.line-middle .xs1,.line-middle .xs2,.line-middle .xs3,.line-middle .xs4,.line-middle .xs5,.line-middle .xs6,.line-middle .xs7,.line-middle .xs8,.line-middle .xs9,.line-middle .xs10,.line-middle .xs11,.line-middle .xs12,.line-middle .xm1,.line-middle .xm2,.line-middle .xm3,.line-middle .xm4,.line-middle .xm5,.line-middle .xm6,.line-middle .xm7,.line-middle .xm8,.line-middle .xm9,.line-middle .xm10,.line-middle .xm11,.line-middle .xm12,.line-middle .xb1,.line-middle .xb2,.line-middle .xb3,.line-middle .xb4,.line-middle .xb5,.line-middle .xb6,.line-middle .xb7,.line-middle .xb8,.line-middle .xb9,.line-middle .xb10,.line-middle .xb11,.line-middle .xb12 {position:relative;min-height:1px;padding-right:5px;padding-left:5px} .line-small {margin-left:-1px;margin-right:-1px} .line-small .x1,.line-small .x2,.line-small .x3,.line-small .x4,.line-small .x5,.line-small .x6,.line-small .x7,.line-small .x8,.line-small .x9,.line-small .x10,.line-small .x11,.line-small .x12,.line-small .xl1,.line-small .xl2,.line-small .xl3,.line-small .xl4,.line-small .xl5,.line-small .xl6,.line-small .xl7,.line-small .xl8,.line-small .xl9,.line-small .xl10,.line-small .xl11,.line-small .xl12,.line-small .xs1,.line-small .xs2,.line-small .xs3,.line-small .xs4,.line-small .xs5,.line-small .xs6,.line-small .xs7,.line-small .xs8,.line-small .xs9,.line-small .xs10,.line-small .xs11,.line-small .xs12,.line-small .xm1,.line-small .xm2,.line-small .xm3,.line-small .xm4,.line-small .xm5,.line-small .xm6,.line-small .xm7,.line-small .xm8,.line-small .xm9,.line-small .xm10,.line-small .xm11,.line-small .xm12,.line-small .xb1,.line-small .xb2,.line-small .xb3,.line-small .xb4,.line-small .xb5,.line-small .xb6,.line-small .xb7,.line-small .xb8,.line-small .xb9,.line-small .xb10,.line-small .xb11,.line-small .xb12 {position:relative;min-height:1px;padding-right:1px;padding-left:1px} .x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12 {float:left} .x1 {width:8.33333333%} .x2 {width:16.66666667%} .x3 {/* width:25%; */} .x4 {width:33.33333333%} .x5 {width:41.66666667%} .x6 {width:50%} .x7 {width:58.33333333%} .x8 {width:66.66666667%} .x9 {width:75%} .x10 {width:83.33333333%} .x11 {width:91.66666667%} .x12 {width:100%} @media(min-width:300px) {.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12 {float:left} .xl1 {width:8.33333333%} .xl2 {width:16.66666667%} .xl3 {width:25%} .xl4 {width:33.33333333%} .xl5 {width:41.66666667%} .xl6 {width:50%} .xl7 {width:58.33333333%} .xl8 {width:66.66666667%} .xl9 {width:75%} .xl10 {width:83.33333333%} .xl11 {width:91.66666667%} .xl12 {width:100%} } @media(min-width:760px) {.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12 {float:left} .xs1 {width:8.33333333%} .xs2 {width:16.66666667%} .xs3 {width:25%} .xs4 {width:33.33333333%} .xs5 {width:41.66666667%} .xs6 {width:50%} .xs7 {width:58.33333333%} .xs8 {width:66.66666667%} .xs9 {width:75%} .xs10 {width:83.33333333%} .xs11 {width:91.66666667%} .xs12 {width:100%} } @media(min-width:1000px) {.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12 {float:left} .xm1 {width:8.33333333%} .xm2 {width:16.66666667%} .xm3 {width:25%} .xm4 {width:33.33333333%} .xm5 {width:41.66666667%} .xm6 {width:50%} .xm7 {width:58.33333333%} .xm8 {width:66.66666667%} .xm9 {width:75%} .xm10 {width:83.33333333%} .xm11 {width:91.66666667%} .xm12 {width:100%} } @media(min-width:1200px) {.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12 {float:left} .xb1 {width:8.33333333%} .xb2 {width:16.66666667%} .xb3 {width:25%} .xb4 {width:33.33333333%} .xb5 {width:41.66666667%} .xb6 {width:50%} .xb7 {width:58.33333333%} .xb8 {width:66.66666667%} .xb9 {width:75%} .xb10 {width:83.33333333%} .xb11 {width:91.66666667%} .xb12 {width:100%} } @media(max-width:760px) {.show-l {display:block!important} .hidden-l {display:none!important} } @media(min-width:761px) and (max-width:1000px) {.show-s {display:block!important} .hidden-s {display:none!important} } @media(min-width:1001px) and (max-width:1200px) {.show-m {display:block!important} .hidden-m {display:none!important} } @media(min-width:1201px) {.show-b {display:block!important} .hidden-b {display:none!important} } .close {display:inline-block;font-size:28px;cursor:pointer;line-height:28px} .close:before {content:"\00d7"} .leftward {display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-right:4px solid;border-top:4px solid transparent;border-bottom:4px solid transparent} .rightward {display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-left:4px solid;border-top:4px solid transparent;border-bottom:4px solid transparent} .upward {display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-bottom:4px solid;border-right:4px solid transparent;border-left:4px solid transparent} .downward,.arrow {display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent} .badge {display:inline-block;min-width:10px;padding:3px 6px;font-size:12px;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#888888;border-radius:2em} .badge:empty {display:none} .badge.bg-back,.badge.bg-mix {color:inherit} .badge.bg-white,.badge.bg-red-light,.badge.bg-yellow-light,.badge.bg-blue-light,.badge.bg-green-light {color:#333} .badge-corner {position:relative} .badge-corner .badge {position:absolute;right:-15px;top:-10px;font-weight:normal;cursor:pointer} .drop {position:relative} .drop-menu {position:absolute;display:none;top:50px;left:0;z-index:1;float:left;padding:5px 0;margin:12px 0 0;list-style:none;background-color:#fff;background-clip:padding-box;} .drop-menu.pull-right {right:0;left:auto} .drop-menu a {color:#6E6E6E;padding:5px 20px;display:block;clear:both;white-space:nowrap;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .drop-menu a:hover,.drop-menu a:focus {background:#f5f5f5;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s} .drop-menu .disabled a {color:#888888;pointer-events:none} .drop-menu .disabled a:hover,.drop-menu .disabled a:focus {cursor:not-allowed} .drop-menu .divider {background-color:#EBEBEB;height:1px;overflow:hidden;margin:8px 0} .drop-menu .drop-meun-head {display:block;padding:5px 20px;font-size:12px;color:#888888} .open .drop-menu {display:block} .nav {list-style:none;padding:5px 0 0 0;margin:0} .nav li {position:relative} .nav a {transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;display:block} .nav a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s} .nav .arrow {display:none} .nav .active a {font-weight:bold} .nav-head {font-size:14px;font-weight:bold;height:30px;line-height:30px} .nav {padding:0} .nav-inline .nav-head {padding-right:20px} .nav-inline li {display:inline-block;vertical-align:top} .nav-inline li a {padding:5px 20px;line-height:20px;display:block} .nav-inline .nav-more {float:right} .nav-split .nav-head {height:20px;line-height:20px} .nav-split li {border-right:solid 1px rgba(0,0,0,.20)} .nav-split li a {padding:0 20px} .nav-split .nav-head,.nav-split ul li,.nav-split li:last-child {border-right-width:0} .nav-right {text-align:right} .nav-right .nav-head {float:left} .nav.nav-justified {display:table;width:100%} .nav-justified .nav-head {padding:0 20px;float:none} .nav-justified .nav-more {float:none} .nav-justified li {display:table-cell} .nav-justified .nav-head,.nav-justified li a {text-align:center;display:block} .nav-justified.nav-split .nav-head {padding:0 20px;border-right-width:1px} .nav-big .nav-head {font-size:18px;height:30px;line-height:30px;padding:0 20px} .nav-big a {font-size:18px;line-height:30px} .nav-big.nav-split a {line-height:30px} .nav ul {display:block;list-style:none;padding:0} .nav ul a {font-weight:normal;padding:5px 20px} .nav ul ul a {padding-left:40px} .nav ul ul ul a {padding-left:60px} .nav ul ul ul ul a {padding-left:80px} .nav .active ul a {font-weight:normal} .nav-menu .drop-menu {display:none;margin-top:0px} .nav-menu ul {padding:5px 0} .nav-menu .arrow {display:inline-block} .nav-menu ul .arrow {display:none} .nav-menu li:hover ul {display:block} .nav-menu.nav-big ul a {line-height:20px} .nav-menu ul ul,.nav-menu.nav-main ul ul,.nav-menu.nav-sub ul ul,.nav-menu.nav-tabs ul ul,.nav-menu.nav-pills ul ul {padding:0} .nav-menu ul a,.nav-menu.nav-tabs ul a,.nav-menu.nav-pills .active ul a,.nav-menu.nav-big.nav-inline ul a,.bg-inverse .nav-menu.nav-inline ul a,.bg-inverse .nav-menu.nav-inline .active ul a,.bg-inverse .nav-menu.nav-inline.nav-big ul a,.bg-inverse .nav-menu.nav-inline.nav-big .active ul a,.navbar-body .nav ul a {line-height:20px;background:#fff;font-size:inherit;border:0;border-radius:0;padding-top:5px;padding-bottom:5px;margin:0;text-indent:0} .nav-menu ul a,.nav-menu.nav-pills .active ul a,.bg-inverse .nav-menu ul a,.bg-inverse .nav-menu .active ul a {color:#333} .nybanner{width:100%;height:550px;position: absolute;top: 0;left: 0;z-index: -1;padding: 0;margin: 0;overflow: hidden;} .nybanner img{width:100%;height:550px;} /* 导航 */ .container-layout{max-width: 1420px;min-width: 1000px;} #pc-header{width: 100%;display: flex;background: #0052d9;border-bottom: 1px solid rgba(255,255,255,.16);position:relative;z-index:99;flex-direction: row;} #pc-header .logo{padding:10px 0 0 5px;} #pc-header .logo img{max-width:none;max-height:75px;} #pc-header .navbar{z-index:9} #pc-header .nav li.active ul li a {color:#3e3e3e;} #pc-header .nav li a{color:#fff;line-height:90px;position:relative;padding:0 16px;font-size:16px;font-weight:400} /* #pc-header .nav li:last-child a{padding:0 0 0 20px;} */ #pc-header .nav li ul {top:90px;padding:0;} #pc-header .nav li.active a,#pc-header .nav li a:hover,#pc-header .nav li:hover a.first-level{color:#fed800;} #pc-header .nav li ul{background:#FFF;border-top-left-radius:0px;border-top-right-radius:0px;transition: 0.3s;} #pc-header .nav li ul li a {background:#FFF;line-height:42px;color:#3e3e3e;font-size:14px;font-weight:normal;display:block;width:96px;text-align:left;} #pc-header .nav li ul li a:hover{background:#fed800;color:#fff;} /* 搜索图标 */ #pc-header .searchBar{display: flex;margin-top: 25px;} #pc-header .searchBar .search-ico{margin-right:15px} #pc-header .searchBar a.search-a{display:block} #pc-header .searchBar .sbimg{margin-top: 3px;} .nav-hot {position: absolute;top: 5px;left: 20px;} .sub1{margin-right: 15px;} .mun1{padding:15px;background: #fff;display:none;position: absolute;z-index: 2000;top: 65px;left: 0} .mun1 ul{display:flex;} .mun1 li{float:left; height:auto; overflow:hidden;line-height:0;} .mun1 li img{line-height:0;width: 100px;} .mun1 li .wxtitle{color:#333;font-size:13px;line-height: 24px;text-align: center;} .sub1:hover .mun1{display:block} .sub2{margin-right: 15px;} .mun2{padding:15px 0 15px 15px;background: #fff;display:none;position: absolute;z-index: 2000;top: 65px;left:0} .mun2 ul{display:flex;} .mun2 li{float:left; height:auto; overflow:hidden;line-height:0;margin-right: 15px;} .mun2 li img{line-height:0;width: 100px;} .mun2 li .wxtitle{color:#333;font-size:13px;line-height: 24px;text-align: center;} .sub2:hover .mun2{display:block} .sub3{margin-right: 15px;} .mun3{padding:15px;background: #fff;display:none;position: absolute;z-index: 2000;top: 65px;right: 120px} .mun3 ul{display:flex;} .mun3 li{float:left; height:auto; overflow:hidden;line-height:0;} .mun3 li img{line-height:0;width: 100px;} .mun3 li .wxtitle{color:#333;font-size:13px;line-height: 24px;text-align: center;} .sub3:hover .mun3{display:block} .hot_line{margin-top: -5px;} .hot_line .hltit{font-size: 14px;color: #fff;line-height: normal;} .hot_line .hltxt{font-size: 20px;color: #fff;line-height: normal;font-weight:600} /* 弹出搜索 begin */ .searchBar-m {display:none;width:100%;height:100%;position:fixed;top:0px;z-index:9999;text-align:center} .searchBar-m .mask {position:absolute;left:0;right:0;width:100%;height:100%;background:#000;opacity:0.8;} .searchBar-m a {display:block;position:absolute;right:5%;top:5%;width:60px;height:60px;line-height:56px;font-size:48px;z-index:9999;color:#fff;} .searchBar-m a:hover{color:#ff9600} .searchBar-m .form-group {width:70%;max-width:720px;position:absolute;left:50%;top:40%;transform:translate(-50%,-200%);} .searchBar-m .input{width:88%;background:transparent;border:0;border-bottom:2px solid #f2f2f2;color:#6E6E6E;height:60px;line-height:60px;float:left;padding:0} .searchBar-m .button {width:8%;height:60px;line-height:60px;border-bottom:2px solid #f2f2f2;border-top: none;border-left: none; border-right: none;display:block;float:left;background:url(../images/search_header.png) no-repeat center 50%;text-indent:-2000px} .searchBar-m .button:hover{background:url(../images/search_header.png) no-repeat center 50%;} /* 弹出搜索 end */ /*底部*/ .full_footer{position:relative;height: 300px; background-color: rgb(34, 34, 34);} .footer_content{width: 1200px;margin:0 auto;height: 300px;padding-top:60px;box-sizing: border-box;display:flex; justify-content:space-between} .fc_item1{} .fc_item1 .fcitbox{display:flex} .fc_item1 .llogo{} .fc_item1 .llogo img{width:55px;} .fc_item1 .sname{color:#fff;font-size:26px;font-weight:600;margin-top: 20px;margin-left: 15px;} .fc_item1 .hotlinetitle{font-size: 14px;line-height: 141%;color:#d2d2d2;margin-top:50px;} .fc_item1 .hotline{font-size: 30px;color:#fff;margin-top:20px;font-weight:600} .fc_item2{} .fc_item2 .contact_title{font-size:16px;color:#d2d2d2;font-weight:600;margin-bottom:40px;} .fc_item2 .contact_content{font-size: 14px; line-height: 240%; color: rgb(153, 153, 153);} .fc_item3{} .fc_item3 .contact_title{font-size:16px;color:#d2d2d2;font-weight:600;margin-bottom:40px;} .fc_item3 .contact_content{font-size: 14px; line-height: 240%; color: rgb(153, 153, 153);} .fc_item4{display:flex;background: url(../images/f_erbg.png) no-repeat 0 0;padding-right: 20px;padding-top: 10px;margin-top: 45px;} .fc_item4 .tcode{text-align:center;font-size: 12px;color: rgb(204, 204, 204);margin-left: 20px;} .fc_item4 .tcode img{width:100px;border-radius:4px;margin-bottom:5px} .full_copyright{position:relative;height: 50px; background-color: rgb(17, 17, 17);} .footer_copyright{width: 1200px;margin:0 auto;display:flex;justify-content:flex-start;line-height:50px;} .copyr_left{font-size: 14px;color: rgb(119, 119, 119);} .copyr_right{margin-left: auto;font-size: 14px;}