@charset "utf-8";
/* CSS Document */

html{ width:100%; height:500px;overflow-y:visible;}
*{ margin:0 auto; padding:0;}
.clear{ clear:both; float:none;}
img{ border:none;}
a{ text-decoration:none; cursor:pointer; -webkit-transition:color .3s ease-in-out;-moz-transition:color .3s ease-in-out}
li{ list-style:none;}
input{border:none;   outline:medium;}
body{width:100%;overflow-y:visible; font-family:微软雅黑 !important;}

/* index.html */
.bg{ width:100%; height:100%; background-attachment:fixed;}
.top{ width:997px; margin:0 auto; padding-top:18px;}
.logo{ float:left;}
.logo img{ display:block; width:111px; height:90px; overflow:hidden; border:0;}
.nav{ width:860px; float:left; height:63px; background:url(../images/nav_bg1.png) no-repeat; margin-top:15px;  padding-top:11px; margin-left:26px;}
.nav span{ display:block; float:left;}
.nav em{ width:14px; float:left;color:#666; font-weight:bold; display:block; margin-top:16px;}
.nav a{ display:block; float:left; font-size:16px; color:#333; width:160px; height:51px; line-height:51px; text-align:center; font-weight:bold;}
.nav a font{ font-size:15px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
.nav a:hover{ color:#FFF !important; background:url(../images/nav_gx02.png) no-repeat; text-align:center !important;}

#active{ color:#FFF !important; background:url(../images/nav_gx02.png) no-repeat; text-align:center !important;}

.flexslider{margin:0 auto;position:relative; z-index:1;width:997px;height:525px;overflow:hidden;zoom:1; margin-top:20px;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .slides img{ border:0;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=80);}
.flex-control-nav{width:100%; height:54px;position:absolute;bottom:0px;text-align:center; z-index:10;}
.flex-control-nav li{margin:18px 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -25px;display:block;height:21px;overflow:hidden;text-indent:-99em;width:26px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0; }
.yy{ width:997px; margin:0 auto;}
.yy img{ display:block; width:997px; height:35px; overflow:hidden;}
.footer{ width:100%; height:60px; margin-top:25px; background:#2a60b6;}
.footer01{ width:997px; margin:0 auto;font-size:14px; color:#FFF; line-height:20px;}
.footer01_le{ float:left;  margin-top:16px;}
.footer01_ri{ float:right;  margin-top:16px; text-align:right;}
.footer01_ri a{ color:#FFF; text-decoration:underline;}



/* Jop.html */
.jop_1{ width:1244px; margin:0 auto; background:#FFF; margin-top:25px; padding:40px 18px; height:400px; overflow:hidden}
.jop01{ width:100%; font-size:24px; font-weight:bold; color:#020202; line-height:32px; margin-bottom:40px;}

.fw{ width:997px; height:525px; margin:0 auto; margin-top:30px;  }
.fw01{ width:977px;height:525px;  margin:0 auto; overflow:hidden; background:#FFF;}



.fw img{ display:block;width:977px; overflow:hidden;}

.work_1{ width:997px; overflow:hidden; margin:0 auto; background:#FFF; margin-top:12px; padding-top:4px;}
.work_101{ width:997px; margin:0 auto;height:166px;}
.work_101 img{ display:block; width:628px; height:166px; overflow:hidden; float:left;}
.work_101 span{ display:block; float:right; margin-right:12px; margin-top:130px;}
.work_101 a{ display:block; float:left; font-size:14px; color:#333; width:90px; line-height:24px; height:24px; overflow:hidden; margin-right:6px; font-family:微软雅黑 !important;}
.work_101 a:hover{ font-weight:bold; color:#4187FF;}
#active1{ font-weight:bold; color:#4187FF;}


.work_102{ width:100%; padding-left:7px; height:519px;}
.work_1021 a{ float:left; width:308px; height:200px; overflow:hidden; position:relative; border:6px #d6d6d6 solid; margin:10px 4px;}

.work_1021 img{ display:block; width:308px; height:200px; overflow:hidden; border:0;}
.work_1021 font{ display:block; width:308px; padding:0px 4px; height:40px; overflow:hidden;line-height:40px; font-size:16px; color:#FFF; position:absolute; z-index:11; left:0px; bottom:0px;  text-align:center;}
.work_1021 span{ display:block; width:100%; height:40px; overflow:hidden; position:absolute; z-index:11; left:0px; bottom:0px; background:url(../images/work_bg.png);}
.work_1021 em{ display:block; width:100%; height:200px; overflow:hidden; position:absolute; z-index:12; left:0px; top:-232px;}
.work_1021 em img{ display:block; width:89px; height:89px; overflow:hidden; margin-top:72px;}
.work_1021 a:hover{ border:6px #4187FF solid;}


.about_1{ padding:0px 30px; width:1220px; padding-top:40px; background:#FFF; margin-top:20px;}

#wrapper{width: 1220px;margin: 0 auto;}
#intro{padding-bottom: 10px;}
h2{margin: 0;margin-bottom: 14px;padding: 0;}
#slider{width: 1220px;position: relative;}
.scroll{height:638px;width: 1220px;overflow: auto;overflow-x: hidden;position: relative;clear: left;}
.scrollContainer div.panel{height: 210px;width:1220px;}
.scrollContainer div.panel p{text-indent: 24px;line-height: 1.8;font-size: 14px;}
#shade{background: #EDEDEC url(../images/shade.jpg) no-repeat 0 0;height: 50px;}
ul.navigation{list-style: none;margin: 0;padding: 0;}
ul.navigation li{display: inline;}
ul.navigation a{ display:block; background:url(../images/dian01.jpg) no-repeat; width:16px; height:16px; overflow:hidden; float:left; margin:0px 9px; margin-bottom:40px;}
ul.navigation a:hover{ background:url(../images/dian02.jpg) no-repeat;}
ul.navigation a.selected{background-color: #fff;}
ul.navigation a:focus{outline: none;}
.panel img{ display:block; width:1200px; height:582px; overflow:hidden;}



.fenye-m-a{ padding:4px 10px; background:#ebebea; color:#b5b2b2;}
.fenye-m-a:hover{ background:#A5A5A3; color:#FFF;}
.fenye-m-ab{background:#A5A5A3; color:#FFF;}
.fenye-main{  height:50px; padding-top:5px; text-align:right; padding-right:18px;}


.ny{ width:941px; margin:0 auto; background:#FFF; padding:40px 28px; margin-top:28px;}
.ny01{ font-size:30px; height:30px; line-height:30px; width:100%; margin:0 auto; overflow:hidden; color:#2a60b6; text-align:center; font-weight:bold;}
.ny02{ width:100%; margin:0 auto; height:35px; line-height:35px; text-align:center; color:#999; font-size:14px; border-bottom:1px #dddddd solid; margin-top:8px;}
.ny03{ width:100%; height:auto !important; min-height:400px; _height:400px; font-size:14px; color:#333; line-height:30px; margin-top:12px;}
.ny03 img{ display:block; margin:0 auto; margin-top:12px;}
.ny03 p{ text-align:center; margin-top:12px;}