@charset "utf-8";
/* CSS Document */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, textarea, form {margin: 0px; padding: 0px; font-size: 12px; font-family:"微软雅黑","黑体","宋体"; font-weight: normal; line-height:22px; }
html{-webkit-text-size-adjust:none; overflow-x:hidden;}
ul{list-style: none;}
img{border-style: none;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:underline;}
.clear{ clear:both;}
input{vertical-align:middle;}
body{background:#fff;}

.topbox{width:100%; height:91px; background:url(../images/topbj.gif) repeat-x; overflow:hidden;}
.top{width:1024px; height:91px; margin:0 auto; background:url(../images/top.gif) no-repeat top right;}
.logo{width:auto; height:56px; float:left; padding-top:17px;}
.right{width:auto; float:right; color:#828282; padding-top:12px;}
.right a{color:#828282; cursor:pointer;}

.navbj{width:100%; height:42px; background:url(../images/navbj.gif) repeat-x;}
.nav{width:1024px; height:42px; margin:0 auto;}
.nav li{width:128px; height:42px; float:left; position:relative; z-index:99999;}
.nav_a{width:128px; height:42px; overflow:hidden; display:block; text-align:center; line-height:42px; font-size:14px; font-weight:bold; position:absolute; top:0px; left:0px; z-index:999;}
.nav_a_h{color:#236dbe !important;}
.navhover{background:url(../images/navhover.gif) no-repeat center top; color:#236dbe; width:128px; height:41px; overflow:hidden; display:block; text-align:center; line-height:41px; font-size:14px; font-weight:bold; margin-left:20px; text-indent:-999px;}
.xiala_zg{width:99px; height:3px; background:#eaeced; position:absolute; top:40px; left:35px; *left:33px;}
.xiala{position:absolute; top:0px; left:-20px; height:293px; display:none; z-index:888;}
.xl_left{width:9px; height:251px; background:url(../images/xl_left.png) no-repeat; float:left;}
.xl_right{width:9px; height:251px; background:url(../images/xl_right.png) no-repeat; float:left;}
.xl_center{width:auto; height:251px; background:url(../images/xl_center.png) repeat-x; float:left; padding:15px 8px;}
.xl_nav{width:144px; height:215px; float:left; margin-right:15px; overflow:hidden; background:url(../images/xl_nav.gif) right top no-repeat;}
.xl_nav a{width:100%; height:24px; display:block; background:url(../images/xl_nav_a.png) no-repeat 0px 10px; text-indent:13px; overflow:hidden; line-height:24px;}
.xl_img{width:185px; height:203px; border:1px solid #ccc; float:left;}

#example {width:100%; height:400px; position: relative;}
#slides {width:1920px; height:400px; position: absolute; top: 0px; left: 50%; z-index: 100; margin-left:-970px;}
.slides_container {width:1920px; height:400px; overflow: hidden; position: relative; }
.pagination { position:absolute; top:379px; left:50%; width:102px; height:20px; margin-left:-51px; z-index:200;}
.pagination li { float: left; width:34px; height:6px;}
.pagination li a { display: block; width:26px; height:6px; background:#ffffff; overflow: hidden;}
.pagination li.current a { background:#cccccc; }

.contentbox{width:100%; height:356px; background:url(../images/content.gif) repeat-x; overflow:hidden;}
.content{width:1024px; height:100%; overflow:hidden; margin:0 auto; padding-top:25px;}
.indexnews{width:100%; height:38px; background:url(../images/indexnews.gif) no-repeat; margin-bottom:19px;}
.indexnews .topLoop{width:590px; margin-left:180px; float:left; _display:inline; padding-top:7px; margin-right:58px;}
.indexnews .topLoop a{color:#666;}
.indexnews .topLoop span{padding-left:15px; color:#999;}
.search{width:auto; height:20px; padding-top:9px;}
.search span{width:151px; height:18px; overflow:hidden; border:1px solid #ccc; background:#fff; display:block; float:left; margin-right:4px;}
.search .searchtext{border:none; padding-left:5px; width:140px; height:16px; line-height:16px; background:none; font-size:11px;}
.searchbutton{width:23px; height:21px; background:url(../images/searchbutton.gif) no-repeat; cursor:pointer; border:none; float:left;}
.searchbutton:hover{background:url(../images/searchbutton2.gif) no-repeat;}

.vediobox{width:327px; height:270px; background:url(../images/vediobox.png) no-repeat 0px 227px; position:relative; float:left; margin-right:21px;}
.vedio{width:291px; height:242px; padding:3px 18px; background:url(../images/vediobj.png) no-repeat; position:absolute; top:0px; left:0px; cursor:pointer;}
.vedio h1{width:100%; height:36px; overflow:hidden;}
.vedio_nr{width:291px; height:193px;}

.about_nr{width:291px; height:193px;}
.about_nr a{ display:block; width:291px; height:193px;}
.about_nr p{width:291px; height:70px; padding:10px 0px; color:#666;}
.about_nr h2{text-align:right;}

.protop{width:100%; height:90px; margin-bottom:5px;}
.protop .proimg{width:132px; height:88px; border:1px solid #ccc; float:left;}
.proright{width:140px; height:88px; overflow:hidden; float:right;}
.proright h2{line-height:26px; margin-bottom:7px; width:100%; height:26px; overflow:hidden;}
.proright h2 a{font-size:14px; color:#3576ae; font-weight:bold;}
.proright p{width:100%; height:38px; overflow:hidden; margin-bottom:10px; line-height:18px;}

.pro_a{width:100%; height:31px; line-height:31px; display:block; text-indent:10px; overflow:hidden; background:url(../images/vedio_libj.png) no-repeat;}
.hover{width:100%; height:95px; overflow:hidden;}
.hover .pro_a{display:none;}
.hover .protop{padding-top:5px;}

.footbox{width:100%; height:100%; overflow:hidden; min-height:269px; background:url(../images/footbj.gif) repeat-x;}
.foot{width:1024px; height:100%; overflow:hidden; background:url(../images/foot.png) no-repeat top center; margin:0 auto; padding-top:11px; margin-bottom:17px;}
.foot_t{width:100%; height:37px; overflow:hidden;}
.foot_t li{width:128px; height:37px; float:left; overflow:hidden;}
.foot_t li a{width:128px; height:37px; line-height:37px; font-size:14px; font-weight:bold;}
.foot_nr{width:100%; height:100%; overflow:hidden;}
.foot_nr li{width:128px; height:100%; float:left; overflow:hidden;}
.foot_nr li a{width:100%; height:22px; color:#666; display:block;}

.bottom{width:1024px; height:120px; line-height:50px; text-align:center; overflow:hidden; background:url(../images/bottombj.gif) no-repeat top center; margin:0 auto; color:#666;}
.bottom a{ color:#666;}

.nybannerbox{width:1024px; height:183px; position:relative; margin:0 auto;}
.nybanner{width:1920px; height:183px; position:absolute; top:0px; left:50%; margin-left:-960px; overflow:hidden;}
.banner_t{width:1024px; margin:0 auto; height:76px; padding-top:15px; overflow:hidden;}
.banner_t h1{font-size:30px; color:#fff; line-height:54px;}
.banner_t h2{line-height:22px; color:#fff;}
.banner_t h2 a{color:#fff;}

.banner_list{width:1024px; height:100%; overflow:hidden; margin:0 auto; padding-top:17px; line-height:35px;}
.banner_list a{line-height:23px; margin-right:20px; padding:5px 8px; color:#fff; font-size:13px; white-space:nowrap;}
.banner_hover{ background:url(../images/banner_list.png);}

.nycon_box{width:100%; height:100%; overflow:hidden; background:url(../images/nyconbj.gif) repeat-x;}
.nycon{width:1024px; height:100%; overflow:hidden; margin:0 auto; padding:35px 0px;}
.aboutnr{width:100%; height:100%; overflow:hidden;}
.aboutnr p,.aboutnr span{font-size:14px; line-height:30px;}
.contactnr{width:100%; height:100%; overflow:hidden;}
.contactnr p,.contactnr span,.contactnr td{font-size:16px; line-height:30px;}

.messagetext{width:292px; height:40px; background:url(../images/inputtext.gif) no-repeat; border:0px; line-height:40px; padding-left:10px; overflow:hidden; font-size:14px; color:#999; vertical-align:middle;}
.messagetextarea{width:550px; height:130px; padding:5px; border:0px; background:url(../images/textarea.gif) no-repeat;font-size:14px; color:#999; vertical-align:middle; overflow:auto; vertical-align:middle;}
.messagebutton{width:139px; height:43px; background:url(../images/messagebutton.gif) no-repeat; border:0px; line-height:43px; font-size:16px; text-align:center; color:#fff; cursor:pointer;}
.messagebutton:hover{background:url(../images/messagebutton2.gif) no-repeat;}

.page{width:100%; height:35px; clear:both; text-align:center; margin-bottom:20px; margin-top:20px;}
.page a{width:auto; padding:3px 11px; display:inline-block; color:#666; height:22px; line-height:22px; border:1px solid #dcdddd; background:#FFF; vertical-align:middle; margin-right:2px;}
.page a:hover{background:#d1d1d1; text-decoration:none;}
.page_hover{background:#d1d1d1 !important;}
.page span{background:#d1d1d1 !important;width:auto; padding:3px 11px; display:inline-block; color:#666; height:22px; line-height:22px; border:1px solid #dcdddd;  vertical-align:middle; margin-right:2px;}

.newslist li{width:100%; height:158px; margin-bottom:12px; padding-bottom:8px; background:url(../images/newslist.gif) no-repeat center bottom;}
.news_l{width:208px; height:158px; background:url(../images/newspic.gif) no-repeat bottom center; position:relative; float:left;}
.newspic{width:208px; height:135px; display:block; position:absolute; top:0px; left:0px;}
.newspic img{border:4px solid #e8e8e8;}
.news_r{width:797px; height:135px; overflow:hidden; float:right;}
.news_r h1{width:100%; height:22px; overflow:hidden; margin-bottom:8px;}
.news_r h1 a{color:#009999; font-size:16px;}
.news_r p{width:100%; height:40px; overflow:hidden; margin-bottom:32px; color:#666;}
.news_r h2 a{width:80px; height:27px; overflow:hidden; display:block; background:#f2f1f1; line-height:27px; text-align:center; color:#666;}
.news_r h2 a:hover{background:#666; color:#f2f1f1;}


.showleft{width:700px; padding-right:25px; border-right:1px solid #f5f5f5; float:left;}
.newshow_bt{width:100%; height:70px; border-bottom:1px solid #ccc; text-align:center;}
.newshow_bt h1{font-size:24px; line-height:40px;}
.newshow_bt h2{color:#666;}
.newshow_nr{width:100%; height:100%; overflow:hidden; padding:20px 0px 40px 0px;}
.newshow_nr p,.foot_nr span{font-size:13px; color:#666; line-height:26px;}
.backlist{width:100%; height:60px; padding:50px 0px 20px 0px;}
.backlist .back1{width:23px; height:60px; background:url(../images/back1.gif) no-repeat; float:left; margin-left:150px; display:inline; cursor:pointer;}
.backlist .back1:hover{background:url(../images/back1_h.gif) no-repeat;}
.backlist .back2{width:59px; height:60px; background:url(../images/back2.gif) no-repeat; float:left; margin-left:118px; display:inline; cursor:pointer;}
.backlist .back2:hover{background:url(../images/back2_h.gif) no-repeat;}
.backlist .back3{width:23px; height:60px; background:url(../images/back3.gif) no-repeat; float:left; margin-left:118px; display:inline; cursor:pointer;}
.backlist .back3:hover{background:url(../images/back3_h.gif) no-repeat;}

.showright{width:280px; height:100%; overflow:hidden; float:right;}
.righttitle{width:100%; height:35px; border-bottom:4px solid #ccc; margin-bottom:15px;}
.righttitle a{float:right; line-height:35px; text-transform:uppercase;} 
.righttitle h1{width:auto; float:left; font-size:18px; line-height:35px;}
.rightnew{width:100%; height:100%; overflow:hidden; margin-bottom:20px;}
.rightnew li{width:100%; height:36px; overflow:hidden;line-height:36px;}
.rightnew li a{line-height:36px;}
.rightnew li i{ padding:2px 6px; background:#cacaca; color:#fff; margin-right:9px;}
.color930{background:#930000 !important;}

.hotnew{width:100%; height:263px; overflow:hidden; background:#f8f8f8 url(../images/hotnewbj.gif) no-repeat; margin-bottom:20px;}
.hotnew li{width:115px; height:110px; float:left; margin-left:17px; display:inline; text-align:center; margin-top:16px;}
.hotnew li img{width:111px; height:75px; border:2px solid #f8f8f8;}
.hotnew li img:hover{ border:2px solid #999;}
.hotnew li p{font-size:14px; line-height:30px;}

.case_js{width:100%; height:100%; overflow:hidden; padding-bottom:20px;}
.caselist{width:100%; height:100%; overflow:hidden;}
.caselist ul{width:1048px; height:100%; overflow:hidden;}
.caselist li{width:226px; height:195px; border:6px solid #f2f1f1; background:#f2f1f1; float:left; margin-right:24px; margin-bottom:24px;}
.caselist li h1{width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center;}
.casepic{width:226px; height:164px; position:relative; overflow:hidden;}
.casepic img{position:absolute; top:0px; left:0px; width:226px; height:164px;}










.customer{ width:31px; height:128px; padding:0 0 0 0; z-index:10000;}
.customer ul{ margin:0; padding:0; list-style-type:none}
.customer ul li{ line-height:28px; height:28px; padding:0 5px 0 25px; background:url(../images/live/quick_line.jpg) 20px bottom no-repeat; clear:both}

.green{BORDER-RIGHT: #d9e6ee 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #d9e6ee 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; MARGIN: 0px 7px; BORDER-LEFT: #d9e6ee 1px solid; COLOR: #000; PADDING-TOP: 7px; BORDER-BOTTOM: #d9e6ee 1px solid; TEXT-DECORATION: none; background:#fff}
.green:hover{BORDER-RIGHT: #579f23 1px solid; BORDER-TOP: #579f23 1px solid; BORDER-LEFT: #579f23 1px solid; COLOR: #fff; BORDER-BOTTOM: #579f23 1px solid; BACKGROUND-COLOR: #579f23}
.green:active{BORDER-RIGHT: #579f23 1px solid; BORDER-TOP: #579f23 1px solid; BORDER-LEFT: #579f23 1px solid; COLOR: #fff; BORDER-BOTTOM: #579f23 1px solid; BACKGROUND-COLOR: #579f23}

.green1{BORDER-RIGHT: #d9e6ee 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #d9e6ee 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 1px; MARGIN: 0px 2px; BORDER-LEFT: #d9e6ee 1px solid; COLOR: #000; PADDING-TOP: 4px; BORDER-BOTTOM: #d9e6ee 1px solid; TEXT-DECORATION: none; background:#fff}
.green1:hover{BORDER-RIGHT: #579f23 1px solid; BORDER-TOP: #579f23 1px solid; BORDER-LEFT: #579f23 1px solid; COLOR: #fff; BORDER-BOTTOM: #579f23 1px solid; BACKGROUND-COLOR: #579f23}
.green1:active{BORDER-RIGHT: #579f23 1px solid; BORDER-TOP: #579f23 1px solid; BORDER-LEFT: #579f23 1px solid; COLOR: #fff; BORDER-BOTTOM: #579f23 1px solid; BACKGROUND-COLOR: #579f23}