@CHARSET "utf-8"; body{padding:0px;margin:0;font-size:12px;} body,div,ul,li,dl,dt,dd,form,input,h1,h2,h3,h4,label,button,textarea,img{ padding:0; margin:0; color:#111; font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,STHeiti;_font-family:Verdana, Geneva, sans-serif; border:none; border:0;} input, textarea, select, button{font-size:12px;} *{margin:0;padding:0;list-style:none;} a{text-decoration:none;} a:hover{text-decoration: underline;} img{border:none;} .clear{clear:both;} .con{ width: 960px; margin: 0 auto; } body{background: url(./img/body_bg.gif);padding-bottom:50px;} .left{float: left;} .hr a:hover,.t1 a:hover,.ml p a:hover,.sr a:hover{ color: #f70; } #cnzz_stat_icon_1000323225{ display: none; } /* 回到顶部 */ #to_top{ display: none; cursor: pointer; padding: 6px; line-height: 16px; margin-right: -513px; position: fixed; right: 50%; top: 80%; color: #fff; background: #f80; text-align: center; } /* ajax提示 */ .box{ display: none; text-align: center; max-width: 400px; min-height: 20px; padding: 10px 12px; background-color: #00bb00; opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)"; position: fixed; margin-right: -210px; right: 50%; top: 37%; font-size: 15px; color: #fff; z-index: 4; } .boxbg{ display: none; position: fixed; height: 100%; width: 100%; left: 0; top: 0; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; background: #000; z-index: 3; } /** 右侧栏联系方式 **/ .nocall{ position: fixed; top: 50%; margin-top: -270px; right: 0; width: 30px; height: 145px; cursor: pointer; background: url(./img/nocall.jpg) no-repeat; display: none; } .call{ position: fixed; top: 50%; margin-top: -270px; right: 0; width: 170px; height: 360px; background: #f55; } .call_title{ font-size: 18px; color: #fff; padding-left: 10px; line-height: 40px; } .c_do{ float: right; margin: 7px 10px 0 0; color: #fff; height: 20px; padding: 0 2px; line-height: 18px; border: 2px solid #fff; font-size: 20px; cursor: pointer; } .call_con{ background: #fff; width: 150px; height: 300px; margin: 5px 10px; } .call_con h2{ height: 18px; font-size: 15px; color: #f55; padding: 8px 10px; } .call_con p{ padding: 0 0 3px 5px; font-size: 13px; } .call_con p span{ margin-left: 5px; } .call_con img{ margin: 0 8px; } /***************** talk *****************/ .talk{ width: 200px; height: 260px; position: fixed; bottom: 10px; left: 10px; background: #f70; display: none; } .notalk{ width: 200px; height: 34px; position: fixed; bottom: 10px; left: 10px; background: #f70; display: none; } .t_do{ float: right; margin: 5px 5px 0 0; color: #fff; height: 20px; padding: 0 2px; line-height: 18px; border: 2px solid #fff; font-size: 20px; cursor: pointer; } .talk_title{ font-size: 15px; color: #fff; padding-left: 7px; line-height: 35px; } #talk_form{ background: #fff; width: 190px; height: 210px; margin: 5px; padding-top: 5px; } .t_div input{ border: 1px solid #ccc; width: 140px; } .t_div{ margin: 5px; } #t_talk{ border: 1px solid #ccc; width: 175px; height: 60px; resize: none; } .t_d{ text-align: center; } .t_d input{ background: #f70; color: #fff; padding: 2px 20px; cursor: pointer; } /***************** talk *****************/ /***************** head *****************/ .head{ height: 30px; line-height: 30px; width: 100%; background: #e0e0e0; } .hr{ float: right; color: #aaa; } .hr a{ padding: 0 5px; color: #333; } /***************** head *****************/ /***************** top *****************/ .top_content{ width: 1600px; margin: 0 auto -15px; background: url(./img/top_bg.jpg) no-repeat; } .top{ height: 125px; padding-top: 45px; } .tl_logo{ float: left; width: 155px; height: 65px; background: url(./img/logo.png) no-repeat; } .tl{ float: left; margin: 0 0 0 13px; border-left: 1px solid #aaa; padding-left: 16px; } .tl h1{ font-size: 18px; font-weight: normal; color: #111; } .tl h2{ font-size: 28px; font-weight: 600; color: #111; line-height: 1; margin-top: 7px; } .tl h2 b{ color: #04f; } .tl h2 span{ color: #04f; } .tr{ float: right; width: 130px; height: 102px; margin-top: -17px; padding-left: 105px; background: url(./img/er.jpg) no-repeat left 0; overflow: hidden; font-size: 14px; } .tr p{ margin-top: 15px; font-weight: 700; color: #f60; line-height: 23px; } .top_right{ float: right; width: 160px; text-align: center; margin-right: 50px; } .top_right1{ font-size: 15px; font-weight: 200; color: #666; margin: 5px 0; } .top_right2{ font-size: 21px; } /***************** top *****************/ /***************** nav *****************/ .nav{ height: 44px; background: #06f; } .nav li{ height: 50px; margin-top: -6px; float: left; } .nav li a{ color: #fff; font-size: 16px; padding: 0 20px; display: inline-block; height: 50px; line-height: 50px; background: url(./img/menu_fgx.jpg) no-repeat right 22px; } .nav li a.on,.nav li a:hover{ background: #f6bc30; color: #111; text-decoration:none; } /***************** search ff7700 *****************/ .search{ margin: 10px auto; height: 26px; line-height: 26px; } #key{ width: 200px; height: 20px; padding: 2px; border: 1px solid #999; float: left; color: #000; } #search{ height: 26px; line-height: 26px; padding: 0 8px; background: #f70; color: #fff; font-size: 15px; float: left; margin: 0 20px 0 5px; cursor: pointer; } .sr a{ margin: 0 5px; color: #333; } /***************** search ff7700 *****************/ /***************** banner *****************/ .banner{ width: 1600px; height: 500px; margin: 0 auto 10px; position: relative; } .banner img{ float: left; width: 1600px; height: 500px; } /***************** banner *****************/ /***************** menu *****************/ .con_img{ width: 960px; margin-bottom: 10px; } .ml{ float: left; width: 200px; background: #fff; border: 1px solid #d6d6d6; min-height: 750px; } .ml h1{ background: #06f; font-size: 16px; padding: 10px 15px; width: 171px; color: #fff; } .ml p{ background: #ddd; font-size: 14px; } .ml p a{ padding: 0 10px 0 25px; height: 33px; line-height: 33px; display: block; color: #333; background: url(./img/t1.gif) no-repeat 15px center; } .ml li{ margin: 13px 10px; } .ml li a{ font-size: 15px; color: #111; padding: 10px; display: block; background: #eee; border: 1px solid #ccc; } .ml li a:hover,.ml li a.on{ text-decoration:none; background: #06f; color: #fff; border: 1px solid #06f; } .mr{ float: right; border: 1px solid #ccc; border-top: 3px solid #06f; width: 748px; min-height: 738px; padding-bottom: 10px; background: #fff; } .mr h1{ font-size: 16px; border-bottom: 1px solid #ccc; font-size: 16px; padding: 8px 15px; margin-bottom: 5px; color: #06f; } .mr li{ float: left; margin: 15px 10px 15px 25px; } .mr_pic img{ width: 210px; height: 160px; } .mr a:hover .mr_say{ background: #f90; color: #fff; } .mr_say{ background: #e9e9e9; padding: 10px 0; line-height: 22px; text-align: center; cursor: pointer; } .mr_say p{ font-size: 15px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 200px; } /***************** menu *****************/ .idcard{ height: 250px; margin: 15px auto; border: 1px solid #ccc; background: url(./img/idcard.jpg) no-repeat; } /*优势*/ .content{ width:960px; margin:0 auto;} .ys{ height:1119px; line-height:30px; font-size:14px; color:#444; background:url(./img/ysbg.jpg) repeat-y center 0; overflow:hidden;font-family:"Microsoft YaHei"; padding:29px 0 0;margin-top: 10px;} .ys h2{ text-align:center ;height:225px; display:block;} .ysc dl{ width:290px; float:left; padding:12px 8px 0; height:414px; margin:0 20px 23px 0; background:#0766d8; color:#fff; line-height:30px; font-size:16px;} .ysc dl.ysd1{ margin-right:0;} .ysc dt{ height:220px;} .ysc dt img{ width:290px; height:200px; display:block;} .ysc dd{ height:178px; padding:0 7px;} .ysc dd h3{height:38px; border-bottom: 1px solid #4a8fe3; color:#fff; font-size:24px; font-weight:normal} .ysc dd h3 b{ font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:42px; padding:0 3px 0 0;color:#fff;} .ysc dd p{padding:3px 0; color:#cde0f7;} .ysc dl:hover{ background:#fdb300;} .ysc dl:hover dd h3 b{ color:#1e1e1e} .ysc dl:hover dd p{ border-top:solid 1px #fec845; color:#fff0cc;} .ys_tit{text-align: center;margin: 50px 0;} .ys_tit1{font-size: 66px;color: #0766d8;font-weight: bold;} .ys_tit2{font-size: 30px;color: #0766d8;margin: 40px 0 0;} .ys_tit1 span{font-size: 75px;color: #fcb404;} /***************** youshi *****************/ /***************** come *****************/ .come{ border: 1px solid #ccc; border-top: 3px solid #06f; background: #fff; } .come h1,.honor h1,.part h1,.news h1,.ask h1,.hang h1{ height: 35px; line-height: 35px; border-bottom: 1px solid #ccc; font-size: 16px; } .come h1 a,.honor h1 a,.part h1 a,.news h1 a,.ask h1 a,.hang h1 a{ padding: 0 15px; color: #05f; display: block; } .c_say{ padding: 15px 20px; font-size: 16px; line-height: 1.5; overflow: hidden; } .c_say img{ max-width: 100%; } .csl{ float: left; width: 240px; } .csl img{ max-width: 220px; max-height: 190px; } .csr{ float: left; width: 420px; font-size: 13px; text-indent: 28px; line-height: 23px; } .csr b,.show_info b{ color: blue; } .c_pic{ padding: 0 0 20px 20px; height: 150px; } .c_pic img{ width: 200px; height: 150px; margin-right: 23px; } /***************** come *****************/ /***************** honor *****************/ .honor,.ask{ float: right; width: 248px; min-height: 435px; border: 1px solid #ccc; border-top: 3px solid #06f; background: #fff; } .honor{ width: 600px; } .honor img{ margin: 15px 20px 7px; width: 200px; height: 150px; } .honor p{ text-align: center; color: #333; } .pic_li{ float: left; } /***************** honor *****************/ /***************** part *****************/ .part{ margin: 15px auto; width: 960px; min-height: 420px; border: 1px solid #ccc; border-top: 3px solid #06f; background: #fff; } .part li{ float: left; width: 460px; height: 170px; padding: 20px 0 0 15px; } .p_say{ float: left; margin-left: 15px; width: 230px; height: 150px; } .part li img{ width: 200px; height: 150px; float: left; } .part li h2{ font-size: 14px; margin-bottom: 10px; } .part li p{ line-height: 22px; } /***************** part *****************/ /***************** book *****************/ .book{ background: #06f; margin-bottom: 15px; } .book h1{ padding: 15px 0 20px; font-size: 21px; color: #fff; } .book h1 span{ font-size: 15px; margin-left: 15px; font-weight: 400; } .book li{ float: left; height: 35px; line-height: 35px; margin: 0 0 25px 0; } .book li.noli{ margin: 0 0 25px 0; } .b_num{ float: left; width: 35px; text-align: center; color: #fff; background: #f70; font-size: 17px; } .b_name{ float: left; color: #f70; background: #fff; padding: 0 8px; font-size: 17px; min-width: 138px; } .b_next{ font-size: 40px; float: left; margin: 0 10px; color: #fff; width: 30px; line-height: 30px; text-align: center; } .book li.b_btn a{ background: #f70; color: #fff; display: block; margin-left: 30px; width: 160px; text-align: center; font-size: 17px; } /***************** book *****************/ /***************** news *****************/ .news,.hang{ float: left; width: 345px; min-height: 435px; border: 1px solid #ccc; border-top: 3px solid #06f; background: #fff; } .first{ height: 100px; margin: 15px 10px; } .first img{ float: left; width: 120px; height: 100px; } .first h2{ font-size: 14px; margin-bottom: 10px; } .f_say{ width: 193px; float: left; margin-left: 10px; line-height: 20px; } .news a,.hang a,.ask a,.part a{ color: #333; } .come a:hover,.news a:hover,.hang a:hover,.ask a:hover,.part a:hover{ color: #f60; } .list li{ color: #555; margin: 10px; line-height: 25px; border-bottom: 1px dashed #ccc; } .list li em{ float: right; font-style: normal; } /***************** news *****************/ /***************** hang *****************/ .hang{ margin-left: 8px; } /***************** hang *****************/ /***************** ask *****************/ .ask{ min-height: 350px; } .ask li{ margin: 10px; padding: 10px 0; border-bottom: 1px dashed #ccc; } .a_q{ margin-bottom: 10px; font-weight: 700; } .a_a{ line-height: 22px; } .a_q span{ padding: 1px 3px; margin-right: 13px; background: #06f; color: #fff; float: left; } .a_a span{ padding: 1px 3px; margin-right: 13px; background: #999; color: #fff; float: left; } /***************** ask *****************/ /***************** link *****************/ .link{ margin: 15px auto; border: 1px solid #ccc; height: 50px; padding: 10px; width: 940px; background: #fff; } .link_l{ float: left; height: 50px; line-height: 50px; font-size: 15px; color: #333; padding: 0 15px; margin-right: 10px; border-right: 1px solid #ccc; } .link_r{ float: left; } .link_r li{ float: left; padding: 0 15px; border-right: 1px solid #666; } .link_r li a{ color: #333; } /***************** link *****************/ /***************** foot *****************/ .foot{ text-align: center; padding-top: 20px; line-height: 22px; } /***************** foot *****************/ /***************** xinwen *****************/ .tabl{ float: left; width: 202px; } .tab{ float: left; width: 202px; ming-height: 100px; border: 1px solid #ccc; background: #fff; } .tab h1{ background: #05f; line-height: 21px; width: 203px; } .tab h1 a{ color: #fff; font-size: 15px; padding: 5px 15px; display: block; } .tab ul{ padding: 5px; } .tab li{ padding: 5px 20px; background: url(./img/t1.gif) no-repeat 10px center; } .tab li a{ color: #333; } .tab li a.on{ color: #f50; text-decoration: underline; } .contact{ float: left; margin-top: 6px; width: 202px; ming-height: 100px; border: 1px solid #ccc; background: #fff; } .contact h1{ width: 173px; color: #fff; font-size: 15px; padding: 5px 15px; } .contact h3{ padding: 15px 10px; } .contact h5{ padding: 0 10px; } .contact p{ padding: 8px 10px 14px; } .contact p span{ margin-left: 20px; } .tabr{ float: right; width: 750px; } .loca{ line-height: 30px; padding: 0 10px; margin-bottom: 7px; border: 1px solid #ccc; background: #fff; } .loca a{ color: #333; } .location{ background: #f80; color: #fff; line-height: 33px; padding: 0 10px; margin-bottom: 10px; } .location a{ color: #fff; font-family: "宋体"; } .show{ border: 1px solid #ccc; min-height: 500px; padding: 15px; background: #fff; } .show_in{ padding: 30px; } .show_info{ font-size: 14px; text-indent: 30px; margin: 10px 5px 15px; line-height: 25px; } .show_h2{ font-size: 17px; margin-bottom: 15px; } .show_lian{ line-height: 35px; padding: 10px 0 50px; font-size: 14px; background: url(./img/lianxi.png) no-repeat 410px 0; } .show li{ border-bottom: 1px dashed #ccc; padding-bottom: 30px; } .show li p{ line-height: 20px; color: #666; } .show_title span{ float: right; } .show_title h2 a{ font-size: 15px; color: #f70; } .show_title{ height: 30px; line-height: 30px; padding: 6px 0 1px; } .newsl{ float: left; border: 1px solid #ccc; width: 648px; padding: 2px 10px; min-height: 500px; background: #fff; } .newsl_info{ width: 727px; margin-right: 8px; min-height: 597px; } .news_title{ border-bottom: 1px dashed #ccc; line-height: 70px; text-align: center; font-size: 22px; font-family: "宋体"; } .news_add{ color: #999; margin: 12px 0 16px; line-height: 20px; text-align: center; font-family: "宋体"; } .news_add span{ margin: 0 10px; } .news_add_font{ float: right; } .news_add_font a{ color: #777; } .news_info{ font-family: "宋体"; font-size: 15px; color: #666; line-height: 23px; padding: 15px 2px; min-height: 600px; } .news_info img{ max-width: 500px; margin-right: 15px; } .info_pic{ text-align:center; margin-bottom: 20px; } .info_pic img{ float: none; } .news_info .contact{ margin-top:0; border: 3px solid #f60; } .news_picture img{ max-width: 700px; margin: 0 0 20px 10px; } .news_info h4{ border-bottom: 1px dashed #ccc; padding: 10px; margin-bottom: 10px; } .news_intro{ margin-top: 30px; border: 1px solid #ddd; } .news_intro h3{ background: #eee; padding: 6px 10px; } .news_intro p{ padding: 10px; } .pro_info{ margin: 10px 0; } .font_big{ font-size: 17px; line-height: 28px; } .newsr{ float: right; border: 1px solid #ccc; width: 280px; min-height: 400px; background: #fff; } .newsr h1{ background: #ddd; } .newsr h1 a{ color: #333; font-size: 15px; padding: 5px 10px; display: block; font-family: "宋体"; } .newsr ul{ padding: 8px 0; } .newsr li a{ padding: 6px 10px; display: block; color: #555; font-family: "宋体"; } .newsr li a:hover{ background: #ccc; text-decoration: none; } .num_red{ background-color: #f70; color: #fff; padding: 2px 5px; } .num_black{ background-color: #999; color: #fff; padding: 2px 5px; } .right_title{ margin: 0 7px; } /***************** xinwen *****************/ .block{ border: 1px solid #ccc; min-height: 500px; padding: 0 15px 20px 15px; background: #fff; } .block li{ border-bottom: 1px dashed #ccc; padding: 20px 0; } .block_img{ float: left; width: 200px; height: 150px; padding: 5px; border: 1px solid #ccc; } .block_img img{ width: 200px; height: 150px; } .block_title{ float: right; width: 488px; height: 150px; } .block_title h2 a { font-size: 17px; color: #f80; } .block_title p{ margin-top: 10px; line-height: 20px; color: #555; } .pic{ border: 1px solid #ccc; min-height: 424px; padding: 25px 0 0 14px; background: #fff; } .pic li{ float: left; width: 240px; margin-bottom: 20px; } .pic li img{ width: 210px; height: 150px; } .pic li p{ text-align: center; line-height: 28px; color: #333; } .book_dz{ padding: 15px; } .p { margin: 20px 0 20px; text-align: center; color: #999; } .p a { margin: 2px; padding: 5px 8px; border: 1px solid #bbb; color: #333; } .p .current { padding: 5px 8px; border: 1px solid #04f; background-color: #04f; color: #fff; } /*********ditu****************/ .ditu{ border: 1px solid #ccc; background: #fff; padding-bottom: 15px; margin-bottom: 15px; } .ditu h1{ padding: 7px 15px; border-bottom: 1px solid #ccc; font-size: 15px; color: #04f; } .ditu ul{ margin: 5px 15px 0; } .ditu li{ float: left; width: 102px; padding-top: 10px; } .ditu li a{ color: #333; font-size: 13px; } .ditu a:hover{ color: #f60; } .ditu p{ margin: 20px 15px -3px; } .ditu p a{ font-weight: 700; color: #f80; } /*********search*********/ .search_l{ float: left; width: 638px; } .contact_fixed{ visibility: visible !important; position: fixed; _position: absolute; width: 310px; height: 144px; top: 10px; right: 10px; background: url(./img/contact_fixed.png); -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; z-index: 100; } .cf_close{ position: absolute; width: 10px; height: 10px; top: 5px; right: 5px; z-index: 100; cursor: pointer; background: url(./img/btn.png) -19px -63px; } .cf_text{ position: absolute; top: 23px; left: 115px; padding-right: 18px; visibility: visible; } .cf_text p{ font-size: 12px; font-family: 宋体; font-color: #000000 } .cf_logo{ position: absolute; width: 102px; height: 132px; top: 5px; left: 5px; z-index: 100; background: #fff url(./img/cf_logo.png) no-repeat center center; } .cf_later{ position: absolute; width: 80px; height: 25px; bottom: 5px; right: 90px; line-height: 25px; color: #666; text-align: center; border: 1px solid #CCC; cursor: pointer; background: #EAEAEA; background: -moz-linear-gradient(top, #F3F3F3, #E0E0E0); background: -webkit-gradient(linear, 0 0, 0, 100%, from(#F3F3F3), to(#E0E0E0)); text-decoration: none; } .cf_contact{ position: absolute; bottom: 5px; right: 5px; width: 80px; height: 25px; line-height: 25px; color: #000; text-align: center; border: 1px solid #7292B3; cursor: pointer; background: #D2AB31; text-decoration: none; } .minbanner img{width: 100%;margin-bottom: 10px;display: none;}