@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:#e2e2e0;color:#3d4852;font-size:14px; font-family:Tahoma, "微软雅黑",Arial,sans-serif; width:100%; min-width:1250px; line-height:1.5}

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:Tahoma,"微软雅黑",Arial,sans-serif;}

@font-face {

  font-family: 'iconfont';  /* project id 47137 */

  src: url('../font/font_1447226085_4470503.eot');

  src: url('../font/font_1447226085_4470503.eot?#iefix') format('embedded-opentype'),
url('../font/font_1447226085_4470503.woff') format('woff'),
url('../font/font_1447226085_4470503.ttf') format('truetype'),

  url('../static/font/font_1447226085_4470503.svg#iconfont#iconfont#iconfont') format('svg');

}





.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal;}

@-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:#3d4852}

a:hover{color:#f77d00;}

.clearit{clear:both; }





.b{font-weight:bold}

.red{ color:#f00 !important}

.orange{ color:#ff4a00}

.orange:hover{ text-decoration:underline}

.black{ color:#222}

.blue{ color:#0294C5}

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







.wrapper{ width:1200px; margin:0 auto}







#header{ width:100%;z-index:100; position:relative; background:#fff}

#header .wrapper{ position:relative; z-index:2; height:90px;}

#header .logo{ float:left; margin-top:12px; }

#header form{ float:right; margin-right:20px; margin-top:32px; position:relative;  }

#header form .input{ height:16px; width:150px; line-height:16px; padding:8px 10px; border:0; background-color:#f2f2f2;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}

#header form .hover{ background-color:#ddd; width:170px; }

#header form button{ width:36px; height:32px; background:url(../images/search-icon.png) no-repeat center center; cursor:pointer;border:0; position:absolute; right:0;top:0}

#header .link{ float:right; margin-top:37px; margin-right:-3px; position:relative}

#header .link span{ color:#ddd; margin:0 10px; font-size:12px;}

#header .link a:hover{ text-decoration:underline}

#header .fast-menu{ float:right; margin-top:35px; position:relative; z-index:2 }

#header .fast-menu strong{ font-weight:normal; line-height:26px; display:block; width:90px; text-indent:10px;  cursor:pointer; background:url(../images/down.gif) no-repeat 72px 11px;}

#header .fast-menu strong i{ font-size:12px}

#header .fast-menu div{ display:none; position:absolute; right:0;top:29px; background-color:#fff; border:1px #bfcde1 solid; padding:5px 24px 15px; width:180px; font-size:12px;}

#header .fast-menu div dl{ border-bottom:1px #ddd dotted; padding:12px 0; }

#header .fast-menu div dl:last-child{ border:0;}

#header .fast-menu div dl dt{ font-size:14px; color:#f39800}

#header .fast-menu div dl dd{ margin-top:5px;}

#header .fast-menu div dl dd a{ margin-right:10px;}

#header .fast-menu:hover strong{ height:29px; border:1px #bfcde1 solid; border-bottom:0;line-height:24px; width:88px; background-color:#fff; position:relative; z-index:2; color:#f39800; background-position: 71px 10px; text-indent:9px;}

#header .fast-menu:hover div{ display:block}



#nav{ background:url(../images/nav-bg2.png) repeat-x; height:50px; position:absolute; z-index:3; width:100%; left:0;top:0px;/*-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;*/}

#nav .nav{ height:50px; width:1200px; margin:0 auto;}

#nav .nav ul{ }

#nav .nav ul li{ float:left;position:relative; background:url(../images/nav-li.png) no-repeat right 0}

#nav .nav ul li strong{ position:relative; z-index:2}

#nav .nav ul li strong a{ display:block; float:left; width:108.4px;text-align:center; line-height:50px; position:relative; z-index:2;/*-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; */color:#fff; font-size:15px; }

#nav .nav ul li strong.hover a{ background-color:#f77d00}

#nav .nav ul li i{ display:block;position:absolute; width:100%; height:0; left:0;bottom:0; background-color:#f77d00;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; z-index:3}

#nav .nav ul li.hover strong a{ color:#fff;}

#nav .nav ul li.hover strong i{height:50px}

#nav .nav dl{ float:right;background:url(../images/nav-bg3.png) repeat-x; line-height:50px; width:224px; text-align:center; color:#769fca}

#nav .nav dl:before {content:"";width:16px;;height:16px; background:url(../images/lag.png) no-repeat;display:inline-block; margin-right:5px; position:relative;top:3px }

#nav .nav dl a{ color:#fff;}

#nav .nav dl a:hover{ text-decoration:underline}

#nav .nav dl span{ margin:0 10px; color:#206cbb}



#nav2{ height:50px;background:url(../images/nav-bg2.gif) repeat-x; position:relative; z-index:3}

#nav2 .nav{ height:50px; width:1200px; margin:0 auto;}

#nav2 .nav ul{ }

#nav2 .nav ul li{ float:left;position:relative; background:url(../images/nav-li.png) no-repeat right 0}

#nav2 .nav ul li strong{ position:relative; z-index:2}

#nav2 .nav ul li strong a{ display:block; float:left; width:127px;text-align:center; line-height:50px; position:relative; z-index:2;/*-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; */color:#fff; font-size:15px; }

#nav2 .nav ul li strong.hover a{ background-color:#f77d00}

#nav2 .nav ul li i{ display:block;position:absolute; width:100%; height:0; left:0;bottom:0; background-color:#f77d00;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; z-index:3}

#nav2 .nav ul li.hover strong a{ color:#fff;}

#nav2 .nav ul li.hover strong i{height:50px}

#nav2 .nav dl{ float:right;}

#nav2 .nav dl a{ display:block; float:right; line-height:50px; width:184px; text-align:center;color:#fff;}

#nav2 .nav dl a:hover{ background-color:#e17200}



.sub-nav-bg{position:absolute;top:50px; left:0; width:100%; background-color:#fff; display:none}

.sub-nav-bg a{ display:block; padding:0px 10px; color:#666; line-height:34px; text-indent:20px; font-size:13px; background:url(../images/sub-li.gif) no-repeat 20px center; }

.sub-nav-bg a:hover{ color:#155fad; background-color:#f2f2f2}





#sub-nav{ position:absolute;top:140px; left:0; width:100%; z-index:998; height:0px; min-width:1250px; 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}

#sub-nav.hover{ height:360px}

#sub-nav.hovers{top:80px;}

#sub-nav .sub-nav-bg{ display:none;background:#fafafa;width:100%;filter:alpha(opacity=95);-moz-opacity:0.9;opacity:0.9; height:260px; 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;}



#sub-nav .sub-nav-item{ width:100%; height:260px; position:absolute; left:0;top:20px;transition-duration: 0.3s;-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 .con{ position:absolute; left:50%;top:0;height:260px; background:url(../images/blank.gif); background-color:#fff;box-shadow:0px 3px 15px 0px rgba(0,0,0,0.08);}

#sub-nav .sub-nav-item .con .links{ float:left;padding:20px 0 0 30px;height:240px; background-color:#f3f3f3}

#sub-nav .sub-nav-item .con dl{width:130px;}

#sub-nav .sub-nav-item .con dl dd{border-bottom:1px #ddd solid;float:left;width:100px; margin-right:30px;}

#sub-nav .sub-nav-item .con dl dd a{display:block; line-height:40px; float:left; background:url(../images/sub-li.gif) no-repeat 0 center;padding-left:10px;font-size:14px}

#sub-nav .sub-nav-item .con dl dd:last-child{ border-bottom:0;}

#sub-nav .sub-nav-item .con .image{width:320px;float:left;padding:20px}

#sub-nav .sub-nav-item .con .image img{width:280px;height:120px;}

#sub-nav .sub-nav-item .con .image strong{ display:block;margin-top:12px; color:#333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#sub-nav .sub-nav-item .con .image p{margin-top:5px;line-height:1.8;font-size:12px; color:#888}





.banner-wrapper{ position:relative}

#banner{ position:relative}

#index-banner{ position:relative; height:550px; overflow:hidden}

#index-banner img{ width:1920px; max-width:inherit !important; height:550px; position:absolute; left:50%; margin-left:-960px;top:0;}

#index-banner .bx-viewport{ height:550px !important;}

#index-banner .bx-pager{ text-align:center !important; bottom:35px !important;left:50%; margin-left:-600px; width:1200px}

#index-banner .bx-pager a{ text-align:left !important; width:10px !important; height:10px  !important;-moz-border-radius: 5px !important;-webkit-border-radius: 5px !important;border-radius: 5px !important; margin:0 6px !important; background-color:#fff !important;opacity:0.5 }

#index-banner .bx-pager a.active{ background-color:#f77d00 !important;opacity:1}



#page-banner{ position:relative; height:300px; overflow:hidden}

#page-banner img{ width:1920px; height:300px; position:absolute; left:50%; margin-left:-960px;top:0px;}

#paper-banner{ position:relative; height:600px; overflow:hidden}

#paper-banner img{ width:1920px; height:600px; position:absolute; left:50%; margin-left:-960px;top:0px;}





#index{position:relative; z-index:2 ; width:1200px; margin:0 auto;   }

.index-notice{ height:20px; background:url(../images/notice-bg.png) no-repeat;  margin:0 auto;box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.06); position:relative; z-index:2; padding:15px 0; position:relative; margin-top:-50px;}

.index-notice h2{ float:left;  width:135px; text-align:center;  line-height:20px; color:#fff; font-size:16px;}

.index-notice .notice-slider{ height:20px; line-height:20px; margin-left:30px; overflow:hidden; float:left; width:600px;}

.index-notice .notice-slider span{ color:#999; font-size:12px; margin-right:15px;}

.index-notice .notice-slider a{ color:#fff}

.index-notice .notice-slider a:hover{ text-decoration:underline}

.index-notice .btns{ display:none}

.index-bussiness{ overflow:hidden; height:150px; margin-top:25px;}

.index-bussiness ul{ width:1240px; }

.index-bussiness ul li{ width:228px; float:left; margin-right:14px;}

.index-bussiness ul li a{ display:block; width:218px; height:140px; overflow:hidden; padding:5px; background-color:#fff; position:relative;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.06);}

.index-bussiness ul li .image{ position:relative; width:218px; height:140px; overflow:hidden}

.index-bussiness ul li .image img{ width:218px; height:140px;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}

.index-bussiness ul li span{ position:absolute; width:218px; height:25px; line-height:25px; background-color:#155fad; color:#fff; left:5px;top:120px; text-align:center;-webkit-transition-duration: 0.2s;-moz-transition-duration: 0.2s;-o-transition-duration: 0.2s;}

.index-bussiness ul li a:hover{box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);}

.index-bussiness ul li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

.index-bussiness ul li a:hover span{ background-color:#f77d00}



.index-news-slider{ width:450px; height:300px; float:left; overflow:hidden; margin-top:30px;}

.index-news-slider .bx-pager{ text-align:right !important; bottom:17px !important;right:15px;}

.index-news-slider .bx-pager a{ text-align:left !important; width:21px !important; height:5px  !important;-moz-border-radius: 1px !important;-webkit-border-radius: 1px !important;border-radius: 1px !important; margin:0 3px !important}

.index-news-slider .bx-pager a.active{ background-color:#f77d00 !important}

.index-news-slider li{ position:relative;}

.index-news-slider li img{ width:450px; height:300px;}

.index-news-slider li p{ height:40px; line-height:40px; color:#fff; padding-left:20px; width:500px; position:absolute; left:0;top:260px; background:url(../images/mask.png);}

.index-news-slider li a{ color:#fff}

.index-news-slider li a:hover{ text-decoration:underline}





.index-news{ width:665px; height:258px; overflow:hidden; border:1px #e2e2e2 solid; float:right; background-color:#fff; padding:20px 30px; position:relative; margin-top:30px;}

.index-news h2{ border-bottom:1px #e2e2e2 solid; background:url(../images/title-li.gif) no-repeat 0 2px; padding-left:15px; height:30px; line-height:20px; font-size:16px;}

.index-news h2 a{ display:inline-block; position:relative }

.index-news h2 a em{ background-color:#f77d00;  position:absolute;left:-15px;top:30px; width:80px;height:1px; display:block}

.index-news h2 span{ color:#ddd; font-weight:normal; margin:0 20px; font-size:14px; display:inline-block; position:relative;top:-1px}

.index-news .list{ margin-top:15px;}

.index-news .list dl{ height:90px; border-bottom:1px #e2e2e2 dotted; margin-bottom:5px;}

.index-news .list dl strong{ display:block; font-size:18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.index-news .list dl strong a{ color:#155fad}

.index-news .list dl strong a:hover{ color:#f77d00}

.index-news .list dl  p{ margin-top:7px; color:#888; line-height:1.9; font-size:13px;}

.index-news .list dl  p a{ margin-left:5px; color:#f77d00}

.index-news .list dl  p a:hover{ text-decoration:underline}

.index-news .list ul li{ padding:5px 0;text-align:right;}

.index-news .list ul li a{ float:left; background:url(../images/li.gif) no-repeat 0 center; padding-left:12px;}

.index-news .list ul li span{ color:#999}

.index-news a.more{ position:absolute; right:30px;top:20px; color:#888}

.index-news a.more:hover{ color:#f77d00; text-decoration:underline} 



.index-news2{ width:450px; height:215px; float:left; margin-top:20px; background-color:#fff; border:1px #e2e2e2 solid; margin-right:20px; position:relative}

.index-news2 h2{ line-height:40px; font-size:16px; background-color:#e9eef0; padding-left:15px;background: -moz-linear-gradient(top,#f7f5f4,#e9eef0);background: -webkit-gradient(linear,0 0,0 100%,from(#f7f5f4),to(#e9eef0)); border-bottom:1px #ddd solid }

.index-news2 h2 span{ background:url(../images/title-li.gif) no-repeat 0 center; padding-left:15px}

.index-news2 ul{ padding:15px 20px}

.index-news2 ul li{ text-align:right; padding:4px 0}

.index-news2 ul li a{ float:left; background:url(../images/li.gif) no-repeat 0 center; padding-left:12px; display:inline-block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; max-width:300px;_width:300px; text-align:left}

.index-news2 ul li span{color:#999; font-size:13px;}

.index-news2 a.more{ position:absolute; right:15px;top:9px; color:#888}

.index-news2 a.more:hover{ color:#f77d00; text-decoration:underline}

.index-news2 .shadow{ position:absolute; width:420px; height:13px; background:url(../images/shadow.png) no-repeat; left:0;top:215px;}



.index-left{ width:924px; float:left}



.index-photo{ margin-top:15px; position:relative; height:240px; overflow:hidden}

.index-photo .bx-pager{ display:none !important;}

.index-photo h2{ line-height:40px; font-size:16px; padding-left:10px;  }

.index-photo h2 span{ background:url(../images/title-li.gif) no-repeat 0 center; padding-left:15px}

.index-photo .slider{ margin-top:10px; margin-left:1px; }

.index-photo .slider ul{ width:980px;}

.index-photo .slider ul li{ width:205px; float:left; margin-right:30px; margin-bottom:20px;}

.index-photo .slider ul li .image{ width:195px; height:130px; border:5px #fff solid;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.06);}

.index-photo .slider ul li img{ width:195px; height:130px;}

.index-photo .slider ul li p{ text-align:center; margin-top:5px;}

.index-photo .slider ul li a:hover .image{box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16);}

.index-photo a.more{ position:absolute; right:15px;top:9px; color:#888}

.index-photo a.more:hover{ color:#f77d00; text-decoration:underline}

.index-photo .bx-prev{ width:22px; height:48px; background:url(../images/arrow.png) no-repeat; position:absolute; left:0;top:100px;text-indent:-10000px}

.index-photo .bx-next{ width:22px; height:48px; background:url(../images/arrow.png) no-repeat 0 bottom; position:absolute; right:0;top:100px; text-indent:-10000px}



.index-right{ width:250px; float:right; margin-top:20px;}

.index-video{ position:relative; height:190px; background:url(../images/video-play.gif) no-repeat 0 bottom}

.index-video em{ display:block; position:absolute; left:0;top:0; width:250px; height:160px; background-color:#000;filter:alpha(opacity=45);-moz-opacity:0.45;opacity:0.45;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-o-transition-duration: 0.4s;}

.index-video i{ display:block; position:absolute; left:0;top:0; width:51px; height:51px; left:50%; margin-left:-25px;top:50px; background:url(../images/video-btn.png) no-repeat; z-index:2}

.index-video a:hover em{filter:alpha(opacity=15);-moz-opacity:0.15;opacity:0.15;}

.tietou-link{ margin-top:15px; height:90px; background-color:#e2e2e2; border:1px #e2e2e2 solid; border-right:1px #e2e2e0 solid;}

.tietou-link img{ float:left; margin-right:1px;}

.select{ margin-top:15px; height:46px; border:1px #e2e2e2 solid; background-color:#fff; position:relative; z-index:20}

.select strong{ line-height:46px; text-indent:20px; display:block; cursor:pointer;background: -moz-linear-gradient(top,#fff,#f2f2f2);background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2)); background-color:#f2f2f2; position:relative }

.select strong em{ display:block; width:8px; height:4px; background:url(../images/down.gif) no-repeat; position:absolute; right:15px; top:22px}

.select ul{ position:absolute;top:47px; left:-1px; background-color:#fff; border:1px #e2e2e2 solid; border-top:0; width:248px; display:none}

.select ul li a{ display:block; line-height:30px; text-indent:20px; }





.index-book{ background-color:#fff; margin-top:10px; padding:20px 35px; text-align:center}

.index-book img{ width:100%}

.index-book p{ font-size:15px; font-weight:bold; margin-top:10px;}





#footer{ background-color:#0d4d94; padding:35px 0 40px; border-top:1px #eee solid; margin-top:10px}

.footer-left{ float:left; width:860px;}

.footer-right{ float:right; width:340px;}

.footer-link .item{ height:36px; background-color:#fff; width:300px; position:relative; float:left; margin-right:15px; z-index:2}

.footer-link .item h2{ font-size:14px; line-height:36px; padding:0 20px; background:url(../images/down-icon.png) no-repeat 280px center; font-weight:normal;}

.footer-link .item ul{ position:absolute; width:100%; background-color:#f2f2f2; display:none}

.footer-link .item ul li{}

.footer-link .item ul li a{ display:block; line-height:30px; padding:0 20px}

.footer-link .item ul li a:hover{ background-color:#07c; color:#fff}

.footer-menu{ margin-top:20px;}

.footer-menu span{ color:#ddd; margin:0 10px;}

.footer-menu a{ color:#fff}

.footer-menu a:hover{ text-decoration:underline}

.copyright{margin-top:10px; line-height:30px; color:#fff }

.copyright b{ color:#27adf3}

.copyright a{ color:#fff}

.copyright a.linking{ display:inline-block; width:112px; height:16px; background:url(../images/linking.png) no-repeat; position:relative;top:3px; margin-right:15px;}

.footer-qr .item{ width:130px; float:right; padding-left:40px;}

.footer-qr .item img{ width:100%; text-align:center;}

.footer-qr .item  span{ display:block; text-align:center; color:#fff; margin-top:6px;}





#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:#d42121}





.bottom-slider{ position:fixed; right:0;bottom:-444px; width:620px; height:444px; background-color:#fff; z-index:999;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;-o-transition-duration:0.8s;    box-shadow: 0px 10px 35px 0px rgba(0,0,0,0.3);}

.bottom-slider.hover{bottom:0}

.bottom-slider .close{background:url(../images/close-icon2.gif) no-repeat center center; width:30px; height:30px; position:absolute; right:5px;top:5px; z-index:2}

.bottom-slider .slider{ width:600px; height:424px; overflow:hidden; margin-left:10px; margin-top:10px; background-color:#fff}

.bottom-slider .bx-pager{ text-align:right !important;bottom:40px !important; right:10px !important;}

.bottom-slider .bx-pager-item a{ text-indent:0 !important; width:24px !important; height:24px !important; text-align:center; line-height:24px;-moz-border-radius:12px !important;

-webkit-border-radius:12px !important;border-radius:12px !important; color:#fff; margin:0 3px !important; }


.xxgk-nav{height:70px;border-bottom:0;background-color:#ededed;}
.xxgk-nav ul{padding:0;float:none; display: -webkit-box; display: -moz-box; display: -ms-boxflex; display: -webkit-flex; display: flex; display: -webkit-box; -webkit-box-orient: horizontal; box-orient: horizontal;}
.xxgk-nav ul li{float:none;box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; padding:0 }
.xxgk-nav ul li a{ display:block; font-size:16px;text-align:center;line-height:70px;height:70px;padding:0}
.xxgk-nav ul li a.current{ background:#2b6fb6; color:#fff;}
	
.xxgk-sub-nav{text-align:center;margin-top:30px;}
.xxgk-sub-nav ul li{display:inline-block}
.xxgk-sub-nav ul li a{display:inline-block;line-height:40px;padding:0 25px;border:1px #ccc solid;color:#666;border-radius:4px;margin:0 5px;}
.xxgk-sub-nav ul li a.current{border-color:#2b6fb6;color:#2b6fb6}


#page{ width:1200px; margin:0 auto; background-color:#f7f5f4;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.06); margin-bottom:40px; margin-top:-70px; position:relative}

.page-left{ width:280px; float:left; }

.page-left .title{ height:70px; background-color:#0d4d94; color:#fff; position:relative}

.page-left .title strong{ font-size:20px; position:absolute; left:30px;top:20px;}

.page-left .title span{ position:absolute; left:125px;top:22px; font-weight:bold; font-size:20px; color:#f77d00}

.page-left .menu a{ display:block; font-size:14px; padding:15px 20px 15px 120px; font-weight:bold; border-bottom:1px #bcbfc1 dotted;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; width:151px}

.page-left .menu a.current{ background:url(../images/list_s.png) repeat-y right 0; color:#fff; width:151px; position:relative}

.page-left .menu a:hover{ background:url(../images/list_s.png) repeat-y right 0; color:#fff; width:151px; position:relative}

.page-right{ width:920px; float:right; background-color:#fff; min-height:500px; padding-bottom:40px }

.location{ height:40px; border-bottom:1px #e2e2e2 solid; text-align:right; padding-right:20px; padding-top:30px; color:#888;}

.location span{ color:#aaa; margin:0 5px;}

.about-top{ height:99px; background:url(../images/about-top.jpg) no-repeat; border-bottom:1px #eee solid;}

.about-content{ padding:30px 50px 40px; line-height:200%;}

.about-content p{ margin-bottom:15px; }

.about-content b{ color:#f77d00}



.history{ padding:50px 50px}

.history .line{background:url(../images/line-icon.png) no-repeat 0 3px; height:25px;}

.history .line ul{ position:relative;top:5px; padding-left:10px}

.history .line ul li{ float:left; position:relative; margin:0 50px;cursor:pointer; color:#555; font-family:Tahoma, Geneva, sans-serif; width:58px; height:25px}

.history .line ul li em{ position:absolute; left:5px;top:-30px; height:30px; display:inline-block; font-weight:bold; font-size:20px;-webkit-transition: all .25s;transition:all .25s;}

.history .line ul li i{ display:block; background-color:#f7f5f4; position:absolute; left:50%; margin-left:-10px;top:-1px; width:20px; height:20px;-moz-border-radius: 12px; -webkit-border-radius: 12px;border-radius:12px;   -webkit-transition: all .25s;transition:all .25s; border:2px #555 solid}

.history .line ul li s{ display:block; width:10px; height:10px; background-color:#555;-moz-border-radius: 5px; -webkit-border-radius:5px;border-radius:5px;   -webkit-transition: all .25s;transition:all .25s; position:absolute; left:5px;top:5px}

.history .line ul li:hover{ color:#555}

.history .line ul li.current{ color:#005bac}

.history .line ul li.current em{}

.history .line ul li.current i{ border-color:#005bac}

.history .line ul li.current s{-webkit-transform: scale(1.5);-moz-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5); background-color:#005bac }

.history .list s{position:absolute; left:473px;top:-6px; display:block; background:url(../images/history-icon2.gif) no-repeat; width:12px; height:6px;}

.history .list h2{ font-size:16px; color:#333;line-height:50px;text-align:center;background-color:#f39800; color:#fff;}

.history .list{position:relative; margin-top:40px; }

.history .list ul{ border:1px #f39800 solid;padding:40px 40px 50px;}

.history .list ul li{font-size:14px; line-height:160%; margin-left:90px;background:url(../images/history-icon.gif) no-repeat 5px center; position:relative; padding:10px 0}

.history .list ul li label{ display:block;  color:#f39800; font-size:14px; font-weight:bold; position:absolute;top:50%; margin-top:-11px; left:-90px; width:90px; text-align:right}

.history .list ul li p{ margin-left:50px; border:1px #dfdfdf solid; padding:15px 20px; background-color:#f7f5f4;-webkit-transition: background-color .25s,border .25s;transition:background-color .25s,border .25s; }

.history .list ul li p:hover{background-color:#f39800; border-color:#f39800; color:#fff}

.honor{ clear:both; overflow:hidden }

.honor .info{ margin-top:30px;line-height:195%;}

.honor ul{}

.honor li{ float:left; width:222px;height:190px; margin-top:30px; margin-left:50px; padding:7px; background-color:#fafafa;border:1px #ddd solid}

.honor li img{ width:100%}

.honor li p{ text-align:center; padding:10px 0 0px;}



/**************分页********************/

#pages{ text-align:center; padding-top:20px; height:90px;}

#pages a{ display:inline-block; padding:10px 16px; background-color:#eee; color:#888; margin:0 1px;-webkit-transition: background-color .25s;transition:background-color .25s}

#pages a:hover{ background-color:#828d95; color:#fff}

#pages a.active{ background-color:#ff4a00; color:#fff}

#pages a.prev,#pages a.next{ position:relative;} 

#pages span{display:inline-block; padding:10px 16px; color:#888; position:relative;top:-2px}



.news-list{ padding:30px 40px  0px}

.news-search{ background:#ddd; margin-bottom:20px; }

.news-search span{ color:#666; font-size:13px; line-height:30px; font-weight:bold; display:inline-block;padding:15px 30px; width:200px; text-align:right;background:#e67817; color:#fff}

.news-search .input{border:0; width:240px; height:18px; line-height:18px; padding:6px 10px; color:#888;  border:1px #c2c2c2 solid ; border-bottom-color:#ddd;border-right-color:#ddd; margin-right:10px;margin-left:20px;}

.news-search .hover{ background:#f8f8f8; color:#e67817}

.news-search button{ background:#4c4c4c; border:0; height:30px; line-height:30px; color:#fff; width:80px; cursor:pointer}

.news-search button:hover{ background:#e67817; }





.news-list{}

.news-search{ background:#ddd; }

.news-search span{ color:#666; font-size:13px; line-height:30px; font-weight:bold; display:inline-block;padding:15px 30px; width:200px; text-align:right;background:#f39800; color:#fff}

.news-search .input{border:0; width:240px; height:21px; line-height:21px; text-indent:10px; color:#888;  border:1px #c2c2c2 solid ; border-bottom-color:#ddd;border-right-color:#ddd; margin-right:5px;margin-left:20px;}

.news-search .hover{ background:#f8f8f8; color:#f39800; border-color:#f39800}

.news-search button{ background:#777; border:0; height:33px; line-height:32px; color:#fff; width:90px; cursor:pointer}

.news-search button:hover{ background:#f39800; }

.news-list ul.list{min-height:300px}

.news-list ul.list li{ padding:15px 0px; background:url(../images/dot.gif) repeat-x 0 bottom; text-align:right}

.news-list ul.list li span{ color:#aaa}

.news-list ul.list li strong{ font-weight:normal;display:inline-block; width:650px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left; text-align:left; }

.news-list ul.list li a{ line-height:16px; font-size:14px; background:url(../images/li.gif) no-repeat 0 center; padding-left:9px; float:left}

.news-list ul.list li s{background:url(../images/small_img.gif) no-repeat 0 center; margin-left:10px; width:16px; height:16px; float:left}



.news-list ul.list2{ margin-top:10px;}

.news-list ul.list2 li{padding:25px 0px; border-bottom:1px #ccc dotted;}

.news-list ul.list2 li .time{ width:70px; float:left}

.news-list ul.list2 li .time strong{ display:block; line-height:50px; background-color:#828d95; text-align:center; font-size:28px; color:#fff}

.news-list ul.list2 li .time span{ display:block; line-height:22px; text-align:center; font-size:12px; color:#fff; margin-top:1px; background-color:#ccc}

.news-list ul.list2 li .text{ width:740px; float:right}

.news-list ul.list2 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:15px}

.news-list ul.list2 li .text p{ margin-top:10px; line-height:160%; color:#888; font-size:14px;}



.news-view{ padding:30px 50px}

.news-view h1{font-size:22px;font-weight:normal; text-align:center; line-height:33px; padding:10px 30px 20px; color:#333; color:#f39800}

.news-view h1 p{ font-size:16px; color:#444}

.news-view p.news-info{padding:12px 0px; text-align:center; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc;  color:#888}

.news-view p.news-info span{ color:#f39800; margin-right:3px;}

.news-view p.news-info a{ cursor:pointer}

.news-view p.news-info a.btn{ display:inline-block; width:74px; line-height:25px; color:#fff; height:25px; background:url(../images/download.gif) no-repeat; padding-left:11px; }

.news-view p.news-info a.btn:hover{ color:#f39800}

.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 img{ max-width:800px;_width:800px}

.news-view .content table{ max-width:100% !important}

.news-view .content table p{ margin-bottom:0 !important; width:auto !important}

.news-view .other{ border-top:4px #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:#f39800; 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:#0033FF; text-decoration:underline; font-size:14px;}

.news-view .download p a:hover{ text-decoration:none; color:#0033FF}

.news-view .pics{ margin-top:30px; position:relative; overflow:hidden}

.news-view .pics .list{}

.news-view .pics .list img{ max-width:842px; max-height:500px;}

.news-view .pics .list li{ display:none; text-align:center}

.news-view .pics .prev{ width:425px; 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:425px; 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}





#paper {background: url(../images/paper-bg.jpg) no-repeat 50% 50%; background-size: cover;-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.../images/paper-bg.jpg', sizingMethod='scale')";	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/paper-bg.jpg', sizingMethod='scale'); width:100%; height:748px;}

#paper .wrapper{ position:relative; height:748px}

#paper h1{color:#fff;text-shadow: 1px 1px 0 #333; position:absolute; left:0;top:50%; margin-top:-270px; font-size:30px;}

#paper .paper-box{ background-color:#f7f5f4; height:500px; width:1200px; position:absolute; left:0;top:50%; margin-top:-210px}

#paper .paper-search{ background:#fff; height:60px; width:1136px; margin:0 auto;margin-top:30px; }

#paper .paper-search span{  display:block; line-height:60px; height:60px; background-color:#777; color:#fff; font-size:14px; font-weight:bold; text-align:right; width:180px; padding:0px 30px; float:left}

#paper .paper-search p{ width:500px; float:left; margin-left:30px; margin-top:15px}

#paper .paper-search .sbHolder{ float:left; margin-right:10px;}

#paper .list{ margin-top:30px; height:348px; overflow:hidden; width:1196px; }

#paper .list ul{ width:1200px;}

#paper .list li{ width:225px; float:left; position:relative; margin-bottom:40px; background-color:#ddd; padding:12px; margin-right:46px; }

#paper .list li img{ width:100%;height:320px}

#paper .list li p{ background:#f39800; position:absolute;bottom:70px; width:200px; text-align:center; left:12px; color:#fff; padding:15px 0px; text-align:center;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; z-index:20;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition: all 0.5s;}

#paper .list li p strong{ display:block; font-size:20px; line-height:22px; height:28px;}

#paper .list li:hover p{ background-color:#005bac}





#paper .bx-controls{ display:none}

#paper .prev{ display:block; position:absolute; left:-40px;top:220px; width:25px; height:49px; background:url(../images/video-left.png) no-repeat}

#paper .prev:hover{ background-position:0 -49px}

#paper .next{ display:block; position:absolute; right:-40px;top:220px; width:25px; height:49px; background:url(../images/video-right.png) no-repeat}

#paper .next:hover{ background-position:0 -49px}





.book-list{ overflow:hidden; margin-top:40px;}

.book-list ul{width:950px;}

.book-list ul li{ width:225px; float:left; position:relative; margin-bottom:40px; background-color:#ddd; padding:12px; margin-left:40px; }

.book-list ul li img{ width:100%;height:320px}

.book-list ul li p{ background:#f39800; position:absolute;bottom:70px; width:170px; text-align:center; left:12px; color:#fff; padding:15px 15px; text-align:center;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9; z-index:20;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition: all 0.5s;}

.book-list ul li p strong{ display:block; font-size:18px; line-height:22px;}

.book-list ul li:hover p{ background-color:#005bac}





.jw-slider-time{top:6px !important;}



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



.business-list{ padding:30px 50px; }

.business-list .info{ background-color:#b3dbfd;  padding:15px 20px; text-indent:2em; line-height:26px;}

.business-list ul{ }

.business-list ul li{ padding-bottom:30px; margin-top:30px; border-bottom:1px #e2e2e2 dotted }

.business-list ul .image{ float:left; width:200px;}

.business-list ul .image img{ width:100%}

.business-list ul .text{ float:right; position:relative; width:590px; position:relative}

.business-list ul .text h2{font-size:20px; line-height:24px; display:block; color:#005bac;}

.business-list ul .text p{ color:#666; font-size:14px; line-height:190%; margin-top:10px}

.business-list ul .text a.more{ display:block; margin-top:15px; width:123px; height:28px; background:url(../images/btn-view.gif) no-repeat; line-height:28px; text-indent:15px; color:#fff;  font-size:12px; }

.business-list ul .text a.more:hover{ text-decoration:underline}



.business-view{padding:30px 50px;}

.business-view h1{ font-size:25px; text-align:center; border-bottom:1px #e2e2e2 solid; padding-bottom:20px}

.business-view .content{ margin-top:30px; line-height:26px}

.business-view .content p{ margin-bottom:15px;}





.partner-list{ padding:30px 50px; overflow:hidden}

.partner-list .info{ line-height:26px; text-indent:2em}

.partner-list{ margin-top:30px; min-height:350px; background:url(../images/partner-bg.png) no-repeat center 50px}

.partner-list ul{ width:900px; margin-top:30px;}

.partner-list ul h3{ line-height:18px; font-size:18px; border-left:4px #f39800 solid; padding-left:15px;  margin-bottom:20px;}

.partner-list ul li{ width:370px; float:left; line-height:50px; padding:0 20px; border:1px #ddd solid; background-color:#f5f5f5; margin-right:5px; margin-bottom:5px;}

/*

.partner-list li{ width:160px; height:65px; float:left; border:1px #ddd solid; margin-right:40px; margin-bottom:30px;background-color:#fff}

.partner-list li img{ width:160px; height:65px;}

.partner-list li span{ display:block; line-height:50px; text-align:center; font-size:32px; color:#aaa; background-color:#fafafa; height:65px;}

*/



.culture-bg{ height:400px; background:url(../images/culture.jpg) no-repeat; margin-top:30px; position:relative}

.culture-bg .t1{ width:273px; height:200px; position:absolute; left:0;top:0; text-align:center;}

.culture-bg .t2{ width:273px; height:200px; position:absolute; left:273px;top:200px; text-align:center;}

.culture-bg .t3{ width:273px; height:200px; position:absolute; left:546px;top:0; text-align:center;}

.culture-bg strong{ display:block; width:100%; font-size:25px;  position:absolute;top:70px; left:0; color:#005bac}

.culture-bg span{ display:block; width:100%;position:absolute;top:105px; left:0; color:#999;}





#jubao{ padding:20px 50px 40px}

#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%; margin-top:30px;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:153px}

#jubao .btns button{ display:inline-block; border:0; cursor:pointer; padding:0 40px;height:45px; line-height:45px; background:#f39800; 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:#f39800; 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%; margin-top:30px;font-size:14px;}

#jubao .form span{ margin:0px 2px}

#jubao .form table{ margin-top:20px; background:#ddd; width:100%;box-shadow:5px 5px 0px 0px rgba(0,0,0,0.03);}

#jubao .form table td{ padding:8px 10px;  }

#jubao .form table th{ padding:8px 10px}

#jubao .form table thead td{ background:#dde5e7; font-weight:bold; font-size:15px; color:#f39800; 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:620px !important; height:80px; background-color:#f7f5f4}

#jubao .form table .hover{ background-color:#fff}

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

#jubao-footer{ text-align:center; padding-top:20px; height:80px; color:#fff}





.download{overflow:hidden; padding-top:10px;}

.download ul{ width:900px;}

.download ul li{ width:240px; float:left; margin-left:50px; 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;;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);box-shadow: 0 1px 3px rgba(0,0,0,.1); font-weight:normal; border:1px #e2e2e2 solid; border-top:0;}

.download ul li span{ float:left}

.download ul li a{ color:#f39800}

.download ul li a:hover{ text-decoration:underline}

.download ul li:hover strong{ background-color:#f7f5f4}



.contact{ padding:30px 50px 40px}

.contact .map-box{height:300px;}

.contact .map{ height:300px;}

.contact .contact-info{ line-height:30px; font-size:14px; background-color:#f5f5f5; padding:30px 40px;}

.contact .contact-info strong{ font-size:22px;  line-height:35px;  display:block; height:90px; color:#f39800}

.contact .contact-info strong a{ display:block;font-size:20px;}

.contact .contact-info label{ color:#444}





.job-list{ padding:30px 50px}

.job-list table{ width:100%}

.job-list th{ padding:10px 10px; background:#ddd; text-align:left}

.job-list td{ padding:10px 10px; color:#888; border-bottom:1px #ccc dotted; font-size:14px;}

.job-list td a{ color:#005bac}

.job-list td a:hover{ text-decoration:underline}

.job-list a.btn{ display:block; width:60px; height:24px; background:#f39800; color:#fff;  text-align:center; line-height:24px; font-size:12px;}

.job-list a.btn:hover{ background-color:#ff4a00; text-decoration:none}



.job-view{ padding:30px 50px}

.job-view .job-info table{ width:100%; background:#dfdfdf; }

.job-view .job-info table th{ background:#f2f2f2; padding:8px 10px; font-weight:normal; text-align:left}

.job-view .job-info table td{ background:#fafafa; padding:8px 10px; color:#888}

.job-view .job-info table td h2{ font-size:22px; color:#f39800}

.job-view .job-info table td a{ color:#5a94de}

.job-view .job-info table td a:hover{ text-decoration:underline}

.job-view .item{ padding:20px 0; border-bottom:1px #dfdfdf dotted; line-height:200%; color:#555}

.job-view .item p{ margin:15px 0}

.job-view .item h3{ font-size:15px; color:#f39800}

.job-view .share{ margin-top:20px; height:40px;}

.job-view .btns{ margin-top:20px;}

.job-view .btns a{ display:inline-block; padding:10px 30px; background:#f39800; border-bottom:3px #e89100 solid; font-size:14px;  color:#fff; }

.job-view .btns a:hover{ background-color:#e89100}



.job-view .item li{ padding:5px 0px; background:url(../images/file.gif) no-repeat 0 center; padding-left:20px;}

.job-view .item li a{ color:#0033FF; text-decoration:underline; font-size:14px;}

.job-view .item li a:hover{ text-decoration:none; color:#0033FF}





.development{ padding:30px 50px 0}

.development .title{ font-size:24px; text-align:center}

.development .title strong{ display:block; font-size:32px}

.development .content{ text-align:center; margin-top:10px; line-height:30px;}

.development .pic{ margin-top:10px; display:none}





.photo-list{ }

.photo-list .list{ }

.photo-list .list li{ width:240px; float:left; margin-left:50px; margin-top:30px; position:relative; overflow:hidden}

.photo-list .list li img{ width:100%; height:160px}

.photo-list .list li div{background-color:#fff; padding:10px 20px 15px; border:1px #e2e2e2 solid; border-top:0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}

.photo-list .list li strong{ display:block;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; font-weight:normal}

.photo-list .list li p{ display:block; ;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:5px; font-size:12px; color:#999}

.photo-list .list li a{ display:block; position:absolute; left:0;top:0; width:240px; height:200px; z-index:2}

.photo-list .list li:hover div{ background-color:#f39800; color:#fff}





#other-location{height:40px; font-size:12px; position:relative; border-bottom:1px #e2e2e2 solid}

#other-location .wrapper{ color:#888}





.other-content{ position:relative; margin-top:-70px;line-height:195%; background-color:#fff;-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);box-shadow: 0 1px 3px rgba(0,0,0,.1); padding:20px 60px 60px; margin-bottom:30px; min-height:300px;}

.other-content h1{ text-align:center; margin-bottom:20px; line-height:120%; font-size:24px; margin-top:30px}

.other-content p{ margin-bottom:20px; text-indent:2em}



.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:145px; 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:#f39800; border-color:#f39800}