﻿@charset "utf-8"; 
/* CSS Document */
/* webkit*/
::-webkit-input-placeholder {
color:#666;
}
/*moz*/
::-moz-placeholder {
color:#666;
}
body{background:#f7f8fa}
.ico{display:inline-block; vertical-align:middle;
	background:url(../img/ico.png);
	background-image:-webkit-image-set(url(../img/ico.png) 1x,url(../img/ico2x.png) 2x);
	background-repeat:no-repeat;
}
.ico1{background-position:0 -47px; width:20px; height:20px}
.ico2{background-position:-34px -47px; width:26px; height:26px}
.ico3{background-position:-193px -47px; width:26px; height:26px}

.ico4{background-position:-232px -47px; width:32px; height:32px}
.ico5{background-position:-275px  -47px; width:32px; height:32px}
.ico6{background-position:-321px -47px; width:32px; height:32px}
.ico7{background-position:-370px -47px; width:32px; height:32px}
.ico8{background-position:-421px -47px; width:32px; height:32px}
.ico9{background-position:-465px -47px; width:32px; height:32px}
.ico10{background-position:-70px -47px; width:26px; height:26px}

.ico11{background-position:0 -84px; width:22px; height:22px}
.ico12{background-position:-25px -84px; width:22px; height:22px}
.ico13{background-position:-53px -84px; width:22px; height:22px}
.ico14{background-position:-86px -84px; width:22px; height:22px}
.ico15{background-position:-120px -84px; width:22px; height:22px}
.ico16{background-position:-152px -84px; width:22px; height:22px}


.logo{background-position:0 0; width:220px; height:40px}

.index{background:url(../images/bg.png) no-repeat; background-size:cover}

.inmsg{width:680px; height:540px; position:fixed; top:50%; left:50%; margin:-290px 0 0 -340px}

.lgin{padding:80px 0 90px; width:590px; margin:auto}
.lgin .intx{float:left; width:240px; background:#fff; padding:8px 10px; margin-right:10px;
   -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.lgin .intx2{width:200px}
.lgin .intx .text{height:22px; line-height:22px; background:none; border:0; width:100%}
.bton .btn{background:#0589ff; color:#fff; font-size:14px; border:0; width:90px; height:40px;
   -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.vli li{float:left; width:25%; text-align:center}
.vli li a{display:block; color:#fff; font-size:16px}
.vli li .vti{margin:10px auto auto}

.vfot{position:fixed; left:0; bottom:10px; line-height:22px; color:#888; text-align:center; width:100%; font-size:12px}

.head{background:#fff; padding:5px 0; width:100%; position:fixed; top:0; left:0; z-index:100;
-webkit-box-shadow:0 5px 5px #f0f0f0;  
  -moz-box-shadow:0 5px 5px #f0f0f0;  
  box-shadow:0 5px 5px #f0f0f0;
}
.headHi{height:50px}

.auto{width:1000px; margin:auto; position:relative}

.head h1{float:left; width:220px; height:40px}
.head .nav{float:left; margin-left:20px}
.nav li{float:left; margin-left:30px}
.nav li a{display:block; height:40px; line-height:40px; font-size:16px; color:#8790a4}
.nav li a:hover{color:#333}
.nav li.cur a{color:#333}

.head .search{float:left; margin:3px 0 0 30px}
.search{width:100px; padding:5px 10px 5px 40px; background:#f7f8fa; position:relative;
   -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.search .ico{position:absolute; top:50%; left:10px; margin-top:-10px}
.search .text{border:0; background:none; font-size:12px; color:#333; width:100%; height:22px; line-height:22px}

.head .hdlogin{float:right; display:block; background:#0589ff; color:#fff; padding:7px 15px; font-size:12px; margin:5px auto auto;
   -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.head .hdlogin:hover{background:#0478df}
.main{padding:20px 0}

.tli{float:left; width:370px}
.tri{float:right; width:618px; background:#fff; border:1px solid #ebedf0; height:668px}

.jddt{background:#fff; border:1px solid #ebedf0; padding:20px}
.jddt .jdti{position:relative}
.jddt .jdti span{font-size:18px; color:#8790a4}
.jddt .jdti a{position:absolute; top:50%; right:0; margin-top:-10px; height:20px; line-height:20px; color:#8790a4; font-size:12px}

#warpper{width:328px; height:308px;margin:auto; position:relative}
#focus{width:328px;height:308px; margin:0 auto; position:relative}
/* focusWarp */
#focus .focusWarp{width:328px;height:308px; position:relative;}
#focus .imgList{position:absolute; top:0; left:0; height:308px}
#focus .imgList li{float:left; height:308px;}
#focus .imgList li a{display:block; width:328px; height:308px}
#focus .imgList_two{position:absolute;z-index:10;top:100px;}
#focus .imgList_two li{float:left;text-align:center;}
#focus .imgBtn{position:absolute;bottom:10px;z-index:10; left:50%; margin-left:-20px}
#focus .btnWarp{overflow:hidden;}
#focus .imgBtn li{width:10px;height:10px;float:left;font-size:12px;margin-right:5px;text-align:center;line-height:18px;cursor:pointer; background:#fff;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-border-radius:100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
#focus .imgBtn li.hover{background:#0589ff;
	filter:alpha(opacity=1060);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

#focus .sizeBox{width:300px; position:absolute;z-index:10;top:0;left:0;}
#focus .prev,#focus .next{display:block;height:77px;width:36px;position:absolute;top:50%; margin-top:-38px;z-index:100;background:url(../img/prevNext.png) no-repeat;outline:none;*background:url(../img/prevNext.gif) no-repeat;background:url(../img/prevNext.gif) no-repeat\0;}
#focus .prev{left:-100px;}
#focus .next{right:-100px;background-position:right top;}
#warpper:hover .prev,#warpper:hover .next{display:block}
#focus .thumPrev,#focus .thumNext{width:20px;height:20px;display:block;background:url(../img/sprevNext.png) no-repeat;_background:url(../img/sprevNext.gif) no-repeat;margin-top:10px;margin-right:10px; outline:none;}
#focus .thumNext{background-position:right top;}

#warpper2{width:1000px; height:200px;margin:40px auto auto; position:relative}
#focus2{width:1000px;height:200px; margin:0 auto; position:relative}
/* focusWarp */
#focus2 .focusWarp{width:1000px;height:200px; position:relative;}
#focus2 .imgList{position:absolute; top:0; left:0; height:200px}
#focus2 .imgList li{float:left; height:200px;}
#focus2 .imgList li a{display:block; width:1000px; height:200px}

#focus2 .imgList li .lto a{display:block; width:20%; float:left; text-align:center; color:#333}
#focus2 .imgList_two{position:absolute;z-index:10;top:100px;}
#focus2 .imgList_two li{float:left;text-align:center;}
#focus2 .imgBtn{position:absolute;bottom:10px;z-index:10; left:50%; margin-left:-20px}
#focus2 .btnWarp{overflow:hidden;}
#focus2 .imgBtn li{width:10px;height:10px;float:left;font-size:12px;margin-right:5px;text-align:center;line-height:18px;cursor:pointer; background:#ddd;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
-webkit-border-radius:100px;
-moz-border-radius: 100px;
border-radius: 100px;
}
#focus2 .imgBtn li.hover{background:#0589ff;
	filter:alpha(opacity=1060);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}

.voop{width:328px; height:308px; overflow:hidden; position:relative}
.voop a{display:block; position:relative}
.voop a em{background:#000; position:absolute; left:0; bottom:0; width:100%; height:80px; z-index:5; display:block;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.voop .vtix{position:absolute; left:0; bottom:0; height:80px; z-index:6; color:#fff; font-size:16px}
.voop .vtix span{display:block; padding:12px}

.hxic li{float:left; width:33.33%; margin:15px auto}
.hxic li a{display:block; text-align:center; color:#6b7894}
.hxic li a .ico{display:block; margin:auto auto 5px}


.tri .jdti{position:relative; border-bottom:1px solid #eee; padding:20px}
.tri .jdti span{font-size:18px; color:#8790a4}
.tri .jdti a{position:absolute; top:50%; right:20px; margin-top:-10px; height:20px; line-height:20px; color:#8790a4; font-size:12px}

.clist{padding:20px 0}
.clist li{position:relative; padding:20px}
.clist li .ti a{font-size:16px; color:#333}
.clist li .ci{color:#999; margin:10px auto}
.clist li .ed{color:#666; font-size:12px}
.clist li .time{position:absolute; top:20px; right:10px; color:#999; font-size:12px}
.clist li:hover{background:#f4faff}

.jtbo{background:#fff; border:1px solid #eaecef; padding:20px 20px 5px}
.jtbo li{float:left; width:290px; margin-right:40px}
.jtbo li.end{margin:auto}
.jto{position:relative}
.jto span{font-size:18px; color:#8790a4; font-weight:bold}
.jto a{display:block; font-size:12px; color:#666; position:absolute; top:3px; right:0}
.ant{margin:15px auto; border-bottom:1px solid #eee}
.ant a{color:#8790a4; margin-right:10px; padding-bottom:10px; border:2px solid #fff; display:inline-block}
.ant a.cur{border-bottom:2px solid #0589ff; color:#0589ff}

.anlit .aio{margin-bottom:15px}
.anlit .ati a{font-size:14px; color:#333}
.anlit .aio .time{font-size:12px; margin:5px auto auto; color:#999}

.ucti{position:relative}
.ucti span{font-size:24px; color:#8790a4; font-weight:bold; display:block; text-align:center}
.ucti a{display:block; font-size:12px; color:#666; position:absolute; top:3px; right:0}

.goint{padding:20px 0; text-align:center}
.goint a{display:inline-block; padding:12px 30px; border:1px solid #0589ff; color:#0589ff;
   -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.goint a:hover{background:#0589ff; color:#fff}
.adt{background:url(../images/ziop_02.png) no-repeat center center; height:400px; text-align:center; position:relative}
.adt .adimg{width:584px; height:374px; position:absolute; left:50%; bottom:0; margin-left:-292px}

.footer{background:#3b3e4e; padding:40px 0}
.footer li{width:180px; float:left}
.footer li .fti{font-size:18px; color:#9d9fa7}
.footer li .fci{margin:20px auto auto; line-height:26px}
.fci a{color:#767883; display:block; padding-left:10px; background:url(../images/dian_03.png) no-repeat left center}
.fci a:hover{color:#fff}
.footer li.end{width:450px; color:#767883; font-size:12px; padding:50px 0 0}

.poLit{position:relative; padding-left:170px; min-height:600px}
.poLit .vtnv{position:absolute; top:0; left:0; background:#fff; border:1px solid #eaecef; width:158px; padding:20px 0}
.vtnv li{padding:10px 0}
.vtnv li a{display:block; color:#8790a4; padding-left:28px; border-left:2px solid #fff}
.vtnv li a .ico{margin-right:10px}
.vtnv li.cur a{color:#0589ff; border-color:#0589ff}
.vtnv li a:hover{color:#0589ff}
.vtnv li.cur .ico11{background-position:0 -111px}
.vtnv li.cur .ico12{background-position:-25px -111px}
.vtnv li.cur .ico13{background-position:-53px -111px}
.vtnv li.cur .ico14{background-position:-86px -111px}
.vtnv li.cur .ico15{background-position:-120px -111px}
.vtnv li.cur .ico16{background-position:-152px -111px}

.vcont{background:#fff; padding:50px 50px 30px; border:1px solid #eaecef}

.dq{color:#8790a4; border-bottom:1px solid #eaecef; padding-bottom:20px}
.dq span,.dq a,.dq u{display:inline-block; color:#8790a4}
.dq u{margin:0 10px}
.vcli dl{margin:20px auto auto}
.vcli dt{float:right; width:168px}
.vcli dd{float:left; width:520px}
.vcli dd .ti a{font-size:16px; color:#333}
.vcli dd .co{margin:10px auto; color:#8790a4; font-size:12px}
.vcli dd .co span{display:inline-block; margin-right:40px}
.vcli dd .ci{color:#999; line-height:24px}

.pages{padding:30px 0 0; border-top:1px solid #eaecef; margin:30px auto auto; font-size:12px}
.pages li{float:left}
.pages li a{display:block; width:14px; height:14px; line-height:14px; color:#8790a4}
.pages li.up a{width:auto; padding:0 10px}
.pages li span{display:block;padding:0 10px; height:14px; margin:0 20px 0 0; line-height:14px; color:#8790a4}
.pages ul{width:350px; margin:auto}

.content{margin:50px auto auto}
.content h2{text-align:center; font-size:24px; font-weight:normal; color:#262626}
.content .con{margin:20px auto; color:#8790a4; text-align:center}
.content .con span{display:inline-block; margin:0 20px; font-size:12px}

.cmoo{color:#999; line-height:24px}
.upges{padding:30px 0 30px 200px}
.upges a{color:#333}
.upges a:hover{text-decoration:underline}


.login{background:url(/images/lgbg.png) no-repeat; background-size:cover;background-position: center center;background-attachment: fixed;}
.log-auto{width:1000px; position:absolute; top:0; left:50%; margin-left:-500px; height:100%}
.logimg{width:420px; height:170px; position:absolute; top:50%; left:0; margin-top:-85px}
.logbox{width:340px; height:360px; position:absolute; top:50%; right:0; margin-top:-180px; background:#fff;
   -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.lbox{padding:30px}
.lbti{font-size:30px; color:#6d7291}
.vint{background:#fff; border:1px solid #dddfe7; padding:5px 10px}
.vint .text{border:0; background:none; height:22px; line-height:22px; width:99%}

.vbtn .btn{border:0; background:#479ff1; color:#fff; display:block; width:100%; padding:10px 0;
   -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
.mota{text-align:center; color:#ccc}
.mota a{display:inline-block; color:#999}
.mota u{display:inline-block; color:#ccc; margin:0 20px



