/* 焦点图开始*/ .focus{ width:100%;} .focuWrapper{ width:100%; height:366px; overflow:hidden} .contentdiv{ widows:100%; height:366px;} .contentdiv a{ display:block; width:100%; height:366px;} .pagination{ width:990px; height:80px; margin:0 auto; background:url(../images/f_bjj.jpg) no-repeat; position:relative;} .pagination .prev,.pagination .next{ position:absolute; top:40%; display:block; width:12px; height:23px; z-index:1; cursor:pointer} .pagination .prev{ left:15px; background:url(../images/gray_l.jpg) no-repeat} .pagination .prev:hover{ background:url(../images/red_l.jpg) no-repeat} .pagination .next{ right:15px; background:url(../images/gray_r.jpg) no-repeat} .pagination .next:hover{ background:url(../images/red_r.jpg) no-repeat} .thumbWrap{ position:absolute; left:43px; top:2px; overflow:hidden; width:904px; height:71px; } .thumbWrap .holder{ width:99999em;} .toc IMG {width: 143px;height: 58px;filter:alpha(opacity=30); opacity:0.3} .pagination i{ padding:10px 1px 1px 1px; margin-right:6px; position:relative; cursor:pointer } .pagination i.selected{background:#c50007 url(../images/current_top.png) no-repeat top center;} .pagination i.selected a img{filter:alpha(opacity=100); opacity:1} .focus .btn{ width:990px; margin:0 auto; position:relative;} .focus .btn dl{ position:absolute; right:0; bottom:10px; z-index:10} .focus .btn dl dd{ width:13px; height:12px; float:left; margin-left:5px; background:url(../images/btn_d.png) no-repeat 0 0;} .focus .btn dl dd.hovers{ background:url(../images/btn_d.png) no-repeat -13px 0;} .focus ul{ position:relative; height:366px;} .focus ul li{ display:none; position:absolute; left:0; top:0; width:100%; height:366px; background-position:top center; background-repeat:no-repeat} .focus ul li a{ display:block; height:100%; width:100%;} /* 焦点图结束*/ .bottom_line{width: 100%;height: 29px;background: url(../images/line_bg.png) no-repeat;position: relative;top: 276px;} .Pmain{width: 100%;background: url(../images/main_bg.jpg);padding: 30px 0 20px;position: relative;top:-580px;} .Pmian{ width:990px; margin:0 auto; margin-top:290px; } .iLeft{ float:left;} .iRight{ float:right;} /*新闻tab切换*/ .news_Tab{ width:342px; padding-top:36px; background:#fff; overflow:hidden; position:relative} .news_menu{ position:absolute; left:0; top:0;} .news_menu li{ float:left;height:34px; line-height:34px; background:#f7eccc; color:#86827f; border-right:1px solid white; padding:0 10px; margin-right:1px; text-align:center; font-size:14px; font-weight:700; cursor:pointer} .news_menu li.active{ background:#1b4355; color:#FFF} .news_menu li.active a{color: #fff;} .iNews{ width:342px; position:relative} .more{ position:absolute; right:10px; top:-28px;} .nPic{ border:1px solid #e8f1f6l; width:340px; height:174px; overflow:hidden} .nPic img{width:340px; height:174px;} .nTxt{ display:block; margin:20px 0 10px 0; padding:0 10px; width:322px; height:84px; cursor:pointer; overflow:hidden} .nTxt h2{ font-size:14px; margin-bottom:5px; width:100%; height:16px; overflow:hidden; color:#c40004} .nTxt i{font-size:12px; color:#777576; font-style:normal} .nTxt p{ margin-top:10px; line-height:20px; color:#a6a5a3;} .nTxt:hover h2,.nTxt:hover i,.nTxt:hover p{ color:#c40004} .nList{height:124px;*height:127px; width:322px; padding:0 10px; overflow:hidden} .nList li{ height:30px; line-height:30px; background:#fff url(../images/red-icon.gif) no-repeat 5px center; padding-left:15px; padding-right:5px;} .nList li a span{ color:#777777; cursor:pointer; float:left; height:30px; width:230px; overflow:hidden;} .nList li a:hover span{color:#c40004;} .nList li a .ndate{ float:right; width:66px;} .nList1{height:150px;*height:127px; width:240px; overflow:hidden} .nList1 li{ height:30px; line-height:30px; background:#fff url(../images/red-icon.gif) no-repeat 5px center; padding-left:15px; padding-right:5px;} .nList1 li a span{ color:#777777; cursor:pointer; float:left; height:30px; width:230px; overflow:hidden;} .nList1 li a:hover span{color:#c40004;} .nList1 li a .ndate{ float:right; width:66px;} /*产品中心*/ .iPro{ width:633px; height:210px; overflow:hidden} .iTitle{ height:34px; width:100%;background: #fff; position:relative} .iTitle span{ display:inline-block; height:34px; line-height:34px; padding:0 15px;background:#f7eccc; color:#FFF; font-weight:700; font-size:14px; _zoom:1} .iTitle .more{top:7px;} /*手风琴*/ .slider-warp{ width:633px; height:211px; background:#ebebeb; overflow:hidden;} .slider-warp .maxWidth{ width:99999em;} .slider-warp .sPic{ width:157px; height:210px; margin-right:2px; float:left; overflow:hidden; position:relative; cursor:pointer} .slider-warp .sPic img{ width:157px; height:176px;} .slider-warp .sPic h1{background:#f7eccc; border-bottom:1px solid white; color:#575654; font-size:14px; height:34px; line-height:34px; text-align:center; _white-space:nowrap;cursor:pointer} .slider-warp .sPic .mask{ width:100%; height:211px; position:absolute; left:0; top:0; background:#000000;*background:none;_background:none; opacity:0; filter:alpha(opacity=0); z-index:100;cursor:pointer} .slider-warp .sTxt{ width:0px; height:211px; float:left; overflow:hidden; display:none} .sTitle{ width:423px; margin:0 auto; height:40px;} .sTitle h1{line-height:40px; float:left} .sTitle h1 a{ float:left; color:#c20008; font-size:14px; font-family:"微软雅黑"} .sTitle a{ float:right; font-size:11px; font-family:Arial; line-height:40px; color:#c20008} .slidePic{ width:423px; margin:0 auto; overflow:hidden} .slider{ width:423px; overflow:hidden} .slider ul{} .slider li{ width:137px; margin-right:5px; float:left;cursor:pointer} .slider li p{ /*line-height:40px; height:40px;*/ text-align:center; overflow:hidden;} .slider li p a{ color:#757575} .slider li p a:hover{ color:#c20008} .iPor{ width:633px; margin-top:20px;} /*项目分布与热销*/ .pTab{ float:left; width:364px; height:213px; position:relative;} .pTnav{ position:absolute; left:0; top:0; width:100%; height:34px; background:#fff;} .pTnav li{float: left;height: 34px;line-height: 34px; border-right:1px solid white;background: #f7eccc;color: #86827f;padding: 0 10px; margin-right: 1px;text-align: center;font-size: 14px;font-weight: 700; cursor: pointer;} .pTnav li.active{background: #1b4355;color: #FFF;} .pTnav li.active a{color: #fff;} .tabcont{ padding-top:46px;} .fb{ position:relative; padding-left:200px; background:url(../images/map.jpg) no-repeat 0 -2px;zoom:1} .fb .maplink{ position:absolute; left:0; top:0; display:block; width:200px; height:170px; z-index:10;} .fb ul{ position:relative; height:100px; padding-bottom:39px; overflow:hidden} .fb ul span{ position:absolute; left:17px; bottom:10px;} .fb ul li{ float:left; padding:0 0 0 17px; margin-bottom:17px;} .fb ul li a{ color:#736e6b;} .fb ul li a:hover{ color:#c20008} .inp{ display:block; height:29px; width:145px; overflow:hidden; border:1px solid #cfcfcf;} .inp .ip1{ width:115px; line-height:29px; border:none 0; background:none; height:29px; float:left; } .inp .ip2{ float:left;} /*图片滚动*/ .slidePro{ height:170px; overflow:hidden; background:#e3e3e3; position:relative} .slidePro .btnLeft,.slidePro .btnRight{ position:absolute; top:42%; z-index:1} .slidePro .btnLeft{ left:5px;} .slidePro .btnRight{ right:5px;} .slideCont{ height:170px; width:310px; overflow:hidden; margin:0 auto; position:relative; } .slideCont dl{ position:absolute; left:0; top:0;_width:99999em;} .slideCont dd{ width:153px; height:165px; padding-top:5px; margin-right:4px;*margin-right:2px; float:left} .slideCont dd a{ display:block; height:165px; width:100%; overflow:hidden} .slideCont dd a span img{ width:153px; height:125px;} .slideCont dd a span.txt{ display:block; height:32px; text-align:center; line-height:32px; background:white; width:100%;} /*下拉框选择*/ .selectbox{ width:100%; padding-top:13px;} .selectes{ float:left; width:160px; height:29px; border:1px solid #ced5db; background: url(../images/down.jpg) no-repeat right center; margin-right:4px; cursor:pointer; position:relative;*z-index:50;} .selectes cite{display:block;font-style:normal; width:140px; color:#3d4557; cursor:pointer;} .selectes cite input{ border:none 0;width:125px; height:29px; line-height:29px; text-align:center; color:#3d4557; cursor:pointer;} .selectes ul{ position:absolute; top:30px; left:0; z-index:50;width:162px; height:100px; overflow: auto; display:none } .selectes li{height:25px; line-height:25px; background:url(../images/white.jpg) repeat} .selectes li a{display:block; height:24px; color:#3d4557; text-decoration:none; padding-left:10px; padding-right:10px;} .selectes li a:hover{background-color:#dadfe5;} .inp1{ float:left; display:block; width:31px; height:31px;} /*社会责任*/ .pSocial{ float:right; width:256px;height:213px;overflow:hidden} .s{margin-top:14px; width:256px; height:170px;background-color: #fff;} .s h2{ font-size:14px;} .s h3{ font-size:12px; font-family:Arial; margin:10px 0;} .s a{ display:block; width:100%; height:100%;} .s a img{ vertical-align:top; border:0 none;width: 256px;} .s-word{padding: 8px 8px 3px 8px;margin: 0;} .s-img{position: relative;top: 5px;margin: 0;} .ban{ padding-top:20px; width:990px; margin:0 auto; display:none} .ban span{ float:left} .word-picture{width: 990px;margin: 0 auto;background-color: #fff;margin-top: 20px;padding-bottom: 10px;} .wp-title{height: 45px;font-weight: bold;} .title-word{width: 118px;height: 45px;background: url(../images/title.png) no-repeat;float: left;} .title-word p{color: #fff;font-size: 16px;margin: 7px 0 0 26px;} .title-more{float: right;margin: 15px 15px 0 0;} /*底部*/ .foot{ padding-top:20px; padding-bottom:20px; background:#1b4355; position: relative; top:-580px;} .footer{ width:990px; margin:0 auto; position:relative} .footmenu{ margin-bottom:10px; float:left; width:800px;} .footmenu span{ color:#a0a0a0} .footmenu span a{ color:#777777} .OA{ float:right;} .OA span{ cursor:pointer} .footer span b{ font-weight:100; color:#a0a0a0; padding-left:10px; padding-right:10px;} .footer span strong{ font-weight:100;color:#a0a0a0; padding-right:30px;} .footer span b{ font-weight:100; color:#a0a0a0; padding-left:10px; padding-right:10px;} .footer span strong{ font-weight:100;color:#a0a0a0; padding-right:30px;} .footName{ position:absolute; left:0; top:18px;color:#777777;display:none } .footName span{ padding:0 5px;} .footName span a{ color:#777777} .footer-logo{float: left;margin-left: 250px;} .footer-area{float: left;color: #fff;margin: -5px 0 0 30px} .footer-area a{color: #fff;} /*图片滚动*/ .scroll_horizontal{position:relative;width:950px;height:200px;padding:10px;margin: 10px 10px 0 10px;background-color:#eee;} .scroll_horizontal .box{overflow:hidden;position:relative;width:820px;height:200px;margin:0 auto;} .scroll_horizontal .list{overflow:hidden;width:9999px;} .scroll_horizontal .list li{float:left;width:120px;} .scroll_horizontal .prev, .scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(../images/control.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;} .scroll_horizontal .prev{left:5px;background-position:0 0;} .scroll_horizontal .next{right:5px;background-position:-40px 0;} .scroll_horizontal .prev:hover{background-position:0 -50px;} .scroll_horizontal .next:hover{background-position:-40px -50px;} /*内页*/ .inner-wrap{width: 1280px;margin: 0 auto;margin-top: 290px;} .inner-top{width: 100%;height: 67px;background: url(../images/inner_top.png) no-repeat;background-size: 1280px 67px;} .inner-main{width: 100%;min-height: 630px;background: url(../images/inner_bg.png) repeat-y;background-size: 1280px auto;padding-bottom: 20px} .inner{width: 1000px;margin: 0 auto;overflow: hidden;} .small-nav{float: right;padding: 45px 160px 0 0;} .small-nav i{display: inline-block;width: 13px;height: 13px;background: url(../images/icon.png) no-repeat;margin-right: 10px;} .inner-left{width: 160px;float: left;margin-top: 10px;} .in-left{width: 50px;float: left;} .in-area{width: 150px;float: left;margin-top: 20px;} .in-area ul li{height: 45px;line-height: 45px;margin-bottom: 14px;font-size: 15px;border: 2px solid #af854e;border-radius: 10px;position: relative;} .in-area ul li a{color: #000;height: 46px;display: inline-block;width: 126px;padding: 0 10px;} .in-area ul li a:hover{color: #fff;font-weight: bold;background-color: #af854e;border-radius: 7px;} .in-area ul li i{width: 10px;height: 10px;background: url(../images/in_icon.png);display: inline-block;position: relative;bottom: 47px;left: 120px;} .in-area ul.nav2{position: absolute;left: 150px;top: 0;display: none;} .in-area .nav1 .li1:hover ul.nav2{display: block;} .in-area .nav1 .li1:hover ul.nav2 li{background-color: #af854e;} .other {margin-bottom: 30px;float: right} .other li{float: left;height: 30px;line-height: 30px;font-size: 15px;border: 2px solid #af854e;border-radius: 10px;position: relative;margin-right: 10px;font-size: 13px;text-align: center;} .other li a{color: #000;height: 31px;display: inline-block;width: 50px;padding: 0 10px;} .other li a:hover{color: #fff;font-weight: bold;background-color: #af854e;border-radius: 7px;} .ia-name {width: 150px;height: 80px;background: url(../images/ia_name.jpg);text-align: center;line-height: 80px;color: #000;font-weight: bold;font-size: 16px;margin-bottom: 20px;} .il-bottom{margin-top: 10px;} .inner-right{padding: 30px 0 20px 40px;width: 800px;float: left;} .news-list ul li{line-height: 30px;border-bottom: 1px dashed;margin-bottom: 25px;font-size: 14px;} .news-list ul li span{float: right;} .news-title{font-size: 20px;font-weight: bold;text-align: center;} .news-time{text-align: center;margin: 20px 0 20px 0; padding-bottom: 10px;border-bottom: 1px dashed;} .news-time span{margin-left: 20px;} .case-list img{width: 230px;height: 230px;} .case-list li{float: left;margin-right: 20px;margin-bottom: 20px;} .case-list li:nth-of-type(3n){margin-right: 0;} .case-list p{width: 230px;text-align: center;margin-top: 10px;} .case-list1 img{width: 180px;height: 230px;} .case-list1 li{float: left;margin-right: 20px;margin-bottom: 20px;} .case-list1 li:nth-of-type(4n){margin-right: 0;} .case-list1 p{width: 180px;text-align: center;margin-top: 10px;} .case-list2 li{float: left;margin-bottom: 20px;} .case-list2 li:nth-of-type(4n){margin-right: 0;} .case-list2 p{margin-top: 0px;font-size:14px;margin-left:10px;} .inner-bottom{width: 100%;height: 70px;background: url(../images/inner_bottom.png) no-repeat;background-size: 1280px 70px;} .cur {color: #000 !important;font-weight: bold;background-color: #af854e;border-radius: 7px;} /*分页样式*/ .page_info{text-align:center;margin-top:10px;color:#000;clear: both;} .page_info span{padding:0 2px;font-weight:bold;} .page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;clear: both;} .page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;} .page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;} .page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;} /* 内容页上下篇导航 */ .innav {padding-bottom: 20px;margin-top: 20px;} .innav a:hover {text-decoration: underline;color: #8b571d;} .innavleft {float: left;} .innavright {float: right;} /*留言栏目*/ .hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;} .hr_1{height:1px;}.hr_10{height:10px;} .msgtitle{display:block;padding-bottom:5px;font-size:14px;font-weight:bold;} .message_block{color:#666;} .message_block p{padding:12px;} .msg_input{width:400px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:15px;font-weight: bold;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;} .msg_input_on{width:400px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;} .message_labes{font-size:14px;} .message_title{height:34px;line-height:34px;background:#f6f9fb;padding:0 12px;} .message_title h2{color:#376b88;font-size:14px;float:left;} .message_title span{float:right;font-weight:bold;color:#999;} .message_info{color:#8ea6b6;text-align:right;} .message_replay{background:#f5f5f5;padding:0 12px;} .msg_btn_area{margin:16px 0;text-align:left;} .msg_btn_area a{display:inline-block;padding:5px 15px;background:#1b4355;color:#fff;text-align:center;font-family:"宋体";font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold;} .msg_btn_area a:hover{text-decoration:none;background:#F60} .msgflag{margin-left:4px;font-size:12px;color:#900;} /* flexslider */ .flexslider{position:relative;height:580px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;} .slides{position:relative;z-index:1;} .slides li{height:580px;} .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;} .flex-control-nav .flex-active{background-position:0 0;} .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;} .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;} .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;} .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}