@charset "utf-8"; html,body{ width:100%} body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;} body{background:#fff;color:#444;font-size:14px; font-family:Helvetica,"微软雅黑",Arial,sans-serif; width:100%; min-width:1250px;} ul,ol,li,dl,dd,dt{list-style-type:none;} select,input,img,select,button,textarea{vertical-align:middle; font-size:12px; outline:none;font-family:Helvetica,"微软雅黑",Arial,sans-serif;} @font-face { font-family: 'iconfont'; /* project id 111278 */ src: url('//at.alicdn.com/t/font_u1wyticnywwjnhfr.eot'); src: url('//at.alicdn.com/t/font_u1wyticnywwjnhfr.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_u1wyticnywwjnhfr.woff') format('woff'), url('//at.alicdn.com/t/font_u1wyticnywwjnhfr.ttf') format('truetype'), url('//at.alicdn.com/t/font_u1wyticnywwjnhfr.svg#iconfont') format('svg'); } .iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} @-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}} @-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to { -moz-transform: rotate(360deg);}} @keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}} a{text-decoration:none; color:#444} a:hover{color:#0a4cb4;} .clearit{clear:both; } .b{font-weight:bold} .red{ color:#ff1d1d !important} .orange{ color:#ff4a00} .orange:hover{ text-decoration:underline} .black{ color:#222} .blue{ color:#0066ca} .green{ color:#69bd83 !important} .green:hover{ color:#69bd83; text-decoration:underline} .gray{ color:#888} .font14{ font-size:14px} .left{ float:left} .right{ float:right} .ie-tips{ position:fixed; left:0;top:0; z-index:99999999999; width:100%; background-color:#5e5e5e; padding:30px 0 50px; color:#fff; text-align:center} .ie-tips strong{ font-size:40px} .ie-tips p{ margin-top:10px; line-height:180%; font-size:16px;} .ie-tips ul{ margin:0 auto; margin-top:20px; width:400px;} .ie-tips ul li{ float:left; width:100px; text-align:center} .ie-tips ul li a{ color:#fff} .ie-tips ul li a:hover{ color:#33CC00} .ie-tips ul li i{ font-size:60px; display:block} .ie-tips .close-btn{ width:30px; height:30px; background:url(../images/close-icon.gif) no-repeat center center #444; display:block; position:absolute; right:20px;top:20px; border:1px #666 solid} .ie-tips .close-btn:hover{ background-color:#33CC00; border-color:#33CC00} .wrapper{ width:1200px; margin:0 auto} @font-face{font-family:"NoveDemiBold";src: url('novecentowide-demibold-webfont.eot');src: url('novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),url('novecentowide-demibold-webfont.ttf') format('truetype');} #header{ height:100px; width:100%;z-index:99; position:absolute; left:0;top:0; min-width:1250px} #header .mask{background:#fff;filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85;position:absolute; z-index:1; left:0;top:0; width:100%; height:100px;box-shadow:0px 3px 8px 0px rgba(0,0,0,0.0);} #header .wrapper{ position:relative; z-index:99} #header .logo{ position:absolute; left:0;top:27px;} #header .top-link{ position:absolute; top:13px; right:0; font-size:12px; z-index:101} #header .top-link .language{ float:left; line-height:28px;} #header .top-link .language span{ color:#ddd; position:relative;top:-1px; margin:0 9px;} #header .top-link .language a{ color:#888; font-weight:bold; } #header .top-link .language a.en{font-family:"NoveDemiBold"} #header .top-link .language a:hover{ color:#006ab7; } #header .top-link .language em{ margin:0 3px} #header .top-link .search{ float:left; width:160px; height:28px; margin-left:20px; background:#b0d9f9} #header .top-link .search input{ width:109px; height:14px; line-height:14px; float:left; border:0; padding:7px 8px; background:#83c1f2 } #header .top-link .search button{ width:35px; border:0; text-align:center; height:28px; background-color:#6bb1e8;cursor:pointer} #header .top-link .search button i{ color:#fff; font-size:18px; position:relative;top:-1px } #header .top-link .fast-menu{ float:left; margin-top:1px; } #header .top-link .fast-menu strong{ line-height:30px; display:block; width:90px; text-align:center; cursor:pointer; color:#777} #header .top-link .fast-menu strong span{ display:inline-block;} #header .top-link .fast-menu strong i{ font-size:12px; position:relative;top:0px; color:#aaa; margin-left:3px; font-weight:normal} #header .top-link .fast-menu div{ display:none; position:absolute; right:0;top:30px; background-color:#fff; border:1px #bfcde1 solid; padding:5px 24px 15px; width:180px} #header .top-link .fast-menu div dl{ border-bottom:1px #ddd dotted; padding:12px 0; } #header .top-link .fast-menu div dl:last-child{ border:0;} #header .top-link .fast-menu div dl dt{ font-size:14px; color:#0040b5; font-weight:bold} #header .top-link .fast-menu div dl dd{ margin-top:5px;} #header .top-link .fast-menu div dl dd a{ margin-right:13px;} #header .top-link .fast-menu:hover strong{ height:29px; border:1px #bfcde1 solid; border-bottom:0;line-height:28px; width:88px; background-color:#fff; position:relative; z-index:2; color:#0040b5} #header .top-link .fast-menu:hover div{ display:block} #header .nav{ position:absolute; right:0;top:40px;} #header .nav ul{} #header .nav ul li{ float:left; height:60px; position:relative; } #header .nav ul li a{ display:block; float:left; height:40px;padding-top:20px; color:#606366; font-weight:bold; } #header .nav ul li a:hover{ color:#fff} #header .nav ul li span{ position:relative; z-index:2;padding:0 18px;font-size:15px; display:block;} #header .nav ul li i{background:url(../images/nav-logo.png) no-repeat center 8px #006ab7; width:100%; left:0; height:0px; bottom:0px;display:block; position:absolute;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; } #header .nav ul li.current a{color:#0040b5;} #header .nav ul li.hover a{color:#fff;} #header .nav ul li.hover i{height:55px;} #sub-nav{ position:absolute;top:100px; left:0; width:100%; z-index:98; height:0px; min-width:1200px; ;transition: .5s cubic-bezier(0.215,.61,.215,1);- webkit-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.5s cubic-bezier(0.215,.61,.215,1);overflow:hidden;box-shadow:0px 3px 8px 0px rgba(0,0,0,0.1);} #sub-nav.hover{ height:170px} #sub-nav .sub-nav-bg{background:#00479a;width:100%; height:170px; position:relative; left:0;top:0; transition: .5s cubic-bezier(0.215,.61,.215,1);- webkit-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.5s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.5s cubic-bezier(0.215,.61,.215,1); z-index:1;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;} #sub-nav .sub-nav-item{ width:100%; height:170px; position:absolute; left:0;top:20px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; z-index:2;filter:alpha(opacity=0); -moz-opacity:0; opacity:0; background:url(../images/blank.gif)} #sub-nav .sub-nav-item.hover{top:0;filter:alpha(opacity=100); -moz-opacity:1; opacity:1; z-index:3} #sub-nav .sub-nav-item ul{ position:absolute; left:50%;top:0; padding-top:30px} #sub-nav .sub-nav-item ul .items{ width:60px; float:left; border-right:1px #1f61af solid; padding-right:25px; padding-left:25px; height:120px; } #sub-nav .sub-nav-item ul .image{ float:left; margin-left:25px; } #sub-nav .sub-nav-item ul .image img{ float:left} #sub-nav .sub-nav-item ul .image span{ display:block; width:220px; font-size:12px; color:#fff; text-align:center; padding-top:6px; clear:both} #sub-nav .sub-nav-item ul .image p{ font-size:12px; color:#bcd1dc; line-height:1.9; float:left; width:285px; margin-left:25px;} #sub-nav .sub-nav-item ul .image p a{ display:block; width:80px; height:24px; line-height:24px; border:1px #006ab7 solid; color:#fff; background-color:#006ab7; text-align:center; margin-top:5px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;} #sub-nav .sub-nav-item ul .image p a:hover{ background-color:#ffd161; color:#fff; border-color:#ffd161;} #sub-nav .sub-nav-item .items a{ display:block; color:#fff; margin-bottom:10px;} #sub-nav .sub-nav-item .items a:hover{ color:#ffd161} #sub-nav .sub-nav-item ul .sub-bussiness{ width:450px; float:left; margin-left:15px; position:relative; margin-top:-5px;} #sub-nav .sub-nav-item ul .sub-bussiness a{ display:block; width:80px; height:60px; float:left; text-align:center; color:#fff; margin:0 10px 10px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; } #sub-nav .sub-nav-item ul .sub-bussiness em{ display:block; width:60px; height:70px; overflow:hidden; margin:0 10px } #sub-nav .sub-nav-item ul .sub-bussiness em i{font-size:60px; position:relative} #sub-nav .sub-nav-item ul .sub-bussiness a span{ display:block; font-size:12px; font-weight:bold;} #sub-nav .sub-nav-item ul .sub-bussiness a:hover{ color:#ffd161} #sub-nav .sub-nav-item ul .sub-paper{ float:left; margin-left:25px; color:#bcd1dc} #sub-nav .sub-nav-item ul .sub-paper img{ width:150px; float:left;} #sub-nav .sub-nav-item ul .sub-paper p{ float:left; margin-left:20px; width:240px} #sub-nav .sub-nav-item ul .sub-paper p strong{ display:block; color:#fff } #sub-nav .sub-nav-item ul .sub-paper p span.date{ font-size:12px; margin-top:7px; display:block; font-weight:bold} #sub-nav .sub-nav-item ul .sub-paper p span.intro{ font-size:12px; margin-top:7px; color:#4e83c1; margin-bottom:7px; display:block; line-height:1.5} #sub-nav .sub-nav-item ul .sub-paper p a{ color:#fff} #sub-nav .sub-nav-item ul .sub-paper p a:hover{ color:#ffd161} /* #sub-nav .sub-nav-item ul .sub-paper p a{ display:block; width:80px; height:24px; line-height:24px; border:1px #006ab7 solid; color:#fff; background-color:#006ab7; text-align:center; margin-top:5px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; font-size:12px;} #sub-nav .sub-nav-item ul .sub-paper p a:hover{ background-color:#ffd161; color:#fff; border-color:#ffd161;} */ #banner {position:relative; z-index:2; width:100%; height:600px; overflow:hidden; background-color:#fff} #banner .loader{ background:url(../images/loader.gif) no-repeat; width:40px; height:40px; position:absolute; left:50%; margin-left:-20px;top:50%; margin-top:10px; display:none} #banner .pics {position:relative; width:100%; height:100%;} #banner .pics li {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat center 0;} #banner .pics li a {display:block; width:100%; height:100%;} #banner .pics li div.text{ display:none; width:100%; position:absolute; left:0;bottom:0; height:88px; background-color: rgba(0, 84, 164, 0.7); z-index:10; line-height:88px;} #banner .pics li div.text strong{ position:absolute; left:50%;top:0; margin-left:-590px; color:#fff; font-size:30px; font-weight:normal; text-align:right; width:270px;} #banner .pics li div.text p{ color:#fff;position:absolute; left:50%;top:0; margin-left:-180px;color:#fff; font-size:16px; } #banner .pics .b1 {display:list-item;} #banner .btns a {position:absolute; top:50%; z-index:4; margin-top:20px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;} #banner .btns .prev {left:-50px;} #banner .btns .next {right:-50px;} #banner .btns .prev.on {left:50px;} #banner .btns .next.on {right:50px;} #banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms; transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;} #banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;} #banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;} #banner .btns .prev .off {background:url(../images/prev.png) no-repeat 0 0;} #banner .btns .prev .on {background:url(../images/prev_on.png) no-repeat 0 0;} #banner .btns .next .off {background:url(../images/next.png) no-repeat 0 0;} #banner .btns .next .on {background:url(../images/next_on.png) no-repeat 0 0;} #banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;} #banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;} #banner .g-wrap {position:absolute; left:50%; bottom:18px; z-index:2000; margin-left:-600px; width:1200px; height:30px; overflow:hidden;} #banner .g-wrap .idxs {height:100%; text-align:center} #banner .g-wrap .idxs li { display:inline-block; margin:30px 7px 0 0; width:7px; height:7px;-moz-border-radius: 7px;-webkit-border-radius:7px; border-radius:7px;cursor:pointer;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; border:2px #fff solid;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;} #banner .g-wrap .idxs li.on {background-color:#fff;filter:alpha(opacity=100); -moz-opacity:1; opacity:1; border-color:#fff } .banner-video{width:200px;position:absolute;right:50px;bottom:40px;z-index:100;} .banner-video .image{overflow:hidden;border:2px #fff solid;} .banner-video .image img{width:100%;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;display:block} .banner-video i{color:#fff;width:45px;height:45px; background: url(../images/video-icon.png) no-repeat;position:absolute;left:50%;margin-left:-22px;top:50px; -webkit-transition-duration: 0.4s;transition-duration: 0.4s;} .banner-video p{text-align:center;margin-top:5px;color:#fff} .banner-video:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);} .banner-video:hover i{top:45px;} /* --------------视频弹出播放---------------------- */ .video-play{ position:fixed; left:0;top:0; z-index:99999; width:100%; height:100%; display:none} .video-play .mask{ position:absolute; left:0;top:0; width:100%; height:100%;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; z-index:1 } .video-play .box{ width:900px; height:600px; position:absolute; left:50%; margin-left:-450px;top:50%; margin-top:-285px; z-index:3; } .video-play .close-btn{ background:url(../images/close2.gif) no-repeat center center; display:block; text-indent:-10000px; width:50px; height:50px; position:absolute; left:50%; margin-left:390px;top:50%; margin-top:-275px; z-index:4;-webkit-transition: -webkit-transform 1s;} .video-play .close-btn:hover{-webkit-transform:rotate(180deg); } #con_video_div{ background:#000} .index-chanye{ position:absolute; width:100%; left:0;top:512px; height:88px; z-index:1000; } .index-chanye .mask{ height:140px; position:absolute; left:0;top:0; width:100%; background-color:#000;filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; display:none} .index-chanye .chanye-con{ width:1200px; margin:0px auto; position:relative; z-index:3; height:100px;} .index-chanye .chanye-con div{ float:left;} .index-chanye .chanye-con div a{ display:block; height:88px; position:relative} .index-chanye .chanye-con div a span{ position:absolute; right:60px;top:30px; color:#fff; font-size:16px; font-weight:bold} .main-bg{ background:url(../images/index-bg.gif) repeat-x #cee0ee; padding:0 0 0px} .index{ width:1200px; margin:0 auto; position:relative; z-index:200;} .news-slider{ width:400px; height:315px; float:left; overflow:hidden; position:relative} .news-slider .bd{ width:400px;} .news-slider .bd ul li{ position:relative} .news-slider .bd ul li a{ display:block; width:400px; height:315px; position:relative} .news-slider .bd ul li a s{ display:block; width:400px; height:315px; position:absolute; left:0;top:0; z-index:10; background:url(../images/news-mask.png);filter:alpha(opacity=0); -moz-opacity:0; opacity:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;} .news-slider .bd ul li a i.iconfont{ font-size:24px; color:#fff; display:block; position:absolute; left:30%; margin-left:-11px;top:130px; z-index:30;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;} .news-slider .bd ul li a i.circle{ display:block; position:absolute; right:30%; margin-right:-29px;top:114px; z-index:30;filter:alpha(opacity=0); -moz-opacity:0; opacity:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; width:58px; height:58px; background-color:#a4834d; border:1px #a4834d solid;-moz-border-radius: 30px;-webkit-border-radius:30px; border-radius:30px;} .news-slider .bd ul li a:hover s{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;} .news-slider .bd ul li a:hover i.iconfont{filter:alpha(opacity=100); -moz-opacity:1; opacity:1; left:50%;} .news-slider .bd ul li a:hover i.circle{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;right:50%;} .news-slider .bd ul li img{ width:400px; height:315px;} .news-slider .bd ul li p{ position:absolute; left:0;top:275px; height:40px; z-index:20; width:100%} .news-slider .bd ul li p em{ position:absolute; left:0;top:0; width:100%; height:40px; background:url(../images/mask.png); height:40px;} .news-slider .bd ul li p strong{ position:relative; z-index:2; color:#fff; line-height:40px; padding-left:20px; font-size:14px;} .news-slider .hd{ position:absolute; right:15px;bottom:14px; z-index:30} .news-slider .hd li{ width:12px; height:12px; background:url(../images/slider-icon.png) no-repeat -13px center; float:left; cursor:pointer; margin-left:3px;} .news-slider .hd li.on{ background-position:0 center;} .index-news{ width:400px; height:266px; padding:24px; float:left; background-color:#fff;box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.03); border:1px #e2e2e2 solid } .index-news h3{ height:32px;} .index-news h3 a.tab{ font-size:14px; display:block; float:left; text-align:center; margin-right:2px;height:32px; line-height:32px; padding:0 20px;color:#666; background-color:#d7dbdf; position:relative; font-weight:normal} .index-news h3 a.tab em{ display:none;width: 0; height: 0; border-left: 6px solid transparent;border-right: 6px solid transparent;border-top:5px solid #004cc1; position:absolute; left:50%; margin-left:-5px;bottom:-5px;} .index-news h3 a.current{ background-color:#004cc1; color:#fff; position:relative; font-weight:bold} .index-news h3 a.current em{ display:block} .index-news h3 a:first-child{ border-left:0} .index-news h3 a.more{ font-size:12px; font-weight:normal; color:#888; float:right; margin-top:8px; margin-right:5px;} .index-news h3 a.more:hover{ color:#0040b5} .index-news h3 a.more i{ position:relative;top:2px;} .index-news-con{ margin-top:18px;} .index-news div.list{} .index-news div.list dl{ padding-bottom:7px;border-bottom:1px #f2f2f2 solid;} .index-news div.list dl strong{display:block; font-size:16px; margin-left:100px; position:relative; line-height:24px } .index-news div.list dl strong em{font-family:"NoveDemiBold"; position:absolute; left:-100px;top:0px; color:#ee4433} .index-news div.list dl strong a{ color:#004cc1} .index-news div.list dl strong a:hover{ color:#ee4433} .index-news div.list dl p{ font-size:12px; color:#666; margin-top:8px; line-height:180%; } .index-news div.list dl p a{ color:#004cc1} .index-news div.list dl p a:hover{ text-decoration:underline; color:#ee4433} .index-news div.list ul{ margin-top:5px;} .index-news div.list ul li{ padding:4px 0; height:20px; overflow:hidden; line-height:20px;} .index-news div.list ul li a{ padding-left:10px; display:inline-block; max-width:310px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;_width:310px; text-align:left; position:relative;top:5px;} .index-news div.list ul li span{ font-family:Helvetica, sans-serif; font-size:12px; color:#888} .index-link{ width:330px; float:right;box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.03);} .index-link .bussiness-link{ position:relative; height:155px; overflow:hidden} .index-link .bussiness-link strong{ display:block; width:113px; height:31px; background:url(../images/bus-title.png) no-repeat; position:absolute; left:30px;top:50%; margin-top:-60px; z-index:3; text-indent:-200px;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;} .index-link .bussiness-link s{ display:block; height:4px; background-color:#fff;position:absolute; left:30px;top:50%; margin-top:5px; z-index:3; width:0;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3;} .index-link .bussiness-link img{ position:absolute; left:0;top:0; z-index:1} .index-link .bussiness-link span{display:block; width:320px; height:20px; line-height:20px;position:absolute; left:30px;top:50%; margin-top:45px; z-index:3;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;} .index-link .bussiness-link a{ display:inline-block; margin-right:15px; color:#c1c5e5; font-size:12px; font-weight:bold} .index-link .bussiness-link a:hover{ color:#ffd161} .index-link .bussiness-link em{ position:absolute ; display:block; left:0;top:0; width:100%; height:155px; background-color:#00479a;filter:alpha(opacity=0);-moz-opacity:0; opacity:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; z-index:2} .index-link .bussiness-link:hover em{filter:alpha(opacity=100);-moz-opacity:1; opacity:1;} .index-link .bussiness-link:hover span{ margin-top:25px;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;} .index-link .bussiness-link:hover strong{margin-top:-40px;filter:alpha(opacity=100);-moz-opacity:1; opacity:1;} .index-link .bussiness-link:hover s{ width:320px;} .index-other{ width:300px; float:right;b} .index-other .video-link{ display:block; width:300px; height:150px; position:relative; overflow:hidden} .index-other .video-link em{ display:block; width:300px; height:150px; position:absolute; left:0;top:0; background-color:#000;filter:alpha(opacity=30);-moz-opacity:0.3; opacity:0.3;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;} .index-other .video-link span{ display:block; width:300px; position:absolute; height:34px; background:url(../images/video-bg.png) repeat-x; left:0;bottom:0; text-align:center; color:#fff; padding-top:30px;} .index-other .video-link i{ display:block; width:45px; height:45px; background:url(../images/video-icon.png) no-repeat; position:absolute ; left:50%; margin-left:-22px;top:50px;; z-index:3} .index-other .video-link img{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;} .index-other .video-link:hover em{filter:alpha(opacity=10);-moz-opacity:0.1; opacity:0.1;} .index-other .video-link:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);} .index-pro{ margin-top:17px; overflow:hidden; height:110px; position:relative} .index-pro-slider{ height:90px; overflow:hidden} .index-pro-slider li { height:90px;} .index-pro-slider li img{ width:120px; height:90px; float:left} .index-pro-slider li p{ width:160px; float:right; font-size:12px; line-height:1.8; color:#888; height:90px;} .index-pro-slider li p strong{ display:block; font-size:14px; padding-bottom:3px; color:#444 } .index-pro-slider li p span{ color:#0040b5} .index-pro .pro-next{ display:block; height:8px; background:url(../images/em.png) no-repeat center center #d3a129; position:absolute; width:300px; left:0;bottom:0; cursor:pointer; text-indent:-10000px;} .index-pro .pro-next:hover{ background-color:#ffa600} .index-pro .bx-wrapper{ margin:0; } .index-pro .bx-controls{ display:none} .index-members{ margin-top:30px;} .index-members ul{ width:1250px;} .index-members ul li{ float:left; width:270px; margin-right:33px;} .index-members ul li p{ padding:8px 15px 10px; background-color:#fff; text-align:center; border:1px #e2e2e2 solid; border-top:0; background-color:#fff} .index-bg{ background-color:#fff; padding:25px 0 30px ;} .index-news2 {width:340px; float:left; margin-right:30px;} .index-news2 h2{ height:35px; border-bottom:1px #ccc solid;} .index-news2 h2 a.tab{ font-size:16px; font-weight:normal; display:block; float:left; padding:0px 20px; height:35px; line-height:35px; margin-left:10px;} .index-news2 h2 a.current{ border:1px #ccc solid; color:#f39800; border-bottom:1px #f7f5f4 solid; height:34px;} .index-news2 h2 a.more{ font-size:12px; font-weight:normal; color:#888; float:right; line-height:35px;} .index-news2 h2 a.more:hover{ color:#f39800} .index-news2 .list1{ margin-top:10px;} .index-news2 .list1 li{ padding:6px 0; text-align:right} .index-news2 .list1 li a{ float:left; width:255px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;background:url(../images/li.gif) no-repeat 0 center; padding-left:10px;} .index-news2 .list1 li span{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#aaa} .index-video{ width:320px; float:left;} .index-video h2{height:35px; border-bottom:1px #ccc solid; line-height:35px; font-size:16px; font-weight:normal; margin-bottom:18px;} .index-video h2 i{ font-size:20px; margin-right:5px; color:#f39800} .index-links{ height:70px; width:1250px; } .index-links li{ float:left; width:70px; text-align:center; margin-right:53px;} .index-links li a{ display:block} .index-links li i{ font-size:45px; color:#0081cc;} .index-links li span{ display:block; margin-top:5px;} .index-links li a:hover{ color:#d3a129} .index-links li a:hover i{ color:#d3a129} .index-friendlink{ height:160px; background-color:#fff; padding:10px 15px } .index-friendlink h2{ font-size:14px; line-height:22px; } .index-friendlink h2 i{ margin-right:10px; color:#999} .index-friendlink .item{ width:298px; background-color:#fff; border:1px #e2e2e2 solid; height:36px; line-height:36px; margin-top:7px; float:left; position:relative; z-index:100} .index-friendlink .item h3{ cursor:pointer; font-size:14px; text-indent:20px; position:relative; color:#666; font-weight:normal; background-color:#f5f5f5} .index-friendlink .item h3 i{ font-size:12px; font-weight:normal; position:absolute; right:15px;top:15px; line-height:100%; color:#aaa} .index-friendlink .item h3.hover{ background-color:#0081cc; color:#fff} .index-friendlink .item ul{ position:absolute; left:-1px;top:35px; width:298px; background-color:#fff; border:1px #e2e2e2 solid; border-bottom:0; display:none} .index-friendlink .item ul li{ border-bottom:1px #e2e2e2 solid; } .index-friendlink .item ul li a{ display:block; text-indent:20px} .index-friendlink .item ul li a:hover{ background-color:#f5f5f5} .index-friendlink .item ul li a i{ font-size:12px; margin-right:5px; color:#aaa; } .index-other-links{ height:42px; padding:20px 0; background-color:#9fb9d7;} .index-other-links strong{ display:block; float:left; line-height:42px; color:#444b53} .index-other-links .item{ width:353px; background-color:#fff; border:1px #9fb9d7 solid; height:40px; line-height:40px; margin-left:20px; float:left; position:relative; z-index:100} .index-other-links .item h3{ cursor:pointer; font-size:14px; text-indent:20px; position:relative; color:#666} .index-other-links .item h3 i{ font-size:12px; font-weight:normal; position:absolute; right:15px;top:15px; line-height:100%; color:#aaa} .index-other-links .item h3.hover{ background-color:#d9e6f4} .index-other-links .item ul{ position:absolute; left:0px;bottom:39px; width:351px; background-color:#fff; border:1px #e2e2e2 solid; border-bottom:0; display:none} .index-other-links .item ul li{ border-bottom:1px #e2e2e2 solid; } .index-other-links .item ul li a{ display:block; text-indent:20px} .index-other-links .item ul li a:hover{ background-color:#f5f5f5} .index-other-links .item ul li a i{ font-size:12px; margin-right:5px; color:#aaa; } #footer{ background:#00479a; position:relative; z-index:100; height:60px;font-size:13px;} #footer .wrapper{ } #footer .footer-left{ float:left; padding-top:15px; line-height:30px; height:45px; background:url(../images/footer-logo.png) no-repeat 0 center; padding-left:40px; color:#bcd1dc; } #footer .footer-left a{ color:#fff;font-weight:bold} #footer .footer-left a:hover{ color:#bcd1dc} #footer .footer-left span{ color:#bbb; font-size:12px; margin:0 10px; position:relative;top:-1px} #footer .footer-right{ float:right; padding-top:15px; line-height:30px; height:45px; text-align:right; color:#bcd1dc} #footer .footer-right a{display:inline-block; background:url(../images/linking.png) no-repeat; width:78px; height:17px; position:relative;top:5px} #follow-btn{ position:fixed;right:5px;bottom:-200px; border-bottom:1px #ddd solid; z-index:999;transition: all 850ms cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-moz-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-o-transition: all 850ms cubic-bezier(0.215,.61,.215,1);} #follow-btn a{ display:block; background-color:#fff; color:#888; border:1px #e2e2e2 solid; border-bottom:0; width:50px; height:50px; line-height:50px; text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; position:relative } #follow-btn a.weixin{ cursor:default} #follow-btn a div{ position:absolute; left:-150px; top:-51px; background-color:#0066ca; width:120px; height:122px; padding:15px; display:none} #follow-btn a div img{ width:100px; height:100px;} #follow-btn a div span{ display:block; line-height:15px; margin-top:5px; font-size:12px; color:#fff; text-align:center;} #follow-btn a:hover div{ display:block} #follow-btn a i{font-size:25px;} #follow-btn a:hover{ background-color:#0066ca; color:#fff} .search-layer{ position:fixed; left:0;top:0; z-index:10000; background:rgba(0,0,0,0.5); width:100%; height:100%; display:none} .search-layer .search-box{ width:400px; height:70px; background-color:#fff; position:absolute; left:50%; margin-left:-200px;top:50%; margin-top:-35px} .search-layer .search-box .input{ width:300px; float:left; border:0;height:50px; padding:10px 15px; line-height:50px} .search-layer .search-box button{ width:70px; height:70px; border:0; background-color:#eee;} .search-layer .search-box button i{ font-size:30px;} .main-wrapper{width:1200px; margin:0 auto; position:relative; margin-top:-60px;} .page-banner{position:relative; height:230px; width:100%; overflow:hidden; padding-top:100px;} .page-banner img{ position:absolute; left:50%;top:100px; margin-left:-960px;} .location2{position:relative; height:36px; line-height:36px; margin:0 auto; overflow:hidden; font-size:12px; float:right; color:#888} .location2 a{} .location2 a:hover{ text-decoration:underline} .location2 i{ margin-right:8px;} #page-top{ height:60px; line-height:60px; border-bottom:1px #e2e2e2 solid; padding:0 0px;background-color:#fafafa; } #page-top .sub-cate{ margin-left:320px} #page-top .sub-cate a{ display:block; line-height:60px; float:left; position:relative; margin-left:40px; font-weight:bold; color:#666;} #page-top .sub-cate a i{ display:block; width:0; height:2px; position:absolute; left:0;bottom:-1px; background-color:#76c125;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; } #page-top .sub-cate a.hover{ color:#76c125; font-weight:bold} #page-top .sub-cate a.hover i{width:100%;} #page-top .location2{ float:left; border:0; padding:0; line-height:60px; height:60px;} .page-top{ height:60px; background:url(../images/location-bg.png)} .page-top .page-title{ float:left; font-size:20px; margin-left:40px; line-height:20px; margin-top:22px; border-left:5px #0066ca solid; padding-left:14px} .page-top .location{ float:right} .page-top .location{ z-index:2; height:60px; overflow:hidden; font-size:12px;color:#888; line-height:60px; padding:0 30px; text-align:right} .page-top .location i{ font-size:15px; color:#aaa;margin-right:5px;} .page-top .location a{ color:#555} .page-top .location a:hover{ color:#0066ca} .page-top .location a:last-child{ color:#2861c8;font-weight:bold; } .page-top .location span{ margin:0 5px; position:relative;top:-1px} .page-location{height:60px; background:url(../images/location-bg.png); font-size:12px;color:#888; line-height:60px; padding:0 30px;} .page-location i{ font-size:15px; color:#aaa;margin-right:5px;} .page-location a{ color:#555} .page-location a:hover{ color:#0066ca} .page-location a:last-child{ color:#2861c8;font-weight:bold; } .page-location span{ margin:0 5px; position:relative;top:-1px} .page-wrapper{ width:100%; overflow:hidden;} #page{ position:relative;} #page .wrapper{ background-color:#fff; } .page-right{ width:950px; float:right; min-height:580px;} .page-left{ width:250px; float:left; position:relative; z-index:2;background-color:#f2f2f2; min-height:580px } .page-left h2{ background:url(https://www.scnyw.com/Public/images/footer-bg.gif); color:#fff; height:60px; position:relative} .page-left h2 strong{ font-size:22px; position:absolute; left:33px;top:17px;} .page-left h2 span{font-size:16px; text-transform:uppercase; position:absolute; left:132px;top:28px;} .page-nav a{ display:block;line-height:52px; border-bottom:1px #e2e2e2 solid;position:relative; color:#555; font-weight:bold; overflow:hidden; text-align:right; padding-right:30px; } .page-nav a span{ position:relative; z-index:2; left:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; } .page-nav a em{ display:block; position:absolute; left:-5px;top:0; height:52px; width:5px; background-color:#d3a129;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; } .page-nav a:hover {color:#d3a129} .page-nav a:hover em{ left:0;} .page-nav a:hover span{ left:-15px;} .page-nav a.current{color:#ddd;font-weight:bold;} .page-nav a.current em{ width:100%; background:url(../images/sub-nav-li.png) no-repeat 230px center #fff; left:0;} .page-nav a.current span{ color:#d3a129} .page-nav dl{ background-color:#fafafa; padding:10px 0} .page-nav dl a{ border-bottom:0; color:#888; line-height:34px; font-size:12px} .page-nav dl a:hover{ color:#0066ca} .page-nav dl a.current{ color:#0066ca} .page-nav a em.down{ background:url(../images/sub-nav-li2.png) no-repeat 230px center #fff} .main-left{ width:780px; float:left; min-height:565px;} .main-right{ width:305px; float:right;} .main-right img{ width:100%} .main-right .contact-info{ background:url(../images/map.png) no-repeat #f2f2f2 center center; padding:15px 20px 20px} .main-right .contact-info p{ margin-bottom:5px;} p.none{ margin-top:20px; color:#888} .page-con{ padding:30px 40px 30px 40px; background-color:#fff; min-height:460px} .page-content{font-size:14px; line-height:200%;} .page-content p{ margin:15px 0} .page-content strong.h3{ color:#69bd83; font-size:24px; } .page-content strong{ color:#0066ca; margin-right:3px;} .leader-tab{ height:50px; border-bottom:1px #e2e2e2 solid; text-align:center} .leader-tab a{ display:inline-block; margin-right:3px; height:47px; line-height:50px; padding:0 50px; background-color:#0066ca; font-weight:bold; color:#fff;} .leader-tab a.current{ background-color:#fff; color:#0066ca; height:49px; border:1px #e2e2e2 solid;border-bottom:2px #fff solid; line-height:48px; padding:0 49px;} .leader{ width:870px; overflow:hidden; margin-top:30px} .leader ul{ width:960px; } .leader li{ background-color:#fff; position:relative; width:160px; float:left; margin:0 30px; margin-bottom:30px; } .leader li img{ width:100%} .leader li strong{ font-size:16px; color:#0066ca; text-align:center; display:block; margin-top:10px;} .leader li span{ display:block; font-size:12px; color:#666; text-align:center; margin-top:5px; font-weight:bold} .leader2{ margin-top:30px;} .leader2 ul{ } .leader2 li{ background-color:#fff; margin-bottom:20px; position:relative; height:60px; } .leader2 li strong{ font-size:16px; line-height:150%; display:inline-block;padding:15px 35px; line-height:30px; background-color:#d3a129; color:#fff; width:142px; text-align:center; float:left} .leader2 li span{ font-size:14px; line-height:58px; font-weight:bold; color:#666 ;border:1px #e2e2e2 solid; display:block; width:656px; border-left:0; float:left; text-indent:30px; } .page-btns{ text-align:right; margin-top:30px; height:65px; border-top:1px #ddd dashed;padding-top:15px;} .page-btns a{ display:inline-block; width:50px; height:45px; text-align:center; font-size:10px; line-height:20px; padding-top:25px; color:#bbb; overflow:hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } .page-btns a.gotop{ background:url(../images/gotop.png) no-repeat center 5px} .page-btns a.print{ background:url(../images/print.png) no-repeat center 5px} .page-btns a:hover{ background-color:#f2f2f2;} .about-content{ margin-top:30px; line-height:195%;} .about-content .info{ background:#fff; width:410px; float:right; height:240px;-webkit-box-shadow: 0 1px 15px rgba(0,0,0,.1);box-shadow: 0 1px 15px rgba(0,0,0,.1);} .about-content .info .logo{ background:url(../images/footer-bg.gif); text-align:center; padding:15px 0} .about-content .info p{padding:20px 30px;} .about-content .img{ float:right; margin-left:30px; width:300px} .about-content p{ margin-bottom:20px; text-indent:2em} .about-content strong{ color:#f39800;} .bussiness-main{ background-color:#3ba0ff; width:100%; overflow:hidden; padding-top:100px;} .bussiness-main .loading{ width:40px; height:40px; position:absolute; left:50%; margin-left:-20px;top:50%; margin-top:-50px; background:url(../images/loaders.gif) no-repeat; display:none} .bussiness-main .items{ width:25%; float:left; position:relative; overflow:hidden;visibility: hidden; overflow:hidden} .bussiness-main .bg{ height:100%; width:100%; position:absolute; left:0;top:0; background:url(../images/b1.jpg) no-repeat;background-size:cover; /*-webkit-shape-outside: polygon(0 0, 100% 0, 100% 100%, 30% 100%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%); -webkit-shape-margin: 20px;*/-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; background-position:center center} .bussiness-main .mask{ height:100%; width:100%; position:absolute; left:0;top:0; background:url(../images/mask.png) #111;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; z-index:2;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;} .bussiness-main .txt{ position:absolute; width:100%; text-align:center;top:30%; z-index:3; left:0; color:#fff;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;} .bussiness-main .txt i{ display:block; font-size:60px;} .bussiness-main .txt strong{ display:block; font-size:26px; margin-top:20px;} .bussiness-main .txt span{ margin-top:5px; display:block;font-family:"NoveDemiBold"} .bussiness-main .txt a{ display:inline-block; padding:7px 25px; border:2px #fff solid; color:#fff; margin-top:50px;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0; font-size:16px;} .bussiness-main .txt a:hover{ background-color:#d3a129; border-color:#d3a129; color:#fff} .bussiness-main .bg2{ background-image:url(../images/b2.jpg)} .bussiness-main .bg3{ background-image:url(../images/b3.jpg)} .bussiness-main .bg4{ background-image:url(../images/b4.jpg)} .bussiness-main .bg5{ background-image:url(../images/b5.jpg)} .bussiness-main .bg6{ background-image:url(../images/b6.jpg)} .bussiness-main .items:hover .mask{filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;} .bussiness-main .items:hover .bg{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);} .bussiness-main .items:hover a{filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin-top:20px; } .bussiness-img{ margin-left:40px;} .bussiness-cate{ text-align:center; height:57px; background-color:#fff; border-bottom:1px #e2e2e2 solid; margin-bottom:20px } .bussiness-cate a{ display:block; line-height:55px;float:left; text-align:center; padding:0 70px; background-color:#0066ca; color:#fff; -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s; border:1px #fff solid; border-bottom:0;} .bussiness-cate a.current{ background-color:#fff;font-weight:bold;color:#0066ca; border:1px #e2e2e2 solid; border-bottom-color:#fff; height:56px;} . .bussiness-list{ width:920px;} .bussiness-list .item{ width:380px; float:left; position:relative; margin-right:20px; margin-bottom:20px;-moz-opacity:0;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;} .bussiness-list .item img{ width:100%} .bussiness-list .item .image{ width:380px; height:220px; overflow:hidden} .bussiness-list .item .title{ position:absolute; width:340px; height:30px; background:url(../images/back.png);top:160px; z-index:2; padding:15px 20px;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .bussiness-list .item .title strong{ color:#fff; font-size:20px; height:30px; font-weight:normal} .bussiness-list .item .title p{ color:#fff; font-size:12px; margin-top:5px; line-height:20px; height:40px; overflow:hidden; filter:alpha(opacity=0);-moz-opacity:0; opacity:0; -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .bussiness-list .item .title i{ display:block; width:27px; height:27px; background:url(../images/more.png) no-repeat; position:absolute; right:20px;top:17px;filter:alpha(opacity=60);-moz-opacity:0.6; opacity:0.6;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s; } .bussiness-list .item:hover .title{top:120px; height:70px; background:#0066ca} .bussiness-list .item:hover .title p{ display:block;filter:alpha(opacity=100);-moz-opacity:1; opacity:1; } .bussiness-list .item:hover .title i{filter:alpha(opacity=0);-moz-opacity:0; opacity:0;} .bussiness-list .item a.more{ display:block; width:380px; height:170px; background-color:#d3a129; color:#fff; font-size:24px; padding-top:50px; text-align:center;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .bussiness-list .item a.more i{ display:block; font-size:60px;} .bussiness-list .item a.more span{ display:block; font-size:14px; } .bussiness-list .item a.more:hover{ background-color:#0066ca} .bussiness-list .item.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} .bussiness-view{ margin-top:30px; position:relative} .bussiness-view .title{ font-size:26px; font-weight:normal} .bussiness-view .title i{ display:inline-block; width:6px; height:24px; position:relative;top:3px; background-color:#d3a129; margin-right:20px;} .bussiness-view .intro{ margin-top:30px; line-height:2; border:1px #e2e2e2 solid; padding:20px 30px 20px; position:relative} .bussiness-view .intro em{ display:block; width:17px; height:10px; background:url(../images/em.gif) no-repeat; position:absolute; left:68px; top:-10px; z-index:2 ; position:absolute} .bussiness-view .intro p{ } .bussiness-view a.more{ display:block; width:140px; height:40px; line-height:40px; border:1px #e2e2e2 solid; text-align:center; position:absolute; right:0;top:0; background-color:#fafafa;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s; font-weight:bold;} .bussiness-view a.more:hover{ background-color:#0066ca; color:#fff; border-color:#0066ca} .xg-case{ margin-top:30px;} .xg-case h2{font-size:16px;} .xg-case h2 i{ display:inline-block; font-weight:normal ;position:relative;top:2px; font-size:20px;color:#d3a129; margin-right:10px;} .xg-case .list-con{ margin-top:30px; } .xg-case .list-con ul{} .xg-case .list-con ul li{ width:250px; float:left; margin-right:40px; position:relative; height:200px; margin-bottom:30px} .xg-case .list-con ul li .image{ width:250px; height:160px; overflow:hidden} .xg-case .list-con ul li .image img{ width:100%; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;} .xg-case .list-con ul li span{ display:block; text-align:center;height:40px; line-height:40px; background-color:#f3f3f3;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .xg-case .list-con ul li a{ display:block; width:250px; height:200px; position:absolute; left:0;top:0; z-index:2;} .xg-case .list-con ul li a em{ display:block; width:250px; height:160px; background-color:#000;filter:alpha(opacity=0);-moz-opacity:0; opacity:0; -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .xg-case .list-con ul li a i{ display:block; width:40px; height:40px; font-size:40px; color:#fff; position:absolute; z-index:2; left:100px;top:60px;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);filter:alpha(opacity=0);-moz-opacity:0; opacity:0; -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .xg-case .list-con ul li a:hover em{filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; } .xg-case .list-con ul li a:hover i{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1; opacity:1; } .xg-case .list-con ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);} .xg-case .list-con ul li:hover span{ background-color:#0066ca; color:#fff} .project-loading{background: rgba(0, 0, 0, 0.7)!important;filter: Alpha(opacity=70); z-index:999; position:fixed; left:0;top:0; width:100%; height:100%; display:none} .project-loading .loader{ width:32px; height:32px; background:url(../images/loader3.gif) no-repeat; position:absolute; left:50%; margin-left:-16px;top:50%; margin-top:-16px;} .project-view{ position:fixed; z-index:999; width:100%; height:100%; left:0;top:0; display:none} .project-view a.close{ width:27px; height:27px; display:block; background:url(../images/close.png) no-repeat; position:absolute;top:-37px; right:0} .project-view .mask{ background-color:#000;filter:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7; position:absolute; left:0;top:0; width:100%; height:100%; z-index:1} .project-view .box{ width:960px; position:fixed;top:50%; margin-top:-200px; left:50%; margin-left:-480px; z-index:2; background:#fff;} .project-view .project-main{ position:relative; z-index:200; width:880px; padding:40px;} .project-view .project-info{ } .project-view .project-info .text{font-size:14px;} .project-view .project-info .text li{ margin-bottom:20px;} .project-view .project-info .text p{ margin-top:15px; line-height:180%; color:#666} .project-view .project-info .text b{ color:#0066ca} .project-view .project-info .text a{ color:#007cc2; text-decoration:underline} .project-view .project-info .text a:hover{ text-decoration:none} .project-view .project-info .text dl{ } .project-view .project-info .text dl dd{ width:17%; float:left; margin-right:3%; margin-bottom:10px;} .project-view .project-info .text dl dd img{ width:100%} .project-view .project-content{ font-size:14px; line-height:180%; overflow-y:auto; min-height:420px;} .project-view .project-content p{ margin-bottom:20px;} .project-view .project-photo{ width:880px; overflow:hidden} .project-view .project-photo ul{ width:920px;} .project-view .project-photo ul li{ width:200px; float:left; margin-right:30px; margin-bottom:30px;} .project-view .project-photo ul li img{ width:100%} /* .project-view .image{ width:300px; height:200px;float:left;} .project-view .image img{ width:100%;} */ .news-banner{ height:440px; background: url(../images/news-banner.jpg) no-repeat 50% 50%; background-size: cover;-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../images/news-banner.jpg', sizingMethod='scale')"; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/news-banner.jpg', sizingMethod='scale'); width:100%; padding-top:90px; overflow:hidden} .news-banner .slider ul li{ height:440px; position:relative} .news-banner .slider ul li .info{ width: 350px; float:left; height:365px; background-color:#2d2d24; padding:75px 25px 0;} .news-banner .slider ul li .info h2{ color:#008ace; font-size:30px;} .news-banner .slider ul li .info strong{ font-size:24px; font-weight:normal; margin-top:20px; display:block; line-height:1.4} .news-banner .slider ul li .info strong a{ color:#fff} .news-banner .slider ul li .info strong a:hover{ color:#d3a129} .news-banner .slider ul li .info p{ display:block; margin-top:20px; color:#aaa; line-height:1.5} .news-banner .slider ul li .info p em{ display:block; width:60px; height:3px; background-color:#d3a129; margin-bottom:10px;} .news-banner .slider ul li .info p span{ display:block; color:#d3a129; padding-top:5px;} .news-banner .slider ul li .info a.more{ display:block; line-height:50px; background:url(../images/more.png) no-repeat 310px center #d3a129; padding-left:30px; color:#fff; margin-top:20px;} .news-banner .slider ul li .info a.more:hover{ background-color:#ffa200} .news-banner .slider ul li .image{ width:780px; float:right;} .news-banner .wrapper{ position:relative;} .news-banner .wrapper .next-btn{ display:block; width:47px; height:49px; background:url(../images/news-next.png) no-repeat; position:absolute; right:-10px;top:220px;} .news-banner .wrapper .prev-btn{ display:block; width:47px; height:49px; background:url(../images/news-prev.png) no-repeat; position:absolute; right:-10px;top:275px;} .news-category{} .news-category .list-a{ width:500px; float:left} .news-category h2{ height:35px; position:relative; text-align:right; border-bottom:1px #ddd solid; line-height:25px} .news-category h2 span{ float:left; padding-right:2px;font-size:18px; color:#555;height:35px; border-bottom:1px #7cd440 solid; position:absolute;top:0; left:0} .news-category h2 a{ font-size:12px; font-weight:normal; color:#888; position:relative;top:0px;} .news-category h2 a:hover{color:#d3a129; } .news-category h2 a i{ position:relative;top:2px} .news-category h3{ height:35px; border-bottom:1px #ccc solid; position:relative; text-align:right; margin-top:20px} .news-category h3 span{ font-size:18px; display:block; float:left; padding:0px 20px; height:35px; line-height:35px; margin-left:10px; border:1px #ccc solid; color:#555; border-bottom:1px #fff solid; height:34px; } .news-category h3 a{ font-size:12px; font-weight:normal; color:#888; position:relative;top:8px;} .news-category h3 a:hover{color:#d3a129; } .news-category h3 a i{ position:relative;top:2px} .news-category .list-a .view{ position:relative; width:500px; height:300px; overflow:hidden;} .news-category .list-a .bd{ width:500px;} .news-category .list-a .bd ul li{ position:relative} .news-category .list-a .bd ul li img{ width:500px; height:300px;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;} /* .news-category .list-a .bd ul li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);} */ .news-category .list-a .bd ul li p{ position:absolute; left:0;top:260px; height:40px; z-index:2; width:100%} .news-category .list-a .bd ul li p em{ position:absolute; left:0;top:0; width:100%; height:40px; background-color:#000;opacity:0.5;} .news-category .list-a .bd ul li p a{ position:relative; z-index:2; color:#fff; line-height:40px; padding-left:20px;} .news-category .list-a .bd ul li p a:hover{ text-decoration:underline} .news-category .list-a .hd{ position:absolute; right:15px;bottom:14px; z-index:10} .news-category .list-a .hd li{ width:12px; height:12px; background:url(../images/slider-icon.png) no-repeat -13px center; float:left; cursor:pointer; margin-left:3px;} .news-category .list-a .hd li.on{ background-position:0 center;} .news-category .list-b{ width:590px; float:right; } .news-category .list-b dl{padding:20px 30px 15px; /*border:1px #e2e2e2 solid;box-shadow:1px 1px 3px 0px rgba(0,0,0,0.08); */background:#d3a129; position:relative} .news-category .list-b dl strong{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; line-height:20px; color:#fff} .news-category .list-b dl strong a{ color:#fff} .news-category .list-b dl strong a:hover{ } .news-category .list-b dl p{ font-size:12px; margin-top:10px; line-height:150%; color:#eee} .news-category .list-b dl p a{ margin-left:10px; color:#fff} .news-category .list-b dl p a:hover{ text-decoration:underline} .news-category .list-b dl em{ display:block; display:none; width:52px; height:37px; background:url(../images/hot.png) no-repeat; position:absolute; right:0px;top:0px} .news-category .list-b ul{ margin-top:10px} .news-category .list-b li { padding:7px 0; display:block;text-align:right; line-height:14px;} .news-category .list-b li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; font-size:14px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; width:450px; text-align:left} .news-category .list-b li span{ font-size:12px; color:#aaa} .news-category .list-c{ width:316px; float:left; margin-top:30px; margin-left:22px; padding:20px; border:1px #e2e2e2 solid ;height:320px; } .news-category .list-c ul{ margin-top:15px} .news-category .list-c li { padding:9px 0; display:block;text-align:right; line-height:14px;} .news-category .list-c li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; font-size:14px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; width:260px; text-align:left} .news-category .list-c li span{ font-size:12px; color:#aaa} .news-category .list-d{ width:316px;float:left;margin-top:30px; overflow:hidden;padding:20px; border:1px #e2e2e2 solid;height:320px; } .news-category .list-d ul{ margin-top:10px} .news-category .list-d li{ height:76px; position:relative; padding:10px 0; background:url(../images/dot.gif) repeat-x 0 bottom} .news-category .list-d li img{ height:76px;float:left; width:110px;} .news-category .list-d li div{ width:200px; float:right} .news-category .list-d li span{color:#aaa; display:block; height:22px; font-size:12px;} .news-category .list-d li div a{ font-size:14px; line-height:170%; } .news-category .list-e{ width:316px; float:right; margin-top:30px;padding:20px; border:1px #e2e2e2 solid; height:320px; } .news-category .list-e ul{ margin-top:15px} .news-category .list-e li { padding:9px 0; display:block;text-align:right; line-height:14px;} .news-category .list-e li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; font-size:14px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; width:260px; text-align:left} .news-category .list-e li span{ font-size:12px; color:#aaa} .news-search{ height:70px; background-color:#e2e2e2} .news-search h3{ background-color:#d3a129; height:70px; width:120px; float:left; text-align:right; line-height:70px; padding:0 30px; font-size:16px; color:#fff} .news-search form{ float:left; margin-left:30px; margin-top:15px;} .news-search .input{border:0; width:233px; height:19px; background-color:#fff; line-height:19px; padding:10px 10px; color:#888; border:1px #ccc solid;border-right:0;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; } .news-search .hover{ background:#f8f8f8;color:#3ba0ff} .news-search button{ background:#0066ca; border:0; height:41px; line-height:40px; color:#fff; width:50px; cursor:pointer;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;} .news-search button em{ font-size:20px;} .news-search button:hover{ background:#76c125; } #pages{ text-align:center; padding-top:25px; height:80px;} #pages a{ display:inline-block; padding:10px 14px; background-color:#fff; color:#888; margin:0 2px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; border:1px #bbb solid} #pages a:hover{ background-color:#0066ca; border-color:#0066ca; color:#fff} #pages a.active{ background-color:#0066ca;border-color:#0066ca; color:#fff} #pages a.prev,#pages a.next{ font-size:14px;} #pages span{display:inline-block; padding:10px 14px; color:#888; position:relative;top:-2px} .news-list {} .news-list .item{ border-bottom:2px #e2e2e2 solid; padding:30px 0} .news-list .item .image{ width:180px; float:left} .news-list .item .image img{ width:180px; height:120px;} .news-list .item .text{ float:right; width:660px; } .news-list .item .text strong{display:block; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right} .news-list .item .text strong span{ font-weight:normal; color:#999; font-size:12px; position:relative;top:3px} .news-list .item .text strong a{ float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:540px; } .news-list .item .text p{ line-height:25px; margin-top:8px; overflow:hidden; color:#999} .news-list2{ margin-top:10px;} .news-list2 li{ border-bottom:1px #e2e2e2 dotted; padding:15px 0; text-align:right} .news-list2 li a{ float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:670px; text-align:left; background:url(../images/li.gif) no-repeat 0 center; padding-left:12px;} .news-list2 li span{ color:#999; font-size:12px;} .news-list3{ margin-top:30px} .news-list3 ul{} .news-list3 ul li{ border-bottom:1px #ccc dotted; padding-bottom:25px; margin-bottom:25px;} .news-list3 ul li .time{ width:70px; float:left;font-family:"NoveDemiBold"} .news-list3 ul li .time strong{ display:block; line-height:50px; background-color:#828d95; text-align:center; font-size:28px; color:#fff} .news-list3 ul li .time span{ display:block; line-height:22px; text-align:center; font-size:12px; color:#fff; margin-top:1px; background-color:#ccc} .news-list3 ul li .text{ width:770px; float:right} .news-list3 ul li .text strong{ background:url(../images/li.gif) no-repeat 0 center; padding-left:9px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px;} .news-list3 ul li .text strong a{ } .news-list3 ul li .text p{margin-top:10px; line-height:160%; color:#999} .news-view{ } .news-view h1{font-size:20px; text-align:center; line-height:33px; padding:0px 50px 20px;} .news-view h1 p{ font-size:20px; color:#888; font-weight:normal; font-family:"仿宋"} .news-view p.news-info{padding:12px 0px; text-align:center; border-top:1px dotted #e2e2e2; border-bottom:1px dotted #e2e2e2; color:#888} .news-view p.news-info b{ color:#0066ca; margin-right:3px;} .news-view .content{ line-height:200% !important; margin-top:20px;font-family:"微软雅黑"; font-size:14px;} .news-view .content p{ margin-bottom:15px;line-height:200% !important;} .news-view .content span{ margin-bottom:15px;line-height:240% !important;} .news-view .content h3{ margin:25px 0 10px !important; font-size:16px !important;} .news-view .other{ border-top:2px #e2e2e2 solid; padding-top:25px; margin-top:25px; font-size:14px;} .news-view .other .left{ float:left;color:#777; width:550px;} .news-view .other .left p{height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .news-view .other .left p a{ margin-left:3px;} .news-view .other .right{float:right;color:#777} .news-view .download{ border-top:1px #ddd solid; padding-top:20px; margin-top:25px;} .news-view .download h2{ font-size:15px; color:#555; height:25px;} .news-view .download p{ padding:5px 0px; background:url(../images/file.gif) no-repeat 0 center; padding-left:20px;} .news-view .download p a{ color:#746969; text-decoration:underline; font-size:14px;} .news-view .download p a:hover{ text-decoration:none; color:#3ba0ff} .news-view .pics{ background:#fff; margin-top:30px; position:relative; overflow:hidden} .news-view .pics .list{} .news-view .pics .list img{ max-width:830px; max-height:500px;} .news-view .pics .list li{ display:none; text-align:center} .news-view .pics .prev{ width:415px; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; display:block; position:absolute;top:0; left:0; z-index:100; height:800px;} .news-view .pics .next{ width:415px; display:block; background:#fff;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; position:absolute;top:0; right:0; z-index:100; height:800px;} .news-view .pics .prev-btn{ display:block;z-index:50; width:70px; height:70px; background:url(../images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:0; display:none} .news-view .pics .next-btn{display:block; z-index:50; width:70px; height:70px; background:url(../images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:0; display:none} .news-view .pics p{ font-size:14px; color:#fff; background:#000;border-radius:5px; padding:8px 10px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7; position:absolute;top:20px; right:20px; z-index:60} .topic-list{ overflow:hidden; margin-top:10px;} .topic-list ul{ width:920px;} .topic-list ul li{ width:380px; float:left; margin-right:50px; margin-bottom:30px; background-color:#fff; border:1px #e2e2e2 solid;padding:10px; } .topic-list ul li div{position:relative; width:380px; height:240px; overflow:hidden} .topic-list ul li img{ width:380px; height:200px;} .topic-list ul li p{ position:absolute;top:200px; width:340px; height:100px; background-color:#ddd; padding:10px 20px; line-height:150%; font-size:12px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition: all 0.3s;} .topic-list ul li p strong{ display:block; font-size:15px; margin-bottom:10px; } .topic-list ul li p strong a{ color:#444} .topic-list ul li p strong a:hover{ text-decoration:underline} .topic-list ul li:hover p{ background-color:#0066ca;top:140px; color:#fff} .topic-list ul li:hover p strong a{ color:#fff} .lxyz-bg{ background:url(../images/lxyz-bg.gif) repeat-y center 100px; padding-top:100px } .lxyz-main{background:url(../images/lxyz-banner.jpg) no-repeat center top; padding-top:238px} .lxyz-wrapper{ width:1020px; margin:0 auto} .lxyz-bg .location{ height:50px; line-height:50px; color:#fff; padding-left:20px;} .lxyz-bg .location a{ color:#fff} .shijiuda-bg{ background:url(../images/19th-bg.jpg); margin-top:100px } .shijiuda-main{background:url(../images/19th-header.jpg) no-repeat center -40px; padding-top:280px} .shijiuda-bg .location{ height:50px; line-height:50px; color:#fff; padding-left:20px; background-color:#dd0000} .shijiuda-bg .location a{ color:#fff} .ljsm-bg{ background:#f2f2f2; margin-top:100px } .ljsm-main{background:url(../images/ljsm.jpg) no-repeat center 0px; padding-top:330px} .ljsm-bg .location{ height:50px; line-height:50px; color:#fff; padding-left:20px; background-color:#dd0000} .ljsm-bg .location a{ color:#fff} .mztj-bg{ background:#f2f2f2; margin-top:100px } .mztj-main{background:url(../images/mztj.jpg) no-repeat center 0px; padding-top:320px} .mztj-bg .location{ height:60px; line-height:60px; color:#fff; padding-left:20px; background-color:rgba(55,98,155,0.9)} .mztj-bg .location a{ color:#fff} .page-btns{ text-align:right; margin-top:30px; height:65px; border-top:1px #ddd dashed;padding-top:15px;} .page-btns a{ display:inline-block; width:50px; height:45px; text-align:center; font-size:10px; line-height:20px; padding-top:25px; color:#bbb; overflow:hidden;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; } .page-btns a.gotop{ background:url(../images/gotop.png) no-repeat center 5px} .page-btns a.print{ background:url(../images/print.png) no-repeat center 5px} .page-btns a:hover{ background-color:#f2f2f2;} .about-content{ margin-top:30px; line-height:195%;} .about-content .info{ background:#fff; width:410px; float:right; height:240px;-webkit-box-shadow: 0 1px 15px rgba(0,0,0,.1);box-shadow: 0 1px 15px rgba(0,0,0,.1);} .about-content .info .logo{ background:url(../images/footer-bg.gif); text-align:center; padding:15px 0} .about-content .info p{padding:20px 30px;} .about-content .img{ float:right; margin-left:30px; width:300px} .about-content p{ margin-bottom:20px; text-indent:2em} .about-content strong{ color:#f39800;} #message{ width:400px; padding:30px 40px 40px; background:#fff; margin:0 auto; border:1px #ddd dashed; position:relative;top:150px; text-align:center} #message .msg{ margin-bottom:20px; font-size:15px; font-weight:bold;font-family:Tahoma, "microsoft Yahei"; line-height:26px;} #message .msg a{ text-decoration:underline; color:#0066cc} #message .msg a:hover{ color:#ff0000; text-decoration:none} .zizhi-list{ width:1180px;} .zizhi-list .list{ width:860px; float:left} .zizhi-list .list li{ width:200px;float:left; margin-right:44px; margin-top:30px; position:relative; overflow:hidden; border:1px #e2e2e2 solid; padding:20px;box-shadow: 8px 8px 0px rgba(0,0,0,.05); background-color:#fff} .zizhi-list .list li .image{ text-align:center; height:280px;} .zizhi-list .list li img{ max-height:280px; _height:280px; } .zizhi-list .list2{ width:320px; float:right} .zizhi-list .list2 li{ width:278px; margin-right:20px; margin-top:30px; position:relative; overflow:hidden; border:1px #e2e2e2 solid; padding:20px;box-shadow: 8px 8px 0px rgba(0,0,0,.05); background-color:#fff} .zizhi-list .list2 li .image{ text-align:center; height:153px;} .zizhi-list .list2 li img{ max-height:153px; _height:153px; } .zizhi-list li span{ display:block; text-align:center; margin-top:10px; font-weight:bold} .member-list{} .member-list li{ position:relative; overflow:hidden;background-color:#fff; margin-bottom:30px; border-bottom:1px #e2e2e2 solid; padding-bottom:30px;} .member-list li strong{ color:#0066ca; font-size:16px;} .member-list li strong a{ color:#306dce} .member-list li strong a:hover{ color:#d3a129} .member-list li p{ margin-top:10px; line-height:1.8; color:#888} .member-list li p a{ color:#0066ca} .member-list li p a:hover{ text-decoration:underline} .member-list li .image{ width:210px; float:left; position:relative} .member-list li .image img{ width:100%} .member-list li .image em.s1{ display:block; width:73px; height:56px; background:url(../images/s1.png) no-repeat; position:absolute; left:0;top:0; z-index:2} .member-list li .image em.s2{ display:block; width:73px; height:56px; background:url(../images/s2.png) no-repeat; position:absolute; left:0;top:0; z-index:2} .member-list li .image em.s3{ display:block; width:73px; height:56px; background:url(../images/s3.png) no-repeat; position:absolute; left:0;top:0; z-index:2} .member-list li .text{ width:630px; float:right} .member-list li:last-child{ border:0; padding:0} .member-view{ position:relative} .member-view h1{font-size:22px; line-height:33px; padding:0px 0px 20px; color:#306dce; border-bottom:1px #e2e2e2 solid; text-align:center} .member-view .member-contact{ border-top:1px #e2e2e2 solid; padding-top:10px; font-weight:bold; line-height:2} .hr-content{ clear:both; } .hr-content .item{ margin-bottom:30px; border-bottom:2px #e2e2e2 solid; padding-bottom:30px} .hr-content .item img{ width:260px; height:140px; float:left; margin-top:3px;} .hr-content .item .text{ width:570px; float:right; } .hr-content .item .text strong{ color:#0066ca; font-size:18px;} .hr-content .item .text p{ margin-top:15px; line-height:26px; color:#666;} .hr-content .item:last-child{ border:0; margin-bottom:0} .job-search{ background-color:#f1eff1; } .job-search ul{ padding:20px 40px 10px;} .job-search ul li{ position:relative; margin-left:80px; margin-bottom:10px; line-height:28px} .job-search ul li label{ position:absolute; left:-80px;top:2px; font-weight:bold} .job-search ul li a{ display:inline-block; padding:0px 12px; margin-right:10px; } .job-search ul li a:hover{ text-decoration:underline} .job-search ul li a.current{ background-color:#0066ca; color:#fff} .job-search ul li a.more{ color:#0066ca; position:absolute; right:0;top:2px; font-size:12px;} .job-search ul li a.more em{ margin-left:3px;} .job-search ul li span{ display:none} .job-search ul li .choose{ position:relative;top:3px; z-index:20000; display:inline} .job-search ul li .choose strong{ position:relative; display:inline-block; height:22px; padding:5px 12px; cursor:pointer; color:#fff; font-weight:normal; line-height:20px; z-index:2; background-color:#0066ca} .job-search ul li .choose strong i{ margin-left:5px;} .job-search ul li .choose:hover strong{} .job-search ul li .choose dl{ display:none; position:absolute; left:0;top:26px; width:500px; background:#3ba0ff;padding:10px 15px 15px; line-height:24px; z-index:1;} .job-search ul li .choose dd{ width:250px; float:left; padding:2px 0} .job-search ul li .choose a{ color:#fff;} .job-search ul li .choose a.current{ color:#3ba0ff; background-color:#fff} .job-search .input{ height:20px; line-height:20px; border:0; padding:9px 10px; width:400px; float:left;} .job-search .input.hover{color:#555;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2); border-color:#74b9ef !important; background-color:#fff !important} .job-search button{background:#3ba0ff; border:0; color:#fff; height:38px; width:80px; float:left; cursor:pointer;-webkit-transition: background-color .25s;transition: background-color .25s} .job-search button:hover{ background-color:#f00} .job-list{ } .job-list table{ width:100%} .job-list th{ padding:12px 10px; background:#e2e2e2; text-align:left} .job-list td{ padding:15px 10px; color:#747979; border-bottom:1px #ccc dotted; font-size:14px;} .job-list td a{ color:#0066ca} .job-list td a:hover{ text-decoration:underline} .job-list a.btn{ display:block; width:60px; background:#0066ca; color:#fff; text-align:center; line-height:28px; font-size:12px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;} .job-list a.btn:hover{ background-color:#d3a129; text-decoration:none} .job-list p.none{ background-color:#e2e2e2; text-align:center; padding:25px 0} .job-view{ } .job-view h1{ margin-bottom:20px; height:52px; } .job-view h1 strong{ display:block;background:#e2e2e2; padding:15px 0; line-height:22px; text-align:center ;color:#444; font-size:20px; float:left; width:705px } .job-view h1 a{ height:52px; display:block; float:right; line-height:52px; width:160px; text-align:center; color:#fff;background:#0066ca; font-size:14px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s; } .job-view h1 a:hover{ background-color:#d3a129} .job-view .job-info table{ width:100%; background:#e2e2e2; } .job-view .job-info table th{ background:#f7f5f4; padding:10px 15px; font-weight:normal; text-align:left} .job-view .job-info table td{ background:#fff; padding:10px 15px; color:#888} .job-view .job-info table td h2{ font-size:22px; color:#747979} .job-view .item{ padding:20px 0; border-bottom:1px #dfdfdf dotted; line-height:180%; color:#555} .job-view .item h3{ font-size:15px; color:#d3a129} .job-view .share{ margin-top:20px; height:40px;} .job-view .btns{ margin-top:20px;} .job-view .btns a{ display:block; width:100px; font-size:16px; font-weight:bold; text-align:center; padding:15px 30px; background:url(../images/time-bg.png) no-repeat; font-size:14px; color:#fff; margin:0 auto;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} .job-view .btns a:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);} .job-view .item ul{ margin-top:10px;} .job-view .item li a{ color:#0066ca; background:url(../images/word.gif) no-repeat 0 center; padding-left:25px;} .job-view .item li a:hover{ text-decoration:underline} #apply{ background-color:#f1eff1; padding:30px;} #apply .btns{ margin-top:30px; padding-left:113px} #apply .btns button{ display:inline-block; border:0; cursor:pointer; padding:0 40px;height:45px; line-height:45px; background:#0066ca; color:#fff; font-size:16px; margin-right:10px;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;} #apply .btns button.btn2{ background-color:#747979} #apply .btns button:hover{ background-color:#d3a129;} #apply .form{ line-height:180%; font-size:14px;} #apply .form span{ margin:0px 2px} #apply .form table{ width:100%; margin-top:20px;} #apply .form table td{ padding:6px 10px; } #apply .form table tbody th{ padding:6px 10px} #apply .form table thead td{ font-weight:bold;color:#3ba0ff; padding:10px 0} #apply .form table thead h2{ font-size:14px;background:#ddd;line-height:40px; text-indent:20px } #apply .form table tbody td{ } #apply .form table tbody th{text-align:right;font-weight:normal} #apply .form table .input{ border:1px #e2e2e2 solid; padding:10px; width:230px; background-color:#fff; color:#555} #apply .form table .radio{ position:relative;top:-2px} #apply .form table select{ padding:7px;border:1px #e2e2e2 solid; color:#555; font-size:14px; min-width:252px} #apply .form table textarea{ border:1px #ccc solid; padding:6px; width:630px; height:80px} #apply .form table a.btn{ margin-left:5px; display:inline-block; background-color:#747979; color:#fff; font-size:14px; width:80px; height:30px; line-height:30px; text-align:center; position:relative;top:1px;} #apply .form table a.btn:hover{ background-color:#0066ca} #apply .form table a.link{ color:#1c7eec; margin-left:10px;} #apply .form table a.link:hover{ text-decoration:underline; color:#d3a129} #apply .form input.hover{ color:#555;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2); border-color:#74b9ef !important; background-color:#fff !important} .contact{} .contact .map-box{ width:544px; float:left; height:300px; background-color:#fff;} .contact .map{ width:544px; height:300px;} .contact .contact-info{ width:535px; height:240px; float:right; font-size:14px; background-color:#f5f5f5; padding:30px 20px; border-left:0; background-position:300px 200px;} .contact .contact-info strong{ font-size:26px; line-height:26px; display:block; height:60px; color:#0066ca; padding-left:20px;} .contact .contact-info strong span{ display:block; font-size:16.8px; color:#d3a129; font-family:"NoveDemiBold"; padding-top:3px;} .contact .contact-info label{ color:#888; position:absolute; left:0;top:6px; display:inline-block; width:50px; text-align:right} .contact .contact-info p{ position:relative;line-height:20px; padding:6px 0 5px 60px} .contact .company-list{ padding-top:30px; width:1133px; padding-bottom:30px; } .contact .company-list ul{ width:1213px;} .contact .company-list ul li{ width:367px; height:130px; float:left; background:#ddd; margin-right:10px; margin-bottom:10px; color:#555; position:relative; z-index:100} .contact .company-list ul li strong{ font-size:15px; line-height:22px; color:#333} .contact .company-list ul li p{ margin-top:5px; line-height:26px; } .contact .company-list ul li dl{height:110px; overflow:hidden;text-overflow:ellipsis; margin:10px 15px;} .contact .company-list ul li div{ background:url(../images/conatct-compant-bg.png) no-repeat 270px 85px #d3a129; color:#fff; position:absolute;top:0; left:0; width:367px; height:130px;opacity:0;filter: Alpha(opacity=0); z-index:100; overflow:hidden;box-shadow:0 0 5px rgba(0,0,0,0.45); } .contact .company-list ul li div dl{ overflow:hidden} .contact .company-list ul li div strong{ color:#fff} .contact .company-list ul li div a{ color:#fff; text-decoration:underline} .contact .company-list ul li div a:hover{ text-decoration:none} #jubao{ } #jubao h1{ font-size:24px; font-weight:normal; height:50px; border-bottom:3px #ddd solid; text-align:center} #jubao h1 span{ display:block; position:relative; height:50px; } #jubao .content{ line-height:180%;font-size:14px;} #jubao .content p{ margin-bottom:10px; text-indent:2em} #jubao .content h2{ font-size:15px; margin-top:20px; margin-bottom:10px;} #jubao .btns{ margin-top:30px; padding-left:125px} #jubao .btns button{ display:inline-block; border:0; cursor:pointer; padding:0 40px;height:45px; line-height:45px; background:#7cd440; color:#fff; font-size:16px; margin-right:10px} #jubao .btns button.btn2{ background-color:#888} #jubao .btns button:hover{ background-color:#555} #jubao .btns a{ display:inline-block; border:0; cursor:pointer; padding:0 40px;height:45px; line-height:45px; background:#7cd440; color:#fff; font-size:16px; margin-right:10px} #jubao .btns a.btn2{ background-color:#888} #jubao .btns a:hover{ background-color:#555} #jubao .form{ line-height:180%; font-size:14px;} #jubao .form span{ margin:0px 2px} #jubao .form table{ margin-top:20px; background:#ddd; width:100%;} #jubao .form table td{ padding:12px 10px;} #jubao .form table th{ padding:12px 10px} #jubao .form table thead td{ background:#dde5e7; font-weight:bold; font-size:15px; color:#0066ca; line-height:30px; text-indent:20px} #jubao .form table tbody td{ background:#fff;} #jubao .form table tbody th{ background:#f5f5f5; text-align:right;font-weight:normal} #jubao .form table .input{ border:1px #ccc solid; padding:10px; width:200px; background-color:#f7f5f4; color:#555} #jubao .form table .radio{ position:relative;top:-2px} #jubao .form table select{ padding:7px;border:1px #ccc solid; color:#555; font-size:14px; min-width:220px} #jubao .form table textarea{ border:1px #ccc solid; padding:6px; width:630px; height:80px} #jubao .form table a.btn{ margin-left:5px; display:inline-block; background-color:#777; color:#fff; font-size:14px; width:80px; height:30px; line-height:30px; text-align:center; position:relative;top:1px;} #jubao .form table a.btn:hover{ background-color:#f39800} #jubao .form table a.link{ color:#1c7eec; margin-left:10px;} #jubao .form table a.link:hover{ text-decoration:underline; color:#f39800} input.hover{ color:#555;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2); border-color:#74b9ef !important; background-color:#fff !important} .download{overflow:hidden; padding-bottom:40px; } .download ul{ width:1250px;} .download ul li{ width:250px; float:left; margin-right:53px; margin-top:30px; height:225px} .download ul li img{ width:100%;} .download ul li strong{ text-align:right; display:block; background-color:#fff; padding:10px 20px 15px; border:1px #e2e2e2 solid; border-top:0; font-weight:normal} .download ul li span{ float:left} .download ul li a{ color:#7cd440} .download ul li a:hover{ text-decoration:underline} .download ul li:hover strong{ background-color:#f7f5f4} .photo-list{ width:860px; overflow:hidden; min-height:450px; } .photo-list .list{ width:950px;} .photo-list .list li{ width:250px; float:left; margin-right:25px; margin-bottom:30px; padding:9px 9px 12px; border:1px #e2e2e2 solid;position:relative;-moz-opacity:0;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;height:220px; overflow:hidden} .photo-list .list li .image{ width:250px; height:165px; overflow:hidden} .photo-list .list li img{ width:100%;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;} .photo-list .list li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);} .photo-list .list li strong{ text-align:center; display:block; margin-top:10px; font-weight:normal} .photo-list .list li a{ display:block; position:absolute; left:0;top:0; width:250px; height:250px} .photo-list .list li em{ position:absolute; left:9px;top:9px; width:250px; height:166px; background-color:#000;filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; z-index:2; display:block;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;} .photo-list .list li i{ display:block; position:absolute; width:45px; height:45px; background:url(../images/video-icon.png) no-repeat; left:50%; margin-left:-22px;top:70px; z-index:3} .photo-list .list li:hover{ background-color:#0066ca; color:#fff; border-color:#0066ca} .photo-list .list li:hover em{filter:alpha(opacity=0);-moz-opacity:0; opacity:0;} .photo-list .list li.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} @font-face{font-family:"NoveDemiBold";src: url('novecentowide-demibold-webfont.eot');src: url('novecentowide-demibold-webfont.eot?#iefix') format('embedded-opentype'),url('novecentowide-demibold-webfont.woff2') format('woff2'),url('novecentowide-demibold-webfont.woff') format('woff'),url('novecentowide-demibold-webfont.ttf') format('truetype'),url('novecentowide-demibold-webfont.svg#dincond-boldalternateregular') format('svg');} .history{} .history .line{ height:46px; overflow:hidden;} .history .line ul{ width:920px;} .history .line li{ height:46px; width:148px; float:left; background:url(../images/line-bg.png) no-repeat 0 -46px; position:relative; margin-left:-7px; color:#fff; text-align:center; cursor:pointer; font-family:"NoveDemiBold"} .history .line li strong{ font-size:16px; display:block; line-height:48px;} .history .line li.current{ background-position:left 0; cursor:default} .history .list s{position:absolute; left:60px;top:-6px; display:block; background:url(../images/history-icon2.gif) no-repeat; width:12px; height:6px; display:none} .history .list h2{ font-family:18px; color:#333;line-height:60px; margin-bottom:20px; text-align:center;background-color:#7cd440; color:#fff; display:none} .history .list{position:relative; margin-top:10px;/* background-color:#fafafa; padding:30px;border:1px #e6e6e6 solid;*/ } .history .list ul li{font-size:14px; line-height:170%; margin-left:130px;background:url(../images/history-icon.gif) no-repeat 5px center; position:relative; padding:10px 0} .history .list ul li label{ display:block; color:#ffa328; font-size:16px; font-weight:bold; position:absolute;top:50%; margin-top:-11px; left:-130px; width:130px; text-align:right;font-family:"NoveDemiBold"} .history .list ul li p{ margin-left:50px; padding:17px 20px; background-color:#fff;-webkit-transition: background-color .25s,border .25s;transition:background-color .25s,border .25s; background-color:#f7f5f4; } .history .list ul li p span{ display:block; margin-bottom:10px} .culture-items{} .culture-items .item{ background-color:#eee; height:100px; margin-bottom:15px;} .culture-items .item h4{ background-color:#d3a129; height:100px; width:160px; float:left; text-align:center; position:relative;} .culture-items .item strong{ color:#fff; font-size:18px; line-height:100px;} .culture-items .item p{ width:645px; float:left; padding:15px 30px; margin:0; line-height:1.7} .honor{ clear:both; overflow:hidden } .honor .info{ margin-top:30px;line-height:195%;} .honor ul{ width:900px;} .honor li{ float:left; width:240px;height:210px; margin-bottom:30px; margin-right:30px; padding:14px; background-color:#f2f2f2;border:1px #e2e2e2 solid} .honor li img{ width:100%; height:180px;} .honor li p{ text-align:center; padding:10px 0 0px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block} .development{ margin-top:30px; height:550px;} .development .info{ line-height:2; text-indent:2em; font-weight:bold;visibility: hidden; visibility: visible\9;} .development .table{ width:580px; float:left; margin-top:30px;visibility: hidden; visibility: visible\9;} .development .table table{ background-color:#fff} .development .table table th{ background-color:#007cc2; color:#fff; padding:10px 15px; font-weight:normal} .development .table table td{ background-color:#d8eefb; padding:13px 15px; text-align:center} .development .map{ width:540px; float:right; margin-top:30px;visibility: hidden; visibility: visible\9;} .party-category{ } .party-category h2{ height:35px; position:relative; text-align:right; border-bottom:1px #ddd solid; line-height:25px} .party-category h2 span{ float:left; padding-right:2px;font-size:18px; color:#555; height:35px; border-bottom:1px #7cd440 solid; position:absolute;top:0; left:0} .party-category h2 a{ font-size:12px; font-weight:normal; color:#888; position:relative;top:0px;} .party-category h2 a:hover{color:#d3a129; } .party-category h2 a i{ position:relative;top:2px} .party-item-a{ width:737px; height:350px; overflow:hidden; position:relative; background-color:#ddd; float:left} .party-item-a li p{ position:absolute; left:0;top:270px; width:677px; height:50px; z-index:100; background:url(../images/mask.png); padding:15px 30px; color:#aaa; font-size:12px;} .party-item-a li p strong{ color:#fff; font-size:16px; display:block; height:30px;} .party-item-a li img{ width:737px; height:350px;} .party-item-a .hd{ position:absolute; right:20px;bottom:22px; z-index:200} .party-item-a .hd li{ float:left; width:30px; height:7px; background-color:#fff; margin-left:5px; cursor:pointer} .party-item-a .hd li.on{ background-color:#d3a129} .party-item-b{width:316px; height:308px; float:right; padding:20px 20px; border:1px #e2e2e2 solid} .party-item-b ul{ margin-top:15px} .party-item-b li { padding:9px 0; display:block;text-align:right; line-height:14px;} .party-item-b li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; font-size:14px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:260px;text-align:left} .party-item-b li span{ font-size:12px; color:#aaa} .party-item-c{ width:316px; float:left; margin-top:30px; padding:20px 20px; border:1px #e2e2e2 solid; height:310px} .party-item-c ul{ margin-top:15px} .party-item-c li { padding:9px 0; display:block;text-align:right; line-height:14px;} .party-item-c li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; font-size:14px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:260px; text-align:left} .party-item-c li span{ font-size:12px; color:#aaa} .party-item-d{ width:316px; float:left; margin-top:30px; padding:20px 20px; border:1px #e2e2e2 solid; margin-left:22px; height:310px} .party-item-d ul{ margin-top:15px} .party-item-d li { padding:9px 0; display:block;text-align:right; line-height:14px;} .party-item-d li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; font-size:14px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:260px; text-align:left} .party-item-d li span{ font-size:12px; color:#aaa} .party-item-e{ width:316px; float:right; margin-top:30px; padding:20px 20px; border:1px #e2e2e2 solid; height:310px} .party-item-e ul{ margin-top:15px} .party-item-e li { padding:9px 0; display:block;text-align:right; line-height:14px;} .party-item-e li a{ background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; font-size:14px; float:left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block;max-width:260px; text-align:left} .party-item-e li span{ font-size:12px; color:#aaa} .project-list{ width:870px; overflow:hidden; } .project-list .list{ width:950px;} .project-list .list li{ width:275px; float:left; margin-right:20px; position:relative; height:230px; margin-bottom:20px;-moz-opacity:0;opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;} .project-list .list li .image{ width:275px; height:183px; overflow:hidden} .project-list .list li .image img{ width:100%; -webkit-transition-duration: 0.6s;-moz-transition-duration: 0.6s;-o-transition-duration: 0.6s;} .project-list .list li span{ display:block; text-align:center;height:40px; line-height:40px; background-color:#f3f3f3;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .project-list .list li a{ display:block; width:275px; height:230px; position:absolute; left:0;top:0; z-index:2;} .project-list .list li a em{ display:block; width:275px; height:183px; background-color:#000;filter:alpha(opacity=0);-moz-opacity:0; opacity:0; -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .project-list .list li a i{ display:block; width:40px; height:40px; font-size:40px; color:#fff; position:absolute; z-index:2; left:120px;top:70px;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);filter:alpha(opacity=0);-moz-opacity:0; opacity:0; -webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;} .project-list .list li a:hover em{filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5; } .project-list .list li a:hover i{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);filter:alpha(opacity=100);-moz-opacity:1; opacity:1; } .project-list .list li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);} .project-list .list li:hover span{ background-color:#0066ca; color:#fff} .project-list .list li.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);} .bussiness-items{} .bussiness-items .item{ padding-bottom:30px; margin-bottom:30px; border-bottom:2px #f2f2f2 solid} .bussiness-items .item .image{ width:210px; float:left; height:140px} .bussiness-items .item .image img{ width:100%} .bussiness-items .item .text{ width:630px; float:right} .bussiness-items .item .text strong{ display:block; font-size:16px} .bussiness-items .item .text p{ line-height:1.8; margin-top:5px; color:#888} .bussiness-items .item .text p a{ color:#0066ca; margin-left:5px; font-size:12px;} .bussiness-items .item .text p a:hover{ text-decoration:underline} #other{ padding:30px 40px} #other h1{ text-align:center; margin-bottom:20px; line-height:120%; font-size:24px;} .site-map{ } .site-map dl{ border-top:1px #e6e6e6 solid; padding-top:20px; padding-bottom:20px} .site-map dl:last-child{ border-bottom:0} .site-map dt{ float:left; font-size:16px; width:10%; font-weight:bold} .site-map dd{ float:left; font-size:14px; width:90%} .site-map dd a{ margin:0 10px; color:#444; display:inline-block; width:120px; height:30px; line-height:30px; background-color:#f5f5f5; text-indent:20px; margin-bottom:10px; border:1px #ddd solid;-webkit-transition: all .25s;transition: all .25s; } .site-map dd a:hover{ color:#fff; background-color:#0066ca; border-color:#0066ca} .ahinvFd .ad{ z-index: 100; background: none; position: absolute; display: none; } .ahinvFd a{ color:#000000; display: inline-block; text-decoration: none; } .ahinvFd a img{ border: 0; } .ahinvFd .opacity{ position: absolute; top: 0; width: 100%; height: 25px; } .opacity1{ opacity: 0.90; filter: alpha(opacity = 90); } .ahinvFd .text{ position: absolute; top: 0; width: 100%; height: 25px; color: #000000; line-height: 25px; } .ahinvFd .text .button{ position: relative; float: right; top: 5px; right: 5px; width: 16px; height: 16px; background: url("../images/close2.png") no-repeat; cursor: pointer; } .ahinvFd .text .title{ position: relative; float: left; font-size: 12px; margin-left: 5px; }