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

/* header */
header.header{width:100%; height:500px;}
header.header .he_wrap{width:100%; height:500px; position:relative;}
header.header .he_wrap .nav{width:1170px; height:auto; margin:0 auto; position:relative; z-index:999;}
header.header .he_wrap .nav .nav_pos{position:absolute; top:30px; width:1170px; height:70px; background-color:#222222; overflow:hidden; z-index:998;}
header.header .he_wrap .nav a.qwork_logo, footer.footer .fo_wrap a{display:block; width:20%; padding:20px 0 0 40px;}
header.header .he_wrap .nav a.qwork_logo img, footer.footer .fo_wrap a img{width:145px;}
header.header .he_wrap .nav .main{width:80%; overflow:hidden; height:70px; line-height:74px; padding-right:20px;}
header.header .he_wrap .nav .main .menu a{font-size:1.6em; color:#acadb5; padding-right:30px; display:inline-block; float:left;}
header.header .he_wrap .nav .main .menu{margin-right:24px; white-space:nowrap;}
header.header .he_wrap .nav .main .menu a.language-switch{padding-right:0; color:#fff; white-space:nowrap;}
header.header .he_wrap .nav .main .menu a.active_h, header.header .he_wrap .nav .main .menu a:hover{color:#fff;}
header.header .he_wrap .nav .main .menu a.active{color:#3e91cb;}
header.header .he_wrap .nav .main .menu a p{display:inline-block; text-align:center;}
header.header .he_wrap .nav .main .menu a span{display:none;}
header.header .he_wrap .nav .main .menu a.active span{display:inline-block; width:15px; height:10px; background:url(../images/ca_more.png) no-repeat 0 0; background-size:100% auto; position:relative; top:-52px;}
header.header .he_wrap .nav .main .search{background-color:#eee; width:220px; height:30px; line-height:30px; margin-top:20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden;}
header.header .he_wrap .nav .main input{border:none; float:left; background-color:#eee; margin-left:10px; width:77%; height:30px; line-height:30px; font-family:"helvetica_condensed",Arial,sans-serif; font-size:1.5em;}
header.header .he_wrap .nav .main .search a{display:inline-block; width:30px; height:30px; line-height:30px; margin-right:10px;}
header.header .he_wrap .nav .main .search a em{width:16px; height:16px; background:url(../images/search.png) no-repeat 0 0; background-size:100% auto; display:inline-block; margin:7px 0 0 13px;}
header.header .head_bg{width:100%; position:relative; z-index:3;}
header.header .head_bg p{position:absolute; top:53%; width:100%; display:block; text-align:center; font-size:3.8em; color:#fff; z-index:2;}
header.header .head_bg .bg_black{width:100%; height:500px; position:absolute; top:0; left:0; background-color:#000; filter: alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; -kHTML-opacity:0.6; z-index:1; z-index:1;}
header.header .head_bg .bg_img{width:100%; height:500px; background:url(../images/index_bg_0920.jpg) no-repeat top center; background-size:1920px auto; z-index:0;}

/* pop */
header.header .he_wrap .nav .menu_pop{width:100%; height:auto; position:absolute; top:100px; background-color:#f5f5f5; padding:0 20px 10px; filter:progid:DXImageTransform.Microsoft.Shadow(color=#888,direction=120,strength=5);
-moz-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888;
-webkit-box-shadow:0px 0px 5px #888; z-index:997;}
.menu_pop ul{width:100%; height:auto;}
.menu_pop ul li{display:inline-block; width:100%;}
.menu_pop ul li p{display:inline-block; float:left; width:13%; height:140px; line-height:140px; font-size:1.8em; font-family:"helvetica_condensed",Arial,sans-serif; font-weight:bold;}
.menu_pop ul li .cate_img{float:left; width:87%; border-bottom:1px dashed #ccc; padding:20px 0 0;}
.menu_pop ul li .cate_img a{display:inline-block; margin:0 35px 20px 0; border:1px solid #f5f5f5;}
.menu_pop ul li .cate_img a span{display:block; text-align:center; font-size:1.4em; padding-top:5px; font-family:"helvetica_condensed",Arial,sans-serif; width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.menu_pop ul li .cate_img a span.number{font-weight:bold; padding-top:10px;}
.menu_pop ul li .cate_img img{width:100px;}
.menu_pop ul li:last-child .cate_img{border-bottom:none;}

.qw_content.category{background-color:#f5f5f5; padding-bottom:120px;}
.qw_content .menu_pop{width:100%; height:auto; background-color:#f5f5f5; width:1170px; margin:0 auto;}
.qw_content .menu_pop ul.tools{border-bottom:1px solid #bbb; margin-bottom:30px;}
.qw_content .menu_pop h2{font-size:2.8em; padding-bottom:10px;}
.qw_content .menu_pop ul li .cate_img{padding:30px 0 0;}
.qw_content .menu_pop ul li .cate_img img{width:165px;}
.qw_content .menu_pop ul li .cate_img a{margin:0 30px 30px 0;}
.qw_content .menu_pop ul li p{height:223px; line-height:223px;}
.qw_content .menu_pop ul li .cate_img a span{display:block; text-align:center; font-size:1.4em; padding-top:5px; font-family:"helvetica_condensed",Arial,sans-serif; width:165px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.qw_content .menu_pop ul li .cate_img a span.number{font-weight:bold; padding-top:20px;}


/*.menu_pop .viewmore{width:100%; height:auto; padding:20px 20px 25px; text-align:center;}
.menu_pop .viewmore a{display:inline-block; background-color:#0464a7; height:44px; line-height:44px; color:#fff; font-size:1.8em; -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; padding:0 40px;}*/

/* footer */
footer.footer{width:100%; background-color:#222; height:70px;}
footer.footer .fo_wrap{width:1170px; margin:0 auto; height:70px;}
footer.footer .fo_wrap{position:relative;}
footer.footer .company-name{position:absolute; right:0; top:0; height:70px; line-height:70px; color:#acadb5; font-size:1.4em;}


/* category */
header.header.category{height:120px; background-color:#f5f5f5;}
header.header .he_wrap{height:120px;}