/* qhl_css */
@charset "utf-8";
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0; padding:0px;}
body{font-family:microsoft yahei; font-size:12px; color:#666; text-decoration:none; line-height:24px; min-width:1200px; }
ul,li{list-style:none;}
.clearfix:after{ content: "020"; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {  /* 触发 hasLayout */   zoom: 1;  }

img{border:0px;}
.fl{float:left;}
.fr{float:right;}

a{color:#666; text-decoration:none;}
a:hover{ color:#de0029;}

.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}

.red{ color:#de0029;}

:focus{ outline:none;}
h3{ font-weight:normal;}
em,i{ font-style:normal;}

.wrapper{ width:1200px; margin:0 auto;}

.topline{ height:36px; background-color:#ebf7fc;font-size:12px;}
.topline a{ color:#9fa0a0;}
.topline a:hover{ text-decoration:underline;}
.topline span{ color:#9fa0a0; float:right; line-height:36px; }
.topline ul{ float:right; margin-top:6px; margin-left:10px;}
.topline li{ float:left; padding:0 5px; line-height:18px;}
.topline .li01{ border:1px solid #de0029;}
.topline .li01 a{ color:#de0029; }
.topline .li02{ background-color:#9fa0a0;border:1px solid #9fa0a0;}
.topline .li02 a{ color:#fff;}
.top{ height:62px;}
.top .logo{ margin-top:-10px; float:left;}
.top .nav{ float:right; line-height:35px; margin-top:10px;}
.top .nav .nLi{ float:left; padding:0 10px 10px; background:url(images/navline.jpg) no-repeat right top; position:relative; z-index:20;}
.top .nav a{ padding:5px 15px 8px; border-radius:10px; font-size:14px; color:#000; line-height:14px;  }
.top .nav a:hover,.top .nav .on a{background-color:#de002b;color:#fff;}
.top .nav .lilast{ background:none; padding-right:0px;}
.top .nav .sub{ position:absolute; z-index:20; width:130px; padding:15px 15px; background-color:#de0029; top:42px; left:10px; border-radius:10px; display:none;}
.top .nav .sub a{ color:#fff;}
.top .nav .sub li{ line-height:25px; height:25px; padding-left:10px; background:url(images/navdot.png) no-repeat left center;}
.top .nav .sub a:hover{ color:yellow;}

/*banner*/
.slider-wrapper {width:100%; height:444px; overflow:hidden; position: relative; }
.theme-default {width:100%; height:444px; position:relative; overflow:hidden;}
.theme-default #slider {width:1920px; height:444px;position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default .nivoSlider {position:relative;background:#fff url(loading.gif) no-repeat 50% 50%; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img {position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a {border:0; display:block;}
.theme-default .nivo-controlNav {position:absolute; left:50%; bottom:10px; margin-left:-55px;}
.theme-default .nivo-controlNav a {display:block;width:22px;height:22px;background:url(images/bullets.png) no-repeat;text-indent:-9999px;border:0;float:left;}
.theme-default .nivo-controlNav a.active {background-position:0 -22px;}
.theme-default .nivo-directionNav a {display:block;width:30px;height:30px;background:url(images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.theme-default a.nivo-nextNav {background-position:-30px 0; right:100px;}
.theme-default a.nivo-prevNav {left:100px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a {color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {color:#fff;}

.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav a {position:relative; z-index:9; cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

.theme-default .nivo-controlNav { z-index: 100; bottom:30px; }

.homeabout{ box-shadow:0 0 10px #9fbcbc; margin-top:-20px; z-index:200; position:relative; background-color:#fff; padding:72px; border-top:4px solid #de0029;}
.homeabout .tit{ margin-top:30px;}
.homeabout .box01{ width:332px; color:#000;}
.homeabout .box01 .conn{ margin-top:10px;}
.homeabout .box01 .more{ font-size:14px; padding:5px 20px; border:1px solid #000; color:#000; margin-top:20px; display:inline-block;}
.homeabout .box01 .more:hover{ color:#de002b; border-color:#de002b;}
.homeabout .box02{ margin-left:60px; padding:10px; border:1px solid #94949e;}
.homeabout .box03{ text-transform:uppercase; font-size:14px;}
.homeabout .box03 a{ color:#6b6d60;}
.homeabout .box03 span{ font-size:12px;}
.homeabout .box03 a:hover{ color:#de002b;}
.homeabout .box03{ padding-top:20px;}
.homeabout .box03 li{ padding-left:48px; background-position:left center; background-repeat:no-repeat; border-bottom:1px solid #bfbfbf; height:46px; line-height:46px;}
.homeabout .box03 .li01{ background-image:url(images/comp01.png);}
.homeabout .box03 .li02{ background-image:url(images/comp02.png);}
.homeabout .box03 .li03{ background-image:url(images/comp03.png);}
.homeabout .box03 .li04{ background-image:url(images/comp04.png); border-bottom:none;}
.homeabout .box03 .li01:hover{ background-image:url(images/comp01on.png);}
.homeabout .box03 .li02:hover{ background-image:url(images/comp02on.png);}
.homeabout .box03 .li03:hover{ background-image:url(images/comp03on.png);}
.homeabout .box03 .li04:hover{ background-image:url(images/comp04on.png);}
.homepro{ margin-top:58px; }
.homepro .hometit{ text-align:center;}
.homepro .pro{ margin-top:28px;overflow:hidden;}
.homepro .pro li{ float:left; padding:0 5px;}
.homepro .pro .img img{ width:290px; height:265px;}
.homepro .pro .txt{ line-height:60px;  color:#fff; font-size:18px; text-align:center;}
.homepro .pro a:hover .txt{background-color:#1e1311;}
.homenote{ border:1px solid #7d7d7d; border-top:3px solid #7d7d7d; padding:10px 20px; margin-top:20px;}
.homenews{ margin-top:40px; margin-bottom:40px;}
.homenews .title{ font-size:18px; padding-bottom:25px;}
.homenews .boxfl{ width:782px; float:left;}
.homenews .boxfl .title{ color:#de0029;}
.homenews .img{ float:left; width:178px;}
.homenews .img img{ width:178px; height:122px;}
.homenews .txt{ float:right; width:580px}
.homenews .tit{ font-weight:bold; font-size:14px; color:#de0029; margin-top:8px;}
.homenews .info{ line-height:18px; margin-top:5px;}
.homenews .more{ color:#de0029;}
.homenews .more:hover{ text-decoration:underline;}
.homenews ul{ margin-top:10px;}
.homenews li em{ color:#de0029;}
.homenews .boxfl li{ width:50%; float:left;}
.homenews .boxfr{ width:392px; float:right;}
.homenews .boxfr .title{ color:#6b6d60;}

.footnav{ background-color:#f2f3f8; padding:35px 0 66px; margin-top:45px; font-size:14px;}
.footnav dl{ float:left; padding-right:180px;}
.footnav dt,.footnav .tit{ font-weight:bold; font-size:18px; color:#000; margin-bottom:18px;}
.footnav .contact{ width:170px;}
.footnav ul{ font-weight:bold; margin-top:10px;}
.footnav .contact li{ padding-left:25px; background-position:left center; background-repeat:no-repeat; color:#de0029;}
.footnav .contact .li01{ background-image:url(images/cont01.png);}
.footnav .contact .li02{ background-image:url(images/cont02.png);}
.footnav .contact .li03{ background-image:url(images/cont03.png);}
.footnav .contact .li04{ background-image:url(images/cont04.png);}
.footnav .feedback{ width:300px; float:right;}
.footnav .line{ overflow:hidden;}
.footnav .text{ display:block; width:298px; border:1px solid #9a9b9b; line-height:28px;} 
.footnav .textarea{ display:block; border:1px solid #9a9b9b; width:298px; height:64px; margin-top:12px;}
.footnav .btn{ background-color:#de0029; color:#fff; border:none; float:right; font-family:microsoft yahei; padding:3px 20px; margin-top:12px;}

.foot{  background-color:#de0029; color:#fff; padding:15px 0; overflow:hidden; }
.foot a{ color:#fff;}

/*content*/
.bannerx{ height:245px; background:url(images/bannerx.jpg) no-repeat center center;}

.topside{ text-align:center;}
.topside ul{ display:inline-block; padding:5px 50px 8px; background:url(images/sidebg.jpg) repeat-x center top; background-color:#b40507; position:relative; top:-20px;*display:inline;*zoom:1;}
.topside li{  font-size:14px; padding:8px 30px; display:block; float:left;}
.topside li:hover,.topside li.on{ background:url(images/sidearrow.png) no-repeat center bottom;}
.topside a{ color:#fff;} 

.main{ font-size:14px; line-height:24px; padding:30px 0; min-height:350px;}
.main .product li{ float:left;margin:0 5px; margin-bottom:10px; background-color:#eee; }
.main .product .img img{ width:290px; height:265px;}
.main .product .txt{ line-height:60px; text-align:center; font-size:18px; }
.main .product li:hover{ background-color:#1e1311;}
.main .product li:hover a{ color:#fff;}
.main .device li{ float:left;margin:0 5px; margin-bottom:10px; background-color:#eee; position:relative; }
.main .device .img img{ width:290px; height:217px;}
.main .device .txt{ line-height:40px; text-align:center; font-size:18px; }
.main .device .bg{ background-color:#000; opacity:.6; position:absolute; bottom:0px; left:0px; width:100%; height:0; transition:.5s;}
.main .device .icon{ position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(images/magn.png) no-repeat center -30px;transition:.5s;}
.main .device li:hover{ background-color:#1e1311;}
.main .device li:hover a{ color:#fff;}
.main .device li:hover .bg{ height:100%;}
.main .device li:hover .icon{background:url(images/magn.png) no-repeat center center;}
.main .envir li{ float:left;margin:0 5px; margin-bottom:20px; background-color:#eee; position:relative; }
.main .envir .img{width:290px; height:217px; overflow:hidden;}
.main .envir .img img{ width:290px; height:217px; transition:.3s;}
.main .envir .txt{ line-height:40px; text-align:center; font-size:18px; }
.main .envir li:hover{ background-color:#1e1311; box-shadow:0 10px 10px #aaa;}
.main .envir li:hover a{ color:#fff;}
.main .envir li:hover .img img{ transform:scale(1.1,1.1);}
.main .honor{ margin:0px 0 0px; }
.main .honor li{ float:left; border:1px solid #ccc; margin-top:-1px; margin:1% 0.6%; box-sizing:border-box; position:relative; width:32%;/*background:url(images/honorbg.jpg) center center;*/}
.main .honor li img{width:100%; height:500px;}
.main .honor .img img{width:100%;}
.main .honor .txt{ height:30px; line-height:30px; font-size:14px; text-align:center;}

.main .honorxx{ margin:0px 0 0px; }
.main .honorxx li{ float:left; border:1px solid #ccc; margin-top:-1px; margin:1% 0.6%; box-sizing:border-box; position:relative; width:32%;/*background:url(images/honorbg.jpg) center center;*/}
.main .honorxx li img{width:100%; height:300px;}
.main .honorxx .img img{width:100%;}
.main .honorxx .txt{ height:30px; line-height:30px; font-size:14px; text-align:center;}
/*.main .honor li:hover{border:1px solid #de0029; z-index:2;}
.main .honor li a:hover{color:#de0029;}*/
.main .news{}
.main .news li{ padding:20px 0px; border-bottom:1px solid #eee; transition:background ease-in-out .2s;}
.main .news li a{ display:block; width:1200px; margin:0 auto;}
.main .news .img{ float:left; transition:.5s; margin-right:40px;}
.main .news .img img{ width:170px; height:120px; border:1px solid #eee;}
.main .news .txt{ transition:.5s; }
.main .news .tit{ font-size:20px; color:#000;}
.main .news .time{ font-size:12px; color:#888; padding:5px 0;}
.main .news .miaoshu{ margin-top:5px; line-height:160%; color:#888; height:50px; overflow:hidden; margin-top:10px;}
.main .news li:hover{ background:url(images/cen01.jpg) no-repeat center top;}

/*jobs*/
.job_tab{ width:100%; margin-top:7px; font-size:12px}
.job_tab th{ background:#376bb6; height:38px; color:#fff; font-weight:bold; font-size:16px;}
.job_tab td{ line-height:42px; border-bottom: solid 1px #ccc; color:#666666; font-size:14px; text-align:center; padding-top:5px; }
.job_tab .btn_detail{ padding:4px 30px; background:rgb(237, 120, 1); color:#FFF; border-radius:5px;}
.job_tab .txt_lft{ text-align:left; padding-left:15px;}
.job_tab .time{ }
.job_info{border-bottom: solid 1px #ececec;}
.job_desc{}
.job_desc h2{ color:#454545; font-size:14px; font-weight:bold; line-height:30px;}
.job_desctab{ width:100%; border-bottom: solid 1px #ececec; border-top: solid 1px #ececec; margin-top:5px;}
.job_desctab td{ padding:10px 0 10px 9px;}
.job_desctab td span{ font-weight:bold;}
.job_desc p{ line-height:22px; color:#666666; padding:0 10px 20px;}
.job_desc p span{ display:block; font-weight:bold; padding:10px 0; }
.job_tab tr:hover{ background-color:#eee;}

.join_more { width: 100%; border-top:3px solid #6294d1; margin-top:20px; font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; }
.join_more thead tr th { line-height: 50px; text-align: left;  padding: 0 10px; border-bottom: 1px solid #dedede; font-size: 18px; font-weight: normal; color:#204571;  }
.join_more tbody tr td { line-height: 24px; padding:6px 10px; border-bottom: 1px solid #dedede; font-size: 14px; color: #666; }
.join_more tbody tr td span { color: #000; }
.join_more tbody tr td .squareli li { padding-left: 9px; background: url(../images/li.png) 0 center no-repeat; }
.join_more a.gangwei{ padding:7px 36px; background-color:#ccc; transition:.5s; float:right; color:#fff; border-radius:5px;font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; }
.join_more a.gangwei:hover{ background-color:#d53b4c;}