/* q_css */
@charset "utf-8";
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0; padding:0px;}
body{font-family: Verdana, Geneva, sans-serif; font-size:13px; color:#666; text-decoration:none; line-height:160%;  }
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:#d40005;}

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

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

.wrapper{ width:1200px; margin:0 auto;}
.top{ height:82px; font-family: Verdana, Geneva, sans-serif;}
.top .logo{ margin-top:15px; float:left; height:44px;}
.top .boxfr{ float:right; margin-top:28px; font-size:12px;}
.top .boxfr img{ vertical-align:middle;}
.top .line{ color:#ccc;}
.nav ul{ width:760px; float:left; line-height:50px;}
.nav li{ float:left; padding:0 18px; font-size:14px;}
.nav li a{ color:#333;}
.nav li:hover,.nav .on{ background-color:#ff1901;}
.nav li:hover a{ color:#fff;}
.nav .nLi{ position:relative;}
.nav .sub{ display:none; position:absolute; left:0px; width:180px; background-color:#ff1901; z-index:20;}
.nav .sub li{ width:100%; text-align:left; text-indent:10px; padding:0px; color:#fff; line-height:35px; font-size:12px;}
.nav .sub li a{ color:#fff;}
.nav .sub li:hover{ background-color:#545454;}
.nav .search{ width:210px; float:right; margin:10px 0; height:30px; color:#999; background-color:#f4f4f4; padding-left:20px; }
.nav input{ display:block; border:none; background:none;}
.nav .input{ width:166px; height:30px; float:left;font-family: Verdana, Geneva, sans-serif;  font-size:14px;color:#999;}
.nav .submit{ width:30px; height:30px; background:url(images/searchp.png) no-repeat 15px center; text-indent:-9999px;}

/*banner*/
.slider-wrapper {width:100%; height:430px; overflow:hidden; position: relative; }
.theme-default {width:100%; height:430px; position:relative; overflow:hidden;}
.theme-default #slider {width:1920px; height:430px;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;}

.theme-default2 {width:100%; height:430px; position:relative; overflow:hidden;}
.theme-default2 #slider2 {width:1920px; height:430px;position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default2 .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-default2 .nivoSlider img {position:absolute; top:0px; left:0px; display:none;}
.theme-default2 .nivoSlider a {border:0; display:block;}
.theme-default2 .nivo-controlNav {position:absolute; left:50%; bottom:10px; margin-left:-55px;}
.theme-default2 .nivo-controlNav a {display:block;width:22px;height:22px;background:url(images/bullets.png) no-repeat;text-indent:-9999px;border:0;float:left;}
.theme-default2 .nivo-controlNav a.active {background-position:0 -22px;}
.theme-default2 .nivo-directionNav a {display:block;width:30px;height:30px;background:url(images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
.theme-default2 a.nivo-nextNav {background-position:-30px 0; right:100px;}
.theme-default2 a.nivo-prevNav {left:100px;}
.theme-default2 .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default2 .nivo-caption a {color:#fff; border-bottom:1px dotted #fff;}
.theme-default2 .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;}

.homelayer{ background-color:#f3f3f3; padding:30px 0 60px;}
.homebox{ float:left; margin-right:14px; width:289px; background-color:#fff; height:510px;}
.homebox .img img{ width:289px; height:203px;}
.homebox .conn{ padding:25px;}
.homebox .tit{ font-size:16px; font-weight:bold; color:#ff1901; font-family: Verdana, Geneva, sans-serif; margin-bottom:22px; text-transform:uppercase;}
.homebox .info{ margin-bottom:8px; line-height:140%;}
.homebox .button{ background-color:#ff1901; color:#fff; padding:7px 20px;border-radius:20px; display:inline-block;}
.homebox .button:hover{ color:yellow;}
.clearline{ margin-right:0px;}

.homenews .tit{ border-left:#ff1901 5px solid; padding-left:16px; line-height:26px;}
.homenews li{ margin-bottom:10px;}
.homenews .time{ margin-bottom:3px;}
.homenews .txt{ background:url(images/dfw.gif) no-repeat 2px 7px; padding-left:16px; color:#d71400;}
.homenews a:hover .txt{ text-decoration:underline;}

.footnav{ background-color:#3b3b3b; color:#a8a8a8; padding:40px 0;}
.footnav a{ color:#a8a8a8;}
.footnav a:hover{ text-decoration:underline;}
.footnav dl{ float:left; margin-right:65px;}
.footnav dt{ color:#ff1901; font-size:14px; margin-bottom:10px;} 
.footnav .contact{ float:right; width:340px;}
.footnav .contact .tit{ color:#ccc; margin-bottom:10px;}

.foot{ background-color:#565656; padding:30px 0 40px; color:#999; font-family: Verdana, Geneva, sans-serif; font-size:12px;}
.foot a{ color:#999;}
.foot a:hover{ text-decoration:underline;}
.foot .line01{ border-bottom:#656464 1px solid; padding-bottom:10px;}
.foot .line02{ margin-top:20px;}

/*content*/
.bannerx{ height:124px; background:url(images/bannerx.jpg) no-repeat center center;}
.main{ background:url(images/leftbg.jpg) repeat-y left center; min-height:400px; margin-top:30px;}
.promain{ background:none;}
.promain dl{ float:left; padding:8px 0; background-color:#eee; position:relative; margin:10px 20px 40px; width:260px; font-family: Verdana, Geneva, sans-serif; font-size:14px; line-height:180%; 
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#000000); 
background-image: -moz-linear-gradient(top, #eeeeee, #ffffff); /*火狐*/
background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%);/*Opera*/
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1,#ffffff)); /*Chrome*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType='0'); /*IE*/}
.promain dt{ padding:10px 0px 10px 30px; margin-bottom:15px; width:225px; margin-left:-5px; background-color:#ff1901; color:#fff; font-size:13px; }
.promain dd{margin:0 30px; line-height:15px; font-size:12px; border-bottom:1px dotted #ccc; padding:10px 0; padding-left:20px;  background:url(images/ciono.gif) no-repeat left 15px;}

.leftside{ width:293px; float:left;}
.leftside h3{ line-height:44px; color:#fff; background:url(images/leftit.jpg) repeat-x center center; font-family: Verdana, Geneva, sans-serif; font-size:20px;text-align:center;}
.leftside h3 .img{ width:10px; vertical-align:middle; }
.leftside ul{ padding:10px 15px;}
.leftside li{ line-height:30px; text-align:center; font-size:14px; font-family: Verdana, Geneva, sans-serif; border-bottom:1px solid #fff; margin-top:10px;}
.leftside li:hover,.leftside .on{ background-color:#ccc; background:url(images/leftbg.png) no-repeat center 3px;}
.leftside li:hover a,.leftside .on a{ color:#d40005;}
.leftside .contact{ padding:15px 15px 40px;}
.proside li{ text-align:left; text-indent:20px;margin-top:0px;}
.proside li:hover{ background:none;}
.proside li a{ color:#666;}
.proside li:hover a{ color:#666;}
.proside .sub{ padding-top:0px;}
.proside .sub li{ font-size:12px; text-indent:0px; line-height:20px; border-bottom:1px dotted #ccc;}
.proside .sub li a{ color:#999;}
.proside .sub li:hover a,.proside .sub .onn a{ color:#d40005;}

.content{ float:right; width:850px;}
.content .title{ background:url(images/tithome.jpg) no-repeat 0px center; padding-left:20px; line-height:30px; border-bottom:1px dotted #ccc;}
.content .title02{ line-height:40px; font-size:20px; color:#ccc; font-family: Verdana, Geneva, sans-serif; background:url(images/contit.png) repeat-x center center; margin-top:10px;}
.content .title02 span{ background-color:#fff; padding-right:10px; font-weight:bold;  }
.content .con{ font-family: Verdana, Geneva, sans-serif; padding:20px 0px;}
.content .con img{ max-width:850px;}
.content .news li{ overflow:hidden; padding-bottom:20px; border-bottom:1px dashed #ccc; margin-bottom:20px;}
.content .news .day{ float:left; width:70px; height:70px; background-color:#f8f8f8;border:1px solid #eee; text-align:center; font-size:40px; line-height:70px;}
.content .news .time{ float:left;width:46px; height:70px;border:1px solid #eee; text-align:center; margin-right:20px;}
.content .news .month{border-bottom:2px solid #eee;}
.content .news .month,.content .news .year{ height:34px;  line-height:34px;}
.content .news .tit{ font-size:16px; font-weight:bold;}
.content .news .info{margin-top:12px; color:#999;}
.content .news li:hover .info{ color:#d40005;}
.content .info-tit{ padding-bottom:10px; }
.content .pro-tit{ border-bottom:1px dashed #ccc;}
.content .info-tit h2{ font-size:16px; text-align:center;}
.content .info-tit p{ color:#999; text-align:center; margin-top:10px;}
.content .info-con{ margin:20px 0 30px;}
.content .info-page{ border-top:1px dotted #ccc; padding:10px 0;}
.content .info-page a{ color:#999;}
.content .info-page a:hover{ text-decoration:underline;}
.content .con .back{ display:inline-block; float:right; color:#fff; background:url(images/back.png) #d40005 no-repeat 15px center; padding:5px 15px 5px 35px; margin-top:5px;}
.content .con .back:hover{ background-color:#950000; text-decoration:none;}
.content .app li{ position:relative; width:200px; overflow:hidden; float:left; margin:6px;}
.content .app .img img{ width:100%; height:200px;}
.content .app .cover{ position:absolute; bottom:0px; left:0px; width:100%;height:40px; background-color:#000; opacity:.5; filter:alpha(opacity=50); transition:.5s;}
.content .app .txt{ position:absolute; bottom:0px; left:0px; width:100%; height:40px;color:#fff; transition:.5s;}
.content .app .tit{ font-size:14px; text-align: center; line-height:40px; font-weight:bold;}
.content .app .info{ padding:15px 20px 0;}
.content .app em{ display:block; height:2px; width:150px; margin:0 auto; background-color:#fff;}
.content .app li:hover .cover{ height:100%;}
.content .app li:hover .txt{ height:90%;}
.content .contact .info{ padding:10px 5px; background-color:#eee; margin-bottom:30px; text-align:center;}
.content .device li{ float:left; width:400px; margin:0 12px 20px;}
.content .device .img{}
.content .device .img img{ width:100%; height:200px;}
.content .device  .txt{ line-height:30px; text-align:center;}

/*--------job-------------*/
.join_more { width: 100%; border-top: 2px solid #dedede; font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif"; margin-bottom:30px; }
.join_more thead tr th { line-height:35px; text-align: left; padding: 0 10px; border-bottom: 1px solid #dedede; font-size: 15px; font-weight: normal; font-family:  "Microsoft Yahei","微软雅黑", "Arial", "Verdana", "sans-serif";font-weight:bold; }
.join_more tbody tr td { line-height: 14px; padding: 6px 10px; border-bottom: 1px solid #dedede; font-size: 14px; color: #666; font-family: microsoft yahei; }
.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;}

.newscc span{ color:#666 !important; font-family:microsoft yahei !important; font-size:14px !important; line-height:180% !important;}
.newscc a{ text-decoration:underline;}

.sprod{ width:100%;}