@charset "utf-8";

html{ 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:1200px;}
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';
  src: url('http://at.alicdn.com/t/font_1463902036_8280928.eot'); /* IE9*/
  src: url('http://at.alicdn.com/t/font_1463902036_8280928.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('http://at.alicdn.com/t/font_1463902036_8280928.woff') format('woff'), /* chrome銆乫irefox */
  url('http://at.alicdn.com/t/font_1463902036_8280928.ttf') format('truetype'), /* chrome銆乫irefox銆乷pera銆丼afari, Android, iOS 4.2+*/
  url('http://at.alicdn.com/t/font_1463902036_8280928.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                                                  
                                      
                    

.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;   -webkit-text-stroke-width: 0.2px; -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);}}

#header :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;  
}
#header ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}
#header input:-ms-input-placeholder,
#header textarea:-ms-input-placeholder {
    color: #fff;
}
#header input::-webkit-input-placeholder,
#header textarea::-webkit-input-placeholder {
    color: #fff;
}

a{text-decoration:none; color:#444}
a:hover{color:#0a4cb4;}
.clearit{clear:both; }


.b{font-weight:bold}
.red{ color:#d42121 !important}
.orange{ color:#ff4a00}
.orange:hover{ text-decoration:underline}
.black{ color:#222}
.blue{ color:#0a4cb4}
.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}

.video-play{ position:fixed; left:0;top:0; z-index:999; width:100%; height:100%; display:none}
.video-play .mask{ position:absolute; left:0;top:0; width:100%; height:100%;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; z-index:1 }
.video-play .box{ width:700px; height:450px; position:absolute; left:50%; margin-left:-370px;top:50%; margin-top:-225px; z-index:3; padding:20px; background-color:#f2f2f2}
.video-play .close{ background:url(../images/fancy_close.png) no-repeat center center; display:block; text-indent:-10000px; width:40px; height:40px; position:absolute; left:50%; margin-left:349px;top:50%; margin-top:-242px; z-index:4}
.video-play .close:hover{ }


.wrapper{ width:1180px; margin:0 auto}
#top-bar{ height:35px; color:#888;line-height:35px; border-bottom:1px #e6e6e6 solid}
#top-bar .left{ font-size:13px; }
#top-bar .follow-links{ float:left; font-size:13px }
#top-bar .follow-links a{ margin-left:3px}
#top-bar .follow-links i{ color:#888; font-size:19px}
#top-bar .follow-links a:hover i{ color:#d42121}
#top-bar .tel{ float:left; margin-left:30px;font-size:16px; color:#d42121}
#top-bar .tel i{ margin-right:3px; font-size:18px; font-weight:normal}
#top-bar .tel a{ color:#d42121}
#top-bar .qq{ float:left; margin-left:20px}
#top-bar .qq a{ color:#d42121}
#top-bar .qq a:hover{ color:#659794}
#top-bar .qq i{ margin-right:3px; font-size:18px;}



#header{ height:90px;  width:100%;z-index:200; position:absolute; left:0;top:0;}
#header .mask{background:#fff;filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6;position:absolute; z-index:1; left:0;top:0; width:100%; height:90px;box-shadow:0px 3px 8px 0px rgba(0,0,0,0.0);}
#header .wrapper{ position:relative; z-index:2}
#header .logo{ position:absolute; left:0;top:20px;}
#header .top-link{ position:absolute; top:15px; right:0; font-size:12px; z-index:10}
#header .top-link .language{ float:left; line-height:28px;}
#header .top-link .language span{ color:#aaa; margin:0 7px;}
#header .top-link .language a{ color:#888}
#header .top-link .language a:hover{ color:#ffc600; }
#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-left:6px; }
#header .top-link .fast-menu strong{ font-weight:normal; line-height:24px; display:block; width:75px; text-align:center; cursor:pointer}
#header .top-link .fast-menu strong i{ font-size:16px; position:relative;top:2px; color:#aaa; margin-left:1spx;}
#header .top-link .fast-menu div{ display:none; position:absolute; right:0;top:29px; background-color:#fff; border:1px #bfcde1 solid; padding:5px 24px 15px}
#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:#ffc600}
#header .top-link .fast-menu div dl dd{ margin-top:5px;}
#header .top-link .fast-menu div dl dd a{ margin-right:10px;}
#header .top-link .fast-menu:hover strong{ height:29px; border:1px #bfcde1 solid; border-bottom:0;line-height:22px; width:73px; background-color:#fff; position:relative; z-index:2; color:#ffc600}
#header .top-link .fast-menu:hover div{ display:block}

#header .top-link .weixin-code{ float:left; margin-left:6px; position:relative;height:40px; z-index:222;top:3px;}
#header .top-link .weixin-code i{ display:block; width:24px; height:24px; background:url(../images/code.png) no-repeat}
#header .top-link .weixin-code div{ background-color:#fff; position:absolute; left:-85px; padding:10px; border:1px #e2e2e2 solid;top:30px; display:none}
#header .top-link .weixin-code div em{ display:block; width: 0; height: 0; border-left: 8px solid transparent;  border-right: 8px solid transparent;  border-bottom: 7px solid #e2e2e2; position:absolute; left:50%; margin-left:-8px;top:-7px; }
#header .top-link .weixin-code div img{ width:180px;}
#header .top-link .weixin-code div p{ text-align:center}

#header .nav{ position:absolute; right:0;top:56px;}
#header .nav ul li{ float:left; position:relative; height:34px; }
#header .nav ul li a{ display:block; float:left; height:34px; font-size:15px; font-weight:normal; color:#555; padding:0 10px; font-weight:bold}
#header .nav ul li a:hover{ color:#ffc600}
#header .nav ul li a.current{ color:#ffc600;}
#header .nav ul li i{ height:2px; background-color:#ffc600; width:100%; left:50%; margin-left:0px; width:0px; bottom:0;display:block; position:absolute;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
#header .nav ul li.hover a{color:#ffc600;}
#header .nav ul li.hover i{margin-left:-30px; width:60px;}
#header .nav ul li:first-child.hover i{ width:38px; margin-left:-19px;}

#sub-nav{ position:absolute;top:90px; left:0; width:100%; z-index:100; height:50px; overflow:hidden; min-width:1200px;}
#sub-nav .sub-nav-item{background:url(../images/sub-nav-bg.png); width:100%; height:50px; position:absolute; left:0;top:-50px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
#sub-nav .sub-nav-item.hover{top:0}
#sub-nav .sub-nav-item ul{ position:absolute; left:50%;top:0;}
#sub-nav .sub-nav-item a{ float:left; display:block; line-height:50px; color:#fff; margin-right:25px;}
#sub-nav .sub-nav-item a:hover{ color:#ffc600}


.page-nav{margin-top:30px;text-align:center}
.page-nav a{display:inline-block;line-height:40px;padding:0 20px;border:1px #ddd solid;border-radius:3px;margin:0 3px;}
.page-nav a.current{border-color:#0a4cb4;color:#0a4cb4;font-weight:bold}

#banner {position:relative; z-index:2; width:100%; height:650px; overflow:hidden;}
#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 .b1 {display:list-item;}
#banner .btns a {position:absolute; top:50%; z-index:4; margin-top:25px; 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:115px; z-index:2000; margin-left:-590px; width:1180px; 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:35px; height:7px; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; background-color:#fff;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#banner .g-wrap .idxs li.on {background-color:#ffc600;filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }

.index-chanye{ position:absolute; width:100%; left:0;top:500px;  height:150px; z-index:1000; background:url(../images/index-chanye-bg.png) repeat-x }
.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-slider{ width:1120px; margin:30px auto 20px; position:relative; z-index:3; height:100px;}
.index-chanye .chanye-slider ul{ width:1250px;}
.index-chanye .chanye-slider ul li{ width:200px; float:left; position:relative; z-index:2; margin-right:25px; }
.index-chanye .chanye-slider ul li .image{ width:194px; height:94px; position:relative; overflow:hidden; border:3px #fff solid}
.index-chanye .chanye-slider ul li img{-webkit-transition-duration: 0.8s;-moz-transition-duration: 0.8s;-o-transition-duration: 0.8s;}
.index-chanye .chanye-slider ul li span{ text-align:center; display:block; font-size:16px; color:#fff; position:absolute; left:3px;top:67px; height:30px; line-height:30px;width:194px; z-index:2}
.index-chanye .chanye-slider ul li em{ display:block; position:absolute; left:3px;top:67px; height:30px; line-height:30px; background-color:#111; width:194px; z-index;filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.index-chanye .chanye-slider ul li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.index-chanye .chanye-slider ul li a:hover em{ background-color:#0a4cb4;z-index;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.index-chanye .bx-wrapper .bx-controls-direction .bx-prev{ display:block; width:33px; height:65px; background:url(../images/arrow-left.png) no-repeat; position:absolute; left:-50px;top:20px; margin-top:0}
.index-chanye .bx-wrapper .bx-controls-direction .bx-next{ display:block; width:33px; height:65px; background:url(../images/arrow-right.png) no-repeat right 0; position:absolute; right:-50px;top:20px; margin-top:0}
.index-chanye .bx-wrapper .bx-pager{ display:none}


#index-notice{ background-color:#fff; height:46px;box-shadow:0px 1px 3px 0px rgba(0,0,0,0.05); display:none }
#index-notice h2{ float:left; line-height:46px; font-size:15px;}
#index-notice h2 i{ font-weight:normal}
#index-notice .list{ width:600px; margin-left:10px; float:left}
#index-notice .list li{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#index-notice .list li a{ line-height:46px;}
#index-notice .btns{ float:right; margin-top:15px;}
#index-notice .btns a{ display:block; background:url(../images/notice-btn.gif) no-repeat; width:24px; height:17px; overflow:hidden; text-indent:-10000px; float:left; margin-left:1px;}
#index-notice .btns a:hover{ background-position:0 -17px}
#index-notice .btns a.next{ background-position:-24px 0;}
#index-notice .btns a.next:hover{ background-position:-24px -17px;}

.index{ width:1180px; margin:0 auto; position:relative; margin-top:30px;  padding-bottom:30px; overflow:hidden; z-index:200}
.news-slider{ width:375px; height:255px; float:left; overflow:hidden; position:relative}
.news-slider .bd{ width:375px;}
.news-slider .bd ul li{ position:relative}
.news-slider .bd ul li img{ width:375px; height:255px;}
.news-slider .bd ul li p{ position:absolute; left:0;top:215px; height:40px; z-index:2; width:100%}
.news-slider .bd ul li p em{ position:absolute; left:0;top:0; width:100%; height:40px; background-color:#000;opacity:0.5;}
.news-slider .bd ul li p a{ position:relative; z-index:2; color:#fff; line-height:40px; padding-left:20px; font-size:14px;}
.news-slider .bd ul li p a:hover{ text-decoration:underline}
.news-slider .hd{ position:absolute; right:15px;bottom:14px; z-index:10}
.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:450px; float:left; background-color:#fff; margin-left:30px;}
.index-news h2{ font-size:20px; height:35px; font-weight:normal; display:none}
.index-news-box{ border:1px #e2e2e2 solid}
.index-news-con{ padding:15px;}
.index-news h3{ height:40px; border-bottom:1px #ddd solid ; background-color:#f7f5f4}
.index-news h3 a.tab{ font-size:15px; display:block; font-weight:normal; float:left; text-align:center; width:111px; height:40px; line-height:43px; border-right:1px #ddd solid; color:#666;background: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8); }
.index-news h3 a.current{ border-top:3px #0040b5 solid; font-weight:bold; color:#0040b5; border-bottom:1px #fff solid; height:38px; line-height:39px; background:#fff; position:relative;top:-1px}
.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 div.list{height:183px; overflow:hidden;  }
.index-news div.list dl{ padding-bottom:7px;border-bottom:1px #d1d5d7 dashed; padding-top:3px;}
.index-news div.list dl strong{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px;}
.index-news div.list dl p{ font-size:12px; color:#666; margin-top:8px; line-height:160%; }
.index-news div.list dl p a{ color:#0040b5}
.index-news div.list dl p a:hover{ text-decoration:underline; color:#ffc600}
.index-news div.list ul{  }
.index-news div.list ul li{ padding:10px 0; text-align:right; border-bottom:1px #d1d5d7  dashed;}
.index-news div.list ul li a{ float:left; background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; display:inline-block; max-width:350px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;_width:310px; text-align:left}
.index-news div.list ul li span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#888}
.index-news div.list ul li:last-child{ border-bottom:0;}

.index-other{ width:300px; float:right;}
.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-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 ; border-top:1px #f2f2f2 solid}
.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; }
.index-links li{ float:left; width:130px; text-align:center}
.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:#ffc600}
.index-links li a:hover i{ color:#ffc600}

.index-pro{ margin-top:17px;  overflow:hidden; height:120px; position:relative}
.index-pro-slider{ height:100px; overflow:hidden}
.index-pro-slider li { height:100px;}
.index-pro-slider li img{ width:120px; height:100px; float:left}
.index-pro-slider li p{ width:160px; float:right; font-size:12px; line-height:1.8; color:#888; height:100px;}
.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 #ffc600; 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}


#footer{ background:#d7e7f3; position:relative; z-index:100; height:100px;} 
#footer .footer-line{ height:2px; background-color:#ffc600;}
#footer .footer-line em{ width:400px; background-color:#0a4cb4; display:block; height:2px}
#footer .wrapper{ }
#footer .footer-left{ float:left; padding-top:15px; line-height:26px;}
#footer .footer-left p{ color:#666}
#footer .footer-left span{ color:#bbb; font-size:12px; margin:0 10px; position:relative;top:-1px}
#footer .footer-left a{ font-weight:bold}
#footer .footer-left p a{ font-weight:normal}
#footer .footer-right{ float:right; padding-top:15px; text-align:right; line-height:26px;}
#footer .footer-right img{ }
#footer .footer-right a{ color:#0a4cb4; margin-left:10px}
#footer .footer-right a:hover{ color:#ffc600}

#follow-btn{ position:fixed;right:5px;bottom:-106px; z-index:99;-webkit-transition:bottom 0.3s;-moz-transition:bottom 0.3s;transition: bottom 0.3s; display:none}
#follow-btn a{ display:block; background-color:#888; color:#fff; width:50px; height:50px; margin-bottom:3px; line-height:50px; text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; }
#follow-btn a i{font-size:20px;}
#follow-btn a:hover{ background-color:#f39800}

#page-banner{  width:100%; position:relative; overflow:hidden; height:230px;}
#page-banner img{ position:absolute; left:50%; margin-left:-960px;top:0px;}

.location{position:relative; height:36px; line-height:36px;  margin:0 auto; overflow:hidden; font-size:12px; float:right; color:#888}
.location a{}
.location a:hover{ text-decoration:underline}
.location i{ margin-right:8px;}

#page-top{ height:60px; line-height:60px; border-bottom:1px #e2e2e2 solid;/*background: rgba(255, 255, 255, 0.8)!important;filter: Alpha(opacity=80);*/ background-color:#fff}
#page-top .sub-cate{ float:right}
#page-top .sub-cate a{ display:block; line-height:60px; float:left; position:relative;  margin-left:40px}
#page-top .sub-cate a i{ display:block; width:0; height:2px; position:absolute; left:0;bottom:-1px; background-color:#0a4cb4;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
#page-top .sub-cate a.hover{ color:#ffc600; font-weight:bold}
#page-top .sub-cate a.hover i{width:100%;}
#page-top .location{ float:left; border:0; padding:0; line-height:60px; height:60px;}


#page{width:1180px; margin:0 auto; position:relative; margin-bottom:50px;}
.page-left{ width:805px; float:left; border-right:1px #e2e2e2 solid; padding-right:25px; min-height:565px;}
.page-right{ width:325px; float:right; margin-top:25px;}

.zsqy-list{margin-top:30px;}
.zsqy-list li{background-color:#f2f2f2; margin-bottom:15px;border-radius:5px; overflow:hidden}
.zsqy-list li .image{ float: left; width: 30%; }
.zsqy-list li .image img{width:100%}
.zsqy-list li .text{ padding:2.5% 4%; width:62%;float:left}
.zsqy-list li h2{ font-size:18px; position:relative;line-height:1.4; color:#111; font-weight:400}
.zsqy-list li p{ font-size:14px; color:#888 !important; line-height:1.8; margin:10px 0; }
.zsqy-list li a.more{color:#ff0000;}
.zsqy-list li a.more:hover{text-decoration:underline}

.member-title{font-size:22px;text-align:center}


.member-view{margin-top:30px; border:1px #e2e2e2 solid; padding:25px 30px 30px;box-shadow: 8px 8px 0px rgba(0,0,0,.05); background-color:#fff;min-height:400px;line-height:1.8}
.member-view p{margin-bottom:15px;}
.member-view img{max-width:100%}


div.contact-info{ padding:15px 30px 40px;background:url(../images/map.png) no-repeat 60px 60px #e8e8e8; font-size:13px;}
div.contact-info p{ margin:6px 0px; line-height:150%;}
div.contact-info p b{ font-size:16px; position:relative;top:1px}
div.contact-info p i{ margin-right:5px; position:relative;top:1px;color:#85909b}
div.contact-info a.map-btn{ display:block; background-color:#0a4cb4;color:#fff; line-height:40px; text-align:center; margin:15px auto 0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; font-size:12px;}
div.contact-info a.map-btn:hover{ background-color:#ffc600}
div.contact-info a.map-btn i{ margin-right:5px;}

.about-right-pic{ margin-bottom:10px;}

.page-content{font-size:14px; line-height:200%; margin-top:30px}
.page-content p{ margin:15px 0}
.page-content strong{ color:#ffc600; }
.page-content b{ color:#222}
/*
.page-content a{ color:#008aee}
.page-content a:hover{ color:#ffc600}
*/

.bussiness-cate{ height:46px; line-height:46px; text-align:center; padding-top:15px;}
.bussiness-cate a{ display:block; float:left; margin-right:2px; text-align:center; width:194px; background-color:#bebebe; color:#fff}
.bussiness-cate a.hover{ background-color:#0a4cb4; font-weight:bold}
.bussiness-cate a:hover{background-color:#0a4cb4}

.bussiness-list{ width:1260px;}
.bussiness-list .item{ width:380px; float:left; position:relative; margin-right:20px; margin-top: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:#0a4cb4}
.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:#ffc600; 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:#0a4cb4}
.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:#ffc600; 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:#0a4cb4; color:#fff; border-color:#0a4cb4}

.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:#ffc600; margin-right:10px;}
.xg-case .list-con{ width:1080px; float:left; margin-top:30px; overflow:hidden; margin-left:20px;}
.xg-case .list-con ul{ width:1180px; height:200px; overflow:hidden}
.xg-case .list-con ul li{ width:240px; float:left; margin-right:30px; position:relative; height:200px;}
.xg-case .list-con ul li .image{ width:240px; 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:240px; height:200px; position:absolute; left:0;top:0; z-index:2;}
.xg-case .list-con ul li a em{ display:block; width:240px; 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:#0a4cb4; color:#fff}
.xg-case .prev-btn{ display:block; width:40px; height:130px; float:left;  margin-top:50px; text-align:center; line-height:130px; color:#888;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.xg-case .prev-btn i{ font-size:46px;}
.xg-case .prev-btn:hover{ color:#ffc600}
.xg-case .next-btn{ display:block; width:40px; height:130px; float:right;margin-top:50px;text-align:center; line-height:130px; color:#888;}
.xg-case .next-btn i{ font-size:46px;}
.xg-case .next-btn:hover{ color:#ffc600}
.xg-case .bx-wrapper{ margin-bottom:0}
.xg-case .bx-controls{ display:none}


.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:absolute; 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:#0a4cb4}
.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:#ffc600}
.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:#ffc600; margin-bottom:10px;}
.news-banner .slider ul li .info p span{ display:block; color:#ffc600; 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 #ffc600; 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-main{ width:1180px; margin:0 auto; margin-top:30px; margin-bottom:30px}
.news-main .item-a{ width:780px; float:left}
.news-main h2{ font-size:24px; font-weight:normal}
.news-main h2 i{ font-size:18px; margin-left:5px;}
.news-main h2 em{ display:inline-block; background-color:#ffc600; width:5px; height:23px; margin-right:10px; position:relative;top:4px}
.news-main .item-a .slider{ width:400px; float:left; margin-top:20px;}
.news-main .item-a .slider li{ height:280px; position:relative}
.news-main .item-a .slider li p{ background:url(../images/back.png) ; height:40px; line-height:40px; width:100%; position:absolute; left:0;top:240px; color:#fff; text-align:center}
.news-main .item-a .slider li p a{ color:#fff;}
.news-main .item-a .list{ width:340px; background:#fff; float:left; margin-top:20px; height:240px; padding:20px;box-shadow:0px 2px 15px 0px rgba(0,0,0,0.1);}
.news-main .item-a .list dl{ height:90px; border-bottom:1px #ccc solid; margin-bottom:10px;}
.news-main .item-a .list dl strong{ font-size:18px;}
.news-main .item-a .list dl strong a{ color:#0a4cb4;}
.news-main .item-a .list dl p{ margin-top:10px; color:#666; line-height:1.6}
.news-main .item-a .list ul li{ padding:7px 0; height:16px; line-height:16px; background:url(../images/li.gif) no-repeat 0 center; padding-left:10px; text-align:right; color:#888}
.news-main .item-a .list ul li a{ float:left;display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:280px; text-align:left;}
.news-main .item-b{ width:360px; float:right}
.news-main .item-b ul{ margin-top:10px;}
.news-main .item-b ul li{ border-bottom:1px #ccc dotted; padding:10px 0;background:url(../images/li.gif) no-repeat 0 19px; padding-left:15px;}
.news-main .item-b ul li span{ display:block; font-size:12px; color:#888; margin-top:5px;}
.news-main .item-b ul li a{ display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100% }
.news-main .item-c{ margin-top:30px; width:780px; float:left}
.news-main .item-c ul li{ border-bottom:1px #e2e2e2 solid; height:90px; padding:21px 0}
.news-main .item-c ul li .image{ width:180px; float:left}
.news-main .item-c ul li .image img{ widows:190px; height:90px}
.news-main .item-c ul li .info{ width:600px; float:right}
.news-main .item-c ul li .info strong{ text-align:right; height:20px; display:block;}
.news-main .item-c ul li .info strong a{ float:left; font-size:16px;}
.news-main .item-c ul li span{ display:block; font-weight:normal; color:#888; padding-top:6px; font-size:12px;}
.news-main .item-c ul li .info  p{ margin-top:7px; line-height:1.6; color:#666}
.news-main .item-d{ margin-top:30px; width:360px; float:right}
.news-main .item-d ul{ margin-top:10px;}
.news-main .item-d ul li{ border-bottom:1px #ccc dotted; padding:13px 0;background:url(../images/li.gif) no-repeat 0 center; padding-left:15px; text-align:right}
.news-main .item-d ul li span{font-size:12px; color:#888;}
.news-main .item-d ul li a{ display:inline-block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:300px; float:left; text-align:left }



.news-category{width:1180px; margin:0 auto; margin-top:30px; margin-bottom:40px}
.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:22px; font-weight:normal; height:35px; border-bottom:2px #ffc600 solid; position:absolute;top:0; left:0}
.news-category h2 a{ font-size:12px; font-weight:normal; color:#888; position:relative;top:5px;}
.news-category h2 a:hover{color:#ffc600; }
.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:#444; border-bottom:1px #fff solid; height:34px; font-weight:normal}
.news-category h3 a{ font-size:12px; font-weight:normal; color:#888; position:relative;top:8px;}
.news-category h3 a:hover{color:#ffc600; }
.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:645px; 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:#ffc600; position:relative}
.news-category .list-b dl strong{ display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; line-height:20px}
.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:485px; text-align:left}
.news-category .list-b li span{ font-size:12px; color:#aaa}

.news-category .list-c{ width:380px; float:left; margin-top:30px; margin-left:35px;  }
.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:305px; text-align:left}
.news-category .list-c li span{ font-size:12px; color:#aaa}

.news-category .list-d{ width:380px; float:left;margin-top:30px; overflow:hidden; }
.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:115px;}
.news-category .list-d li div{ width:250px; 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:350px; float:left; margin-top:30px; margin-left:35px;  }
.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:275px; text-align:left}
.news-category .list-e li span{ font-size:12px; color:#aaa}


.news-search{ margin-bottom:10px; }
.news-search .input{border:0; width:253px; height:19px; background-color:#e2e2e2; line-height:19px; padding:10px 10px; color:#888;  border:1px #e2e2e2 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:#0a4cb4; 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:#f00; }

#pages{ text-align:center; padding-top:25px; height:60px;}
#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:#746969; border-color:#746969; color:#fff}
#pages a.active{ background-color:#0a4cb4;border-color:#0a4cb4; 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:25px 0}
.news-list .item .time{ width:80px; height:70px; background:url(../images/page-title-bg.png) repeat-x; color:#fff; padding:8px 15px 0; text-align:center; float:left}
.news-list .item .time strong{ display:block; font-size:32px; }
.news-list .item .image{ width:120px; float:left}
.news-list .item .image img{ width:120px; height:80px;}
.news-list .item .text{ }
.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;}
.news-list .item .text strong a{ float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; max-width:670px}
.news-list .item .text p{ line-height:25px; margin-top:8px; height:50px; overflow:hidden; color:#746969}

.news-list2{ margin-top:20px;}
.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-view{ margin-top:25px;}
.news-view h1{font-size:16px; text-align:center; line-height:33px; padding:10px 50px 20px; color:#37343b;}
.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:#0a4cb4; 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 .content img{max-width:100%}
.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}

.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}


.technology{margin-top:30px;}
.technology-intro{line-height:1.8;margin-bottom:30px;}
.technology .item{ margin-bottom:10px}
.technology h2{ background:url(../images/p-bg8.gif) no-repeat 0 -60px #ededed; background-size:60px 120px; overflow:hidden; height:60px; line-height:60px; padding-left:75px;font-size:15px;cursor:pointer; }
.technology h2:hover{ background-color:#ddd}
.technology h2.hover{ background-position:0 0}
.technology .content{ padding:10px 30px 20px; display:none; font-size:13px;border:1px #ddd solid; line-height:1.8}
.technology .content h3{font-size:15px; margin-top:20px; margin-bottom:10px;}
.technology .content p{ margin-bottom:10px;}


.zizhi-list{ width:1180px;}
.zizhi-list .list{ width:860px; float:left}
.zizhi-list .list li{ width:220px;float:left; margin-right:24px; margin-top:30px; position:relative; overflow:hidden; border:1px #e2e2e2 solid; padding:30px 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:300px; float:right}
.zizhi-list .list2 li{ width:258px; margin-right:20px; margin-top:30px; position:relative; overflow:hidden; border:1px #e2e2e2 solid; padding:10px;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{ width:1180px;}
.member-list .list{ width:1260px; float:left}
.member-list .list li{ width:508px;float:left; margin-right:40px; margin-top:30px; position:relative; overflow:hidden; border:1px #e2e2e2 solid; padding:25px 30px 30px;box-shadow: 8px 8px 0px rgba(0,0,0,.05); height:120px; background-color:#fff}
.member-list .list li strong{ color:#0a4cb4; font-size:16px; border-left:5px #ffc600 solid; padding-left:12px;}
.member-list .list li p{ margin-top:10px; line-height:1.8; color:#555}



.hr-content{ clear:both; }
.hr-content .item{ margin-top:30px; border-bottom:1px #e2e2e2 dashed; padding-bottom:30px}
.hr-content .item img{ width:260px; height:140px; float:left; margin-top:3px;}
.hr-content .item .text{ width:510px; float:right; }
.hr-content .item .text strong{ color:#0a4cb4; font-size:18px;}
.hr-content .item .text  p{ margin-top:15px; line-height:26px;}


.job-search{ background-color:#f1eff1; margin-top:25px;}
.job-search ul{ margin-top:20px; padding:20px 40px 10px;}
.job-search ul li{ position:relative; margin-left:80px; margin-bottom:10px; line-height:30px}
.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:#0a4cb4; color:#fff}
.job-search ul li a.more{ color:#0a4cb4; 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:#0a4cb4}
.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{ margin-top:30px;}
.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:#0a4cb4}
.job-list td a:hover{ text-decoration:underline}
.job-list a.btn{ display:block; width:60px; background:#0a4cb4; 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:#ffc600; text-decoration:none}
.job-list p.none{ background-color:#e2e2e2; text-align:center; padding:25px 0}

.job-view{ margin-top:25px }
.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:22px; float:left; width:640px }
.job-view h1 a{ height:52px; display:block; float:right; line-height:52px; width:160px; text-align:center; color:#fff;background:#0a4cb4; 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:#ffc600}
.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:#ffc600}
.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:#0a4cb4; 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:#0a4cb4; 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:#ffc600;}

#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:#0a4cb4}
#apply .form table a.link{ color:#1c7eec; margin-left:10px;}
#apply .form table a.link:hover{ text-decoration:underline; color:#ffc600}
#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{ width:1180px; margin:30px auto 40px;}
.contact .map-box{ width:592px; float:left; height:450px; background-color:#fff;}
.contact .map{ width:592px; height:450px;}
.contact .contact-info{ width:547px; height:408px; float:right; font-size:14px; background-color:#fff; border:1px #e2e2e2 solid; padding:20px; border-left:0; background-position:300px 180px;}
.contact .contact-info strong{ font-size:31px; line-height:31px;  display:block; height:60px; color:#0a4cb4; padding-left:20px;}
.contact .contact-info strong span{ display:block; font-size:12px; color:#ffc600; font-family:Arial, Helvetica, sans-serif}
.contact .contact-info label{ color:#888;  position:absolute; left:0;top:2px; display:inline-block; width:50px; text-align:right}
.contact .contact-info p{ position:relative;line-height:20px; padding:2px 0  2px 60px}
.contact .company-list{ padding-top:30px; width:1133px; padding-bottom:30px; }
.contact .company-list ul{ width:1213px;}
.contact .company-list ul li{ width:386px; height:100px; 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:80px; overflow:hidden;text-overflow:ellipsis; margin:10px 15px;}
.contact .company-list ul li div{ background:url(../images/conatct-compant-bg.png) no-repeat 250px 96px #ffc600; color:#fff; position:absolute;top:0; left:0; width:386px; height:90px;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}

.photo-list{ width:1180px; overflow:hidden; min-height:450px;}
.photo-list .list{ width:1250px;}
.photo-list .list li{ width:250px; float:left; margin-right:33px; margin-top: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;}
.photo-list .list li .image{ width:250px; height:166px; 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:7px;}
.photo-list .list li a{ display:block; position:absolute; left:0;top:0; width:250px; height:220px}
.photo-list .list li:hover{ background-color:#ffc600; color:#fff; border-color:#ffc600}
.photo-list .list li.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}

.honor-list{ width:1180px; overflow:hidden;}
.honor-list .list{ width:1250px;}
.honor-list .list li{ width:250px; float:left; margin-right:33px; margin-top: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;}
.honor-list .list li .image{ width:250px; height:166px; overflow:hidden; text-align:center}
.honor-list .list li img{  max-width:100%; max-height:100%;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;}
.honor-list .list li strong{ text-align:center; display:block; margin-top:10px;}
.honor-list .list li a{ display:block; position:absolute; left:0;top:0; width:250px; height:220px}
.honor-list .list li.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.honor-list .list li:hover{ background-color:#ffc600; color:#fff; border-color:#ffc600}

.history{ margin-top:30px;}
.history .intro{ font-size:15px; text-align:center; line-height:2; font-weight:bold;padding:0px 10%;}
.history .intro h2{ font-size:20px;}
.history .intro p{ }

.history .line{ height:70px; overflow:hidden; margin-top:20px}
.history .line ul{ width:1220px;}
.history .line li{ height:40px; width:403px; float:left; background:url(../images/line-bg.png) no-repeat left bottom; position:relative; margin-left:-15px; color:#fff; text-align:center; padding:15px 0; cursor:pointer}
.history .line li strong{ font-size:16px; display:block;; height:26px;}
.history .line li.current{ background-position:left 0; cursor:default}

.history .history-con{ margin-top:20px; position:relative;}
.history .history-con em{ width: 0;height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent;  border-bottom: 10px solid #ffc600; display:block; position:absolute; left:190px;top:-10px}
.history .slider{ margin-top:20px; overflow:hidden ; height:180px;}
.history .slider ul{ width:1250px;}
.history .slider li{ width:270px; float:left; margin-right:20px; height:190px;}
.history .slider li img{ width:100%;}
.history .list-con{  overflow:hidden; background-color:#fff; padding:30px 30px; border:5px #ffc600 solid;}
.history .list-con .list{}
.history .list-con li{ margin-bottom:15px;}
.history .list-con li strong{ font-size:15px; display:block}
.history .list-con li p{ margin-top:10px; line-height:1.7; color:#666;}

.party-category{ padding-top:30px;}
.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:22px; font-weight:normal; height:35px; border-bottom:2px #ffc600 solid; position:absolute;top:0; left:0}
.party-category h2 a{ font-size:12px; font-weight:normal; color:#888; position:relative;top:5px;}
.party-category h2 a:hover{color:#ffc600; }
.party-category h2 a i{ position:relative;top:2px}
.party-item-a{ width:780px; height:350px; overflow:hidden; position:relative; background-color:#ddd; float:left}
.party-item-a li p{ position:absolute; left:0;top:270px; width:720px; 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:780px;}
.party-item-a .hd{ position:absolute; right:20px;bottom:20px; z-index:200}
.party-item-a .hd li{ float:left; width:30px; height:8px; background-color:#fff; margin-left:5px; cursor:pointer}
.party-item-a .hd li.on{ background-color:#ffc600}

.party-item-b{width:320px; float:right;  padding:20px 30px; border:1px #e2e2e2 solid; height:308px;}
.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:270px;text-align:left}
.party-item-b li span{ font-size:12px; color:#aaa}
.party-item-c{ width:320px; float:left; margin-top:30px; padding:20px 30px; border:1px #e2e2e2 solid; height:300px;}
.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:270px; text-align:left}
.party-item-c li span{ font-size:12px; color:#aaa}
.party-item-d{  width:320px; float:left; margin-top:30px; padding:20px 30px; border:1px #e2e2e2 solid; margin-left:20px; height:300px}
.party-item-d ul{ margin-top:15px}
.party-item-d li { padding:8px 0; display:block;text-align:right; line-height:16px;}
.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:270px; text-align:left}
.party-item-d li span{ font-size:12px; color:#aaa}

.party-item-e{  width:320px; float:right; margin-top:30px; padding:20px 30px; border:1px #e2e2e2 solid; height:300px;}
.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:270px; text-align:left}
.party-item-e li span{ font-size:12px; color:#aaa}


.party-cate{ height:50px; border-bottom:1px #ffc600 solid; margin-top:30px;}
.party-cate a{ display:block; line-height:50px; height:48px; float:left; margin-right:2px; background-color:#aaa; padding:0 50px; color:#fff; font-size:16px;}
.party-cate a.current{ background-color:#ffc600; height:50px;}


.project-list{ width:1180px; overflow:hidden; min-height:450px; padding-top:20px}
.project-list .list{ width:1250px;}
.project-list .list li{ width:280px; float:left; margin-right:20px; position:relative; height:230px; margin-top: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:280px; height:186px; 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:280px; height:230px; position:absolute; left:0;top:0; z-index:2;}
.project-list .list li a em{ display:block; width:280px; height:186px; 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:#0a4cb4; color:#fff}


.project-list .list li.hover{-moz-opacity:1;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}


.download-left{ width:250px; float:left; margin-top:30px;}
.download-left li a{ display:block; line-height:50px; background-color:#eee; margin-bottom:1px; padding-left:30px;}
.download-left li a.current{ background-color:#06c; color:#fff}
.download-right{ width:820px; float:right; background-color:#ff; border:1px #ddd solid; margin-top:30px; padding:40px; min-height:480px}
.download-title{ font-size:20px; border-bottom:2px #eee solid; padding-bottom:20px;}