@charset "UTF-8";
/*base*/

body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, div, table, td, th, tr, dt, dd, dl { margin: 0; padding: 0; line-height:180%;}
ul, ol { list-style: none; }
em, i { font-style: normal; }
table { border-spacing: 0; border-collapse: collapse; }
img { border: none; vertical-align: middle; }
input, select { vertical-align: middle; outline: none; }
a { text-decoration: none; }
body { min-width: 1200px; font-family: 'Microsoft YaHei', 'Arial', 'Heiti SC'; background: #fff; }
.fl { display: block; float: left; }
.fr { display: block; float: right; }
.basew { width: 1200px; margin: 0 auto; position: relative; }

.login_wrap .login i {
    height: 18px;
    width: 16px;
    background-position: 0 0;
}
.login_wrap .login i, .login_wrap .registered i {
    background: url(/qumuban/static/images/img_user.png) no-repeat;
    display: inline-block;
    margin: 0 8px -4px;
}
/*鍏ㄥ眬鍙橀噺 娣峰悎*/
.QZ_top { width: 100%; height: auto; }
.QZ_top .Top { width: 100%; background: #1a89ed; height: 50px; line-height: 50px; position: relative; z-index: 10; }
.QZ_top .Top .Top_L { float: left; }
.QZ_top .Top .Top_L li { color: #fff; float: left; position: relative; }
.QZ_top .Top .Top_L li a{color: #fff;}
.QZ_top .Top .Top_L li > a, .QZ_top .Top .Top_L li > span { display: block; height: 40px; font-size: 20px; color: #fff; padding: 0 24px; }
.QZ_top .Top .Top_L li span i { background: url(../images/ico-img.gif) no-repeat; height: 5px; width: 9px; background-position: 0 0; display: inline-block; margin: 0 0 2px 8px; }
.QZ_top .Top .Top_L li span a{height: 100%;color:#fff;display:-webkit-inline-box;}
.QZ_top .Top .Top_L li:hover .lis { display: block; }
.QZ_top .Top .Top_L li .lis { display: none; width: 460px; height: auto;  padding-bottom: 10px; border: 1px solid #ddd; background: #fff; position: absolute; left: 0; top: 50px; }
.QZ_top .Top .Top_L li .lis p { width: 416px; height: 55px; border-bottom: 1px solid #ddd; margin: 0 auto; line-height: 55px; color: #1a89ed; font-size: 16px; font-weight: bold; }
.QZ_top .Top .Top_L li .lis a { color: #323232; display: block; float: left; line-height: 20px; height: 20px; margin: 20px 20px 8px; }
.QZ_top .Top .Top_L li .lis a:hover { color: #1a89ed; }
.QZ_top .Top .Top_L li.on, .QZ_top .Top .Top_L li:hover { background: #1472c7; }
.QZ_top .Top .Top_L li .lis_a{display: none; width: 460px; height: auto; position: absolute; left: 0; top: 50px; clear: both; background:#fff; overflow: hidden;}
.QZ_top .Top .Top_L li .lis_a .item_bt{ width: 129px;}
.QZ_top .Top .Top_L li .lis_a .item_bt .a{ background:#f7f7f7; text-align: center;height:60px; line-height: 60px;overflow: hidden; color: #999999; font-weight: bold; line-height: 60px; }
.QZ_top .Top .Top_L li .lis_a .item_bt .a.on{ background:#fff; color: #1a89ed; cursor: pointer; }
.QZ_top .Top .Top_L li .lis_a .infor_list{width: 330px; height: 100%; overflow: hidden; position: absolute; right: 0; top: 0;}
.QZ_top .Top .Top_L li .lis_a .infor_list .infor{width: 100%; height: 100%; background: #fff; position: relative;}
.QZ_top .Top .Top_L li .lis_a .infor_list a{width: 72px; height: 24px; line-height: 24px; text-align:center; border-radius:4px;color: #666666; font-size: 14px; display: block; float: left; margin: 18px 13px;}
.QZ_top .Top .Top_L li .lis_a .infor_list a:hover{background: #1a89ed; color: #fff;}

.QZ_top .Top .Top_R { float: right; }
.QZ_top .Top .Top_R .Gzewm { float: right; width: 120px; cursor: pointer; position: relative; }
.QZ_top .Top .Top_R .Gzewm p { line-height: 20px; font-size: 12px; color: #fff; text-align: center; margin-top: 5px; float: left; }
.QZ_top .Top .Top_R .Gzewm .icowx { float: right; background: url(../images/ico-wx.png) no-repeat; height: 32px; width: 32px; margin-top: 8px; }
.QZ_top .Top .Top_R .Gzewm:hover .ewm { display: block; }
.QZ_top .Top .Top_R .Gzewm .ewm { display: none; position: absolute; right: 0; top: 50px; width: 120px; height: 120px; border: 1px solid #f3f3f4; background: #fff; }
.QZ_top .Top .Top_R .Gzewm .ewm img { width: 118px; height: 118px; margin: 1px; }
.QZ_top .head { width: 100%; height: 128px; overflow: hidden; display: block; }
.QZ_top .head .logo { float: left; margin: 30px 0 0; 
background: url(../images/ico-img.gif) no-repeat; height: 70px; width: 251px; background-position: -5px -225px; }
.QZ_top .head .search { width: 660px; height: 84px; float: right; margin-top: 30px; }
.QZ_top .head .search .ssbox { width: 100%; height: 50px; border: 1px solid #1a89ed; border-radius: 4px; }
.QZ_top .head .search .ssbox select{border: none; border-right: 1px solid #1a89ed; float: left;height: 20px;padding:0 5px;color: #909090;height: 50px;margin-left: 4px;font-size: 14px;}
.QZ_top .head .search .ssbox input.ss {border: none;height: 20px;padding: 10px;margin: 5px 0;width: 465px;color: #909090;font-size: 14px;float: left;}
.QZ_top .head .search .ssbox button.submit { float: right; background: #1a89ed; width: 100px; height: 50px; text-align: center; line-height: 50px; border: none; cursor: pointer; font-size: 16px; color: #fff; }
.QZ_top .head .search .ssbox button.submit i { display: inline-block; background: url(../images/ico-img.gif) no-repeat; height: 20px; width: 20px; background-position: -61px 0; margin: 0 4px -5px; }
.QZ_top .head .search .ssbox button.submit:hover { opacity: 0.88; }
.QZ_top .head .bq { width: 660px; height: 35px; line-height: 35px; overflow: hidden; font-size: 14px; color: #909090; }
.QZ_top .head .bq a { color: #909090; margin: 0 4px; }
.QZ_top .head .bq a:hover { color: #1a89ed; }

.content { width: 1200px; margin: 0 auto; overflow: hidden; }

.content2 { background: #f8f8f8; }

.Qz_link { width: 100%; height: auto; overflow: hidden; background: #f4f4f4; padding-bottom: 35px; }
.Qz_link p { width: 100%; height: 20px; float: left; margin: 27px auto 13px; color: #323232; font-size: 18px; }
.Qz_link a { display: block; float: left; margin: 0 12px 0 0; font-size: 14px; color: #909090; line-height: 28px; }
.Qz_link a:hover { color: #1a89ed; }


.Qz_foot { width: 100%; background: #1a89ed; height: 100px; overflow: hidden; text-align: center; }
.Qz_foot .link { font-size: 14px; color: #fff; line-height: 40px; height: 40px; }
.Qz_foot .link a { color: #fff; }
.Qz_foot .link a:hover { color: #eee; }
.Qz_foot p { font-size: 14px; color: #fff; height: 20px; margin-bottom: 10px; }

.bstitle { width: 100%; height: 50px; line-height: 50px; }
.bstitle .ico { display: block; float: left; background: url(../images/ico-img.gif) no-repeat; }
.bstitle .ico1 { height: 23px; width: 27px; background-position: -146px 0; margin: 14px 18px 0 0; }
.bstitle .ico2 { height: 24px; width: 21px; background-position: -81px 0; margin: 16px 18px 0 0; }
.bstitle .ico3 { height: 22px; width: 22px; background-position: -124px 0; margin: 16px 18px 0 0; }
.bstitle .ico4 { height: 22px; width: 22px; background-position: -102px 0; margin: 14px 18px 0 0; }
.bstitle p { float: left; height: 50px; line-height: 50px; color: #323232; font-size: 24px; }
.bstitle .mor { float: right; height: 50px; line-height: 50px; font-size: 14px; color: #000; }
.bstitle .mor:hover { color: #1a89ed; }
.bstitle .mor i { display: inline-block; background: url(../images/ico-mor.png) no-repeat; width: 14px; height: 10px; }

.list1 { display: table; width: 110%; margin-top: 8px; }
.list1 li { display: block; float: left; width: 270px; height: 226px; border: 1px solid #e0e0e0; margin: 0 37px 40px 0; position: relative; }
.list1 li .lisbox { position: relative; overflow: hidden; width: 270px; height: 226px; }
.list1 li:hover { box-shadow: 0 0 18px rgba(0, 0, 0, 0.4); }
.list1 li .img, .list1 li .img img { width: 270px; height: 180px; }
.list1 li .bt { width: 240px; height: 45px; line-height: 45px; font-size: 14px; color: #323232; margin: 0 auto; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-top: 1px solid #e0e0e0; }
.list1 li:hover .mb { top: 0; }
.list1 li .mb { width: 270px; height: 180px; position: absolute; left: 0; top: -180px; background: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; }
.list1 li .mb a { display: block; margin: 72px auto 0; width: 120px; height: 40px; background: #1a89ed; text-align: center; line-height: 40px; color: #fff; font-size: 14px; border-radius: 4px; }
.list1 li .mb a:hover { opacity: 0.96; }
.list1 li .mb a i { display: block; float: left; background: url(../images/ico-img.gif) no-repeat; height: 15px; width: 18px; background-position: -43px 0; margin: 12px 0 0 20px; }
.list1 li .hot { position: absolute; left: -13px; top: 15px; background: url(../images/ico-img.gif) no-repeat; height: 34px; width: 60px; background-position: -196px -41px; }

.list2 { width: 110%; overflow: hidden; }
.list2 li { width: 373px; height: 210px; border: 1px solid #e0e0e0; display: block; float: left; margin: 0 36px 40px 0; position: relative; }
.list2 li:hover img { opacity: 0.94; }
.list2 li .img, .list2 li .img img { width: 373px; height: 210px; }
.list2 li .bt { display: block; width: 100%; height: 68px; position: absolute; left: 0; bottom: 0; z-index: 2; text-align: center; line-height: 100px; font-size: 18px; color: #fff; background: url(../images/bglin.png) repeat-x; }
.list2 li .ico { position: absolute; left: 0; top: 0; background: url(../images/ico-img.gif) no-repeat; height: 49px; width: 49px; background-position: -260px -58px; }
.list2 li .ico1 { background-position: -260px 0; }
.list2 li .ico2 { background-position: -260px -58px; }
.list2 li .ico3 { background-position: -260px 0px; }

.crumb { width: 100%; height: 36px; line-height: 36px; font-size: 14px; color: #323232; }
.crumb p { float: left; margin-left: 4px; }
.crumb a { color: #323232; }
.crumb a:hover { color: #1a89ed; }

.crumb_nav { height: 40px; line-height: 40px;width: 1200px;overflow: hidden; }
.crumb_nav a { font-size: 14px; color: #525252; }
.crumb_nav span { font-size: 12px; color: #525252; font-family: SimSun; }
.crumb_nav a:hover { color: #1a89ed; }
.crumb_nav .on { color: #1a89ed; }
.page-c { width: 100%; float: left; }

#page { display: table; margin: 30px auto 30px; }

#page li { display: inline-block; }

#page a, #page span { display: inline-block; width: auto; padding: 0 10px; height: 30px; text-align: center; line-height: 30px; color: #666; font-size: 14px; border-radius: 5px; border: 1px solid #e6e6e6; margin: 0 5px; }

#page span { background-color: #1a89ed !important; color: #fff !important; }

#page a:hover { background-color: #1a89ed !important; color: #fff !important; }

.activP { background-color: #1a89ed !important; color: #fff !important; }

/*# sourceMappingURL=style.css.map */
.tonglan{
    text-align: center;
    margin-bottom: 10px;
}

.list3{width: 100%;overflow: hidden;margin-top: -20px;}
.list3 li{width: 24%;float: left;margin-right:1%;line-height: 45px;}
.list3 li a{display: block;height: 45px;line-height: 45px;font-size: 14px;color: #323232;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list3 li a:hover{color: #1a89ed;text-decoration: underline}

.QZ_top .Top_R{position: relative;}
.QZ_top .Top_R .login_wrap a{font-size: 14px;    color: #fff;    font-weight: bold;    margin-left: 30px;    display: inline-block;}
.QZ_top .Top_R .login_wrap .up_btn{font-size: 14px;font-weight: bold;color: #ffffff;margin-right: 25px;}
.QZ_top .Top_R .login_wrap .user_btn{margin-right: 15px; display: inline-block;background: url("../images/ico_img3.png") no-repeat; height:24px;width:24px;background-position: 0 -137px;margin-bottom: -6px;}
.QZ_top .Top_R .login_wrap .user_btn img{float: left; width: 24px;height: 24px;border-radius: 50%;}
/*login*/

.mengban{display: none; width: 100%;height: 2000px;height: 100vh;position: fixed;background: rgba(0,0,0,.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
    z-index: 999;left: 0;top: 0;}

.login_box {display: none; width:600px;height: 360px;background: #fff;box-shadow: 0 0 10px #899fb3;border-radius: 6px;position: fixed;z-index: 1000;top: 24%;left: 36%; left: calc(50% - 300px);}
.login_box .close_btn{background: url("../images/ico_img3.png") no-repeat;height:20px;width:20px;background-position: 0 0;cursor: pointer;right: 8px;position: absolute;top: 8px;}
.login_box .logoimg{display: block;margin: 50px auto 15px;width: 250px;height: 70px;background: url("../images/ico-img.gif") no-repeat;background-position: -10px -225px;}
.login_box .txt{text-align: center;width: 100%;background: #e8f3fd;height: 2px;margin-top: 30px;position: relative;}
.login_box .txt span{position: absolute;top: -15px;padding: 0 10px;display: inline-block;height: 30px;background: #fff;line-height: 30px;font-size: 14px;color: #666;left:180px;}
.login_box .btn{width: 248px;height: 116px;margin: 10px auto;}
.login_box .btn a{display: inline-block;width: 100%;height: 48px;line-height: 48px;text-align: center;margin-top: 20px;border-radius: 4px;font-size: 16px;color: #fff;}
.login_box .btn a:hover{opacity: 0.8;}
.login_box .btn .qq{background: #1a89ed;}
.login_box .btn .wx{background: #00c204;}
.login_box .btn a i{display: inline-block;background: url("../images/ico_img3.png") no-repeat;width: 30px;height: 30px;margin: 0 8px -9px;}
.login_box .btn .wx i{background-position:-109px -102px;}
.login_box .btn .qq i{background-position: -105px -65px;}
.gen-1 {
	line-height: 110%;
}

.ts-1 {
	border: none;
	height: 246px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	width: 96%;
}

.ts-1-1 {
	border: none;
	height: 18px;
	left: 0.42%;
	line-height: 18px;
	padding: 0px;
	position: absolute;
	top: 4px;
	width: 32.80%;
}

.gen-2 {
	vertical-align: middle;
}

.ts-1-2 {
	border: none;
	height: 18px;
	left: 33.65%;
	line-height: 18px;
	padding: 0px;
	position: absolute;
	top: 4px;
	width: 32.80%;
}

.ts-1-3 {
	border: none;
	height: 18px;
	left: 66.77%;
	line-height: 18px;
	padding: 0px;
	position: absolute;
	top: 4px;
	width: 32.80%;
}