@charset "utf-8";
.actGotop {position: fixed;_position: absolute;bottom: 80px;left: 50%;width: 30px;height: 107px; margin-left:530px;display: none;background:url(/images/top.jpg); cursor:pointer;filter:alpha(opacity=50);opacity:0.5;}
.actGotop:hover { filter:alpha(opacity=90) !important;opacity:0.9 !important;}
*html{background-image:url(about:blank);background-attachment:fixed;}
*html .actGotop{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));margin-bottom:80px;}

.wrap { width:1020px; margin: 0 auto; position:relative;}
.head { width:100%; background:url(/images/nav_bg.png) 0 bottom repeat-x; height:90px;left:0; top:0;position: absolute; z-index:110;}
.headtop {height:45px; text-align:right; margin-right:20px;}
.headtop li { vertical-align: middle;float:right; margin-right:10px; overflow:hidden; height:45px;line-height:45px; color:white;}
.headtop li a { color:white; display:inline-block;height:45px;}
.headtop li i { vertical-align: middle;width:20px; height:45px; display:inline-block; background:url(/images/icon.png) 0 0 no-repeat;}
.headtop li .sina { background-position:0 12px; }
.headtop li .qa { background-position:0 -38px; }
.logo { position:absolute; top:0; left:50px; width:110px; height:110px; }
.logo img { width:110px; height:110px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/*.navBar{  position: absolute; top:45px; z-index:100; width:100%; height:45px;  background:url(/images/nav_bg.png) 0 0 repeat-x; color:#333;   }*/
.nav{ position:relative;margin:0 0 0 280px;  font-family:"Microsoft YaHei",SimSun,SimHei; font-size:14px; height:45px;line-height:45px; }
.nav a{ color:#333;  }
.nav h3{ font-size:100%; font-weight:normal;   }
.nav .m{ float:left;  position:relative; z-index:120; }
.nav .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; }
.nav h3 a { display:block; width:100px; text-align:center;font-weight:bold; color:white; position:relative; }
.nav .on h3 a{_background:#007DC2; _margin-left:-3px; }
.nav #nav_current,.nav h3 a:hover { padding:0 4px; margin:0 -4px; background:#007DC2;}

.nav .sub{ display:none; /*默认隐藏*/  position:absolute; left:-3px; top:45px; width:106px; border:1px solid #E6E4E3; border-top:0;  background:#fff; }
.nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px;   }
.nav .sub li a{ display:block;height:36px; line-height:36px; color:#666;   }
.nav .sub li a:hover{ color:#FE7700;   }
.nav .block{ height:45px; width:108px; background:#007DC2; position:absolute; left:0; top:0px; overflow:hidden;  }


/* iFocus */
#iFocus { width:1020px; height:600px; overflow:hidden;margin:0 auto; position:relative; }
#iFocus ul { height:550px; position:absolute; z-index:10; }
#iFocus ul li { float:left; width:1020px; height:550px; overflow:hidden; position:relative; z-index:5; }
#iFocus ul li a{ display:block;  float:left; }
#iFocus ul li a img{ vertical-align:middle;width:1020px;height:auto;  }
#iFocus .btnBg { position:absolute; width:1020px; height:30px; left:0; bottom:30px; z-index:15; padding:300px 0 0;display:none;}
#iFocus .btnBg ol { position:absolute;left:0; bottom:-30px; width:1020px;}
#iFocus .btnBg ol li{ float:right;vertical-align: bottom; line-height:30px;}
#iFocus .btnBg ol li .ser{ margin-left:20px; border:solid 1px #7B92A0; width:120px; height:22px; padding:0 5px;}
#iFocus .btnBg ol li .sub{ width:24px; height:24px; background: url(/images/sub.jpg) 0 0 no-repeat; border:0; margin-left:5px; background-size:24px;}
#iFocus .btn { position:absolute; width:1010px; height:18px; left:0; bottom:40px; padding-left:10px; text-align:right; z-index:20; }
#iFocus .btn span { display:inline-block; _display:inline; _zoom:1; width:25px; height:7px; margin-right:5px; cursor:pointer; color:#333; background:#fff; border:solid 1px #4F4D4C; overflow:hidden; }
#iFocus .btn span.on { background:#F8C301; }

/* infoitem */
.infoitem { width:1020px; margin:20px 0; overflow:hidden;}
.gray { background:#eee;}
.infoitem .left { width:620px; padding:20px 25px; }
.infoitem h2 { height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#165479;}
.infoitem h2 .fr { height:30px; width:35px; background:url(/images/icon.png) 0 -139px no-repeat; }
.infoitem .con {padding:10px 0; overflow:hidden; }
.infoitem .con .img { width:270px; height:180px;}
.infoitem .con .img img { width:270px; height:150px; }
.infoitem .con p { line-height:30px;}
.infoitem .right { width:270px; padding:20px 25px; }
.infoitem .con .txt { width:330px; height:180px; font-size:12px;}
.infoitem .con .txt p { overflow:hidden; font-size:12px; height:60px; line-height:20px;}
.infoitem .con .txt li {height:30px; line-height:30px; color:#949DAF; background: url(/images/dot1.jpg) repeat-x bottom;}
.infoitem .con .txt a {  width:240px; height:30px;padding-left:10px; background:url(/images/red.gif) 0 center no-repeat; display:inline-block;white-space:nowrap;text-overflow: ellipsis;overflow: hidden; }
.infoitem .con .txt span {font-size:12px;float:right; }

.infoitem .right .con {padding: 10px 0 0;}
.focusBox { position: relative; width:270px; height:120px; overflow: hidden; z-index:10;  }
.focusBox .pic{ position:relative;z-index:10; }
.focusBox .pic img { width:270px; height:120px; display: block; }


.focusBox .prev,
.focusBox .next { width: 10px; height: 18px; margin: -10px 0 0; display: none; background: url(/images/icon.png) no-repeat -20px -200px; position: absolute; top: 50%; z-index: 999; cursor: pointer; filter:alpha(opacity=60);opacity:0.6;  }
.focusBox .prev { left: 10px; }
.focusBox .next { background-position: -20px -250px; right: 10px; }
.focusBox .prev:hover,
.focusBox .next:hover { filter:alpha(opacity=90) !important;opacity:0.9 !important;  }
.infoitem .con .text { margin:10px 0 0;height:60px; line-height:20px; overflow:hidden; }

.focusBox2 { position: relative; width:290px; height:210px; overflow: hidden; z-index:10;  }
.focusBox2 .pic{ position:relative;z-index:10; }
.focusBox2 .pic img { width:290px; height:200px; display: block; }
.focusBox2 .pic .titbg { width:280px; height:30px; line-height:30px; padding:0 5px;position: absolute; left:0; bottom:0; background: rgba(0,0,0,.6); color:#fff; overflow:hidden;}


.focusBox2 .prev,
.focusBox2 .next { width: 20px; height: 36px; margin: -10px 0 0; display: none; background: url(/images/icon.png) no-repeat 0 -200px; position: absolute; top: 50%; z-index: 999; cursor: pointer; filter:alpha(opacity=60);opacity:0.6;  }
.focusBox2 .prev { left: 10px; }
.focusBox2 .next { background-position: 0 -250px; right: 10px; }
.focusBox2 .prev:hover,
.focusBox2 .next:hover { filter:alpha(opacity=90) !important;opacity:0.9 !important;  }

.box { width:670px; height:260px;}
.leftitem { width:320px; height:260px;}
.leftitem .con { padding:10px 15px;}
.leftitem .list01 li.t,.leftitem .list01 li.t img { width:320px; height:130px; float:left;}

.leftitem .list01 li,.leftitem .list01 li img { width:106px; height:130px; float:left;margin:0;}
.leftitem li { line-height:20px; color:#79808A; margin:10px 0 0;}
.leftitem .video { width:290px; height:210px;}

.foot {height:60px; background:#e5e4e3; padding:20px 0; margin:60px 0 0;line-height:20px;}
.contact { width:400px;}
.contact p { height:20px;}
.contact .email { vertical-align: middle;width:20px; height:20px; display:inline-block; background:url(/images/icon.png) 0 -94px no-repeat; margin-left:10px;} 
.copyright { width:600px;}
.copyright p { text-align:right;}

/*page css*/
.banner { width:1020px; height:410px; overflow:hidden;margin:0 auto; background:#000; position:relative; z-index:0; }
.page { overflow:hidden; margin:20px 0;}
.page .left { width:182px;}
.page .left h3,.page .right h3 { font-size:18px; font-weight:500; margin-bottom:20px; color:#165479;}
.page .left li { width:180px; margin-bottom:3px;}
.page .left li h4 a { color:#595355; line-height:30px; text-align:center; display:block; font-size:14px; font-weight:500;}
.page .left li h4 a:hover,.page .left .selected h4 a,.page .left .open h4 a,.page .left #selected h4 a {background: url(/images/icon.jpg) 30px center no-repeat; background-size:13px;}
/* operate */
.operate{}
.operate li { display:inline-block;width:100%;position:relative;min-height:30px;_height:30px;z-index:10;zoom:1 }
.operate li h4{width:180px; height:28px; margin-bottom:3px; border:solid 1px #B9B8B7; background: url(/images/sidebg.jpg) 0 0 repeat-x;}
.operate li.selected h4{}
.operate li .list-item{padding:5px 0;position:relative;zoom:1 }
.operate #selected .none,.operate .open .none {display: block;}
.operate li .list-item p{ text-align:left;}
.operate li .list-item p a{color:#333333;display:block; width:160px;height:32px;line-height:32px;margin:0 -1px 0 1px;padding-left:20px; position:relative;font-size:14px; overflow:hidden;}
.operate li .list-item p.on a,.operate li .list-item p a:hover{background:url(/images/icon2.jpg) 10px center no-repeat;color:#2491CE;}

.page .right { width:800px;}
.page .right h3 { color:#165479; margin:0; padding-bottom:20px; border-bottom:solid 1px #D7D7D7;}
.page .right h3 span { color:#165479; font-size:14px; padding:19px 0 0;}
.page .right h3 span a { color:#165479; }
.page .right h3 span a:hover { text-decoration:underline; }
.page .newlist li { /* height:100px; */padding:30px 0; border-bottom: dashed 1px #E0E0E0; overflow:hidden;}
.page .newlist .over,.page .newlist li:hover { background:#FAFAFA;}
.page .newlist li a:link { color:#716F6E; }
.page .newlist li a:visited{ color:#165479;} 
.page .newlist .liLeft { width:260px; float:left;}
.page .newlist .liDate { width:70px; height:100px; float:left; text-align:center;padding-right:20px;}
.page .newlist .day { width:70px; height:70px; float:left; margin-bottom:5px; background:#EEE; line-height:70px; font-size:40px;}
.page .newlist .month { width:70px; height:25px; float:left; background:#EEE; line-height:25px;}
.page .newlist .liPic { width:150px; height:100px; float:left; padding-right:20px;}
.page .newlist .liPic img { width:150px; height:100px;}
.page .newlist .liRight { width:500px; float:left;}
.page .newlist .liTit { font-size:16px; line-height:30px; margin-bottom:10px;}
.page .newlist .liTxt { line-height:20px; height:60px; overflow:hidden;text-overflow: ellipsis;}
.page .mainBox { overflow:hidden; width:800px; padding:30px 0; color:#716F70; font-size:14px;}
.page .mainBox h4,.page .right .mainBox h5 { color:rgb(83,140,213); font-size:16px; font-weight:500; margin-bottom:15px;}
.page .mainBox h5 { background:url(/images/icon3.jpg) 0 center no-repeat; padding-left:25px;}
.page .mainBox p { line-height:24px; margin-bottom:15px;}
.page .mainBox p img { max-width:100%;}
.page .mainBox .picBox { line-height:24px; margin-bottom:15px; overflow:hidden;}
.page .mainBox .picBox img {margin-right:20px; max-width:100%;/* float: left; */}

.page .mainBox .video { overflow:hidden; padding:0 0 30px;border-bottom: dashed 1px #E0E0E0;}
.page .mainBox .video img { max-width:100%;}

.page .eBook { overflow:hidden; }
.page .eBook li { float:left; margin:0 20px 20px 0;}
.page .eBook li img { width:170px; height: 240px;}
/* albumBox */
.albumTit { font-size:18px; width:700px; margin:-10px auto ;; color:#222;}
.albumTit span { font-size:12px; color:#999;}
.albumBox { position: relative; width:700px; height:520px; overflow: hidden; margin:20px auto 0; }
.albumBox .pic img { width:700px; height:400px; margin-bottom:10px; display: block; }
.albumBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3; display:none;}
.albumBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease; }
.albumBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;}
.albumBox .prev,
.albumBox .next { width:88px; height:30px; line-height:30px; color:#716F6E; text-align:center;z-index:3; filter:alpha(opacity=40); -moz-opacity:.4; opacity:.4; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease; display:inline-block; position:absolute; bottom:40px;background:url(/images/sidebg.jpg) 0 0 repeat-x;  border:solid 1px #ACAAA9;}
.albumBox .prev { left:250px; }
.albumBox .next { right:250px; }
.albumBox .prev:hover,
.albumBox .next:hover { filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8 ;}

.page .titList { overflow:hidden; padding: 30px 0px 0px 0px; border-top: dashed 1px #E0E0E0;}
.page .titList li { width:174px; float:left; margin:0 16px 15px 0; }
.page .titList li .pic,.page .titList li .pic img { width:174px; height:124px;}
.page .titList li .txt { width:174px; height:30px; line-height:30px; font-size:16px; padding:10px 0 0;}
.page .titList li .pic { position:relative;}
.page .titList li .pic .titbg { position: absolute;width:164px;height: 30px;line-height: 30px; font-size:12px;padding: 0 5px;left: 0;bottom: 0;background: rgba(0, 0, 0, .6);color: white;overflow: hidden;}

.floatBox {z-index:999; width:960px; height:180px;margin:-70px auto 0;position:relative; }
#floatBox { width:900px; height:130px; overflow:hidden; padding:20px 30px 30px; background:url(/images/bg.jpg); position:relative;  }
.floatBox ul { width:930px; height:150px; margin-right:-30px; overflow:hidden;}
.floatBox ul li { width:84px; height:150px; float:left; margin:0 33px 30px 0;position:relative;}
.floatBox ul li img {width: 100%;margin: auto;-moz-transform: scale(.8);
-webkit-transform: scale(.8);-o-transform: scale(.8);-ms-transform: scale(.8);-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.floatBox ul li:hover img {-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}
.floatBox ul li .shadow {background:rgba(00,00,00,.2) ;position: absolute;left:17px;bottom: 5px;height: 8px;width: 50px;border-radius:100% 100% 100% 100%;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-webkit-filter: blur(3px); -moz-filter: blur(3px);-ms-filter: blur(3px);filter: blur(3px);  
}
.floatBox ul li:hover .shadow {left:12px;width: 60px;}

.mainBox .product { float:right; width:200px; margin-left:40px;}
.mainBox .product img { width:100%; height:auto; }
.mainBox .probox { float:left; width:560px; }

.joblist { }
.joblist li { color:#999; padding:5px 0; line-height:30px; border-bottom: dashed 1px #E0E0E0 }
.joblist .over,.joblist li:hover {background: #FAFAFA;}
.joblist li a { color:#716F6E; display:block; }
.pagelist {margin:10px 0px 20px 0px;overflow: hidden;line-height: 30px;}
.pagelist a, .pagelist span {height: 30px;line-height: 30px;margin: 0 10px 10px 0;float: left;padding: 0 10px;color: white;background: #89c3eb;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.pagelist a:hover, .pagelist span:hover {background: #2ca9e1;text-decoration: none;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.pagelist a.current, .pagelist span.current, .pagelist span.disabled {background: #2ca9e1;cursor: pointer;}


.linklist li { color:#999; padding:5px 0; line-height:30px; border-bottom: dashed 1px #E0E0E0; padding-left:30px; background:url(/images/li.gif) 10px center no-repeat; }
.linklist .over,.linklist li:hover {background: #FAFAFA url(/images/li.gif) 10px center no-repeat;;}
.linklist li a { color:#716F6E; display:block; }

.page .right h2 {font-size: 20px;color: #716F6E;margin: 0;padding-bottom: 20px;border-bottom: solid 1px #D7D7D7;}
.serchlist { padding:10px 0; }
.serchlist li {margin-bottom: 15px;}
.serchlist li .tit  { font-size:16px; line-height:30px; margin-bottom:5px; }
.serchlist li .tit a:hover  { text-decoration:underline;}
.serchlist li .txt  { font-size:14px;}
.mainBox .product .shadow { width:100%; height:39px; background:url(/images/shadow.png); }
.newpage h1 {font-size: 20px;text-align: center;font-weight: normal;
line-height: 50px;padding-bottom:20px;}
.newpage .info {border-top: 1px dashed #DBD4CD;border-bottom: 1px dashed #DBD4CD;line-height: 35px;text-align: center;margin-bottom: 35px;}
.newpage .info span {margin: 0 15px;}