@charset "gb2312"; @media (min-width:768px) { body{overflow-x:hidden;} * { outline: none } a:hover { color: #223380 } a:active { outline: none } a:focus { outline: none } .em2 { text-indent: 2em !important } .container { width: 1215px } .container_big { width: 1473px; padding-right: 18px; padding-left: 18px } .container_s { width: 1115px; padding-right: 18px; padding-left: 18px } .container-ss { width: 1020px; padding-right: 0px; padding-left: 0px } #topbar { border-bottom: 1px solid #F2F2F2; top: 0; width: 100% } #topbar * { line-height: 45px; font-size: 13px; color: #999 } #topbar .welcome { } #topbar .tc { text-align: right } #topbar .span1 { padding-right: 50px; border-right: 1px solid #F2F2F2; display: inline-block } #topbar .span1 strong { font-size: 14px } #topbar span { border-right: 1px solid #F2F2F2; display: inline-block } #topbar span a:hover { color: #223380 } #topbar .span2 a { margin: 0 25px; display: inline-block } #topbar .span3 { padding: 0 25px } #topbar .span3 a { } #topbar .span3 a.drop { } #topbar .span3 i { } #header { } #navbar { z-index: 999; background: rgba(255, 255, 255, 1); width: 100%; max-width: 1920px } .body_index #navbar.affix { top: 0; position: fixed; transition: none } .body_index #navbar { position: fixed; top: 47px; transition: none } .navbar { margin: 0 } #navbar .row.r { position: relative } #navbar .logo { display: inline-block } #navbar span { display: inline-block; font-size: 20px; vertical-align: middle; padding-top: 11px; padding-left: 20px } #navbar .logo img { margin: 15px 0 0; vertical-align: middle } .navbar-nav { margin-top: 15px; position: static } .navbar-nav li.nav_li1 { position: static } .navbar-nav li.nav_li1>a:after { content: ""; display: block; width: 100%; height: 5px; top: 0; left: 0; background: #fff; margin-top: 25px } .affix .navbar-nav li.nav_li1>a:after { content: none } .navbar-nav li.nav_li1.active>a, .navbar-nav li.nav_li1:hover>a { color: #0B3190 } .navbar-nav li.nav_li1.active>a:after, .navbar-nav li.nav_li1:hover>a:after { background: #0B3190 } .navbar-nav li.nav_li1>a { font-size: 16px; padding-bottom: 0 } .navbar-nav li.nav_li1 .dropdown-menu { border-radius: 0; background: rgba(255, 255, 255, .95); border: none; margin-top: 0; border-top: 0; left: 22px; min-width: 100%; overflow: visible; padding-top: 15px } .navbar-nav li.nav_li1 .dropdown-menu li { text-align: left } .navbar-nav li.nav_li1 .dropdown-menu li a { display: inline-block; padding: 5px 0; margin-left: 22px } .navbar-nav li.nav_li1 .dropdown-menu li a:hover { background: transparent; color: #223380 } .navbar li.search { position: static } .navbar li.search div { border-radius: 0; background: rgba(255, 255, 255, .95); border: none; margin-top: 0; border-top: 0; left: 22px; min-width: 100%; overflow: visible; padding-top: 25px; padding-right: 130px; padding-bottom: 20px; position: absolute } .affix .navbar li.search .dropdown-menu { margin-top: 15px } .navbar li.search div input.in1 { background: transparent; border: none; border-bottom: 1px solid #D8D8D8; margin: 20px 50px; width: 100% } .navbar li.search a { display: block; background: url(../images/bg_sc.png) no-repeat center; width: 23px; height: 23px; cursor: pointer; padding: 0; margin-top: 15px } .affix .navbar li.search a { display: block; background: url(../images/bg_sc.png) no-repeat center; width: 23px; height: 23px; cursor: pointer; padding: 0; margin-top: -2px } .navbar li.search .in2 { position: absolute; right: 30px; display: block; width: 23px; height: 23px; background: url(../images/bg_sc.png) no-repeat center; border: none; top: 45px } .member_lang { margin-top: 35px; background: url(../images/bg_mem.png) no-repeat left 1px; padding-left: 30px; color: #666; display: none } .member_lang * { color: #666 } .member_lang a { } .member_lang span { margin: 0 8px } .member_lang .login { } .member_lang .reg { } .member_lang .lang { display: inline-block; margin: 0 0 0 50px; vertical-align: top; width: 76px } .member_lang .lang_en { } .member_lang .lang_zh { display: none; font-size: 16px } .member_lang .lang_chg { display: inline-block; width: 30px; height: 14px; background: url(../images/bg_mem.png) no-repeat left -114px; margin-left: 0 } .navbar-nav li.nav_li1 { position: static } .dropdown-menu { width: 100%; padding: 15px 50px 25px } .dropdown-menu li {float: left;display: block;width: 20%;padding: 6px 0 6px 14px;background: url(../images/bg_dot2.jpg) no-repeat left center;} .nav_li1 .dropdown-menu li.first { width: 100%; background: url(../images/bg13.png) no-repeat left center; line-height: 2; font-size: 16px; padding-left: 30px; font-weight: bold; margin-left: -19px } .nav_li1 .dropdown-menu li a:hover { background: transparent; color: #223380 } .nav_li1 .dropdown-menu li a { padding: 0 } .nav_li1_84 .dropdown-menu{} .nav_li1_84 .dropdown-menu li.first{} .nav_li1_84 .dropdown-menu li.li__1{ background: none; width: auto; margin-right: 15px; padding: 0; } .nav_li1_84 .dropdown-menu li.li__1 ul{} .nav_li1_84 .dropdown-menu li.li__1 .level2{ margin-top: 10px; padding-top: 7px; /* border-top: 1px dashed #223380; */ } .nav_li1_84 .dropdown-menu li.li__2{ list-style: none; /* background: none; */ float: none; width: auto; padding: 6px 0; padding-left: 0; text-indent: 0; margin-right: 22px; } .nav_li1_84 .dropdown-menu a.a__1{ font-size: 16px; font-weight: bold; text-align: left; margin-left: 0 !important; } .nav_li1_84 .dropdown-menu a.a__2{ margin-left: 0 !important; padding: 0 !important; } #navbar.affix { top: 0; position: fixed; transition: all .3s; background: transparent; background: transparent url(../images/bg_sd.png) repeat-x center bottom; padding-bottom: 6px; border-radius: 0 } #navbar.affix img { transition: all .1s } #navbar.affix .navbar { margin: 0; padding: 5px 0; min-height: 61px; background: #fff; border-radius: 0 } #navbar.affix .row.r { position: relative } #navbar.affix .logo { display: inline-block } #navbar.affix span { display: inline-block; font-size: 18px; vertical-align: bottom; padding-top: 6px; padding-left: 20px } #navbar.affix .logo img { margin: 7px 0 0px; vertical-align: middle; height: 33px } #navbar.affix .navbar-nav { margin-top: 15px; position: static } #navbar.affix .navbar-nav li.nav_li1 { position: relative } #navbar.affix .navbar-nav li.nav_li1.active>a, .navbar-nav li.nav_li1:hover>a { color: #0B3190 } #navbar.affix .navbar-nav li.nav_li1.active>a:after, #navbar.affix .navbar-nav li.nav_li1:hover>a:after { content: none; display: block; width: 100%; height: 5px; top: 0; left: 0; background: #0B3190; margin-top: 25px } #navbar.affix .navbar-nav li.nav_li1>a { font-size: 16px; padding-bottom: 0; padding-top: 0 } #navbar.affix .navbar-nav li.nav_li1 .dropdown-menu { border-radius: 0; background: rgba(255, 255, 255, .95); border: none; margin-top: 15px; border-top: 0 } #navbar.affix .navbar-nav li.nav_li1 .dropdown-menu li.nav_li1 { } #navbar.affix .navbar-nav li.nav_li1 .dropdown-menu li.nav_li1>a { } #navbar.affix .member_lang { margin-top: 35px; background: url(../images/bg_mem.png) no-repeat left 1px; padding-left: 30px; color: #666; display: none } #navbar.affix .member_lang * { color: #666 } #navbar.affix .member_lang a { } #navbar.affix .member_lang span { margin: 0 8px } #navbar.affix .member_lang .login { } #navbar.affix .member_lang .reg { } #navbar.affix .member_lang .lang { display: inline-block; margin: 0 0 0 50px; vertical-align: top; width: 76px } #navbar.affix .member_lang .lang_en { } #navbar.affix .member_lang .lang_zh { display: none; font-size: 16px } #navbar.affix .member_lang .lang_chg { display: inline-block; width: 30px; height: 14px; background: url(../images/bg_mem.png) no-repeat left -114px; margin-left: 0 } #navbar.affix .navbar-nav li.nav_li1 { position: static } #navbar.affix .nav_li1 .dropdown-menu { width: 100%; padding: 15px 50px 25px } #navbar.affix .nav_li1 .dropdown-menu li { float: left; display: block; width: 20%; padding: 6px 0 6px 14px; background: url(../images/bg_dot2.jpg) no-repeat left center } #navbar.affix .nav_li1_84 .dropdown-menu li{width:auto} #navbar.affix .nav_li1 .dropdown-menu li.first { width: 100%; background: url(../images/bg13.png) no-repeat left center; line-height: 2; font-size: 16px; padding-left: 30px; font-weight: bold; margin-left: -19px } #navbar.affix .nav_li1 .dropdown-menu li a:hover { background: transparent; color: #223380 } #navbar.affix .nav_li1 .dropdown-menu li a { padding: 0 } .nav_li1_85 .dropdown-menu .first.corange { display: none } .nav_li1_85 .dropdown-menu .s.first.corange { display: block; width: 100% } .nav_li1_85 .dropdown-menu .s.first.corange a { font-size: 16px; color: #FF7918 } .nav_li1_85 .dropdown-menu ul.al { width: 50%; float: left; position: relative } .nav_li1_85 .dropdown-menu ul.al:first-of-type { padding-right: 40px; border-right: 1px solid #ddd } .nav_li1_85 .dropdown-menu ul.al:last-of-type { padding-left: 40px } .nav_li1_85 .dropdown-menu ul.al li { width: 50%; float: left } .nav_li1_85 .dropdown-menu ul.al li a { margin-left: 2px; font-size: 13px } .nav_li1 .dropdown-menu ul.per50 { padding-right: 50%; position: relative; height: 220px } .nav_li1 .dropdown-menu ul.per50 .last { width: 47%; position: absolute; height: 184px; right: 0; border-left: 1px solid #ddd } .nav_li1 .dropdown-menu ul.per50 li { width: 33% } .nav_li1_20 .dropdown-menu ul.per50 .last { background: url(../images/navbg_20.jpg) no-repeat center 14px } .nav_li1_15 .dropdown-menu ul.per50 .last { background: url(../images/navbg_15.jpg) no-repeat center 14px } .nav_li1_94 .dropdown-menu ul.per50 .last { background: url(../images/navbg_94.jpg) no-repeat center 14px } .dropdown-menu ul.per50 .last:hover:after { color: #0B3190 !important } .dropdown-menu ul.per50 .last:after { text-align: center; width: 100%; display: block; padding-top: 160px; font-size: 16px } #maincontent .gridlist{margin-left:-2px} #navbar.affix .nav_li1_85 .dropdown-menu .first.corange { display: none } #navbar.affix .nav_li1_85 .dropdown-menu .s.first.corange { display: block; width: 100% } #navbar.affix .nav_li1_85 .dropdown-menu .s.first.corange a { font-size: 16px; color: #FF7918 } #navbar.affix .nav_li1_85 .dropdown-menu ul.al { width: 50%; float: left; position: relative } #navbar.affix .nav_li1_85 .dropdown-menu ul.al:first-of-type { padding-right: 40px; border-right: 1px solid #ddd } #navbar.affix .nav_li1_85 .dropdown-menu ul.al:last-of-type { padding-left: 40px } #navbar.affix .nav_li1_85 .dropdown-menu ul.al li { width: 50%; float: left } #navbar.affix .nav_li1_85 .dropdown-menu ul.al li a { margin-left: 2px; font-size: 13px } #navbar.affix .nav_li1 .dropdown-menu ul.per50 { padding-right: 50%; position: relative; height: 190px } #navbar.affix .nav_li1 .dropdown-menu ul.per50 .last { width: 47%; position: absolute; height: 184px; right: 0; border-left: 1px solid #ddd } #navbar.affix .nav_li1 .dropdown-menu ul.per50 li { width: 33% } #navbar.affix .nav_li1_20 .dropdown-menu ul.per50 .last { background: url(../images/navbg_20.jpg) no-repeat center 14px } #navbar.affix .nav_li1_15 .dropdown-menu ul.per50 .last { background: url(../images/navbg_15.jpg) no-repeat center 14px } #navbar.affix .nav_li1_94 .dropdown-menu ul.per50 .last { background: url(../images/navbg_94.jpg) no-repeat center 14px } #navbar.affix .dropdown-menu ul.per50 .last:hover:after { color: #0B3190 !important } #navbar.affix .dropdown-menu ul.per50 .last:after { text-align: center; width: 100%; display: block; padding-top: 160px; font-size: 16px } #hbanner { position: relative; margin-top: 81px } #hbanner .anidiv { position: absolute; z-index: 99; left: 0; top: 0; visibility: hidden } #hbanner .anidiv.d1 { } #hbanner .anidiv.d2 { } #hbanner .anidiv.d3 { } #hbanner .anidiv.d4 { } #hbanner .anidiv.d5 { } #hbanner .anidiv.d6 { } #hbanner .anidiv.d5 { left: 15%; margin-top: 0px; font: 400 48px/1 'microsoft yahei' } #hbanner .anidiv.d6 { left: 15%; margin-top: 80px; font: 400 18px/1 'microsoft yahei' } #hbanner .box { } #hbanner .list { } #hbanner .list li { position: relative; width: 100% } #hbanner .list li a { width: 100%; display: block; overflow: hidden } #hbanner .list li a img { visibility: hidden; max-width: 1000% } #hbanner .slidebtn { width: 180px; margin-left: -90px; left: 50%; position: absolute; bottom: 30px } #hbanner .slidebtn ul { } #hbanner .slidebtn ul li { display: block; width: 16px; height: 16px; border-radius: 50%; padding: 0; display: inline-block; margin: 10px; border: 1px solid #fff; background: transparent; cursor: pointer } #hbanner .slidebtn ul li.on { width: 15px; height: 15px; background: #fff } div>h2 { text-align: center; font: 400 40px/40px 'microsoft yahei'; color: #333; margin: 10px auto } div>h3 { text-align: center; font: 400 20px/20px 'microsoft yahei'; color: #666; margin: 20px auto 10px } .body_index div>h2 { text-align: center; font: 400 36px/40px Mouser, 'microsoft yahei'; color: #333; margin: 10px auto; text-transform: uppercase } .body_index div>h3 { text-align: center; font: 400 12px/20px Mouser, 'microsoft yahei'; color: #959595; margin: 0px auto 10px; text-transform: uppercase; letter-spacing: 1px } #hotsearch { } #hotsearch ul { text-align: left } #hotsearch ul li.ttl { color: #999; padding: 15px 0 } #hotsearch ul li { display: inline-block; _display: inline; margin: 5px 9px } #hotsearch ul li a { color: #333; font-size: 14px } #hotsearch ul li a:hover { color: #223380 } #index_products { margin-top: 0; padding-top: 30px; padding-bottom: 60px } #index_products .cpzx {width: 100%;background: transparent;padding-bottom: 1px;} #index_products .cpzx h2 { font: 700 20px/56px 'microsoft yahei'; background: #223380 url(../images/bg10.png) no-repeat 12px 18px; color: #fff; border-radius: 0; padding-left: 42px; margin-bottom: 0; text-align: left; margin-top: 0 } #index_products .cpzx ul.ul11 {margin: 15px 12px 20px;} #index_products .cpzx ul li:hover { } #index_products .cpzx ul li a:hover { color: #223380 } #index_products .cpzx ul li a {/* display: block; *//* width: 100%; *//* height: 100% */} #index_products .cpzx a.a_img { display: block; width: 100%; text-align: center; margin-top: 25px; margin-bottom: 25px } #index_products .cpzx a.a_img img { } #index_products .prolist1 h2.ttl { padding: 4px 25px 0; border-radius: 0; font: 400 14px/52px 'microsoft yahei'; display: inline-block; border-bottom: none; background: #fff; color: #333; margin-top: 0; margin-bottom: 0; position: relative; cursor: pointer } #index_products .prolist1 h2.ttl:nth-child(2):before { content: ""; display: block; width: 2px; height: 23px; background: #F5F5F5; position: absolute; left: 0; top: 17px } #index_products .prolist1 a.more { float: right; margin-right: 25px; margin-top: 19px } #index_products .prolist1 hr { height: 0px; border-top: 1px solid #ddd; border-right: 0px; border-bottom: 0px; border-left: 0px; margin: 0; margin-top: -13px; margin-bottom: 21px } #index_products .prolist1 li { margin-bottom: 11px; text-align: center; padding-top: 8px; padding-bottom: 8px } #index_products .prolist1 a.a_img { display: block; width: 100%; height: 260px } #index_products .prolist1 a.a_img img { max-width: 120% } #index_products .prolist1 .box { padding: 0; border-radius: 0; border: none; margin: auto } #index_products .prolist1 a.a_txt { font: 400 16px/54px 'microsoft yahei'; padding: 0; display: inline-block; margin-top: 0px; height: 52px; height: 57px; text-align: left; width: 100%; padding-left: 25px; background: url(../images/bg11.png) no-repeat 250px 12px } #index_products .prolist1 li:hover a.a_txt { background: #FF7918 url(../images/bg11.png) no-repeat 250px -124px; color: #fff } #index_products .prolist1 .f3 { font: 400 15px/1 'microsoft yahei'; vertical-align: 1px; color: #777 } #index_products .prolist1 .sinfo { font: 400 16px/2 'microsoft yahei'; color: #888 } #index_products { } #index_products UL { height: auto } #index_products .cpzx ul li.cats1:last-child { padding-bottom: 30px; border-bottom: none; margin-bottom: 0 } #index_products IMG { } #index_products HR { } #index_products H2 { } #index_products DIV { } #index_products BUTTON { } #index_products A { } #index_products .ul1 { padding-bottom: 16px; background: #fff; margin-bottom: 0 } #index_products .ttl { } #index_products .ttl.uline.cblue.uline:after { height: 3px; margin-top: -3px } #index_products .slidebox.slick-initialized.slick-slider.slick-dotted { } #index_products .slick-track { } #index_products .slick-list.draggable { } #index_products .slick-dots { } #index_products .slick-active { } #index_products .row { } #index_products .prolist1 { margin-left: 20px } #index_products .img-responsive { } #index_products .hide.hdl0 { } #index_products .hdl { background: #fff; margin-bottom: 20px } #index_products .cpzx { } #index_products .container { } #index_products .clearfix.row.gutter-26.ul2.slick-slide { } #index_products .clearfix.row.gutter-26.ul2.slick-slide.slick-current.slick-active { } #index_products .clearfix.row.gutter-26.ul2.slick-slide.slick-cloned { } #index_products .cpzx ul li:nth-child(1) {/* padding-top: 5px; *//* background-position: 25px 24px; */} #index_products .box.img-thumbnail.ul2_li_div:hover { -webkit-box-shadow: 0 0 14px 1px rgba(171, 171, 171, 0.75); -moz-box-shadow: 0 0 14px 1px rgba(171, 171, 171, 0.75); box-shadow: 0 0 14px 1px rgba(171, 171, 171, 0.75) } #index_products .a_txt.ul2_li_div_a_txt { } #index_products .a_img.ul2_li_div_a_img { } #index_products .a_cat1.a_txt { } #index_products .ul2_li { } #index_products .r { } #index_products .l {/* margin-right: 10px; */background: #fff;} #index_products li.li__1{ padding-left: 10px; border-bottom: 1px solid #cccccc59; padding-bottom: 0; padding-top: 10px; } #index_products li.li__1 ul{} #index_products li.li__1 .level2{ /* border-top: 1px dashed #223380; */ padding-left: 1em; padding-top: 10px; padding-bottom: 10px; } #index_products li.li__2{ padding: 3px 0px; } #index_products a.a__1{ font-size: 16px; font-weight: bold; } #index_products a.a__2{ font-size: 14px; color: #666; line-height: 1.8; } #index_case { padding-top: 85px; padding-bottom: 120px } #index_case P { } #index_case IMG { } #index_case H3 { } #index_case H2 { } #index_case DIV { } #index_case A { } #index_case .row { } #index_case .hideinfo { position: absolute; left: 0; top: -103%; width: 100%; display: block; background: rgba(47, 63, 132, .9); width: calc(100% - 7.5px); left: 4px; height: 100%; padding: 40px 35px; transition: all .3s } #index_case .hideinfo a { color: #fff; font-weight: bold; font-size: 20px } #index_case .hideinfo a.more { font: 400 14px/35px 'microsoft yahei'; display: inline-block; padding: 0 28px } #index_case .hideinfo a.big { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; overflow: hidden; line-height: 100 } #index_case .hideinfo p { color: #DAE1FF; font: 400 12px/24px 'microsoft yahei'; width: 100%; margin: 22px auto; text-align: left } #index_case .h3 { margin-bottom: 45px } #index_case .h2 { } #index_case .container { } #index_case .bg { position: relative; margin-bottom: 8px; overflow: hidden } #index_case .a_img0 { width: 395px; height: 296px; display: block; overflow: hidden } #index_case .a_img0 img { width: 395px; height: 296px } #index_case .a_txt { position: absolute; bottom: 0; font: 400 14px/45px 'microsoft yahei'; text-align: center; text-align: center; background: rgba(0, 0, 0, 0.6); width: calc(100% - 7.5px); color: #fff } #index_case .bg:hover .a_txt { _display: none; opacity: 0; transition: all .1s } #index_case .bg:hover .hideinfo { top: 0 } #index_honor { } #index_honor UL { } #index_honor LI { } #index_honor IMG { } #index_honor H3 { } #index_honor H2 { } #index_honor DIV { } #index_honor A { } #index_honor { } #index_honor .zz.clearfix { } #index_honor .tit { } #index_honor .row { } #index_honor .nailthumb-image { } #index_honor .h3 { margin-bottom: 50px } #index_honor .h2 { color: #fff } #index_honor .content { } #index_honor .container { } #index_honor .a_img { width: 243px; height: 320px; margin: 0 auto } #index_honor { position: relative; background: url(../images/bg_zz.jpg) no-repeat center top; padding-top: 60px } #index_honor:before { position: absolute; height: 70%; width: 100%; background: #223380; left: 0; top: 0 } #index_honor h2.ttl { margin-bottom: 20px } #index_honor h2.ttl span { color: #fff } #index_honor .tit { text-align: center; margin: 40px auto 60px } #index_honor .tit li { display: inline-block; background: transparent; width: 16px; height: 16px; line-height: 3; overflow: hidden; border: 1px solid #B7B7B7; border-radius: 50%; margin: 0 6px 50px; cursor: pointer } #index_honor .tit li button { display: none } #index_honor .tit li.slick-active { background: #FF7918; border: 1px solid #FF7918 } #index_honor ul.zz { width: 1200px } #index_honor ul.zz li { width: 100%; float: left; text-align: center; margin-right: 0; background: transparent; padding: 0; height: auto } #index_honor ul.zz li img { max-width: 100%; height: auto !important } #index_honor .bg { background: #fff; margin: 9px; padding: 25px 0; width: 93%; -webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.09); box-shadow: 0 2px 9px rgba(0, 0, 0, 0.09) } #index_news { padding-top: 78px; padding-bottom: 53px } #index_news UL { } #index_news SPAN { color: #8a8a8a; font-size: 12px } #index_news P { } #index_news LI { } #index_news IMG { } #index_news H3 { text-align: left } #index_news H2 { text-align: left; margin-bottom: 6px } #index_news DIV { height: auto } #index_news A { } #index_news .ul1 { } #index_news .sinfo { color: #8a8a8a; padding: 12px 0 8px; margin: 0 } #index_news .row.items { } #index_news .row.items2 { } #index_news .row.cats0 { margin-bottom: 30px } #index_news .nailthumb-image { } #index_news .item.d2:nth-of-type(3n) { background: transparent; border: none; margin-bottom: 0 } #index_news .item.d2 { border-bottom: 1px solid #eee; margin-bottom: 19px; padding: 12px 17px; margin-left: 30px; margin-top: 14px; cursor: pointer } #index_news .item.d2:hover { background: #223380 } #index_news .item.d2:hover * { color: #fff } #index_news .item.d0 { position: relative } #index_news .h3 { } #index_news .h2 { } #index_news .dots0 { } #index_news .dots0 ul.ul1 { display: none } #index_news .dots0 ul.slick-dots { padding-top: 20px } #index_news .dots0 ul.slick-dots li.slick-active { background: #223380 } #index_news .dots0 ul.slick-dots li.slick-active a { color: #fff } #index_news .dots0 ul.slick-dots li:hover { background: #223380 } #index_news .dots0 ul.slick-dots li:hover a { color: #fff } #index_news .dots0 ul.slick-dots li { display: inline-block; line-height: 40px; padding: 0 40px; background: #fff; margin-right: 18px } #index_news .dots0 ul.slick-dots li a { } #index_news .container { } #index_news .cats1 a { font-size: 16px } #index_news .a_txt:hover { color: #223380 } #index_news .a_txt { font-size: 16px; color: #333 } #index_news .a_img { width: 594px; height: 390px } #index_news .toutiao_r { height: 390px; overflow: hidden; background: #fff; margin-bottom: 25px } #index_news .toutiao_l { position: relative; background: #fff } #index_news .toutiao_l .s .item{display: none;} #index_news .d1 a { font-size: 14px; padding: 0 28px; color: #666666 } #index_news .d1:nth-of-type(2n+1) a { font-size: 14px; padding: 0 48px } #index_news .d1 a:before { content: "-"; padding-right: 10px } #index_news .d1 { padding: 15px 0; border-bottom: 1px dashed #D8D8D8 } #index_news .a_txt0 { display: block; position: absolute; bottom: 0; line-height: 55px; padding-left: 40px; color: #fff; font-size: 16px; background: rgba(0, 0, 0, .7); z-index: 99; width: 100% } #index_news .a_txt0:hover { color: #fff } #index_news .dots { display: block; height: auto; z-index: 999; position: absolute; right: 45px; bottom: 24px } #index_news .dots li { display: inline-block; height: 4px; width: 10px; border-radius: 1.5px; margin: 0 3px; background: #838284 } #index_news .dots li.slick-active { background: #FF7918; width: 20px } #index_news .dots li button { display: none } #index_zhanhui { padding: 60px 0 70px } #index_zhanhui IMG { } #index_zhanhui H3 { } #index_zhanhui H2 { } #index_zhanhui DIV { height: auto; text-align: center } #index_zhanhui BUTTON { } #index_zhanhui A { } #index_zhanhui .slick-track { } #index_zhanhui .slick-prev.slick-arrow { } #index_zhanhui .slick-next.slick-arrow { } #index_zhanhui .slick-list.draggable { } #index_zhanhui .row.gutter-32.slick-initialized.slick-slider { } #index_zhanhui .nailthumb-image { } #index_zhanhui .h3 { margin-bottom: 50px } #index_zhanhui .h2 { } #index_zhanhui .container { } #index_zhanhui .a_txt { font-size: 16px; padding: 15px 0; display: inline-block } #index_zhanhui .a_img { width: 378px; height: 248px } #index_zhanhui .bg.slick-slide { } #index_zhanhui .bg.slick-slide.slick-current.slick-active { } #index_zhanhui .bg.slick-slide.slick-cloned { } #index_zhanhui .pn0 { position: absolute; font: 400 56px/1 'simsun'; opacity: .25; top: 94px; text-decoration: none } #index_zhanhui .prev.pn0 { left: -50px } #index_zhanhui .next.pn0 { right: -50px } #index_zhanhui .pn0:hover { opacity: .5 } #index_hezuo { padding: 70px 0 60px } #index_hezuo h2 { text-align: left; font-size: 24px } #index_hezuo h3 { text-align: left; margin: -35px 0 12px 110px } #index_hezuo .row { } #index_hezuo li { } #index_hezuo li .a_img { width: 226px; height: 110px; display: block; background: #fff } #index_hezuo li .p_img { width: 226px; height: 110px; display: block; background: #fff } #index_hezuo li img { max-width: 110% } .friendlinks { display: none } .body_index .friendlinks { display: block } .showhonor{} .showhonor img{display: block;max-width: 80%;margin: 20px auto} #footer { border-top: 1px solid #ddd; padding-top: 45px; background: #272727 } #footer .f_logo { } #footer .f_nav { } #footer .f_qrcode { } #footer h3 { text-align: center; font: 400 14px/30px 'microsoft yahei'; color: #333; margin: 0 auto 4px } #footer ul { } #footer ul li { text-align: center } #footer ul li a { font: 400 12px/26px 'microsoft yahei'; color: #a7a7a7 } #footer .cr { background: #272727; text-align: center; padding: 27px 0; margin-top: 10px; border-top: 1px solid #2E2E2E } #footer .cr, #footer .cr * { color: #999999; font: 400 12px/1.8 'microsoft yahei' } #footer .cr a { } .sub_crumbs { background: #F0F0F0; height: 44px } .sub_crumbs * { font: 400 14px/44px 'microsoft yahei'; color: #939393 } .subbt { } #location { border-bottom: 1px solid #eee } .crumbs { height: 52px } .crumbs b { color: #0B3190; padding-left: 21px; background: url(../images/bg_crumbs.png) no-repeat left -1px } .crumbs span { } .crumbs a { } .crumbs *, .crumbs { line-height: 52px } #pagelist { margin-bottom: 20px; margin-top: 70px; text-align: center } #pagelist>* { display: inline-block; border: 1px solid #0154A4; height: 28px; padding-left: 6px; padding-right: 6px; font-size: 12px } #pagelist * { line-height: 24px } #pagelist .pageinfo span { } #pagelist .pageinfo span.pageper { } #pagelist .pageinfo span.pageper .pageper1 { } #pagelist .pagefirst { } #pagelist .pagenum { } #pagelist .pageend { } #pagelist .current { background: #0154A4; color: #fff; display: inline-block; padding-left: 10px; padding-right: 10px } #pagelist .pageinfo label { } #pagelist a:hover { background: #0154A4; color: #fff; display: inline-block } #pagelist select { margin-left: 5px; vertical-align: middle } .subnav { text-align: center } .subnav .row { } .subnav a { display: inline-block; padding: 0 38px; font: 400 16px/54px 'microsoft yahei'; margin: 50px 8px; background: #919090; color: #fff; font-weight: bold } .subnav .on { background: #FF7918; color: #fff } .subnav a:hover { background: #FF7918; color: #fff } .body_product .subbt { padding-top: 24px; border-bottom: 1px solid #eee } .body_product .subbt a { font-size: 16px; margin-left: 20px } .body_product .subbt a.on, .body_product .subbt a:hover { display: inline-block; color: #FF7918 } .body_product .subbt a.on:after, .body_product .subbt a:hover:after { content: ""; display: block; width: 100%; height: 3px; background: #FF7918; margin-top: 12px } .body_product .container { } .body_product .gridlist li { text-align: center; margin-bottom: 58px } .body_product .gridlist li.first { text-align: left; padding-left: 19px; padding-top: 20px } .body_product .gridlist li.first a { display: inline-block; _display: inline; margin-right: 40px; color: #666 } .body_product .gridlist li a { display: block } .body_product .gridlist li.pro a:nth-child(2n) { } .body_product .gridlist li.pro a:nth-child(2n+1) { margin-left: 20px } .body_product .gridlist li.pro p.p_img0 { width: 542px; height: 516px; margin: 0; border: 1px solid #DEDEDE; border-bottom: none; overflow: hidden } .body_product .gridlist li.pro:nth-child(2n+1) p.p_img0 { margin-left: 37px } .body_product .gridlist li.pro:nth-child(2n+1) p.txt { margin-left: 37px } .body_product .gridlist li.pro p.p_img0 img { width: 542px; height: 516px; max-width: 542px } .body_product .gridlist li.pro p.txt { width: 542px; height: 80px; text-align: left; padding-left: 40px; margin: 0; border: 1px solid #DEDEDE; border-top: none; background: #fff url(../images/bg155.png) no-repeat 460px 15px } .body_product .gridlist li.pro a span { line-height: 80px; font-size: 18px; color: #595959 } .body_product .gridlist li:hover p.txt { color: #fff; background: #FF7918 url(../images/bg155.png) no-repeat 460px -163px } .body_product .gridlist li:hover p.txt * { color: #fff } .body_product .allproducts { } .body_product #maincontent { margin-top: 0; padding-bottom: 70px; padding-top: 20px; border-bottom: 1px solid #eee } .body_product .allproducts a { font-size: 14px; color: #666; margin-right: 25px; line-height: 2 } .body_product .allproducts b { } .body_product .allproducts .bg { margin: 25px 19px } .sublink { font-size: 12px } .body_case .gridlist li { margin-bottom: 0 } .body_case .gridlist li a { height: auto; width: auto } .body_case .gridlist li .p_img { width: 360px; height: 270px } .body_case .gridlist li a span { line-height: 50px; font-size: 15px } .body_case #maincontent { margin-top: 0; padding-top: 0 } .ban { position: relative; margin-top: -1px } .ban img { visibility: hidden; max-width: 1000% } .d_ttl { margin-top: 0; text-align: center; display: block } .body_faq #maincontent { padding-top: 30px } .body_faq .faq { } .body_faq .faq .item:last-child { margin-bottom: 90px; border: none } .body_faq .faq .item { margin-bottom: 40px; padding-bottom: 50px; border-bottom: 1px dotted #ddd } .body_faq .faq .t { position: relative; padding-left: 40px; font: 400 16px/30px 'microsoft yahei'; color: #333; margin: 0 0 20px } .body_faq .faq .c { position: relative; padding-left: 40px } .body_faq .faq .bf::before { content: ""; display: block; position: absolute; width: 22px; height: 22px; top: 1px; left: 0; font: 400 13px/22px 'microsoft yahei'; text-align: center; color: #fff; border-radius: 2px } .body_faq .faq .t::before { content: "Q"; background: #1695CA } .body_faq .faq .c::before { content: "A"; background: #ABABAB } .downloadList { } .downloadList .row { border-left: 1px solid #E9E9E9 } .downloadList .item { border: 1px solid #E9E9E9; border-left: 0 } .downloadList .item .i { } .downloadList .item .t { font-size: 16px; color: #333 } .downloadList .item .v { color: #888; font-size: 12px } .downloadList .item .l { margin-bottom: 40px; margin-top: 10px } .downloadList .item .l a:hover { background: #1894CB url(../images/bg_download2.png) no-repeat right 10px bottom 11px; color: #fff } .downloadList .item .l a { display: inline-block; padding: 2px 12px; font-size: 12px; border: 1px solid #DDDDDD; color: #4DA4D1; background: #fff url(../images/bg_download2.png) no-repeat right 10px top 8px; padding-right: 32px; transition: all .3s } .downloadList .item img { margin: 40px auto 25px } .downloadList .item p { text-align: center; margin: 0 auto } .partner { } .partner .shadow { -webkit-box-shadow: 0 0 9px 10px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0 9px 10px rgba(0, 0, 0, 0.08); box-shadow: 0 0 9px 10px rgba(0, 0, 0, 0.08); transition: all .3s; width: 90%; margin: 10px auto 0; padding: 45px 50px 60px } .partner .item { } .partner .item .t { } .partner .item .i { } .partner .item .s { } .d_ttl * { text-align: center } .scrollToTop { padding-left: 15px; color: #444; position: fixed; bottom: 75px; right: 30px; background: url(../images/totop.jpg) no-repeat 0px 0px; width: 54px; height: 54px; cursor: pointer } #maincontent { margin-top: 20px; padding-bottom: 80px; border-bottom: 1px solid #eee } .body_download #maincontent { padding-bottom: 0 } .body_city #maincontent { margin-bottom: 0; padding-bottom: 0 } .body_city .ul_001 { width: 80%; margin: 30px auto } .body_city .ul_001 li { width: 50%; text-align: left; display: inline-block; font-size: 14px } .body_city .ul_002 { width: 90%; margin: 30px auto } .body_city .ul_002 li { width: 50%; text-align: left; display: inline-block; font-size: 14px } .info_content img { margin: 25px auto; display: block } .info_content img { margin: 55px auto 60px; display: block } .info_content, .info_content div { font: 400 14px/29px 'microsoft yahei'; color: #666; text-align: left; margin-bottom: 40px } .d_ttl em { font: 400 12px/30px 'microsoft yahei'; color: #999; font-style: normal; text-transform: uppercase; margin-top: -73px; display: block } .d_ttl h2 { font: 400 31px/30px 'microsoft yahei'; margin-top: 70px; position: relative; padding-bottom: 50px } .d_ttl h2:after { content: ""; display: block; position: absolute; bottom: 0px; left: 0; margin-left: 0; width: 38px; left: 50%; margin-left: -19px; height: 4px; background: #DBDBDB } .body_17 .info_content { margin-top: 17px } .body_17 .info_content img:first-child { float: left; margin-right: 60px; margin-top: 0 } .body_17 .info_content div { font: 400 16px/32px "microsoft yahei" } .body_17 .info_content div:nth-of-type(1) { margin-top: -80px } .body_17 .info_content div:nth-of-type(4) { margin-top: -20px } .qiyefengcai { background: #F3F3F3 } .qyfc { position: relative; margin: 55px auto 100px } .qiyefengcai ul li { text-align: center } .qiyefengcai a:active { text-decoration: none } .qiyefengcai .prev { position: absolute; top: 50%; margin-top: -33px; font-size: 60px; left: -20px; text-decoration: none; font-family: serif } .qiyefengcai .next { position: absolute; top: 50%; margin-top: -33px; text-align: center; font-size: 60px; right: -20px; text-decoration: none; font-family: serif; text-align: right } .history { margin: 30px auto 100px } .history ul { width: 920px; margin: auto; height: 100% } .history::after { content: ""; display: block; width: 1px; height: 100%; background: #ccc; position: absolute; left: 50%; z-index: 10 } .history li { position: relative; width: 460px } .history li::after { content: ""; display: block; width: 15px; height: 15px; border: 2px solid #ccc; border-radius: 50%; background: #fff; position: absolute; top: -7px; z-index: 11 } .history li:hover .p1 { color: #1689bb } .history li:hover::after { background-color: #1689bb; border-color: #1689bb } .history li:nth-child(2n) { text-align: left; float: right; padding-left: 35px } .history li:nth-child(2n)::after { left: -7.5px } .history li:nth-child(2n+1) { float: left; text-align: right; padding-right: 40px } .history li:nth-child(2n+1)::after { right: -7.5px } .history li img { margin: 0; display: inline } .history li .p1 { font: 400 18px/30px 'microsoft yahei'; color: #333; margin-bottom: 0px } .history li .p2 { margin-top: 2px; font: 400 14px/23px 'microsoft yahei' } .articlelist { margin-bottom: 100px } .articlelist ul { margin-top: 30px } .articlelist li.media { padding-top: 30px; border-top: 1px dotted #ccc; padding-bottom: 30px } .articlelist li:nth-child(2n+1) { } .articlelist li.media .media-object { width: 240px; height: 180px } .articlelist li.media a.a_img { width: 240px; max-height: 210px; height: 160px; margin: auto; display: block } .articlelist li.media .media-body { padding-left: 35px } .articlelist li.media .media-body p.sinfo { font: 400 14px/25px 'microsoft yahei'; margin-top: 8px; text-indent: 0; color: #666 } .articlelist li.media .media-heading { font: 800 20px/2 'microsoft yahei'; color: #333; margin: 10px 0 40px } .articlelist li.media .media-heading:hover { font: 800 20px/2 'microsoft yahei'; color: #0B3190; margin: 10px 0 40px } .articlelist li.media .infotime { font: 400 14px/30px 'microsoft yahei'; display: block; margin: 0 auto; color: #999 } .articlelist li.media .infotime strong { font: bold 30px/62px 'microsoft yahei'; display: block; text-align: center; color: #666; background: #F5F5F5 } .articlelist li.media .infotime b { display: block; text-align: center; font: 400 14px/28px ' '; color: #fff; background: #A3A3A3 } .articlelist li.media .seemore { margin: 0; font: 400 14px/30px 'microsoft yahei'; color: #062F8E; display: none } .articlelist li.media .bg { padding-left: 30px } .body_news .subnav a { margin: 50px 8px 0px } .body_news #maincontent { margin: 20px 0px } .body_contact .items { border-top: 1px solid #EFEFEF; margin-top: 60px; margin-bottom: 60px; float: left } .body_contact .items .item { float: left; border-bottom: 1px solid #EFEFEF; width: 50%; text-align: center; padding: 55px 0 } .body_contact .items .item * { text-align: center } .body_contact .items .item strong { overflow: hidden; display: block; font: 400 18px/30px 'microsoft yahei'; color: #333 } .body_contact .items .item i { position: relative; width: 100%; display: block; height: 11px; overflow: hidden; margin-top: 10px } .body_contact .items .item i::after { content: ""; position: absolute; width: 12px; height: 12px; background: #1894CB; transform: rotate(45deg); left: 50%; margin-left: -4px; bottom: -6px; top: -8px } .body_contact .items .item_0 { border-right: 1px solid #EFEFEF } .body_contact .items .item_1 { } .body_contact .items .item_2 { border-right: 1px solid #EFEFEF } .body_contact .items .item_3 { } .body_contact .items .item_3 { } .body_contact .themap { } .body_contact .address { padding-left: 40px; height: 50px; line-height: 50px; margin: 0px auto; text-align: center } .body_contact .address i { background: url(../images/bg_add.png) no-repeat left center; display: inline-block; width: 50px; height: 50px } .body_contact .address span { vertical-align: top } .body_contact #map { margin-bottom: 140px } .body_contact #mapiframe { margin: 0; padding: 0; border: none; width: 100%; height: 500px; margin-top: 30px } .body_product_detail { } .body_product_detail #maincontent { margin-top: 0 } .body_product_detail #maincontent .col-md-24{padding:0 } .body_product_detail .ban { } .body_product_detail .fashionstyle { } .body_product_detail .fashionstyle .box { position: relative } .body_product_detail .fashionstyle .box .txt { position: absolute } .body_product_detail .fashionstyle .box .d1 { font-size: 26px; margin-bottom: 10px; margin-right: 10px } .body_product_detail .fashionstyle .box .d2 { font: 400 60px/1.3 'microsoft yahei'; margin-bottom: 40px; margin-right: 9px } .body_product_detail .fashionstyle .box p { font: 400 16px/30px 'microsoft yahei' } .body_product_detail .fashionstyle .box img { } .body_product_detail .fashionstyle .box_1 .txt { text-align: center; top: 116px } .body_product_detail .fashionstyle .box_1 .d1 { } .body_product_detail .fashionstyle .box_1 .d2 { color: #333 } .body_product_detail .fashionstyle .box_1 p { color: #666; width: 41%; text-align: center; margin: 0 auto } .body_product_detail .fashionstyle .box_1 img { } .body_product_detail .fashionstyle .box_2 .txt { top: 230px; right: 336px; text-align: right } .body_product_detail .fashionstyle .box_2 .d1 { color: #fff } .body_product_detail .fashionstyle .box_2 .d2 { margin-bottom: 0; color: #fff } .body_product_detail .fashionstyle .box_2 .d3 { font: 400 60px/1.3 'microsoft yahei'; margin-bottom: 40px; margin-right: 9px; color: #fff } .body_product_detail .fashionstyle .box_2 p { width: 55%; display: inline-block; margin-right: 1px; color: #fff } .body_product_detail .fashionstyle .box_2 img { } .body_product_detail .fashionstyle .box_3 .txt { top: 215px; left: 335px } .body_product_detail .fashionstyle .box_3 .d1 { color: #666 } .body_product_detail .fashionstyle .box_3 .d2 { } .body_product_detail .fashionstyle .box_3 p { width: 42%; color: #666 } .body_product_detail .fashionstyle .box_3 img { } .body_product_detail .fashionstyle .box_4 .txt { top: 90px; text-align: center; width: 100% } .body_product_detail .fashionstyle .box_4 .d1 { color: #fff } .body_product_detail .fashionstyle .box_4 .d2 { color: #fff } .body_product_detail .fashionstyle .box_4 p { margin-top: -20px; color: #fff } .body_product_detail .fashionstyle .box_4 img { } .body_product_detail .fashionstyle .box_5 .txt { left: 335px; top: 310px } .body_product_detail .fashionstyle .box_5 .d1 { color: #666 } .body_product_detail .fashionstyle .box_5 .d2 { color: #333; margin-bottom: 20px; margin-left: -3px } .body_product_detail .fashionstyle .box_5 p { color: #666 } .body_product_detail .fashionstyle .box_5 img { } .body_product_detail .fashionstyle .box_6 .txt { top: 215px; right: 335px; text-align: right } .body_product_detail .fashionstyle .box_6 .d1 { color: #fff } .body_product_detail .fashionstyle .box_6 .d2 { color: #FFF } .body_product_detail .fashionstyle .box_6 .d3 { font-size: 18px; COLOR: #fff } .body_product_detail .fashionstyle .box_6 p { width: 33%; display: inline-block; color: #fff } .body_product_detail .fashionstyle .box_6 img { } .body_product_detail .fashionstyle .box_7 .txt { top: 168px; left: 380px } .body_product_detail .fashionstyle .box_7 .d1 { color: #666666 } .body_product_detail .fashionstyle .box_7 .d2 { margin-bottom: 13px; margin-top: 20px } .body_product_detail .fashionstyle .box_7 .d3 { font: 400 60px/1.3 'microsoft yahei'; margin-bottom: 40px; margin-right: 9px } .body_product_detail .fashionstyle .box_7 p { width: 59%; color: #666666 } .body_product_detail .fashionstyle .box_7 img { } .body_news_detail #maincontent { margin-bottom: 0 } .body_news_detail .d_ttl h2 { margin: 0 auto 20px; padding: 0; font: 700 40px/1 'microsoft yahei'; color: #333333 } .body_news_detail .d_ttl h2::after { display: none } .body_news_detail .info_previous_next_wrap * { color: #666; font-weight: 400; line-height: 2 } .body_news_detail .info_previous_next_wrap { margin-top: 50px; color: #666 } .body_news_detail .info_previous_next_wrap a:hover { color: #223380 } .body_news_detail .d_ttl em { margin-top: -60px; color: #333; border-bottom: 1px dotted #ccc; padding-bottom: 10px } #tech_nr1 .ttl { border-bottom: 1px dashed #ddd; padding-bottom: 40px } #tech_nr1 h3.ttl1 { font: 400 12px/30px 'microsoft yahei'; color: #999999; text-align: center; text-transform: uppercase; margin-top: 0 } #tech_nr1 h2.ttl1 { font: 400 28px/30px 'microsoft yahei'; color: #333; text-align: center; margin-bottom: 4px } #tech_nr1 .sp1 { margin-left: 50px; margin-bottom: 20px } #tech_nr1 .part { padding-bottom: 50px; border-bottom: 1px dashed #ddd } #tech_nr1 .part.part1 { padding-bottom: 50px; border-bottom: 1px dashed #ddd } #tech_nr1 H4 { font: 400 22px/30px 'microsoft yahei'; color: #333; background: url(../images/bg_dot9.png) no-repeat left center; padding-left: 38px; margin-bottom: 15px } #tech_nr1 P { font: 400 16px/30px 'microsoft yahei'; color: #666; padding-left: 38px; margin: 0 } #tech_nr1 .part.part2 { } #tech_nr1 IMG { margin-left: 37px } #tech_nr1 .part.part3 { } #tech_nr1 .part.part4 { } #tech_nr1 .part.part5 { } #tech_nr1 BR { } #tech_nr1 .part.part6 { } #tech_nr1 .part.part7 { } #tech_nr1 H5 { font: 400 16px/30px 'microsoft yahei'; color: #666; padding-left: 38px; margin: 15px 0 } #tech_nr1 .part.part8 { } #tech_nr1 B { } #tech_nr1 UL { margin-left: 38px } #tech_nr1 LI { display: inline-block; margin-left: 40px; font-size: 16px } #tech_nr1 .part.part9 { } #tech_nr1 .blue { color: #1894cb } #tech_nr1 .part.part10 { } #tech_nr1 .part.part11 { border: none } #footer { padding-bottom: 40px } .body_index #footer { padding-bottom: 0px } #footer * { color: #999999; font-size: 14px; line-height: 1.3 } #footer p { } #footer a { } #footer span { } #footer .WebICP { } #footer .qqzx a { display: inline-block; padding: 7px 15px 7px 40px; background: url(../images/bg15.png) no-repeat 10px center; border: 1px solid #3F3F3F } #footer .line { font-size: 16px; color: #fff; margin-bottom: 9px } #footer .call400 { font-size: 36px; font-weight: bold; padding: 0; margin: 0; line-height: 1; color: #ff8a18 } #footer .f_qrcode { text-align: right; padding-right: 20px } #footer .f_qrcode img { } #footer .f_qrcode p { text-align: center; text-indent: 11px } #footer .f_qrcode span { color: #666666; font-size: 12px; display: block; margin-bottom: 10px; text-align: center } #footer .f_qrcode a { color: #fff } #footer .cr { } #footer .cr ul { text-align: left } #footer .cr ul li { display: inline-block; _display: inline; margin: 5px 9px } #footer .cr ul li a { } #footernav { padding: 24px 0 30px } #footernav .submenu { display: block; background: none; border: none; -webkit-box-shadow: none; box-shadow: none; text-align: left; text-align: center } #footernav div { text-align: center } #footernav .dp1 { text-align: center; font-size: 16px; padding-bottom: 15px; display: inline-block; background: url(../images/bg14.png) no-repeat center bottom; margin-bottom: 10px } #footernav .submenu li { text-align: center } #footernav .row div { text-align: center; border-left: 1px solid #EEEEEE; padding-top: 10px; padding-right: 5px } #footernav .row div:last-child { text-align: center; border-right: 1px solid #EEEEEE } #footernav .submenu li a:hover { background: transparent } #footernav .submenu li a { padding: 0; margin-left: 0; font-size: 13px; line-height: 28px; color: #848383; text-align: center } #footernav .submenu li a:hover { color: #223380 } .body_news_detail .InfoTitle h1 { font-size: 28px; font-weight: 400; margin-top: 30px } .body_product_detail .InfoTitle h2 { margin: 70px auto 10px } .body_product_detail .sttl { margin: 20px auto 60px; text-align: center } .body_news_detail .InfoTitle b { font-weight: 100 } .body_news_detail .info_from_wrap, .body_news_detail .info_from_wrap * { font-weight: 400; font-size: 14px; color: #999 } .body_news_detail .info_content { margin-top: 0px; margin-bottom: 50px } .body_news_detail .info_content, .body_news_detail .info_content a { color: #0B3190 } .body_news_detail .info_content, .body_news_detail .info_content * { font-weight: 400; font-size: 14px; color: #333; text-align: justify } .body_news_detail .content_wrap { margin-right: 20px } .rela_case { display: none } .body_p_20 .rela_case { display: block } .body_p_15 .rela_case { display: block } .tjxw { } .tjxw h3.ttl:nth-of-type(2) { margin-top: 20px } .tjxw h3.ttl { margin: 0; height: 52px; font: 800 16px/52px 'microsoft yahei'; background: #0B3190; text-indent: 1.1em; margin-top: 40px; text-align: left; color: #fff; margin-left: 10px } .tjxw h3.ttl .more { color: #529EF2; font-size: 10px; float: right; margin-right: 10px; font-weight: 100 } .tjxw h3.ttl .more:hover { color: #fff } .tjxw ul { margin-left: 10px } .tjxw ul li { padding: 0 20px; border: 1px solid #ddd; border-top: none; background: #fff url(../images/bg16.png) no-repeat 187px center } .tjxw ul li a { font: 400 16px/50px 'microsoft yahei'; color: #000 } .tjxw ul li a:hover { color: #223380 } .tjxw ul li p { margin: 0; color: #666 } .xiangguan1 { margin-top: 50px } .xiangguan1 .ttl { font: 400 16px/43px 'microsoft yahei'; text-align: left; background: #E9E9E9; border-top: 1px solid #c1c1c1; padding-left: 30px; color: #333; position: relative } .xiangguan1 .ttl:before { content: ""; display: block; position: absolute; width: 2px; height: 16px; top: 15px; left: 17px; background: #E37401 } .xiangguan1 p.line { border-bottom: 1px dotted #C1C1C1; margin: 0; padding-left: 20px; background: url(../images/bg17.png) no-repeat left center; position: relative } .xiangguan1 div a { line-height: 50px } .xiangguan1 div span { position: absolute; right: 0; top: 17px; font-size: 12px; color: #666 } .contact { text-align: center } .contact .p1 { margin: 0 0 50px; font-size: 16px } .contact .p1 span { color: #eb5405; margin: 0 3px } dl.dl_contact { border-top: 1px solid #DBEDF9; border-right: 1px solid #DBEDF9; width: 100%; overflow: hidden } dl.dl_contact dt { float: left; width: 160px; line-height: 50px; background: #E9F6FF; border-left: 1px solid #DBEDF9; border-bottom: 1px solid #DBEDF9; color: #0B3190 !important; text-align: center } dl.dl_contact dd { margin: 0; clear: none; float: left; line-height: 50px; width: 436px; border-left: 1px solid #DBEDF9; border-bottom: 1px solid #DBEDF9; padding-left: 40px } dl.dl_contact dt:nth-of-type(2n) { } dl.dl_contact dt:nth-of-type(2n+1) { clear: left } dl.dl_contact dd:nth-of-type(2n) { clear: right; margin: 0 } dl.dl_contact dd.Company { } dl.dl_contact dd.WebUrl { } dl.dl_contact dd.Address { } dl.dl_contact dd.Contact { } dl.dl_contact dd.Telephone { } dl.dl_contact dd.Mobile { } dl.dl_contact dd.Email { } dl.dl_contact dd.Fax { } dl.dl_contact dd.WebICP { } dl.dl_contact dt.Company { } dl.dl_contact dt.WebUrl { } dl.dl_contact dt.Address { } dl.dl_contact dt.Contact { } dl.dl_contact dt.Telephone { } dl.dl_contact dt.Mobile { } dl.dl_contact dt.Email { } dl.dl_contact dt.Fax { } dl.dl_contact dt.WebICP { } dl.dl_contact dt.WebICP a { } .contact .address span { background: url(../images/bg_add.png) no-repeat left center; padding-left: 50px; line-height: 60px; display: inline-block; font-size: 16px } #allmap { width: 1200; height: 500px } #mapiframe { margin: 0; padding: 0; border: none; width: 100%; height: 500px; margin-top: 30px } .contact .address { text-align: center; display: block; margin: 49px auto 40px } .body_contact .subnav2 { border-bottom: 1px solid #eee; margin-bottom: 50px } .body_contact .subnav2 h2 { font-size: 24px; text-align: left; line-height: 60px } .body_contact .subnav2 .crumbs { height: 60px } .body_contact .subnav2 a { font-size: 16px; font-weight: bold; margin: 0 30px; line-height: 60px; display: inline-block; position: relative } .body_contact .subnav2 .subchannel { text-align: right } .body_contact .subnav2 a.on, .body_contact .subnav2 a:hover { color: #eb5405; background: transparent } .body_contact .subnav2 a.on:after { content: ""; display: inline-block; width: 100%; height: 2px; background: #eb5405; margin: 0; padding: 0; position: absolute; bottom: 0; left: 0 } a.a_img img, p.p_img img { max-width: none !important; max-height: none !important } .honorlist { } .honorlist div { text-align: center } .honorlist div.bg { text-align: center; padding: 5px 0 } .honorlist div a.a_img { width: 190px; height: 260px; text-align: center; display: block; margin: 0 auto } .honorlist div a.a_img img { margin: 0 auto; display: block } .honorlist div a.InfoTitle { display: inline-block; margin: 25px auto } .body_single h2 { text-align: center; margin: 0 auto 90px; display: block; position: relative } .body_single h2:after { margin-top: 20px; width: 25px; height: 3px; clear: both; position: absolute; left: 50%; margin-left: -12px } .hezuojiameng { } .hezuojiameng .row { } .hezuojiameng .p0 { font-size: 18px; line-height: 48px; text-align: center; color: #333 } .hezuojiameng h3 { font-size: 24px } .hezuojiameng .p1 { margin-top: 17px } .hezuojiameng .bg { border: 1px solid #DDDDDD; padding: 35px 30px; margin-bottom: 38px; height: 355px } .hezuojiameng .bg3 { float: right; width: 395px } .hezuojiameng .bg1 { } .hezuojiameng .bg2 { float: left } .hezuojiameng .bg00 { border: none } .hezuojiameng .a_img0 { } .hezuojiameng .a_img0 img { } .hezuojiameng .a_txt { font-size: 20px; font-weight: bold; color: #333 } .hezuojiameng .p0 strong { color: #eb5405; font-weight: bold; font-style: italic; font-size: 36px; margin-right: 20px; font-family: arial } .hezuojiameng .dl_hezuo dt { float: left; clear: left; width: 87px; margin-top: 18px } .hezuojiameng .dl_hezuo dd { float: left; clear: right; font-size: 14px; color: #666; line-height: 24px; margin-top: 18px; margin-left: 0 } #shangwuhezuo { } #shangwuhezuo STRONG { } #shangwuhezuo SPAN { } #shangwuhezuo P { } #shangwuhezuo I { } #shangwuhezuo IMG { } #shangwuhezuo H3 { } #shangwuhezuo H2 { } #shangwuhezuo DIV { font-size: 16px; line-height: 30px } #shangwuhezuo .item .col-md-12 { text-align: center } #shangwuhezuo .item.item3 .col-md-12 { margin-top: 40px; margin-bottom: 80px } #shangwuhezuo .item.item2 .col-md-12 { text-align: left } #shangwuhezuo B { font-weight: 100 } #shangwuhezuo BR { } #shangwuhezuo A { } #shangwuhezuo #shangwuhezuo .sinfo { } #shangwuhezuo .item .row { margin-top: 50px } #shangwuhezuo .item.item3 { } #shangwuhezuo .item.item2 { } #shangwuhezuo .item.item1 { margin-bottom: 60px } #shangwuhezuo .item p { } #shangwuhezuo .item .dd4 p { line-height: 26px } #shangwuhezuo .item { } #shangwuhezuo .item i { display: inline-block; width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 40px; font-weight: bold; margin-right: 30px } #shangwuhezuo .item strong { font-size: 28px; color: #666666 } #shangwuhezuo .dd4 strong { line-height: 1.7 } #shangwuhezuo .dd6 { text-align: center } #shangwuhezuo .dd6 strong { display: block; margin: 60px auto 60px; font-weight: 400; color: #333; line-height: 1.4 } #shangwuhezuo .dd6 a { display: inline-block; border: 1px solid #132677; padding: 10px 40px; border-radius: 4px } #shangwuhezuo .dd5 { padding: 80px 0; text-align: center } #shangwuhezuo .dd4_1 { text-align: left } #shangwuhezuo .dd4_1 img { margin-top: 100px; float: left } #shangwuhezuo .dd4 { text-align: left } #shangwuhezuo .dd3 { padding-top: 200px; text-align: left; margin-bottom: 50px } #shangwuhezuo .dd2 { margin: 30px 0 80px } #shangwuhezuo .dd1 { } #shangwuhezuo .d2 h3 { text-align: left; font-weight: bold; font-size: 20px } #shangwuhezuo .d2 span { font-size: 14px; line-height: 24px; padding-top: 10px; display: inline-block; margin-bottom: 50px } #shangwuhezuo .d2 { margin-top: 30px } #shangwuhezuo .d2.d2_2 { } #shangwuhezuo .d2.d2_1 { } #shangwuhezuo .d2 img { } #shangwuhezuo .d2 .sinfo { } #shangwuhezuo .d2 .sinfo h3 { } #shangwuhezuo .d2 .sinfo span { } #shangwuhezuo .d1 { } #shangwuhezuo .dd3 b { font-weight: 100 } #shangwuhezuo .d4 { } #shangwuhezuo .d3 { border-top: 1px solid #eee; padding-top: 50px } #shangwuhezuo .d3 h2 { } #shangwuhezuo .col-md-offset-4 { } #shangwuhezuo .col-md-offset-2 { } .shangwuhezuo .h2 { margin-top: 80px } #maincontent.sitemap { } #maincontent.sitemap UL { } #maincontent.sitemap SPAN { margin-left: 2px; font-size: 12px; color: #999; display: none } #maincontent.sitemap LI { } #maincontent.sitemap DIV { } #maincontent.sitemap A { } #maincontent.sitemap .ul3 { padding-left: 29px } #maincontent.sitemap .ul2 { } #maincontent.sitemap .ul1 { } #maincontent.sitemap .row { } #maincontent.sitemap .depth3 { display: inline-block; width: 45%; padding-left: 20px; background: url(../images/bg18.png) no-repeat left 10px } #maincontent.sitemap .depth3 a { font-size: 12px; color: #666; line-height: 2 } #maincontent.sitemap .depth2 { } #maincontent.sitemap .depth1 { border-bottom: 1px solid #eee; padding-bottom: 20px } #maincontent.sitemap .d1 { background: transparent; padding: 5px 0px; margin: 20px 0; color: #0B3190; font-size: 18px } #maincontent.sitemap .depth1:nth-of-type(1) .d1 { text-align: center } #maincontent.sitemap .d1 a { color: #fff; color: #0B3190; font-size: 18px; font-weight: bold } #maincontent.sitemap .d2 a { font-weight: bold; margin-left: 0; line-height: 1; margin-top: 10px; margin-bottom: 10px; display: block } #maincontent.sitemap .d2 { margin-bottom: 10px } #maincontent.sitemap .container.container_s { } #maincontent.sitemap .info_content { } .body_sitemap { background: transparent } .body_sitemap .ban { border-top: 1px solid #eee; margin-top: 20px } .body_sitemap .d_ttl { margin-top: 60px } .body_sitemap .d_ttl h2 { } .body_sitemap .d_ttl em { text-align: center; width: 100%; display: block; margin: 0; font-style: normal } #cityptn { } #cityptn P { font-size: 14px; line-height: 30px } #cityptn IMG { margin-top: 30px } #cityptn H4 { } #cityptn H2.ttl { margin-top: 80px } #cityptn H3 { } #cityptn DIV { font-size: 16px; color: #656565; line-height: 30px } #cityptn BR { } #cityptn p { } #cityptn .p0 { } #cityptn .p0.p4 { } #cityptn .p0.p3 { line-height: 32px; font-size: 18px; color: #eb6300; border-bottom: 1px dashed #c3c3c3; padding-bottom: 33px } #cityptn .p0.p2 { } #cityptn .p0.p1 { } #cityptn .h4 { background: #EB6300; color: #FFF; font-size: 18px; font-weight: bold; display: inline-block; padding: 6px 36px } #cityptn .row1 { } #cityptn .bggray .row { padding: 80px 0 } #cityptn .bggray { margin: 90px auto } #cityptn .bggray:last-child { margin-bottom: 0 } #cityptn .bggray:last-child .row { padding-bottom: 40px } #cityptn .row3 { } #cityptn .row3 .bg { } #cityptn .row3 .bg1 { border-right: 1px dashed #d0d0d0; padding-bottom: 30px } #cityptn .row3 .bg2 { margin-left: 120px } #cityptn .row5 .bg1 { border-right: 1px dashed #d0d0d0; padding-bottom: 30px } #cityptn .row5 .bg2 { margin-left: 120px } #cityptn .row2 h2 { text-align: left; margin-bottom: 40px } #cityptn .row2 h2::after { left: 0; margin-left: 3px } #cityptn .row2 .p0 { } #cityptn .row2 .bg { margin-left: 90px } #cityptn .row4 { text-align: center; padding-bottom: 30px } #cityptn .row4 img { margin-bottom: 50px } #cityptn .row5 { } #cityptn .row6 p { min-height: 60px; width: 89% } #cityptn .row6 { } #cityptn .h5 { font-size: 18px; font-weight: bold; color: #EB6300; margin: 0; padding: 0; line-height: 1 } #cityptn .row { } #cityptn .row6 .bg2 { margin-left: 100px } #cityptn .cblue { margin-bottom: 60px } #cityptn .bg.bg00 { } .body_fengcai .ChannelContent ul li .p_img { width: 100%; height: 260px; display: block } .body_fengcai .ChannelContent ul li a { text-align: center; display: block } .body_fengcai .ChannelContent ul li a span { display: inline-block; margin: 0 auto } .joblist { } .table_jobs { } .table_jobs h2 { } .table_jobs th { text-align: left; font-size: 16px; line-height: 50px } .table_jobs tr { border-bottom: 1px solid #E8E8E8 } .table_jobs td { padding: 30px 0; vertical-align: top } .table_jobs td.jobname { font-weight: 400; font-size: 18px; width: 110px } .table_jobs td.requirement { } .table_jobs td div.ss { height: 110px; overflow: hidden } .table_jobs td div.showall { height: auto } .table_jobs td a.plus { font-size: 12px; font-weight: bold; color: #223380 } .getpic { width: 920px; margin: 0 auto } .getpic .in1.on { color: #333 } .getpic .in1 { border: 1px solid #ccc; border-right: none; height: 51px; line-height: 51px; color: #ccc; vertical-align: middle; padding: 0 12px; width: 837px } .getpic .in2 { border: none; background: url(../images/getpic.png) no-repeat center; width: 73px; height: 51px; cursor: pointer; vertical-align: middle } .body_download .dsinfo { font-size: 22px; line-height: 3; text-align: center } .body_download .dsinfo span { } .body_download #downloadlist { padding: 80px 0 100px; background: #F6F6F6 } .body_download #downloadlist .row { } .body_download #downloadlist .item .bg0 { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ccc; min-height: 110px } .body_download #downloadlist .item h4 { width: 440px; display: inline-block; font-size: 16px; font-weight: 400; padding-left: 20px; background: url(../images/bg17.png) no-repeat left center } .body_download #downloadlist .item a { padding: 5px 40px 5px 12px; background: #fff url(../images/bg_download3.png) no-repeat 52px 5px; display: inline-block; border: 1px solid #ddd } .body_download #downloadlist .item small { color: #888; margin-right: 10px } .body_download #downloadlist .item .span1 { } .body_download #downloadlist .item .a_txt1 { } .body_download #downloadlist .item .span2 { color: #666; font-size: 14px } .body_download #downloadlist .item b { color: #ff7918 } .body_city .hehuoul { width: 100% } .body_city .hehuoul li { line-height: 32px; font-size: 16px; color: #333; line-height: 50px } .body_city .hehuoul li span { display: inline-block; margin-right: 20px; line-height: 50px; background: url(../images/lbxbg.png) no-repeat left center; padding-left: 10px; text-align: center; padding-right: 10px; color: #ec6a0c } .bdsharebuttonbox { } .bdsharebuttonbox .ttl { float: left; margin-top: 6px; margin-right: 8px } .bdsharebuttonbox a { } .p_img img, .a_img img { width: 100% !important; height: 100% !important } .info_from_wrap { text-align: center !important; margin-bottom: 25px !important } h1.cblue { text-align: center !important } .xgcp { border: 1px solid #eee; margin-top: 45px; padding: 10px 20px } .xgcp h3 { text-align: left; font-size: 16px; font-weight: bold; color: #333; margin: 20px 0 30px } .xgcp .item { } .xgcp .item .bg { } .xgcp .item:hover a { color: #132677 } .xgcp .item:hover img { transform: scale(1.15) } .xgcp .item a.a_img0 { display: block; margin-bottom: 25px; width: 266px; height: 204px; overflow: hidden } .xgcp .item a.a_img0 img { transition: .3s; height: auto; width: auto } .xgcp .item a.a_txt { text-align: center; font-size: 16px; display: block; margin-bottom: 30px } } @media screen and (max-width:1440px) { .scrollToTop { right: 0px } .container { width: 1232px } .body_product_detail { } .body_product_detail #maincontent { margin-top: 0 } .body_product_detail .fashionstyle { } .body_product_detail .fashionstyle .box { position: relative } .body_product_detail .fashionstyle .box .txt { position: absolute } .body_product_detail .fashionstyle .box .d1 { font-size: 26px; margin-bottom: 10px; margin-right: 10px } .body_product_detail .fashionstyle .box .d2 { font: 400 50px/1.3 'microsoft yahei'; margin-bottom: 30px; margin-right: 9px } .body_product_detail .fashionstyle .box p { font: 400 16px/30px 'microsoft yahei' } .body_product_detail .fashionstyle .box img { } .body_product_detail .fashionstyle .box_1 .txt { text-align: center; top: 36px } .body_product_detail .fashionstyle .box_1 .d1 { } .body_product_detail .fashionstyle .box_1 .d2 { } .body_product_detail .fashionstyle .box_1 p { width: 61%; text-align: center; margin: 0 auto } .body_product_detail .fashionstyle .box_1 img { } .body_product_detail .fashionstyle .box_2 .txt { top: 100px; right: 186px; text-align: right } .body_product_detail .fashionstyle .box_2 .d1 { } .body_product_detail .fashionstyle .box_2 .d2 { margin-bottom: 0 } .body_product_detail .fashionstyle .box_2 .d3 { font: 400 50px/1.3 'microsoft yahei'; margin-bottom: 4px; margin-right: 9px } .body_product_detail .fashionstyle .box_2 p { width: 55%; display: inline-block; margin-right: 1px } .body_product_detail .fashionstyle .box_2 img { } .body_product_detail .fashionstyle .box_3 .txt { top: 135px; left: 186px } .body_product_detail .fashionstyle .box_3 .d1 { } .body_product_detail .fashionstyle .box_3 .d2 { } .body_product_detail .fashionstyle .box_3 p { width: 52% } .body_product_detail .fashionstyle .box_3 img { } .body_product_detail .fashionstyle .box_4 .txt { top: 40px; text-align: center; width: 100% } .body_product_detail .fashionstyle .box_4 .d1 { } .body_product_detail .fashionstyle .box_4 .d2 { } .body_product_detail .fashionstyle .box_4 p { margin-top: -20px } .body_product_detail .fashionstyle .box_4 img { } .body_product_detail .fashionstyle .box_5 .txt { left: 186px; top: 180px } .body_product_detail .fashionstyle .box_5 .d1 { } .body_product_detail .fashionstyle .box_5 .d2 { margin-bottom: 20px; margin-left: -3px } .body_product_detail .fashionstyle .box_5 p { } .body_product_detail .fashionstyle .box_5 img { } .body_product_detail .fashionstyle .box_6 .txt { top: 95px; right: 186px; text-align: right } .body_product_detail .fashionstyle .box_6 .d1 { } .body_product_detail .fashionstyle .box_6 .d2 { } .body_product_detail .fashionstyle .box_6 .d3 { font-size: 18px } .body_product_detail .fashionstyle .box_6 p { width: 45%; display: inline-block } .body_product_detail .fashionstyle .box_6 img { } .body_product_detail .fashionstyle .box_7 .txt { top: 118px; left: 186px } .body_product_detail .fashionstyle .box_7 .d1 { } .body_product_detail .fashionstyle .box_7 .d2 { margin-bottom: 13px; margin-top: 20px } .body_product_detail .fashionstyle .box_7 .d3 { font: 400 50px/1.3 'microsoft yahei'; margin-bottom: 30px; margin-right: 9px } .body_product_detail .fashionstyle .box_7 p { width: 59% } .body_product_detail .fashionstyle .box_7 img { } .body_news_detail #maincontent { margin-bottom: 140px } .body_news_detail .d_ttl h2 { margin: 0 auto 20px; padding: 0; font: 700 40px/1 'microsoft yahei'; color: #333333 } .body_news_detail .d_ttl h2::after { display: none } .body_news_detail .info_previous_next_wrap * { color: #666; font-weight: 400; line-height: 2 } .body_news_detail .info_previous_next_wrap { margin-top: 50px; color: #666 } .body_news_detail .d_ttl em { margin-top: -60px; color: #333; border-bottom: 1px dotted #ccc; padding-bottom: 10px } } @media (min-width:992px) { } @media (min-width:1200px) { } @media (max-width:1400px) { .container-ss { width: 820px; padding-right: 0px; padding-left: 0px } } @media (min-width:1921px) { body { max-width: 1950px; margin: 0 auto; padding: 0 15px; background: #fff } html { background: url(../images/bg_1920.png) repeat-y center top } }