body { color: #555; font-size: 14px; line-height: 1.75em; background: #fff; font-family: Arial, 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:#555;} a:hover{ color:#920000;} /********* top *****************/ header .ding{ margin-top:10px;} header .ding .logo{ width:750px; height:100px; overflow:hidden } header .ding .logo img{ max-width:750px; max-height:100px; } header .ding .yuyan{ background:url(img/yuyanbg.jpg) left center no-repeat; padding-left:100px; height:100px;} header .ding .yuyan ul li { float:left; width:80px; text-align:center;} header .ding .yuyan ul li a{ display:block; width:80px; padding-top:56px;} header .ding .yuyan ul li a.en{ background:url(img/yuyan-en.gif) center 30px no-repeat;} header .ding .yuyan ul li a.cn{ background:url(img/yuyan-cn.gif) center 30px no-repeat;} header .ding .yuyan ul li a.jp{ background:url(img/yuyan-jp.gif) center 30px no-repeat;} /*************/ header .daohang{ height:40px; line-height:40px; background:#920000; color:#fff; font-size:16px; } header .daohang .gonggao{font-family: Georgia; font-weight:bold; letter-spacing:1px; } header .daohang .nav{ width:800px;} header .daohang .nav a{ display:inline-block; width:120px; text-align:center; color:#fff;} header .daohang .nav a.on,header .daohang .nav a:hover{ background: rgba(0,0,0,.3) } /*******************/ .ppt_index{ position:relative; margin:0 auto; } .ppt_index .bd{ position:relative; z-index:0; overflow:hidden; } .ppt_index .bd li img{width:100%; vertical-align:top; } .ppt_index .hd{position:relative; z-index:1; margin-top:-50px; height:50px; line-height:50px; text-align:center;} .ppt_index .hd ul{ text-align:center; padding-top:5px; } .ppt_index .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin:5px; background:#333; overflow:hidden; font-size:0; border-radius:15px; border:1px solid #fff; box-shadow:0 0 5px #fff;} .ppt_index .hd ul .on{ background:#920000; } .ppt_index .prev,.ppt_index .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left; background:url(img/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4 } .ppt_index .next{ background-position:right 0; float:right; margin-right:3% } .ppt_index .prev:hover,.ppt_index .next:hover{ filter:alpha(opacity=80);opacity:0.8 } /************************/ .titindex h1{ font-size:24px; font-weight:bold; color:#920000; padding-left:30px; background:url(img/tit_bg_h.png) left center no-repeat; margin:30px auto; } .titindex_b h1{ background:url(img/tit_bg_b.png) left center no-repeat; color:#fff;} .titindex h1 span{ font-weight:normal; color:#555; font-size:16px; padding-left:10px;} /************************/ .youshi_index{ padding:20px 0;} .youshi_index ul li{ float:left; width:380px; height:120px; margin-left:30px; overflow:hidden} .youshi_index ul li:nth-child(3n+1){ margin-left:0;} .youshi_index ul li .tu{ width:120px; height:120px; overflow:hidden;} .youshi_index ul li .tu img{ width:120px; height:120px; display:block;} .youshi_index ul li:hover .tu img{ transform: scale(1.1); transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s} .youshi_index ul li .wen{ width:240px; height:120px; overflow:hidden; } .youshi_index ul li .wen .bt{ font-size:16px; color:#111; font-weight:bold; line-height:35px;} .youshi_index ul li .wen .nr{ height:75px; line-height:25px; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;} /********************/ .zidingyi_index{ text-align:justify; line-height:1.75em; font-size:16px; overflow:hidden;} .zidingyi_index img{ max-width:1200px; height:auto; vertical-align:bottom;} /*****************/ .fuwu_index{ } .fuwu_index ul li{ float:left; width:380px; height:260px; margin-left:30px; overflow:hidden; position:relative; z-index:0; background:#000;} .fuwu_index ul li:nth-child(3n+1){ margin-left:0;} .fuwu_index ul li .tu img{ filter:alpha(opacity=40);opacity:0.4;width:100%; } .fuwu_index ul li:hover .tu img{ filter:alpha(opacity=20);opacity:0.2;transform: scale(1.1); transition: all 1s ease 0s;-webkit-transform: scale(1.1);-webkit-transform: all 1s ease 0s } .fuwu_index ul li .wen{ padding:20px; width:340px; height:220px; position:absolute; z-index:2; top:0; left:0; color:#fff;} .fuwu_index ul li .wen .bt span{ height:50px; width:50px; display:block; float:right; background:url(img/xuhao_bg.png) center center no-repeat; text-align:center; line-height:50px; font-size:36px; } .fuwu_index ul li .wen .nr{ margin-top:100px; font-size:16px; line-height:30px; height:60px; overflow: hidden; text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; } /******************/ .fuwuxm_index{ background:url(img/fuwuxiangmu.jpg) center top #30231e; padding:30px 0 60px; margin:50px auto;} .fuwuxm_index ul li{ float:left; width:255px; height:300px; padding:25px 15px; margin-left:20px; overflow:hidden; position:relative; z-index:0; background: rgba(0,0,0,.5); color:#aaa; border-radius:5px; } .fuwuxm_index ul li:hover{ background: rgba(0,0,0,.8); -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; } .fuwuxm_index ul li:nth-child(4n+1){ margin-left:0;} .fuwuxm_index ul li .ico{ height:60px; overflow:hidden; text-align:right; } .fuwuxm_index ul li .ico img{ height:60px;} .fuwuxm_index ul li .wen .bt{ color:#fff; font-size:24px; font-weight:bold; margin:25px 0;} .fuwuxm_index ul li .wen .nr{ font-size:13px; line-height:2em; margin-bottom:20px; height:8em;} .fuwuxm_index ul li .wen a.more{ font-size:16px; color:#920000; } .fuwuxm_index ul li:hover .wen .bt{ color:#920000; } .fuwuxm_index ul li:hover .wen .nr{ color:#920000; } .fuwuxm_index ul li:hover .wen a.more{ color:#fff; } .fuwuxm_index ul li:hover .ico img{ -webkit-filter: invert(70%); -moz-filter: invert(70%); -ms-filter:invert(70%); -o-filter: invert(70%); filter: invert(70%); } /******************/ .bada_index{ margin-bottom:50px; } .bada_index .bada_title h1{font-size:36px; font-weight:bold; color:#920000; text-align:center; background:url(img/badabg.png) center bottom no-repeat; padding-bottom:20px; } .bada_index .bada_title h1 i{ padding:0 10px;} .bada_index .gsxmnr{ margin:20px auto; width:800px; font-size:16px; line-height:1.8em; text-align:justify; overflow:hidden;} .bada_index ul li{ width:256px; height:90px; padding:20px 15px ; margin:2px; float:left; background:#ddd; overflow:hidden;} .bada_index ul li .tit{font-size:24px; font-weight:bold; color:#920000; padding-left:20px; background:url(img/tit_bg_h.png) left center no-repeat;} .bada_index ul li .nr{ margin:15px 0 0 20px; font-size:16px;} .bada_index ul li:hover{ background:#920000; color:#ccc; -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;} .bada_index ul li:hover .tit{color:#fff; background-image:url(img/tit_bg_b.png);} /****************************/ footer .footer { background:url(img/footbj.png) center top #494949; color:#fff; padding:10px 0; } footer .footer a{ color:#fff;} footer .footer .shang{ background:url(img/footlink.png) center bottom no-repeat; margin-bottom:10px; height:50px;} footer .footer .xm{ width:520px;} footer .footer .lxwm{ text-align:right;} footer .footer .caidan a{ color:#fff; font-size:16px; line-height:50px; padding-right:20px; margin-right:20px;} footer .footer .links{ text-align:right; margin-top:5px;} footer .footer .links a.icolj{ display: inline-block; width:32px; height:32px; border-radius:32px; margin:0 10px; text-indent:-9999px; background:url(img/ico/qq.png) no-repeat center center #fff; background-size:70% 70%; text-align:left; } footer .footer .links a.icolj:hover{ background-color:#920000;} footer .footer .links a.qq{ background-image:url(img/ico/qq.png); } footer .footer .links a.qq:hover{ background-image:url(img/ico/qqh.png);} footer .footer .links a.tw{ background-image:url(img/ico/tw.png); } footer .footer .links a.tw:hover{ background-image:url(img/ico/twh.png);} footer .footer .links a.sk{ background-image:url(img/ico/sk.png); } footer .footer .links a.sk:hover{ background-image:url(img/ico/skh.png);} footer .footer .links a.fb{ background-image:url(img/ico/fb.png); } footer .footer .links a.fb:hover{ background-image:url(img/ico/fbh.png);} footer .footer .links a.em{ background-image:url(img/ico/em.png); } footer .footer .links a.em:hover{ background-image:url(img/ico/emh.png);} footer .footer .links a.wx{ background-image:url(img/ico/wx.png); } footer .footer .links a.wx:hover{ background-image:url(img/ico/wxh.png);} footer .footer .links a.wx{ position:relative;} footer .footer .links a.wx .erweima{ display:none; position:absolute; top:-180px; right:0; text-indent:0; background:url(img/sanjiao.png) bottom right no-repeat; } footer .footer .links a.wx .erweima p{width:120px; color:#900; text-align:center; padding:10px; border:1px solid #900; line-height:1.8em; margin-bottom:10px; background: rgba(255,255,255,.8) } footer .footer .links a.wx .erweima p img{ display:block;} footer .footer .links a.wx:hover .erweima{ display:block} /***********分页*******************/ .pagination{list-style:none;margin:0;padding:0; margin-bottom:30px; text-align:center; display:inline-block;vertical-align:bottom} .pagination li{display:inline-block;border:solid 1px #ddd; margin:2px; text-align:center;} .pagination a{color:#999;padding:4px 8px;line-height:18px;display:block; } .pagination a:hover ,.pagination li.thisclass a{ background:#b22; color:#fff;} /********cp**************/ .main { margin:50px auto} .main .lefts{ width:250px; } .main .lefts .tit{font-size:24px; font-weight:bold; color:#920000; padding-left:20px; background:url(img/tit_bg_h.png) left center repeat-y; } .main .lefts .tit p{font-weight:normal; color:#555; font-size:16px; vertical-align:bottom; line-height:16px; margin-top:5px;} .main .lefts .zxly li{ margin:15px auto;} .main .lefts .zxly li:after{display:block;clear:both;content:"";visibility:hidden;height:0} .main .lefts .zxly input{ display:block; width:230px;; height:30px; border-radius:4px; border:1px solid #ddd; padding:0 10px; outline-color:#920000; } .main .lefts .zxly input.yzm{ width:102px;} .main .lefts .zxly .yzm_img{ height:16px; display:block; margin-left:20px; float:left; padding:7px;} .main .lefts .zxly textarea{ display:block; width:230px;; height:80px; border-radius:4px; border:1px solid #ddd; padding: 10px; outline-color:#920000; } .main .lefts .zxly input.tijiao{ background:#920000; color:#fff; height:40px; font-size:16px; padding:0; width:250px; transition:all 0.5s; } .main .lefts .zxly input.tijiao:hover{ background:#333;} .main .rights{ width:920px; overflow:hidden } .main .rights .gsjjlist li{ overflow:hidden; border-bottom:1px dotted #ccc; padding:10px 0;} .main .rights .gsjjlist li .tu{ width:150px; overflow:hidden; text-align:center;} .main .rights .gsjjlist li .tu img{ display:block; width: auto; max-width:120px; height:auto; margin:20px auto;} .main .rights .gsjjlist li h2{ font-size:20px; color:#333; margin-bottom:10px; } .main .rights .gsjjlist li:last-child{ border:none} .main .rights .gsjjlist li .nr{ width:750px; overflow:hidden; text-align:justify; margin-right:15px;} .main .rights .gsjjlist li .nr img{ max-width:750px; vertical-align:bottom; height:auto;} .main .rights .gsjjlist li .nr table{ border-collapse:collapse; width:100%; margin:10px auto;} .main .rights .gsjjlist li .nr table tr td{ min-height:30px;} .main .rights .gsjjlist li:hover{ background:#f2f5f9; border-bottom:1px solid #ccc;} .main .rights .gsjjlist li:hover .nr { color:#111} .main .rights .gsjjlist li:hover h2{ color:#920000;} .main .rights .gsjjlist li a{ color:#920000} .main .h_gsxmnr{ text-align:justify; width:1200px; overflow:hidden; border-bottom:1px dotted #ccc; padding:10px 0;} .main .h_gsxmnr1{ border-top:1px dotted #ccc; } .main .h_gsxmnr img{ max-width:1200px; vertical-align:bottom; height:auto;} .main .h_gsxmnr table{ border-collapse:collapse; width:100%; margin:10px auto;} .main .h_gsxmnr table tr td{ min-height:30px;} .main .h_gsxmnr h2{ font-size:20px; color:#333; margin-bottom:10px; } .main .h_gsxmnr:hover { color:#111} .main .h_gsxmnr:hover h2{ color:#920000;} .main .h_gsxmnr a{ color:#920000} .main .h_gsxmnr:hover{ border-bottom:1px solid #ccc;} /***********************/ .fw_Switch{ width:920px; } .fw_Switch ul{ overflow:hidden; zoom:1; } .fw_Switch li{ width:300px; height:270px; float:left; margin:2px; display:inline; overflow:hidden; background:#f3f5f7 ; text-align:center; border:1px solid #ddd; cursor:pointer; } .fw_Switch li img{ display:block; width:106px; height:106px; margin:40px auto ; } .fw_Switch li p.bt{ color:#555; font-size:16px;} .fw_Switch li.m{ width:606px; color:#333; background:#f3f5f7 ; } .fw_Switch li.n img{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity:0.6; filter:alpha(opacity=60); } .fw_Switch li.on img{ filter: grayscale(0); filter: none; opacity:1; filter:alpha(opacity=100); } .fw_Switch li.on p{ color:#920000; font-weight:bold;} .fw_Switch li.m dd{ padding:20px; line-height:1.6em; font-size:14px; text-align:justify; } .fw_Switch li.m dd .bt{ font-size:18px; color:#920000;} /*****************/ .main .rights .titrights h1{ font-size:24px; font-weight:bold; color:#920000; padding-left:30px; background:url(img/tit_bg_h.png) left center no-repeat; margin:0 auto 30px; } .main .rights .fanweilist li.xm{ margin-bottom:50px; overflow:hidden; width:210px; margin:0 20px 0 0; border-bottom:2px solid #ccc; background:#f3f5f9; } .main .rights .fanweilist li.xm H2{ color:#333; border-left:4px solid #333; padding-left:10px; line-height:1em; margin:10px ; } .main .rights .fanweilist li.xm .tu{ width:210px; height:155px; overflow:hidden} .main .rights .fanweilist li.xm .tu img{ display:block; width:100%;} .main .rights .fanweilist li.xm .nr{ line-height:2em; font-size:16px; padding:10px; height:240px;} .main .rights .fanweilist li.xm li, .main .rights .fanweilist li.xm p{ padding-left:15px; line-height:2em; font-size:16px; display:block; background:url(img/xm-list-ico.png) left center no-repeat; } .main .rights .fanweilist li.xm li:hover, .main .rights .fanweilist li.xm p:hover{ color:#920000} /***********************/ .main .titlxwm h1{ font-size:24px; font-weight:bold; color:#920000; text-align:center; margin:30px auto; } .main .titlxwm h1 span{ border-bottom:2px solid #920000; 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; min-height:220px; 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:#920000;} .main .mainlxwm ul li .nr{ font-size:16px; text-align:center; } .main .mainlxwm ul li:nth-child(n+4) .nr{ text-align:left; padding-left:50px;} .main .mainlxwm ul li:hover{ background:#920000; color:#ccc;} .main .mainlxwm ul li:hover h3{ color:#fff;} .main .mainlxwm ul li:hover a{ color:#fff;} /**************************/ .main .lx_zxly{ font-size:18px; margin:100px 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:560px; float:left; margin-right:80px; } .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:300px;} .main .lx_zxly li .yzm_img{ height:20px; padding:20px; display:block; float:left;} .main .lx_zxly input.tijiao{ background:#920000; 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:#C95A5A;}