@charset "utf-8"; /* CSS Document */ body,button,input,select,textarea,td,tr,table{color:#333;font-size:12px; font-family:"Microsoft YaHei UI"} li{ list-style:none } a.dh:link,a.dh:visited,a.dh:active{color:#000;text-decoration:none; font-size:16px;font-family:"Microsoft YaHei UI";display:block;width:80px;height:29px;padding-top:10px} a.dh:hover{color:#999;text-decoration:none; font-size:16px;font-family:"Microsoft YaHei UI";display:block;width:80px;height:29px;padding-top:10px} a.dh2:link,a.dh2:visited,a.dh2:active{color:#fff;text-decoration:none; font-size:12px; font-family:"Microsoft YaHei UI";display:block;margin-right:10px} a.dh2:hover{color:#f0f0f0;text-decoration:none; font-size:12px; font-family:"Microsoft YaHei UI"; display:block;margin-right:10px} a:link,a:visited,a:active{color:#333;text-decoration:none} a:hover{color:#0d6abd;text-decoration:none} /* webcss start*/ body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } #wrapper{margin:0px auto;width:980px} .top{height:90px;position:relative} #lang{position:absolute;right:15px;top:10px;z-index:1} #lang img{margin-right:5px;vertical-align:middle} #MainMenu{background:url(../images/MainMenu_bg.gif);height:30px;padding:3px 15px 5px 15px} .index_banner{background:url(../images/banner_index_bg.gif);height:210px;padding:11px 15px;overflow:hidden} .page_banner{background:url(../images/banner_page_bg.gif);height:152px;padding:11px 15px;overflow:hidden} #index_main{background:url(../images/v_line.gif) 720px top no-repeat} #index_main h2{background-image:url(../images/site_title.gif);background-repeat:no-repeat;height:34px;line-height:34px;font-size:100%;font-weight:normal} #index_main h2 span{float:left;display:none} #index_main h2 a{float:right;margin:15px 10px 0px 0px} .index-left{float:left;padding:0px 5px 0px 9px;width:706px;overflow:hidden} .index-newproducts{padding-bottom:15px} .index-newproducts h2{background-position:5px 0px} .productsroll{position:relative;width:961px} /* productsroll Start */ #LeftArr1,#RightArr1{width:25px;height:238px;cursor:pointer;position:absolute;top:0px;z-index:1;background-image:url(../images/product_arrow.gif);background-repeat:no-repeat} .ScorllLeft1{background-position:0px 0px;float:left;left:8px} .ScorllLeft1_Hover{background-position:-25px 0px;left:8px} .ScorllRight1{background-position:-75px 0px;float:right;right:0px} .ScorllRight1_Hover{background-position:-50px 0px;right:0px} #ScrollBox{margin-left:32px;width:961px;overflow:hidden} #ScrollBox li{float:left;display:inline;width:236px;text-align:center} #ScrollBox li a{display:block;background:#FFF;border:#e5e5e5 1px solid;padding:4px 4px 18px 4px;margin:0px 5px} #ScrollBox li a:link,#ScrollBox li a:visited,#ScrollBox li a:active{color:#000} #ScrollBox li a:hover{background:#0d6abd;border:#008aff 1px solid;color:#008aff} #ScrollBox li a span{display:block;padding-top:18px} /* productsroll End */ .index-news{background:url(../images/v_line2.gif) 350px top no-repeat;float:left;padding:0px 5px;width:346px} .index-news h2{background-position:0px -34px} .index-news ul{padding:0px 0px 10px 5px} .index-news ul li{padding:4px 0px} .index-news ul li img{float:left;margin-right:10px} .index-news ul li h3{font-size:100%;font-weight:bold;line-height:25px} .index-news ul li p{color:#666} .index-news ul li a span{color:#666;float:right;margin-right:10px} .index-about{float:left;width:350px} .index-about h2{background-position:0px -68px} .index-about p{line-height:23px;padding:4px 0px 0px 5px} .index-about p img{float:left;margin-right:8px} .index-products{clear:both} .index-products h2{background-position:0px -102px} /* index-products Start */ .index-products ul{padding:0px 1px 5px 1px} .index-products ul li{float:left;width:290px;text-align:center;display:inline;height:294px;margin-left:18px;margin-bottom:16px;} .index-products ul li a{display:block;background:#FFF;border:#e5e5e5 1px solid;padding:4px 4px 2px 4px;width:290px;height:294px;} .index-products ul li a:hover{background:#0d6abd;border:#008aff 1px solid;color:#fff} .index-products ul li a span{display:block;padding-top:12px} /* index-products End */ .index-right{float:left;padding:0px 15px 0px 5px;width:240px;overflow:hidden} .index-search{padding-bottom:5px} .index-search h2{background-position:0px -136px} .index-search p{padding:5px 0px 5px 10px} .index-jobs h2{background-position:0px -170px} .index-jobs{padding-bottom:5px} .index-jobs ul li{padding:4px 0px} .index-contact{padding-bottom:10px} .index-contact h2{background-position:0px -204px} .index-contact p{line-height:25px;padding:0px 5px 0px 10px} .index-contact p span{font-weight:bold} /*********** page ***********/ #page_main{width:980px; margin:0 auto} /* page-left */ .page-left{float:left;padding:0px 5px 0px 15px;width:240px; background-color:#f6f6f6} .page-left h2{background-image:url(../images/site_title.gif);background-repeat:no-repeat;height:34px;line-height:34px;font-size:100%;font-weight:normal} .page-left h2 span{float:left;display:none} .left-about h2{background-position:0px -68px} .left-products h2{background-position:0px -102px} .left-search h2{background-position:0px -136px} .left-search p{padding:5px 0px 5px 10px} .left-contact{padding-bottom:10px} .left-contact h2{background-position:0px -204px} .left-contact p{line-height:25px;padding:0px 5px 0px 10px} .left-contact p span{font-weight:bold} /* page-right */ .page-right{float:right;padding:0px 15px 0px 10px;width:695px;overflow:hidden} .site-nav{background:url(../images/site_nav.gif) no-repeat left center;border-bottom:1px solid #e5e5e5;height:30px;line-height:30px;text-align:right} .site-nav span{color:#025dbf;font-weight:bold} .page-single,.page-products,.page-productsdetail,.page-news,.page-newsdetail,.page-jobs,.page-jobsdetail{margin-bottom:10px} .page-single,.page-products,.page-productsdetail,.page-newsdetail,.page-jobsdetail{padding-top:5px} .page-news,.page-jobs,.page-guestbook{padding-top:10px} .page-products ul li{float:left;display:inline;width:298px;text-align:center;padding:10px 5px 0px 5px} .page-products ul li a{display:block;background:#FFF;border:#e5e5e5 1px solid;padding:5px 5px 0px 5px} .page-products ul li a:hover{background:#0d6abd;border:#1181d1 1px solid} .page-products ul li a span{display:block;height:24px;line-height:24px} .productsdetail-title,.newsdetail-title,.jobsdetail-title{font-size:14px;font-weight:bold;line-height:30px;text-align:center;border-bottom:1px dashed #CCC;margin-bottom:10px} .page-news table{width:98%} .page-news table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px} .page-news table th.news-time{width:100px;background:url(../images/info_title.gif) left top} .page-news table th.news-title{background:url(../images/info_title.gif) right top} .page-news table td{border-bottom:1px dashed #D7D7D7;padding:8px} .page-news table td.time-list{color:#666;text-align:center} .page-jobs table{width:98%} .page-jobs table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px} .page-jobs table th.jobs-time{width:100px;background:url(../images/info_title.gif) left top} .page-jobs table th.jobs-title{background:url(../images/info_title.gif) right top} .page-jobs table td{border-bottom:1px dashed #D7D7D7;padding:8px} .page-jobs table td.time-list{color:#666;text-align:center} /*主页友情连接*/ .index-Friendlink{width:956px;padding:0px 15px 5px 9px;border-top:1px #ececec solid} .index-Friendlink h2{background:url(../images/site_title.gif) 0px -238px no-repeat;height:34px;line-height:34px;font-size:100%;font-weight:normal} .index-Friendlink h2 span{float:left;display:none} .index-Friendlink h2 a{float:right;margin:15px 10px 0px 0px} .index-Friendlink ul{width:952px;margin:0 auto} .index-Friendlink ul li{float:left;display:inline;padding:5px} .index-Friendlink ul li a{display:block;width:120px;height:60px;line-height:60px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#FFF;font-size:14px;border:#e5e5e5 1px solid;padding:2px} .index-Friendlink ul li a:hover{background:#0d6abd;border:#1181d1 1px solid} /*友情连接列表页*/ .page-Friendlink{padding:10px 0px} .page-Friendlink ul{width:680px;margin:0 auto} .page-Friendlink ul li{float:left;display:inline;padding:5px} .page-Friendlink ul li a{display:block;width:120px;height:60px;line-height:60px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#FFF;font-size:14px;border:#e5e5e5 1px solid;padding:2px} .page-Friendlink ul li a:hover{background:#0d6abd;border:#1181d1 1px solid} #copyright{background:url(../images/copyright_bg.gif) repeat-x top;padding:15px 0px;text-align:center} /*翻页*/ .page_list{text-align:right;padding-top:10px} .page_list a{border:#ddd 1px solid;color:#0d6abd;padding:2px 5px;margin-right:2px} .page_list a:hover,.page_list a:active{border:#e1e6ed 1px solid;color:#000;background-color:#D3E1F6} .page_list span.current{border:#ddd 1px solid;padding:2px 5px;font-weight:bold;margin-right:2px;color:#FFF;background-color:#0d6abd} .page_list span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;margin-right:2px;color:#CCC} /*访客留言*/ .page-guestbook{width:600px;margin:0px auto} .page-guestbook dl dt,.page-guestbook dl dd{float:left;padding:5px} .page-guestbook dl dt{width:80px;text-align:right} .page-guestbook dl dd{width:500px} .page-guestbook dl dd input{border:#CCC 1px solid;padding:2px;background:#FFF url(../images/inputbg.gif) repeat-x top;height:19px;line-height:19px;width:180px} .page-guestbook dl dd span{color:#F00;margin-left:10px} .page-guestbook .Content{width:480px;height:120px;border:#CCC 1px solid;background:#FFF url(../images/inputbg.gif) repeat-x top} #checkcode{width:60px;text-align:center} .page-guestbook p{text-align:center;clear:both;padding:10px 0px 20px 0px} .page-guestbook p input{height:26px;width:100px;color:#FFF;background:#025dbf;cursor:pointer;border:none} /*搜索*/ #searchid{line-height:20px;padding:2px} #SearchKeyWord{border:#E6E6E6 1px solid;background:#FFF url(../images/searchinp.gif) repeat-x top;height:20px;line-height:20px;padding:2px;width:200px} #searchbutton{border:none;background:url(../images/searchbut.gif);cursor:pointer;height:21px;width:64px} /*视频详情页*/ .AlignCenter{text-align:center;width:480px;margin:0 auto} .flexslider { margin: 0px auto ; position: relative; width: 100%; height: 743px; overflow: hidden; zoom: 1; } .flexslider .slides li { width: 100%; height: 100%; } .flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; } .flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; } .flex-direction-nav .flex-prev { left: 0; } .flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); } .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; } .flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { background: url(../images/dot.png) no-repeat 0 -16px; display: block; height: 16px; overflow: hidden; text-indent: -99em; width: 16px; cursor: pointer; } .flex-control-paging li a.flex-active, .flex-control-paging li.active a { background-position: 0 0; } .flexslider .slides a img { width: 100%; height: 743px; display: block; } /*合并表格边框,设置边框距为零*/ table{border-collapse: collapse;border-spacing: 0;} /*清除浮动*/ .clear{clear:both;} .clearfix:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;} .clearfix {+height:1%;} /*强制换行*/ .break_word{word-wrap:break-word;word-break:break-all;} /*禁止换行*/ .keep_all{word-break:keep-all;white-space:nowrap;} /*超出省略号,仅限单行,并且需要设定一个宽度*/ .ellipsis { overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap;} /*段落两端对齐*/ .case_intro , .txt_justify{text-align:justify;text-justify:inter-ideograph;} /*禁止FF等浏览器给textarea增加可拖拽大小的设置*/ textarea { resize: none; } /*隐藏*/ .hide{ display:none;} /*仅写自己所要用到的*/ .float_l{ float:left; } .float_r{ float:right; } .mar_auto{ width:1200px; margin-left:auto; margin-right:auto; } .color_0{ color:#000; } .color_3{ color:#333; } .color_6{ color:#666; } .color_9{ color:#999; } .color_f60{ color:#ff6600; } .color_fff{ color:#fff; } .color_c{ color:#cc0000;697686 } .color_69{ color:#697686 } .font12{ font-size:12px; } .font14{ font-size:14px; } .font24{ font-size:24px; } .font16{ font-size:16px; } .font18{ font-size:18px; } .pd20{ padding-left:20px; } .pd30{ padding-left:30px; } .line34{ line-height:34px; } .line24{ line-height:24px; } .pro_tie{ margin-top:23px; line-height:50px; border-bottom:1px solid #e5e5e5; } .pro_tie1{ margin-top:37px; } .pro_tie h2{ font-size:20px; border-bottom:1px solid #0d6abd; margin-bottom:-1px; } .pro_tie a{ display:block; background:url(../images/more_right.jpg) no-repeat right center; padding-right:20px; margin-right:12px; color:#333; } .pro_tie a.a00{ background:none; color:#999; margin-right:0; padding-right:3px; } .pro_tie a.a001{ background:none; margin-right:0; } .pro_con{ margin-top:37px; } .pro_c_tie{ width:261px; height:565px; background-color:#0d6abd; padding:10px 28px 0 27px; height:1175px; } .pro_c_tie h3{ line-height:80px; font-size:30px; border-bottom:1px solid #4dd8db; margin-bottom:5px; } .pro_c_tie a{ display:block; color:#fff; font-size:14px; } ul.pro_c_list { width:883px;} ul.pro_c_list li{ width:218px; height:237px; float:left; margin-left:1px; } ul.pro_c_list li a{ text-align:center; width:218px; height:237px; display:block; background-color:#f9f9f9; font-size:14px; } ul.pro_c_list li a img{ width:193px; height:158px; padding:20px 0 20px; } ul.pro_c_list li a:hover{ background-color:#f4f4f4; } .two_con{ margin-top:32px; } .hot_n{ width:360px; } .hot_n time{ line-height:38px; } .hot_n h3{ line-height:24px } ul.n_list{ width:457px; } ul.n_list li{ height:35px; line-height:35px; background:url(../images/news_xx.jpg) repeat-x left bottom; padding:0 10px 0 15px; } ul.n_list li a{ background:url(../images/news_jt.jpg) no-repeat left center; padding-left:15px; display:block; width:333px; overflow: hidden; text-overflow: ellipsis; display: block; white-space: nowrap; } .txt_line{ line-height:24px; margin:8px 0 15px; } .img_h1{ padding:35px 0 25px 0; } .one_t{ width:300px; } .two_t{ width:783px; margin-left:84px; } .more_hui{ display:block; height:50px; line-height:50px; font-size:17px; text-transform:uppercase; background-color:#f9f9f9; text-align:center; margin-top:11px; } .w835{ width:835px; } .w332{ width:332px; } .two_con{ margin-top:32px; } .hot_n{ width:360px; } .hot_n time{ line-height:38px; } .hot_n h3{ line-height:24px } ul.n_list{ width:457px; }