@charset "utf-8";
* {margin:0;padding:0;}
body{color:#555;font-family:"微软雅黑";font-size:12px; position:relative; background:url(../images/conbg.jpg) repeat-y center;}
p, li, div {line-height:24px;}
ul, ol, li, dl, dt, dd {list-style:none;}
img, a img {border:0px;}
a {color:#555;text-decoration:none;}
a:hover{color:#037dd9;text-decoration:none;}
.clearBoth {clear:both;width:100%;height:0px;font-size:0;overflow:hidden;line-height:0;}
.clearLeft {clear:left;}
.clearRight {clear:Right;}

.Box{width:100%; min-width:1200px; height:660px; position:relative;}
.headerbox{width:100%; min-width:1200px; height:125px; background:url(../images/headerbg.png) repeat-x center; z-index:9999; position:absolute; top:0; left:0;}
.headerCon{width:100%; min-width:1200px; height:125px; background:url(../images/headerbg.png) repeat-x center; z-index:9999; position:absolute; top:0; left:0;}
.header{width:1200px; height:120px; margin:0 auto; overflow:hidden;}
.header_l{width:464px; height:120px; float:left;}
.header_l img{width:464px; height:120px;}
.header_r{width:700px; height:120px; float:right; overflow:hidden; margin-top:40px;}
.header_r li{width:100px; height:80px; float:left; text-align:center; font-size:16px; line-height:80px;}
.header_r a:hover{height:75px; border-bottom:solid 5px #037dd9; color:#037dd9; display:block; width:auto;}

/* banner */
/*banner*/
#focusBar{width:100%;min-width:1200px;height:540px;clear:both;position:relative;overflow:hidden; position:absolute; top:120px;}
#focusBar li{width:100%;clear:both;height:540px;display:none;position:absolute;/* position:relative;*/}
#focusBar .focusL{height:540px;position:absolute;/*left:-1000px;*/ top:0px;left:-500px;margin-left:50%;}
#focusBar .focusR{height:540px;position:absolute;/* right:1000px;*/top:0px;left:-500px;margin-left:50%;}

a.arrL,a.arrR{display:block;width:52px;height:134px;position:absolute;top:203px;z-index:99;cursor:pointer;background:url(../images/bt_arr.png) no-repeat;}
a.arrL{left:-52px;background-position:0px 0px;}
a.arrR{right:-52px;background-position:-68px 0px;}
a.arrL:hover{background-position:0px -144px;}
a.arrR:hover{background-position:-68px -144px;}

/* tab */
#tab{width:1200px;position:relative; margin:0 auto; height:360px;}
#tab .tab_menu{width:1200px;float:left;position:absolute;z-index:1;}
#tab .tab_menu li{float:left;width:300px;height:246px;cursor:pointer;}
#tab .tab_menu li:nth-child(1){ background:url(../images/a_about.jpg) no-repeat 0px 0px;}
#tab .tab_menu li:nth-child(1):hover{ background:url(../images/a_hover.jpg) no-repeat 0px 0px;}
#tab .tab_menu li:nth-child(1).selected{ background:url(../images/a_hover.jpg) no-repeat 0px 0px;}
#tab .tab_menu li:nth-child(2){ background:url(../images/a_about.jpg) no-repeat -300px 0px;}
#tab .tab_menu li:nth-child(2):hover{ background:url(../images/a_hover.jpg) no-repeat -300px 0px;}
#tab .tab_menu li:nth-child(2).selected{ background:url(../images/a_hover.jpg) no-repeat -300px 0px;}
#tab .tab_menu li:nth-child(3){ background:url(../images/a_about.jpg) no-repeat -600px 0px;}
#tab .tab_menu li:nth-child(3):hover{ background:url(../images/a_hover.jpg) no-repeat -600px 0px;}
#tab .tab_menu li:nth-child(3).selected{ background:url(../images/a_hover.jpg) no-repeat -600px 0px;}
#tab .tab_menu li:nth-child(4){ background:url(../images/a_about.jpg) no-repeat -900px 0px;}
#tab .tab_menu li:nth-child(4):hover{ background:url(../images/a_hover.jpg) no-repeat -900px 0px;}
#tab .tab_menu li:nth-child(4).selected{ background:url(../images/a_hover.jpg) no-repeat -900px 0px;}
#tab .tab_box{width:1200px;clear:both;top:246px;position:relative; background:url(../images/aboutmbg.jpg) no-repeat center;}
.hide{display:none;}
#tab .tab_box div{width:1200px; height:60px; overflow:hidden; text-align:center; line-height:30px; padding-bottom:80px;} 

.index_new{width:100%; min-width:1200px; height:559px; background:url(../images/newbg.jpg) no-repeat center;}
.newBox{width:1140px; height:236px; margin:0 auto; overflow:hidden; padding-top:60px;}
.newBox .new_l{width:165px; height:236px; float:left; overflow:hidden;}
.newBox .new_l .pot{width:96px; height:145px; float:left;}
.newBox .new_l .subnav{width:69px; height:180px; float:right;}
.newBox .new_l .subnav li{width:69px; line-height:24px; margin-bottom:30px; text-align:right; font-size:16px;}
.newBox .new_l .subnav li a{color:#fff;}
.newBox .new_l .subnav li a:hover{color:#037dd9;}
.newBox .new_l .n_line{width:165px; height:1px; background:#fff; float:left;}
.newBox .new_l .n_more{width:165px; height:24px; float:left; margin-top:20px;}
.newBox .new_l .n_more a{display:block; width:58px; height:24px; background:url(../images/moren.png) no-repeat; padding-left:12px; color:#FFF; text-align:center; float:right;}
.newBox .new_l .n_more a:hover{background:url(../images/moreh.png) no-repeat; color:#e4552d;}
.newBox .new_r{width:930px; height:236px; float:right; overflow:hidden;}
.newBox .new_r li{width:210px; height:236px; float:left; margin-right:20px;}
.newBox .new_r li .in_img{width:210px; height:140px;}
.newBox .new_r li .in_img img{width:210px; height:140px;}
.newBox .new_r li .in_title{width:210px; height:30px; overflow:hidden; font-size:18px; color:#fff; line-height:30px; margin-top:30px;}
.newBox .new_r li .in_title:hover{color:#037dd9;}
.newBox .new_r li .in_time{width:210px; height:30px; overflow:hidden; color:#fff; line-height:30px;}

.caseBox{width:1140px; height:236px; margin:0 auto; overflow:hidden; padding-top:60px;}
.caseBox .case_l{width:165px; height:236px; float:left; overflow:hidden;}
.caseBox .case_l .pot{width:96px; height:145px; float:left;}
.caseBox .case_l .subnav{width:69px; height:150px; float:right;}
.caseBox .case_l .subnav li{width:69px; line-height:24px; margin-bottom:30px; text-align:right; font-size:16px;}
.caseBox .case_l .subnav li a{}
.caseBox .case_l .subnav li a:hover{color:#037dd9;}
.caseBox .case_l .c_line{width:165px; height:1px; background:#343434; float:left;}
.caseBox .case_l .c_more{width:165px; height:24px; float:left; margin-top:20px;}
.caseBox .case_l .c_more a{display:block; width:58px; height:24px; background:url(../images/morebg.jpg) no-repeat; padding-left:12px; text-align:center; float:right;}
.caseBox .case_l .c_more a:hover{background:url(../images/moreh.png) no-repeat; color:#e4552d;}
.caseBox .case_r{width:930px; height:236px; float:right; overflow:hidden;}
.caseBox .case_r li{width:210px; height:236px; float:left; margin-right:20px;}
.caseBox .case_r li .ic_img{width:210px; height:140px;}
.caseBox .case_r li .ic_img img{width:210px; height:140px;}
.caseBox .case_r li .ic_title{width:210px; height:30px; overflow:hidden; font-size:18px; line-height:30px; margin-top:30px; text-align:center;}

.index_pro{width:100%; height:100px; background:url(../images/probg.jpg) no-repeat center; margin:20px 0;}
.pro_nav{width:800px; height:80px; margin:0 auto; padding:10px 0;}
.pro_nav li{width:199px; height:39px; border-bottom:solid 1px #fff; border-right:solid 1px #fff; float:left;}
.pro_nav li a{display:block; width:198px; height:39px; background:#0486e8; text-align:center; line-height:39px; font-size:14px; color:#fff;}
.pro_nav li a:hover{background:#f1f1f1;color:#037dd9;}
.pro_scroll{width:1200px; height:250px; margin:0 auto; padding:40px 0px;}
/*product*/
#demo{width:1200px;}
.morebottomimg{width:360px; height:240px;}
#demo:hover{color:#037dd9;}
#demo a{display:block; width:360px; height:280px; background:url(../images/proimg.png) no-repeat; float:left; margin-right:64px; text-align:center; line-height:30px;}
.footerBox{width:100%; min-width:1200px; height:120px; /*background:url(../images/footbg.jpg) repeat-x center;*/ background:#343434; margin-top:60px;}
.footer{width:1200px; height:120px; margin:0 auto;}
.footer li:nth-child(1){width:150px; height:auto; float:left;}
.footer li:nth-child(2){width:150px; height:auto; float:left;}
.footer li:nth-child(3){width:280px; height:auto; float:left;}
.footer li:nth-child(4){width:150px; height:auto; float:left;}
.footer li:nth-child(5){width:200px; height:auto; float:left;}
.footer li:nth-child(6){width:260px; height:auto; float:left;}
.footer li a{display:block; color:#bababa; line-height:30px;}
.footer li a:hover{color:#fff;}
.footer li{margin-top:40px;}
.copyright{width:900px; height:60px; margin:0 auto; line-height:30px; text-align:left; color:#bababa; padding-top:30px; float:left;}
.copyright a{color:#bababa;}
.copyright a:hover{color:#fff;}
.tel{width:300px; float:right; text-align:right; margin-top:16px;color:#bababa; line-height:36px;}


.CON{width:100%; min-width:1200px; height:530px; position:relative;}
.listbanner{width:100%; min-width:1200px; height:410px; clear:both;position:relative;overflow:hidden; position:absolute; top:120px;}
.a_tab{width:1200px; height:100px; margin:0 auto; padding-top:310px;}
.a_tab li{width:200px; height:100px; float:left;}
.a_tab li:nth-child(1) a{background:url(../images/atab.png) no-repeat 0px 0px; width:200px; height:100px; display:block;}
.a_tab li:nth-child(2) a{background:url(../images/atab.png) no-repeat -200px 0px; width:200px; height:100px; display:block;}
.a_tab li:nth-child(3) a{background:url(../images/atab.png) no-repeat -400px 0px; width:200px; height:100px; display:block;}
.a_tab li:nth-child(4) a{background:url(../images/atab.png) no-repeat -600px 0px; width:200px; height:100px; display:block;}
.a_tab li:nth-child(5) a{background:url(../images/atab.png) no-repeat -800px 0px; width:200px; height:100px; display:block;}
.a_content{width:1200px; height:1070px; background:url(../images/a01bg.jpg) no-repeat center; margin:0 auto; overflow:hidden;}
.a_middle{width:1105; height:655px; margin-top:200px; margin-left:46px; float:left; margin-right:50px;}
.a_content01{width:1200px; height:1070px; background:url(../images/a02bg.jpg) no-repeat center; margin:0 auto; overflow:hidden;}
.a_content02{width:1200px; height:1070px; background:url(../images/a03bg.jpg) no-repeat center; margin:0 auto; overflow:hidden;}
.a_content03{width:1200px; height:1070px; background:url(../images/a04bg.jpg) no-repeat center; margin:0 auto; overflow:hidden;}
.a_content04{width:1200px; height:1070px; background:url(../images/a05bg.jpg) no-repeat center; margin:0 auto; overflow:hidden;}
.newbanner{width:100%; min-width:1200px; height:330px; clear:both;position:relative;overflow:hidden; position:absolute; top:120px;}

.n_content{width:1200px; height:auto; margin:0 auto;}

.ConTainer{width:100%; min-width:1200px; height:530px; position:relative;}
.content{width:1168px; height:auto; min-height:600px; padding:15px; border:solid 1px #eeeeee; margin:0 auto;}
.left{width:240px; height:auto; float:left;}
.left .top{width:240px; height:60px; background:#037dd9; text-align:center; font-size:30px; line-height:60px; color:#fff;}
.left .newtab{width:240px; height:auto; background:#d4eafa; padding:15px 0px;}
.left .newtab li{width:200px; height:40px; padding:10px 20px;}
.left .newtab li a{width:200px; height:40px; display:block; background:#fff; color:#037dd9; line-height:40px; text-align:center; font-size:16px;}
.left .newtab li a:hover{ background:#037dd9; color:#fff;}
.left .newtab li .taba{ background:#037dd9; color:#fff;}
.right{width:895px; height:auto; float:right;}
.right .position{width:895px; height:60px; line-height:60px; font-size:16px;}
.right .position a{padding:0 5px;}
.newcon{width:1200px; height:auto; margin-top:50px;}
.newcon li{width:1200px; height:160px; margin-bottom:30px;}
.newcon li .n_img{width:240px; height:160px; float:left;}
.newcon li .n_img img{width:240px; height:160px;}
.newcon li .n_box{width:940px; height:160px; float:right;}
.newcon li .n_box .n_title{width:940px; height:36px; font-size:20px; border-bottom:dashed 1px #eeeeee;}
.newcon li .n_box .n_detail{width:940px; height:56px; line-height:30px; overflow:hidden; color:#8F8F8F; border-top:dashed 1px #eeeeee; padding-top:6px; margin-top:2px;}
.newcon li .n_box .n_more{width:940px; height:24px; margin-top:33px;}
.newcon li .n_box .n_more a{width:100px; height:24px; line-height:24px; background:#eeeeee; text-align:center; display:block;}
.newcon li .n_box .n_more a:hover{ background:#037dd9; color:#fff;}
/*fanye*/
.fanye{width:100%; font-size:16px;  height:24px; padding:60px 0px; clear:both; margin:20px auto; border-top:1px dashed #ccc; text-align: center;}
.fanye span{ padding:4px 10px; border:1px solid #ccc; margin:5px; background:f4f4f4; }
select { border:none; font-size:16px;}
.fanye a{ padding:4px 10px; border:1px solid #ccc; margin:5px; background:f4f4f4; }
.newlist{width:1200px; height:60px; line-height:60px; text-align:center; font-size:22px; overflow:hidden; margin-top:50px;}
.listtime{width:1198px; height:38px; line-height:40px; color:#7E7B7B; text-align:center; border:dashed 1px #eeeeee;}
.listdetail{width:1200px; height:auto; margin:20px 0px;}
.page{width:1200px; height:30px; line-height:30px;}
.procon{width:895px; height:auto;}
.procon li{width:270px; height:214px; line-height:34px; text-align:center; font-size:14px; background:url(../images/probg.png) no-repeat 0 180px; float:left; margin:12px;}
.procon li img{width:270px; height:180px;}

.left .protab{width:240px; height:auto; background:#d4eafa; padding:15px 0px;}
.left .protab li{width:200px; height:40px; padding:10px 20px;}
.left .protab li a{width:182px; height:40px; display:block; background:#fff; color:#037dd9; line-height:40px; font-size:14px; padding:0 8px;}
.left .protab li a:hover{ background:#037dd9; color:#fff;}
.left .protab li .taba{ background:#037dd9; color:#fff;}

.probox{width:895px; height:auto;}
.probox .proimg{width:420px; height:280px; float:left;}
.probox .proright{width:465px; height:280px; float:right;}
.probox .proright li{width:465px; height:54px; line-height:54px; border-bottom:dashed 1px #eeeeee; font-size:16px;}
/*产品内页*/
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:42px;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:260px;width:390px;}
.tb-s310, .tb-s310 img{max-height:260px;max-width:390px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:40px;width:40px;}
.tb-booth{position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:40px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.pro_detail{width:895px; height:46px; background:url(../images/prod.png) no-repeat; margin:20px 0px;}
.profont{width:895px; height:auto;}
.casebox{width:1200px; height:auto; margin:0 auto; padding:40px 0px;}
/*cases*/
.image-set{float:left;  width:100%;}
.example-image-link { float:left; width:280px; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; margin:0px 8px 40px 8px;}
.example-image-link:hover { filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.conbox{width:1200px; height:auto; margin:0 auto; padding:40px 0px;}

.n_tab{width:1200px; height:100px; margin:0 auto; padding-top:310px;}
.n_tab li{width:200px; height:100px; float:left;}
.n_tab li:nth-child(1) a{background:url(../images/newtop.png) no-repeat 0px 0px; width:200px; height:100px; display:block;}
.n_tab li:nth-child(2) a{background:url(../images/newtop.png) no-repeat -200px 0px; width:200px; height:100px; display:block;}
.n_tab li:nth-child(3) a{background:url(../images/newtop.png) no-repeat -400px 0px; width:200px; height:100px; display:block;}\