body {color: #444; font-size: 14px; line-height: 1.75em; background: #fff; font-family: Verdana, Geneva,"微软雅黑","Microsoft YaHei", simsun, sans-serif ; -webkit-font-smoothing: antialiased; } .fl{ float: left; } .fr{ float: right;} .cl:after{display:block;clear:both;content:"";visibility:hidden;height:0} .cl{zoom:1} /*************** "宋体","SimSun","黑体","SimHei","微软雅黑","Microsoft YaHei","微软正黑体","Microsoft JhengHei","新宋体","NSimSun","楷体","KaiTi"," 深黑 重要文字和标题 #222 中灰色 普通文字信息及引导 #666 #浅灰 辅助信息 次要文字 按钮苗边 #999 #淡淡灰 分割线 标签描边 #d7d7d7 #暗白 内容背景 #f3f5f7 背景 #f8f8f8 **************/ .w120{ width:1200px; clear:both; margin:0 auto; } .w100{ width:100%; min-width:1200px; clear:both; margin:0 auto; } a { color:#444;} a:hover{ color:#53f;} /********* top ********** #53f *******/ header .daohang{ height:50px; background:#53f; color:#fff; position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 999;} /* 本例子css */ .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} header .daohang .navBar{ position:relative; z-index:1; height:50px; line-height:50px;color:#fff; } header .daohang .nav{ position:relative; font-size:16px; } header .daohang .nav a{ color:#fff; } header .daohang .nav h3{ font-weight:normal; font-size:16px; letter-spacing:2px; border-right:1px solid #65f; } header .daohang .nav li:nth-child(1) h3{ border-left:1px solid #65f;} header .daohang .nav h3 a{ display:block; width:148px; text-align:center; color:#fff; } header .daohang .nav h3 a.on,header .daohang .nav li:hover h3 a{ background: rgba(0,0,0,.3); color:#A5CDF0;} header .daohang .nav .m{ float:left; position:relative; z-index:1; } header .daohang .nav .sub{ display:none; /*默认隐藏*/ position:absolute; left:0px; top:50px; z-index:99; width:146px; border:1px solid #65f; border-top:0; background:#53f; } header .daohang .nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px; } header .daohang .nav .sub li a{ display:block; border-bottom:1px solid #54f; padding:10px 0; line-height:20px; color:#fff; font-size:14px; } header .daohang .nav .sub li a:hover{ color:#A5CDF0 } /*************/ .sousuoindex{ padding:100px 0; background:url(img/sousuobj3.jpg) center center fixed #004499; background-size:cover; text-align:center; color:#fff; margin-top:50px; } *{ outline:none} .sousuoindex h1{ font-size:64px; text-shadow:0 8px 5px #000;} .sousuoindex h1 span{ color:#F8C633} .sousuoindex .fbt{ font-size:20px;line-height:2em; font-weight:lighter; text-shadow:0 2px 2px #000;} .sousuoindex .tel{ font-size:24px; line-height:4em;text-shadow:0 5px 2px #000;} .sousuoindex .tel span{ color:#F8C633;font-size:40px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; } .sousuoindex .bq{ font-size:16px; line-height:2em; text-shadow:1px 1px 1px #000;} .sousuoindex .bq a{ color:#fff; padding:0 10px;} .sousuoindex .ssk{ width:710px; margin:20px auto 0; padding:20px; background:rgba(0,0,0,.3);} .sousuoindex .ssk input{ float:left; height:45px; width:568px;; padding-left:10px; background:#fff; border:none; margin:0;font-size:18px; } .sousuoindex .ssk a{ display:block; float: left; width:130px; height:45px; background:#53f; color:#fff; font-size:18px; line-height:45px; } /***************/ .zixunindex{ padding:100px 0;text-align:center;} .zixunindex .biaoti{font-size:48px; font-weight:bold; line-height:1.2em; color:#333; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:30px; } .zixunindex .biaoti span{ color:#53f; } .zixunindex .lm{ width:510px;} .zixunindex .lm a{ display:block; float:left; width:145px; height:50px; border:1px solid #ddd; text-align:center; line-height:50px; margin:0 20px 20px 0; font-size:16px; background:#fff;} .zixunindex .lm a:hover { background:#53f; color:#fff;-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s; border-color:#53f; box-shadow:0 0 2px #fff inset;} .zixunindex .jiezhi{ border:1px solid #ddd; width:680px; height:194px; background:url(img/bm.jpg) center center; background-size:cover; } .zixunindex .jiezhi .nk{ border:10px solid #fff;width:680px; height:194px; box-sizing:border-box; } .zixunindex .jiezhi h1{ font-size:28px; line-height:1.5em;; color:#333; margin:0 auto; padding-top:20px;} .zixunindex .jiezhi h2{ font-size:24px; line-height:30px; color:#5533FF; font-weight:normal;} .zixunindex .jiezhi a{ display:block; width:300px; height:40px; line-height:40px; font-size:18px; text-align:center; color:#fff; background:#53f; border-radius:25px; overflow:hidden; margin:20px auto; border-bottom:4px solid #30F;} .zixunindex .jiezhi a:hover{ background:#D19FFD; border-color:#B433A0; -webkit-transform: all 1s ease 0s;transition: all 1s ease 0s; box-shadow:0 0 2px #fff inset;} /*****************/ .zyindex{ padding:90px 0; background:#f5f5f5; text-align:center;} .zyindex .title{font-size:40px; font-weight:bold; line-height:1.2em; color:#333;} .zyindex .title p{ display:block; width:80px; height:10px; border-bottom:4px solid #53f; margin:0 auto;} .zyindex ul.zy { border-left:1px solid #ddd ; border-top:1px solid #ddd ; margin-top:30px; } .zyindex ul.zy li{ width:238px; height:220px; border-right:1px solid #ddd ; border-bottom:1px solid #ddd ; float:left; position:relative; overflow:hidden; } .zyindex ul.zy li .tu{ width:100px; height:100px; overflow:hidden; border-radius:50%; position:relative; margin:30px auto;} .zyindex ul.zy li .tu img{ height:100px; width:auto;position: absolute;display: block;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .zyindex ul.zy li .wen{ font-size:18px; color:#333; line-height:2em; height:2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .zyindex ul.zy li p{ color:#999; font-size:16px;} .zyindex ul.zy li .show{ position:absolute; width:0; height:0; background:rgba(85,51,255,.9); overflow:hidden; top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transform: all .4s ease 0s;transition: all .4s ease 0s; } .zyindex ul.zy li:hover .show{ width:100%; height:100%;} .zyindex ul.zy li .show .bt{ font-size:18px; color:#fff; line-height:1.5em; font-weight:bolder; padding:50px 10px 30px;} .zyindex ul.zy li .show p{ color:#eee; font-size:14px;} .zyindex ul.zy li .show a{ display:block; width:150px; height:36px; line-height:36px; font-size:16px; text-align:center; color:#53f; background:#fff; border-radius:20px; overflow:hidden; margin:10px auto; } /******************/ .xyhjindex{ background:#65f url(img/yx.jpg) center center ; padding:80px 0; } .xyhjindex .title{font-size:40px; font-weight:bold; line-height:1.2em; color:#fff; text-align:center;} .xyhjindex .title p{ display:block; width:40px; height:10px; border-bottom:4px solid #ccc; margin:0 auto;} .xyhjindex .hjlist{ margin-top:30px;} .xyhjindex ul li.xm{ margin:15px 0 15px 30px; width:350px; overflow:hidden; float:left; padding:15px;; background:rgba(255,255,255,.8); } .xyhjindex ul li.xm:hover{ box-shadow: 0 0 20px rgba(0,0,0,.5);} .xyhjindex ul li.xm:nth-child(3n+1){ margin-left:0;} .xyhjindex ul li.xm .tu{ width:350px; height:200px ; overflow:hidden; position:relative; } .xyhjindex ul li.xm .tu img{ width:350px; height: auto; display:block;} .xyhjindex ul li.xm .tu .show{ position:absolute; width:350px; height:200px ; background:rgba(0,0,0,.5); color:#fff; left:0; top:300px;; text-align:center; line-height:200px; font-size:36px; font-weight:bolder;} .xyhjindex ul li.xm:hover .tu .show{top:0px;-webkit-transform: all .3s ease 0s;transition: all .3s ease 0s;} .xyhjindex ul li.xm .bt{ font-size:18px; color:#333; line-height:30px; padding:5px 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; display: none} .xyhjindex ul li.xm:hover .bt{ color:#4eb2fd;} /**************/ .xwindex{ width:650px; padding:80px 0; overflow:hidden} .xwindex .title{ background:url(img/newslline1.gif) left bottom repeat-x; padding-bottom:10px; margin-bottom:20px;} .xwindex .title a{ float:right; line-height:40px;} .xwindex .title p { float:left; color:#999; font-size:16px; background:url(img/24gl-newspaper.png) left center no-repeat; padding-left:30px; line-height:40px;} .xwindex .title p strong{ font-size:24px; color:#53f; padding:0 10px; } .xwindex ul li{ display:block; overflow:hidden; margin-bottom:10px; border-bottom:1px dotted #ccc; padding-bottom:10px; position:relative; } .xwindex ul li .date{ width:80px; height:80px ; line-height:40px; overflow:hidden; text-align:center; background:#8D81F8; color:#fff;} .xwindex ul li .date p{ background: rgba(255,255,255,.2); } .xwindex ul li .wen{ padding-left:100px;} .xwindex ul li .wen .bt{ font-size:16px; font-weight:bold; color:#333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:30px; height:30px;} .xwindex ul li .wen .nr{ color:#888; line-height:25px; height:50px; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;} .xwindex ul li:hover .date{ background:#5746F0;} .xwindex ul li:hover .wen .bt{ color:#53f;} .xwindex ul li .line{ width:0; height:0; border-bottom:1px solid #796BF3; position:absolute; bottom:0; left:0;} .xwindex ul li:hover .line{ width:100%; -webkit-transition:all 1s ease-in; transition: all 1s ease 0s;} /****************/ .lxindex{ width:450px; padding:80px 0; overflow:hidden} .lxindex .title{ background:url(img/newslline1.gif) left bottom repeat-x; padding-bottom:10px; margin-bottom:20px;} .lxindex .title a{ float:right; line-height:40px;} .lxindex .title p { float:left; color:#999; font-size:16px; background:url(img/lixiioco.png) left center no-repeat; padding-left:30px; line-height:40px;} .lxindex .title p strong{ font-size:24px; color:#53f; padding:0 10px; } .lxindex .lx{ height:130px; overflow:hidden;} /*****************/ .sxmsindex{ text-align:center; padding:80px 0; background:#f2f2f2;} .sxmsindex .title{font-size:40px; font-weight:bold; line-height:1.2em; color:#333;} .sxmsindex .title p{ display:block; width:80px; height:10px; border-bottom:4px solid #53f; margin:0 auto;} .sxmsindex .title span{ color:#53f;} .sxmsindex ul.sx{ padding-top:30px;} .sxmsindex ul li.xm{ float:left; width:240px; margin:50px 10px ; padding:60px 20px 30px;; box-shadow:0 3px 8px #bbb; background:#fff; text-align:center; -webkit-transform: all .3s ease 0s;transition: all .3s ease 0s; position:relative;} .sxmsindex ul li.xm .ico{ width:80px; height:80px; background:#999; color:#fff; border-radius:50%; text-align:center; position:absolute; left:50%; margin-left:-40px; top:-40px;} .sxmsindex ul li.xm .ico p{ font-size:36px; line-height:80px; ; margin:0 auto; font-weight:bolder;} .sxmsindex ul li.xm .bt{ font-size:24px; font-weight:bold; line-height:1.5em;} .sxmsindex ul li.xm .wen{ font-size:14px; line-height:3em; text-align:left; margin:20px auto;} .sxmsindex ul li.xm .wen li ,.sxmsindex ul li.xm .wen p{ border-bottom:1px dotted #ddd; list-style:inside disc; font-size:16px; line-height:3em;} .sxmsindex ul li.xm a.zx{ display:block; border:1px solid #999; height:40px; line-height:40px; font-size:18px;} .sxmsindex ul li.xm:hover{ -webkit-transform: translate(0,-5px); transform: translate(0,-5px);} .sxmsindex ul li.xm:nth-child(1) .ico{ background-color:#64C4B9; } .sxmsindex ul li.xm:nth-child(1) .bt{ color:#64C4B9} .sxmsindex ul li.xm:nth-child(1) a.zx{ border-color:#64C4B9;color:#64C4B9} .sxmsindex ul li.xm:nth-child(2) .ico{ background-color:#16B3E6; } .sxmsindex ul li.xm:nth-child(2) .bt{ color:#16B3E6} .sxmsindex ul li.xm:nth-child(2) a.zx{ border-color:#16B3E6;color:#16B3E6} .sxmsindex ul li.xm:nth-child(3) .ico{ background-color:#796BF3; } .sxmsindex ul li.xm:nth-child(3) .bt{ color:#796BF3} .sxmsindex ul li.xm:nth-child(3) a.zx{ border-color:#796BF3;color:#796BF3} .sxmsindex ul li.xm:nth-child(4) .ico{ background-color:#EC62A1; } .sxmsindex ul li.xm:nth-child(4) .bt{ color:#EC62A1;} .sxmsindex ul li.xm:nth-child(4) a.zx{ border-color:#EC62A1;color:#EC62A1} .sxmsindex a.sxmsmore{ display:block; width:400px; height:50px; line-height:50px; font-size:18px; text-align:center; color:#fff; background:#53f; border-radius:30px; overflow:hidden; margin:20px auto 0; border-bottom:4px solid #30F;} .sxmsindex a.sxmsmore:hover{ background:#D19FFD; border-color:#B433A0; -webkit-transform: all 1s ease 0s;transition: all 1s ease 0s; box-shadow:0 0 2px #fff inset;} /********************/ .zysxindex{ padding:50px 0; text-align:center;} .zysxindex .title{font-size:40px; font-weight:bold; line-height:1.2em; color:#333; margin-bottom:20px;} .zysxindex .title p{ display:block; width:80px; height:10px; border-bottom:4px solid #53f; margin:0 auto;} .zysxindex .title span{ color:#53f;} .zysxindex ul li{ width:19%; margin: 10px 0.5%; overflow:hidden; float:left;} .zysxindex ul li .tu{ width:100%; height:0; padding-bottom:66.7%; overflow:hidden;} .zysxindex ul li .tu img{ width:100%; display:block; height:auto;} .zysxindex ul li .wen{ font-size:14px; line-height:1.7em; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} /********************/ .zxlyindex{ padding:80px 0; text-align:center; background:#8D81F8 url(img/zxly.jpg) center center no-repeat fixed ; background-size:cover;} .zxlyindex .title{font-size:40px; font-weight:bold; line-height:1.2em; color:#fff; margin-bottom:20px;} .zxlyindex .title p{ display:block; width:80px; height:10px; border-bottom:4px solid #fff; margin:0 auto;} .zxlyindex .title span{ color:#fff;} .zxlyindex .title .ms{ font-size:16px; width:650px; margin:10px auto; text-align: justify; line-height:1.5em; font-weight:normal; } .zxlyindex .age_li_about{ width:900px; margin:0 auto; text-align:left; background:rgba(0,0,0,.7); padding:20px 0} .zxlyindex table td { padding:15px 20px; color:#fff; font-size:16px;} .zxlyindex table td select{ font-size:14px; line-height:32px; height:32px; width:265px;} .zxlyindex table td input{ line-height:32px; width:260px; } .zxlyindex table td label { width:6em; display:inline-block; text-align:right;} .zxlyindex table td .coolbg{ width:150px; height:40px; line-height:40px; font-size:18px; text-align:center; color:#fff; background:#53f; border-radius:25px; overflow:hidden; margin:0 20px; border:0; border-bottom:4px solid #30F;} .zxlyindex table td .coolbg:hover{ background:#D19FFD; border-color:#B433A0; -webkit-transform: all 1s ease 0s;transition: all 1s ease 0s; box-shadow:0 0 2px #fff inset;} /***********/ .foot{ background:#2A197F url(img/foot01.png); padding:30px 0 20px; text-align:center; color:#fff; } .foot a{ color:#fff;} /***********分页**** #53f ***************/ .pagination{list-style:none;margin:20px auto; text-align:center; display:inline-block; width:100%;} .pagination li{display:inline-block; margin:2px; text-align:center;} .pagination a{color:#999;padding:4px 8px;line-height:18px;display:block;border:solid 1px #ddd;} .pagination a:hover ,.pagination li.thisclass a{ background:#b22; color:#fff;border:solid 1px #b22;} /********cp**************/ .lefts { width:250px; background:#fff; overflow:hidden; box-shadow:0 3px 5px #999;} .lefts .cpfl{width:250px; } .lefts .cpfl .tit{ height:50px; background:/*url(img/hebj_02.jpg) center top repeat*/ #53f; padding:25px; } .lefts .cpfl .tit i{ display:block; float:left; width:60px; height:50px; background:url(img/citie.png) center center no-repeat ; margin-right:10px; } .lefts .cpfl .tit p{ color:#fff; line-height:30px; font-size:28px;} .lefts .cpfl .tit p span{ display:block; font-size:12px; line-height:20px;} .lefts .cpfl ul li{ padding:0 20px;} .lefts .cpfl ul li a{ display:block; line-height:1.2em; padding:18px 0 18px 30px;; font-size:16px; border-top:1px solid #ddd; background: url(img/listdot.jpg) left center no-repeat; } .lefts .cpfl ul.cplblist li a{ padding:15px 0 15px 30px;;} .lefts .cpfl ul li a.on{ color:#53f; font-weight:bold;} .lefts .cpfl ul li.fl_xlb a{ background:url(img/fl_xlb.png) 10px center no-repeat; font-size:14px; padding:5px 0; padding-left:30px; line-height:22px; border-top:1px dotted #ddd; } .lefts .cpfl ul li.fl_xlb a.on{ color:#53f; font-weight:bold;} /***********************/ .lefts .lxwm{ width:250px; margin:20px auto; } .lefts .lxwm .lx_tit_left{ text-align: left; line-height:50px; background:/*url(img/hebj_02.jpg) center top repeat*/ #53f ; color:#fff; font-size:18px;} .lefts .lxwm .lx_tit_left span{ background:url(img/lxico.png) center center no-repeat; display:inline-block; height:50px; width:50px; margin-right:10px; margin-left:35px;} .lefts .lxwm .lx_nr{ width:230px; margin:10px auto; overflow:hidden;} .lefts .cpsousuo{ width:250px; margin:40px auto 20px; } .lefts .cpsousuo .lx_tit_left{ text-align:center; line-height:50px; background:#53f; color:#fff; font-size:18px;} .lefts .cpsousuo .sousuo{width:230px; margin:20px auto; overflow:hidden;} .lefts .cpsousuo .sousuo input{ display:block; width:167px; border:1px solid #ddd; margin:0 auto; padding:5px 10px; line-height:30px; float:left; } .lefts .cpsousuo .sousuo a{ display:block; margin:0 auto; color:#fff; line-height:42px; text-align:center; float:right; width:40px; background:url(img/sousuoico2.png) center center no-repeat #333; } .lefts .cpsousuo .sousuo a:hover{ background-color:#53f;} .lefts .lxxm{ width:230px; margin:20px auto; overflow:hidden; font-size:16px; padding-bottom:6px; } .lefts .tel-lx { border-bottom:1px dotted #ddd;} .lefts .tel-lx span{color:#53f; font-size:24px; } .lefts .tel-lx p{background:url(img/left-tel2.png) left center no-repeat; padding-left:25px;} .lefts .email-lx span{color:#53f; font-size:24px; } .lefts .email-lx p{background:url(img/left-e-mail.png) left center no-repeat; padding-left:25px;} /******** **************/ .main { padding:50px 0;} .banner { max-height:350px; overflow:hidden; display:none;} .banner img{ display:block; width:100%; height:auto; } /***********************/ .main .titlxwm h1{ font-size:24px; font-weight:bold; color:#53f; text-align:center; margin:30px auto; } .main .titlxwm h1 span{ border-bottom:2px solid #53f; display:block; height:10px; width:40px; margin:0 auto;} .main .titlxwm h1 p{ border-bottom:2px solid #ccc; display:block; height:10px; width:150px; margin:0 auto;} .main .mainlxwm{ margin:50px auto; } .main .mainlxwm ul li{ width:320px; margin:10px; height:160px; background:#f3f5f9; float:left; text-align:center; padding:30px; border-radius:4px; box-shadow:0 3px 8px #aaa; -webkit-transition:background-color 0.5s linear; -moz-transition:background-color 0.5s linear; -o-transition:background-color 0.5s linear; transition:background-color 0.5s linear;} .main .mainlxwm ul li .tu{ width:80px; height:80px; overflow:hidden; border-radius:80px; border:2px solid #fff; margin:0 auto; background:#fff;} .main .mainlxwm ul li .tu img{ width:80px; height:80px; display:block; } .main .mainlxwm ul li h3{ margin:10px auto; font-size:18px; color:#53f;} .main .mainlxwm ul li .nr{ font-size:16px; text-align:center; } .main .mainlxwm ul li:hover{ background:#53f; color:#ccc;} .main .mainlxwm ul li:hover h3{ color:#fff;} .main .mainlxwm ul li:hover a{ color:#fff;} /**************************/ .main .lx_zxly{ font-size:18px; width:850px; margin:20px auto; } .main .lx_zxly li{ margin:20px 0; } .main .lx_zxly li.xm3{ width:360px; float:left; margin-right:60px; } .main .lx_zxly li.mr0{ margin-right:0 !important; } .main .lx_zxly li.xm2{ width:400px; float:left; margin-right:40px; } .main .lx_zxly li input ,.main .lx_zxly li textarea{ display:block; border: none; width:100%; line-height:40px; padding:10px; box-sizing:border-box; outline:none;color:#444; border-bottom:1px solid #ccc; } .main .lx_zxly li input.yzm{ width:200px;} .main .lx_zxly li .yzm_img{ height:20px; padding:20px; display:block; float:left;} .main .lx_zxly input.tijiao{ background:#53f; color:#fff; font-size:24px; transition:all 0.5s; } .main .lx_zxly input.tijiao:hover{ background:#333;} .main .lx_zxly li:hover input , .main .lx_zxly li:hover textarea{ border-color:#53f;} /*********************/ .main .fenlei_list{ text-align:center;} .main .fenlei_list ul li{ display:inline-block; margin-bottom:20px;} .main .fenlei_list ul li a{ display:block; padding:8px 25px; background:#def; font-size:16px; color:#53f; } .main .fenlei_list ul li a:hover,.main .fenlei_list ul li a.on{ background:#53f; color:#fff;} .main .xwlist{ } .main .xwlist li { padding:10px 30px; border-bottom:1px solid #ddd; } .main .xwlist li:hover{ box-shadow:0 0 10px #ccc;} .main .xwlist li .wen{ overflow:hidden; } .main .xwlist li .wen .xwtit{ font-size:18px; font-weight:bold; line-height:1.4em; color:#333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .main .xwlist li .wen .nr{ color:#999; text-align:justify; line-height:1.7em; height:3.4em; margin:10px 0 10px; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; position:relative;} .main .xwlist li .wen .time{ padding:0 20px; background:#aaa; color:#fff; line-height:30px;} .main .xwlist li .wen .more{ padding:0 20px; background:#ccc; color:#fff; line-height:30px;} .main .xwlist li:hover .wen .more{ background:#53f;} .main .xwlist li:hover .wen .xwtit{ color:#53f;} .main .xwlist li .wen .nr:after{ content:"查看更多"; position:absolute; right:0; bottom:0; background:#A49AF9; width:6em; line-height:1.7em; height:1.7em; text-align:center; color:#fff; display:none; border-radius:5px; } .main .xwlist li:hover .wen .nr:after{ display:block} .main .xwneirong{ margin:50px auto;} .main .xwneirong .title{ border-bottom:1px solid #ddd; padding-bottom:20px; text-align:center; } .main .xwneirong .title p{ color:#999; } .main .xwneirong .title h1{ margin:0 auto; font-size:28px; line-height:1.4em; font-weight:normal; color:#333;} .main .xwneirong .xiangxineirong{ margin:20px auto; width:1150px; overflow:hidden; } .main .xwneirong .xiangxineirong img{ max-width:1150px;} .main .xwneirong .xiangxineirong table{ width:100%; border-collapse:collapse; border:1px solid #ddd;} .main .xwneirong .xiangxineirong table td{ padding:0 2px;} .main .shangxiaye{ margin:20px auto; padding:30px 0; border-top:1px dotted #ddd; text-align:center;} .main .shangxiaye a{ display:inline-block; width:150px; height:40px; line-height:40px; background:#999; color:#fff; margin:10px; } .main .shangxiaye a:hover{ background:#53f;} /*************************/ .main .rights{ width:920px; background:#fff;overflow:hidden; box-shadow:0 3px 5px #999; border:1px solid #ddd;} .main .rights .tit{ height:50px; padding:25px; border-bottom:1px solid #ddd; background:#F6F6F6; } .main .rights .tit i{ display:block; float:left; width:50px; height:50px; background:url(img/citie2.png) center center no-repeat ; margin-right:10px; } .main .rights .tit p{ color:#53f; line-height:50px; font-size:28px; } .main .rights .tit p span{ color:#666;;float:right; line-height:50px; font-size:16px; background:url(img/mbxico.png) center left no-repeat; padding-left:20px; } .main .rights .tit A{ color:#666; padding:0 5px; } .main .rights .tit A.links{ border-left:1px solid #999; font-size:18px; } .main .rights .tit A.links:first-child{ border:none;} .main .rights .tit A.on{ color:#999;} .main .rights .tit A:hover{ color:#53f;} .main .rights ul.cplist{ margin:15px auto;} .main .rights ul.cplist li{ float:left; width:200px; margin:10px 10px; overflow:hidden; text-align:center; padding:2px; border:1px solid #def;} .main .rights ul.cplist li .tu{ width:200px ; height:150px; overflow:hidden;} .main .rights ul.cplist li .tu img{ width:200px; height:auto; display:block;} .main .rights ul.cplist li:hover .tu img {transform: scale(1.1); -webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s;transition: all 1s ease 0s;} .main .rights ul.cplist li p.wen{ line-height:20px; padding:8px 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .main .rights ul.cplist li:hover p{ background:#def;} .main .rights ul.cplist li:hover{ border:1px solid #53f;} /*****************/ .main .rights ul.ccplist li{ float:left; width:280px; margin:10px 10px; overflow:hidden; text-align:center; padding:2px; border:1px solid #def;} .main .rights ul.ccplist li .tu{ width:280px ; height:210px; overflow:hidden;} .main .rights ul.ccplist li .tu img{ width:280px; height:auto; display:block;} /*******************/ .main .rights .gsxmnr{ margin:20px auto; width:880px; overflow:hidden; line-height:1.9em; text-align:justify; font-size:16px;} .main .rights .gsxmnr img{ max-width:880px; height:auto; vertical-align:bottom;} .main .rights .gsxmnr table{ border-collapse:collapse; margin:10px auto; width:100%; } .main .rights .gsxmnr .biaoti{ text-align:center; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #ddd;} .main .rights .gsxmnr .biaoti h1{ margin:0 auto; font-size:28px; line-height:1.4em; font-weight:normal; color:#333;} .main .rights .gsxmnr .biaoti p{ color:#999; } /************************/ .main .rights .gsxmnr ul.mingxie{ margin:10px 0;} .main .rights .gsxmnr ul.mingxie li{ width:160px; height:60px; overflow:hidden; margin-left:12px;margin-top:12px; float:left ;border:1px solid #ddd; padding:2px; } .main .rights .gsxmnr ul.mingxie li:nth-child(5n+1){ margin-left:0;} .main .rights .gsxmnr ul.mingxie .tu{ width:160px; height:60px; overflow:hidden; position:relative; } .main .rights .gsxmnr ul.mingxie .tu img{max-width: 100%;max-height: 100%;position: absolute;display: block;top: 50%;left: 50%;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} /***********在线留言**********/ .yubaomingxx ul.infoList li{ line-height:40px; height:40px; border-bottom:1px solid #ddd; font-size:14px;} .yubaomingxx ul.infoList li .q_rq{ width:200px; line-height:40px; float:left} .yubaomingxx ul.infoList li .q_xm{ float:left; width:150px; } .yubaomingxx ul.infoList li .q_bd{ float: right; width:500px; } .mainzxly .age_li_about{ margin:0 auto; text-align:left; padding:20px 0; } .mainzxly table td { padding:15px 20px; color:#333; font-size:16px;} .mainzxly table td select{ font-size:14px; line-height:32px; height:32px; width:265px;} .mainzxly table td input{ line-height:32px; width:260px; } .mainzxly table td label { width:6em; display:inline-block; text-align:right;} .mainzxly table td .coolbg{ width:150px; height:40px; line-height:40px; font-size:18px; text-align:center; color:#fff; background:#53f; border-radius:25px; overflow:hidden; margin:0 20px; border:0; border-bottom:4px solid #30F;} .mainzxly table td .coolbg:hover{ background:#D19FFD; border-color:#B433A0; -webkit-transform: all 1s ease 0s;transition: all 1s ease 0s; box-shadow:0 0 2px #fff inset;}