@charset "utf-8"; /*reset*/ /* CSS reset for c_b */ body , div , dl , dt , dd , ul , ol , li , h1 , h2 , h3 , h4 , h5 , h6 , pre , form , fieldset , input , textarea , p , blockquote , th , td {margin:0; padding:0;} table {border-collapse:collapse; border-spacing:0;} table th , table td {padding:5px;} fieldset , img {border:0;} address , caption , cite , code , dfn , em , th , var {font-style:italic; font-weight:normal;} ol , ul {list-style:none;} ception , th{text-align:left;} q:before , q:after{content:'';} abbr , acronym{border:0;} a {color:#666; text-decoration:none;} /*for ie f6n.net*/ a:focus{outline:none;} /*for ff f6n.net*/ a:hover {text-decoration:underline;} /*定位*/ .tl {text-align:left;} .tc {text-align:center;} .tr {text-align:right;} .bc {margin-left:auto; margin-right:auto;} .fl {float:left; display:inline;} .fr {float:right; display:inline;} .zoom {zoom:1} .hidden {visibility:hidden;} .vam {vertical-align:middle;} .clear{clear:both; height:0; line-height:0; font-size:0;} p{ word-spacing:-1.5px;} -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; /*其他*/ .cur{cursor:pointer}; /*原reset*/ sup{vertical-align:baseline;} sub{vertical-align:baseline;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} input,button,textarea,select{*font-size:100%;} input,select{vertical-align:middle;} body{font:12px/1.231 arial,helvetica,clean,sans-serif;} select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;} table{font-size:inherit;font:100%; border-collapse:collapse;} pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /*title*/ h1 { font-size:32px;} h2 { font-size:26px;} h3 { font-size:20px;} h4 { font-size:14px;} h5 { font-size:12px;} h6 { font-size:10px;} .retop ul{ overflow:hidden;} .retop li{ float:left; margin-left:10px;} .retop li img{ display:block;} .rtTop{ width:43px; height:43px; overflow:hidden; position:fixed; top:85%; right:47%; margin-right:-615px; cursor:pointer; display:none; z-index:22222} .rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;} .rtTop img{ display:block; position:absolute; top:0; left:0;} /*end reset*/ /* CSS Document */ body{background-color:#fff; overflow-x:hidden; color:#666; font-size:14px; font-family: "arial"; position:relative;}/*网站字体颜色*/ .header , .content , .footer , .container{margin-left:auto; margin-right:auto; max-width:1400px;} /*页眉*/ /*.header{width:100%; background-color:#fff; position:relative; z-index:10}*/ header.xg{background:#fff;box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);} .xg .top_nav ul li a,.xg .ind_nav_ss{color:#111;} .xg .searchBtn{background: url(../../images/icon_01_1.png) no-repeat center 40px;} .xg .top_left img:nth-child(1){display: none;} .xg .top_left img:nth-child(2){display: block;} .agent-pc body #header{ box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); } .header_top { max-width:1200px; margin:0 auto; height:40px; position:relative; z-index:2} .header_top p{ float:left; line-height:40px; font-size:12px; color:#888; padding-left:20px; background:url(../images/htop_phone.png) no-repeat left center;} .header_top p b{ font-size:18px; color:#003c98; font-family:Arial} .header_top ul{float:right; width:330px; margin-top:13px; height:14px;} .header_top li { float:left; padding:0 10px; height:14px; line-height:14px; border-right:1px solid #e2e2e2; font-size:12px; color:#777; position:relative; cursor:pointer} .header_top li a{ color:#777; position:relative; top:-2px;} .header_top li em{ color:#777; position:relative; top:-2px;} .header_top .last{ padding-right:0; border:none} .header_top li a img{ margin-left:3px; position:relative; top:2px;} .header_top .ewm{ display:none; position:absolute; left:-30px; top:30px;} .header_top li:hover .ewm{ display:block} .header_top input{ width:0px; height:30px; line-height:30px; border:1px solid #fff; position:absolute; left:0; top:-10px;} .header_btm { width:100%; height:120px; background-color:#1144a3; position:relative} .header_btm h1{ float:left; margin-top:30px;} .header_btm h2{ float:left; margin-left:15px; margin-top:40px;} .header_btm .nav{ float:right; height:120px;} .header_btm .nav>li{ display:block; width:110px; height:120px; float:left; font-size:16px; border-left:1px solid #2755aa;} .header_btm .nav>li.li01{ width:80px;} .header_btm .nav>li>a{ color:#e8f0ff; display:block; text-align:center; line-height:120px; height:120px; text-decoration:none} .header_btm .nav>li.li01>a{ background:url(../images/intb.png) no-repeat center;} .header_btm .nav .last{ border-right:1px solid #2755aa} .header_btm .nav img{ display:none; float:left; margin-left:50px; margin-top:-6px; position:relative; z-index:1111} .header_btm .nav .cur>a ,.header_btm .nav>li:hover>a{ color:#65d136;} .h_erjinav { display:none; overflow:hidden; position:absolute; left:0; top:120px; width:100%; background-color:#fff; padding:15px 0; text-align:right;} .h_erjinav ul{ position:relative} .h_erjinav li{ display:inline-block; padding:0 10px; border-right:1px solid #dbdbdb; font-size:14px;} .h_erjinav li{ *display:inline} .h_erjinav li a{ color:#000} .h_erjinav li a:hover{ color:#65d136} .h_erjinav .elast{ border:none; padding-right:0} .header_btm .nav>li:hover img{ display: list-item;} .header_btm .nav>li:hover .h_erjinav { display:block} .nav_hover{color:#65d136 !important;} /*footer*/ /*.footer { overflow:hidden; width:100%; padding-top:60px; background:url(../images/footer_top.png) no-repeat center top; background-color:#f2f2f2;} .footer .list{ overflow:hidden; width:170px; float:left; height:180px;} .footer .list h3{ font-size:16px; color:#333; margin-bottom:15px;} .footer .list h3 a{ color:#333;} .footer .list p{ font-size:12px; color:#666; line-height:30px;} .footer .list p a{ color:#666;} .footer .last{ padding-left:85px; border-left:1px solid #d6d6d6; width:245px;} .footer .list span{ display:block; font-size:28px; color:#1b43c4; font-weight:bold; font-family:Arial; padding-bottom:10px; border-bottom:1px solid #d6d6d6; margin-bottom:15px;} .footer .list b{ display:block; font-size:12px; color:#333; margin-bottom:5px;} .footer .list .btn{ overflow:hidden; width:100%;} .footer .list .btn img{ display:block; float:left; margin-right:10px;} .footer .ewm{ overflow:hidden; float:right; width:150px;} .footer .ewm p{ font-size:12px; color:#666; text-align:center;} .footer .ewm img{ display:block; margin-bottom:10px;} .footer .fbtm{ width:100%; height:75px; background-color:#303032; margin-top:60px;} .footer .fbtm p{ float:left; font-size:12px; color:#fff; line-height:75px;} .footer .fbtm p em{margin-right:10px;} .footer .fbtm select{ overflow:hidden; width:170px; height:35px; border:1px solid #6b6b6c; line-height:35px; font-size:12px; color:#fff; float:right; margin-top:19px; background:#303032;} .footer .fbtm select{ color:#fff;}*/ .flinks{background: #303032 none repeat scroll 0 0;border: 1px solid #6b6b6c;color: #fff;float: right;font-size: 12px;height: 35px;line-height: 35px;margin-top: 19px;width: 170px;position: relative;} .flinks span{display:block;height: 35px;text-align:center;background:url(../images/drop.png) no-repeat 96% center;cursor:pointer;} .flinks ul{display:none;position:absolute;left:0;bottom:100%;z-index:999;padding:5px 0;width:100%;float: none;margin: 0;background: #262626;} .flinks li{height:40px;line-height:40px;text-align:center;overflow: hidden;margin: 0;float: none;} .flinks li a{color:#fff;display: block;padding: 0 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .flinks:hover ul{display:block;} #_ctl1_isHidePage{text-align: center;} #_ctl1_isHidePage span a{font-size:16px;} .eemm{z-index:999; overflow:hidden; width:185px; height:185px; padding:5px; position:fixed; left:67%; bottom:200px; margin-left:-112px; display:none; background-color:#fff; border:1px solid #ccc} .eemm img{ display:block; width:100%; height:100%;} .eemmm{ overflow:hidden; width:185px; height:185px; padding:20px; position:fixed; left:50%; top:50%; margin-left:-112px; margin-top:-112px; display:none; background-color:#fff;} .eemmm img{ display:block; width:100%; height:100%;} .eemmm span{ display:block; position:absolute; right:5px; top:5px; font-size:14px; cursor:pointer;} /*右侧浮动*/ .float{ position:fixed; top:50%; right:0; z-index:2000; width:48px; height:250px;} .float_show{ background:url(../images/float_yy.png) repeat; width:48px; height:48px;} .float_show a{ background-color:#0d4da1;display:block; color:#FFF; font-size:16px; width:auto; height:48px; overflow:hidden;text-decoration: none;} .float_show a img{ vertical-align:middle;} .float_show.float_show0{ background:url(../images/float_cur.png) no-repeat top; padding-top:6px; height:48px;} .float_show.float_show0 a{ background:url(../images/float_icon1.png) no-repeat; width:48px; height:48px;} .float_show:hover a{ background-color:#a6ce39; line-height:48px; color:#FFF;} .float_show.float_show0:hover{ background:url(../images/float_curho.png) no-repeat top;} .float_show.float_show0:hover a{ background:url(../images/float_icon_ho1.png) no-repeat;} .float_wx{ display:none; position:absolute; top:-128px; left:-188px; background:url(../images/float_wxbd.png) no-repeat; width:144px; height:168px; padding:18px 27px 0 17px;} .float_show.float_show1{ position:absolute; top:55px; right:-124px; width:194px;} .float_show.float_show2{ position:absolute; top:104px; right:-172px; width:247px;} .float_show.float_show4{ position:absolute; top:153px; right:-78px; width:126px;} /* fixed */ /*.fixed{ position:fixed; width:72px;height:200px;right:25px;bottom:50px; _position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))); z-index:999; background:url(../images/fixed.png) 0 0 no-repeat; }*/ /*.fixed a{display:block;width:72px;height:58px;}*/ .book{width:72px;height:60px; margin-top:49px;background:url(../images/fixed.png) 0 -49px no-repeat;display:block;} .book:hover{background-position:-72px -49px;} /*.fixed a.codepic{width:72px;height:56px; padding-bottom:36px;background:url(../images/fixed.png) 0 -109px no-repeat; display: block;} .fixed a.codepic:hover{background-position:-72px -109px;} .fixed div{position:relative;} .fixed a.backup{ position: absolute;left:0px; top:0px; width:72px;height:55px;} /*.fixed a.backup:hover{background-position:-72px -116px;height:58px;}*/ /*.fixed div img{position:absolute;left:-140px;width:120px;height:120px;top:-150px;display:none;}*/ .product_bt_tt{background:#571962;line-height:95px;text-align: center;} .product_bt_tt h2{color:#fff;font-size:30px;font-weight: bold;position: relative;display: inline-block;padding-left:30px;} .product_bt_tt h2::after{background:url(../images/icon_11.png) no-repeat center center;position: absolute;width:21px;height:21px;display: block;left: 0;top:50%;content: '';transform: translateY(-50%);} .product_bt{width: 100%;margin-bottom:30px;} .cd-accordion-menu {padding-bottom:30px;border: solid 1px #e7e7e7; } .cd-accordion-menu ul { display: none;padding:15px 0px 15px 25px; } .cd-accordion-menu li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height:50px; } .cd-accordion-menu input[type=checkbox] { /* hide native checkbox */ position: absolute; opacity: 0; } .cd-accordion-menu input[type=checkbox]:checked + label{background: #f0f0f0;line-height:58px;} .cd-accordion-menu label, .cd-accordion-menu a { position: relative; display: block; color: #333333; font-size: 18px; font-weight: bold; } .no-touch .cd-accordion-menu label:hover, .no-touch .cd-accordion-menu a:hover { background: #52565d; } .cd-accordion-menu label::before, .cd-accordion-menu label::after, .cd-accordion-menu a::after { content: ''; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cd-accordion-menu label { cursor: pointer; padding-left:55px; border-top: solid 1px #e7e7e7; } .cd-accordion-menu label::before, .cd-accordion-menu label::after { background-repeat: no-repeat; } .cd-accordion-menu label::before { border: solid 2px #dc2128; border-radius: 100%; width:8px; height:8px; left:25px; background-position: 0 0; -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .cd-accordion-menu label::after { right: 25px; width: 23px; height: 23px; background-position: -16px 0; background:url(../images/icon_08.png) no-repeat left center; } .cd-accordion-menu a::after { left: 36px; width: 4px; height: 7px; background: url(../images/icon_10.png) no-repeat; } .cd-accordion-menu li ul li{width: 50%;float: left;line-height:40px;} .cd-accordion-menu input[type=checkbox]:checked + label::before { /* rotate arrow */ -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .cd-accordion-menu input[type=checkbox]:checked + label::after { background:url(../images/icon_09.png) no-repeat left center; } .cd-accordion-menu input[type=checkbox]:checked + label + ul, .cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul { /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/ /* show children when item is checked */ display: block; } .cd-accordion-menu ul label, .cd-accordion-menu ul a { background: #fff; padding-left: 12px; font-size:15px; font-weight: 400; } .no-touch .cd-accordion-menu ul label:hover, .no-touch .cd-accordion-menu ul a:hover { color:#571962; } .cd-accordion-menu > li:last-of-type > label, .cd-accordion-menu > li:last-of-type > a, .cd-accordion-menu > li > ul > li:last-of-type label, .cd-accordion-menu > li > ul > li:last-of-type a { box-shadow: none; } .cd-accordion-menu ul label::before { left: 0px; } .cd-accordion-menu ul label::after, .cd-accordion-menu ul a::after { left: 0px; } .cd-accordion-menu ul ul label::before { left: 25px; }