/* CSS Document */ body{background-color:#fff;overflow-x:hidden;color:#333;font-size:14px;font-family:"微软雅黑","宋体",Arial;position:relative;}/*网站字体颜色*/ .content,.container{margin-left:auto; margin-right:auto; width:1200px; font-family:"微软雅黑";} /* 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:normal; font-weight:normal;} ol , ul {list-style:none;} ception , th{text-align:left;} q:before , q:after{content:'';} abbr , acronym{border:0;} a {color:#666; text-decoration:none;} /*for ie f6n.net*/ a:focus{outline:none;} /*for ff f6n.net*/ a:hover {/*text-decoration: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}; .nav-list li.cur a { color: #00a1e9; font-weight: bold; } /*原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;} /*清除浮动*/ .clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; } .clearfix{ /*兼容 IE*/ zoom: 1; } #roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:52px} #roll_top{background:url(../images/top.gif) no-repeat} #fall{background:url(../images/top.gif) no-repeat 0 -80px} #ct{background:url(../images/top.gif) no-repeat 0 -40px} #roll{display:block;width:15px;margin-right:-558px;position:fixed;right:46%;top:80%;_margin-right:-558px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;} /*end reset*/ /* CSS Document */ body{background-color:#fff; overflow-x:hidden; color:#666; font-size:12px; font-family: "微软雅黑"; position:relative;}/*网站字体颜色*/ .header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1200px;} /*页眉*/ /*.header{position: absolute;width:100%;overflow:hidden;top: 0;}*/ .banner { overflow:hidden; width:100%; height:860px; position:relative} .banner .btn{ overflow:hidden; width:100%; text-align:center; height:30px; position:absolute; left:0; bottom:190px;} .banner .btn span{ display: inline-block; width:30px; height:30px; background:url(../images/banner_btn01.png) no-repeat center; margin:0 3px; cursor:pointer} .banner .btn span{ *display:inline} .banner .btn span.cur{ background:url(../images/banner_btn02.png) no-repeat center} .header_top {width:90%;margin-top: 20px; margin-bottom: 80px;margin-left: 2%;z-index:1;} .header_top p{ float:left; font-size:13px; color:#000;} .header_top p em{ display:inline-block; text-align:right; background:url(../images/header_top_phone.png) no-repeat left center; width:106px; padding-right:3px; height:19px; margin-left:5px; font-size:16px; color:#fff; font-family:Arial} .header_top p em{*display:inline} .header_top ul{ float:right} .header_top li{ float:left; height:15px; padding:0 15px; border-right:1px dotted #fff; font-size:13px;} .header_top li a{ color:#fff;} .header_top li.last{ border:none; padding-right:0} .header_top li img{ margin-top:-3px;} .qcode { position:absolute; top: 27px; left: -85px; display: none; } .header_logoNav {overflow:hidden;width:96%;height:90px;margin: 0 auto;margin-top: 20px;background-color:#fff;z-index:1;} .header_logoNav h1{ float:left; width:320px; height:90px; background-color:#00a1e9;} .header_logoNav h1 img{ display:block; margin:28px auto;} .header_logoNav ul{ overflow:hidden; float:right; margin-right:45px;} .header_logoNav li{ float:left; margin:0 15px; font-size:14px; line-height:88px; height:88px; position:relative} .header_logoNav li a{ display:block; color:#666; text-decoration:none} .header_logoNav li.list.cur,.header_logoNav li.list:hover a{ color:#00a1e9} .header_logoNav li.list.cur,.header_logoNav li.list:hover { border-bottom:2px solid #00a1e9;} .header_logoNav li .serch_a{ display:block; width:20px; height:32px; background:url(../images/search.png) no-repeat center; cursor:pointer; margin-top:28px; background-color:#fff} .header_logoNav li input{ display:none; width:200px; height:30px; border:1px solid #666; line-height:30px; padding:0 5px; position:absolute; right:0; bottom:0} @media screen and (max-width:1300px){ .header_logoNav h1{ width:230px;} .header_logoNav li{ margin:0 10px;} } @media screen and (max-width:1100px){ .header_logoNav h1{ width:230px;} .header_logoNav li{ margin:0 7px;} .header_logoNav ul{ margin-right:10px;} } .footer { overflow:hidden; width:100%; padding-top:60px; background-color:#252525} .footer .list{ overflow:hidden; float:left; margin-right:105px;} .footer .list h3{ font-weight:normal; font-size:14px; margin-bottom:40px;} .footer .list h3 a{ color:#fff;} .footer .list ul{ overflow:hidden} .footer .list li{ font-size:13px; line-height:26px;} .footer .list li a{ color:#999} .footer .list img{ display:block} .footer .right_f{ float:right; text-align:right} .footer .right_f p{ font-size:14px; color:#fff;} .footer .right_f em{ display:block; font-size:30px; color:#00a1e9; font-family:Arial; margin-bottom:10px;} .footer .right_f span{ display:block; font-size:14px; color:#999; margin-bottom:40px;} .footer .right_f a{ display:block; width:190px; height:42px; text-align:center; line-height:42px; background-color:#00a1e9; float:right; font-size:14px; color:#fff; text-decoration:none} .footer .container{ overflow:hidden} .footer .fbom{ overflow:hidden; width:1200px; margin:0 auto; height:60px; margin-top:100px; border-top:1px solid #3b3b3b;} .footer .fbom p{ float:left; line-height:60px; font-size:13px; color:#fff} .footer .fbom p a{ margin-left:20px; color:#fff;} .footer .fbom ul{ float:right; margin-top:20px; height:20px; line-height:20px; margin-right:-10px;} .footer .fbom li{ float:left; margin:0 5px; font-size:14px; color:#fff} .footer .fbom li a{color:#fff;font-size:14px;} .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:51%; margin-right:-675px; z-index:99999; cursor:pointer; display:none;} .rtTop h4{ width:43px; height:43px; overflow:hidden; position:relative;} .rtTop img{ display:block; position:absolute; top:0; left:0;} /* -- 弹出窗口 -- */ /*#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;} #mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;} #mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;} #mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; } #mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;} #mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;} #mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;} .b15{background: url(../images/skinsvibtn.png) no-repeat; border:0; cursor: pointer; overflow:hidden; } .b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }*/ /*处理中动画占全屏*/ #oran_div_processing{width:300px;padding:20px;z-index:9999;text-align:center;background:#fffeef;border:solid 1px #b8ab04;} #divOranIm{ top:25%!important;} .neitupian{ float: left; margin-left: -40px; margin-top: 60px; background: #fff;} /*************** author:Pengjin, date:2018-12-11, ***************/ /* --top-- */ .wrapper{margin:0 auto;width:1200px;} .top-wrap{padding:0 5%;height:46px;line-height:46px;background:#f2f2f2;overflow:hidden;} .top-wrap .welcome{color:#666;} .top-inner{float:right;overflow:hidden;} .top-inner span{display:block;float:right;padding-left:20px;color:#666;background:url(../images/top_line.png) no-repeat 0 center;} .top-inner strong{font-family:Arial;color:#333;font-size:18px;} .top-inner ul{padding-top:3px;padding-right:10px;overflow:hidden;} .top-inner li{float:left;margin-right:6px;width:40px;height:40px;opacity:0.5;} .top-inner li img{display:block;width:40px;height:40px;} .top-inner li:hover{opacity:1;} /* --end top-- */ /* --header-- */ .header{padding:0 5%;width:90%;height:100px;background:url(../images/head_bg.png);} .header .logo{float:left;margin-top:28px;width:160px;border-right:#4a4a4a solid 1px;} .header .logo img{display:block;width:140px;height:44px;} .header .slogan{float:left;margin-left:20px;margin-top:20px;overflow:hidden;} .header .slogan h3{font-size:22px;color:#fff;height:34px;line-height:34px;} .header .slogan p{font-size:14px;color:#ccc;height:22px;line-height:22px;} .header .slogan p i{margin:0 5px;color:#00a0e8;} .nav{float:right;} .nav-list li{position:relative;float:left;margin-left:25px;height:100px;line-height:100px;font-size:14px;} .nav-list li:after{position:absolute;left:0;bottom:0;content:"";display:block;width:0;height:3px;background:#00a1e9;transition:all 0.5s;} .nav-list li a{display:block;color:#ccc;font-size:15px;} .nav-list li a:hover{color:#00a1e9;text-decoration:none;} .nav-list li.cur a{color:#00a1e9;font-weight:bold;} .nav-list li:hover:after,.nav-list li.cur:after{width:100%;} @media screen and (max-width:1300px){ .nav-list li{margin-left:10px;} } .header.fixed{position:fixed;z-index:9999;top:0;left:0;width:90%;height:50px;} .header.fixed .logo{margin-top:10px;} .header.fixed .logo img{width:100px;height:30px;} .header.fixed .slogan{margin-top:0;height:50px;} .header.fixed .slogan h3{height:50px;line-height:50px;font-size:20px;} .header.fixed .nav-list li{height:50px;line-height:50px;} /* --end header-- */ /* --footer-- */ .footer{padding:70px 0;overflow:hidden;/*background:url(../images/footer.png);*/} .foot-nav{padding-right:30px;padding-bottom:30px;width:1200px;height:60px;line-height:60px;text-align:center;background:url(../images/foot_nav.png);} .foot-nav a{display:inline-block;padding:0 42px;font-size:16px;color:#666;} .foot-nav a:hover{text-decoration:none;color:#00a1e9;} .foot-inner{float:left;width:600px;overflow:hidden;} .ftTel{padding-top:5px;} .ftTel h3{padding-left:45px;font-size:14px;color:#fff;font-weight:normal;height:40px;line-height:40px;background:url(../images/ft_tel1.png) no-repeat 0 center;} .ftTel h3 em{margin-left:12px;font-size:20px;font-family:Arial;color:#00a1e9;vertical-align:middle;} .ftTel ul{overflow:hidden;} .ftTel li{float:left;padding-left:30px;width:196px;height:30px;line-height:30px;left:30px;font-size:14px;color:#fff;} .ftTel li.t1{background:url(../images/ft_tel2.png) no-repeat 2px center;} .ftTel li.t2{background:url(../images/ft_tel3.png) no-repeat 2px center;} .ftInfo{margin-top:40px;color:#999;overflow:hidden;} .ftInfo p{height:25px;line-height:25px;font-size:13px;} .ftInfo p a{color:#999;} .QRcode{float:right;} .QRcode li{float:left;margin-left:24px;width:160px;} .QRcode li img{display:block;width:160px;height:160px;border-radius:5px;} .QRcode li p{height:40px;line-height:40px;text-align:center;font-size:13px;color:#999;} /* --end footer-- */ /* -- 弹出窗口 -- */ #oran_full_bg{ display:none !important;} /* tanchuang1 提交弹窗*/ .tanchuang1{width:100%;position: fixed;top: 0;left: 0;background: url(../images/tanchuangbg.png);height:100%; z-index:9999999;} .tanchuang1 .conBox{width: 400px;height: 212px;padding: 20px;background: #fff;position: absolute;left: 50%;margin-left: -220px;top: 50%;margin-top: -80px; z-index:9999999;} .tanchuang1 .conBox .tcClose{width: 33px;height: 90px;position: absolute;right: 45px;top: -90px;cursor: pointer;z-index:999999999999999;} .tanchuang1 .conBox .box{width: 398px;height: 190px;border: 1px solid #e5e5e5;padding-top: 20px;text-align: center;position: relative;} .tanchuang1 .conBox .box img{display: block;width: 47px;height: 47px;margin: 0 auto;} .tanchuang1 .conBox .box h5{font-size: 24px;color: #006cff;font-weight: bold;margin-top: 10px;} .tanchuang1 .conBox .box p{font-size: 16px;color: #4d4d4d;margin-top: 10px;} .tanchuang1 .conBox .box .b15{display: block;width: 150px;height: 52px;line-height: 52px;text-align: center;font-size: 18px;color: #fff;position: absolute;bottom: -1px;left: 50%;margin-left: -75px;background: #006cff;text-decoration: none;z-index:999999999999999;border:0px;} .tanchuang2 .conBox .box a{background: #404040;} /* -- 弹出窗口 -- */ #mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;} #mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;} #mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;} #mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; } #mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;} #mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;} #mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;} .b15{background: url(../images/skinsvibtn.png) no-repeat; border:0; cursor: pointer; overflow:hidden; } .b15 { background-position:-79px -650px; width:60px; height:24px; line-height:24px; color:#fff; font-size:14px; font-weight:bold; }