/* CSS Document */ @charset "utf-8"; /*全锟街匡拷锟斤拷*/ *{margin:0;padding:0;} body{margin:0;padding:0;font-size:12px;line-height:24px;font-family:Arial,"Microsoft YaHei";-webkit-text-size-adjust:none; color:#33;} html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;} input,select,textarea{font-size:12px;line-height:16px;}img{border:0;}ul,li{list-style-type:none;} a{color:#333333; text-decoration:none; font-family:"Microsoft YaHei";} a:hover{color:#b19273;} .tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;} .dis{display:block;}.undis{display:none;} .hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;} .hr_1{height:1px;}.hr_10{height:10px;} input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;} .clear {LINE-HEIGHT: 0px; CLEAR: both} /*锟斤拷锟斤拷*/ .itop{ width:100%; height:29px; border-bottom:1px #d0d0d0 solid; } .top{ width:1002px; height:29px; line-height:29px; color:#b19273; margin:0 auto;} .top span{ float:left; color:#333333;} .topnav{ float:right; } .topnav a{ line-height:29px; padding:0 5px;} .header{ width:100%; height:116px;} .header2{ width:1100px; margin:0px auto;} .logo{ float:left; margin-top:30px; margin-left:20px;} .toptel{ float:left; margin-top:55px; margin-left:360px;} /*锟斤拷锟斤拷锟剿碉拷*/ .menu{ width:100%; height:1px; background:#d9d9d9; } .menu ul{display:block; width:1100px; height:45px; margin:0 auto; } .menu ul li{ display:block; float:left; width:110px; height:45px; text-align:center;} .menu ul li a{ display:block; color:#4e4e4e; line-height:45px; font-size:14px; font-family:"Microsoft Yahei";} .menu ul li a:hover{ width:85px; height:2px; color:#b19273; font-weight:bold; font-size:15px; background:#b19273; margin:0 auto; } /*锟矫碉拷Banner*/ .banner { position:relative; height:550px;} .banner .btn1 { bottom: 20px; margin-right: -450px; padding: 5px 6px; position: absolute; right: 50%;z-index: 7;} .banner .btn1 span {line-height: 14px; background: none repeat scroll 0 0 #4e4e4e; border: 1px solid #4e4e4e; color: #FFFFFF; cursor: pointer;display: inline-block; margin-left: 5px;padding: 2px 5px;} .banner .btn1 span.cur { font-weight: bold; padding: 4px 8px;} .banner .bgitem{height: 550px; cursor:pointer; width: 100%;margin: 0 auto;position:absolute; background-position:center top; background-repeat:no-repeat;} /*main*/ .main{ width:100%; margin:0 auto;} .imain{width:1100px; margin:30px auto;} .left{ float:left; width:250px;} .right{float:right; width:770px;} .qq{width:1100px; margin:40px auto 0; background:url(../images/qq.gif) no-repeat top center; height:244px;} .tit{border-bottom:1px solid #06381d ; height:30px; margin-top: 9px;} .tit p{float:left; height:30px; line-height:30px; color:#06381d; font-size:16px; text-align:center; padding-left:19px; font-weight:bold;} .tit p span{font-size:14px;} .tit a{float:right; line-height:30px; color:#50C0F6; padding-right:8px; font-size:12px; } .tit a:hover{color:#333;} .tu {width:301px; margin:6px auto;} .about{ float:left; /*width:313px;*/} .iabout{width:301px; margin:0 auto;} .iabout p{ font-size:12px; font-family:"Microsoft YaHei"; line-height:24px; color:#333;} #demo1p {list-style: none outside none; overflow: hidden; width:1100px; height:352px; margin:0 auto; padding-top:20px;} #indemo1p {float: left;width: 800%;} #demo1p1 {float: left;} #demo1p2 {float: left;} .top_14{margin-top:25px;} .top_14 div{float:left; width:250px; margin:16px 10px; text-align:center;} .top_14 h2{width:250px;height:280px; margin:0 auto;} .top_14 h2 a{width:248px; height:248px; border:#d5d5d5 solid 1px; display: table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:188px;*font-family:Arial;} .top_14 h2 a:hover{width:248px; height:248px; border:#b19273 solid 1px; display: table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:188px;*font-family:Arial;} .top_14 h2 img{vertical-align:middle; margin:5px 5px;} .top_14 h3 a{color:#333; font-weight:normal; line-height:0px; display:block; font-size:14px;} .top_14 h3 a:hover{color:#b19273;} .abmoer{ width:230px; height:40px; border:#b19273 solid 1px; margin:20px auto 0px; text-align:center; } .abmoer a{ color:#b19273; font-size:18px; line-height:40px;} .abmoer:hover{ width:230px; height:40px; border:#b19273 solid 2px; margin:20px auto 0px; text-align:center; } .abmoer:hover a{ color:#b19273; font-size:18px; font-weight:bold; line-height:40px;} #wrapper{margin-top:40px;text-align:center;} .overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background-color: rgba(0,0,0,0.5); /*dim the background*/ text-align:center; display:none;} #overlay_pic {margin:200px auto; width:400px; box-shadow: 10px 10px 5px #000;} .jscarousal{width:1100px;height: 180px;margin:0 auto;padding: 0;position: relative; } .jscarousal .jscarousal-left, .jscarousal .jscarousal-right{float: left; width: 23px;height: 98px;background-color: #121212;color: White;position: relative; top:30px; cursor: pointer;} .jscarousal .jscarousal-left{background-image: url(../images/left_arrow.jpg);background-repeat: no-repeat;background-position: left;} .jscarousal .jscarousal-right{background-image: url(../images/right_arrow.jpg);background-repeat: no-repeat; background-position: right;} .jscarousal-contents{width:954px;height:180px;float: left;position: relative;overflow: hidden; margin:0 auto;} .jscarousal-contents > div{position: absolute;width: 100%;height: 180px;} .jscarousal-contents > div > div{float: left;margin-left:40px; margin-right:30px; padding:2px; border: solid 1px #dedede;} .jscarousal-contents img{width: 113px;height: 160px; } .hidden{display: none;} .visible{display: block;} .thumbnail-active{filter: alpha(opacity=100);opacity: 1.0;cursor: pointer;} .thumbnail-text{color: #7A7677; font-weight: bold;text-align: left; display: block; padding: 10px 2px 2px 0px;} .chanpin{width:1100px; margin:30px auto 0;} .product{width:220px; float:left;} .iprofenlei{color:#333; width:847px; margin:30px auto 0; height:24px; line-height:24px; border-left:1px #dedede solid;} .iprofenlei a{ float:left; color:#333; padding:0px; font-size:14px; width:120px; text-align:center; border-right:1px #dedede solid;} .iprofenlei a:hover{ text-decoration:underline; color:#50C0F6;} .iprofenlei a.tabactive {position:relative;} .diudiu{width:770px; float:left; padding-left:10px;} .iprolist{margin-top:10px;} .iprolist DIV {MARGIN: 0px 0px 0px 20px; width:225px; FLOAT: left;} .iprolist H2 { WIDTH: 225px; HEIGHT: 168px; border:1px #ccc solid; margin:0 auto;} .iprolist H2 A { WIDTH: 225px; DISPLAY: block; HEIGHT: 168px;} .iprolist H2 IMG {VERTICAL-ALIGN: middle} .iprolist p {width:227px; text-align:center; height:30px; line-height:30px; z-index:9} .iprolist p A {text-decoration:none; text-align:center; font-size:14px; display:block; COLOR: #333} .iprolist p A:visited {COLOR: #333} .iprolist p A:hover {color:#50C0F6;text-decoration:underline;} .iprolist p span{ float:left; color:#fff;} .title1{width:216px; height:50px;} .title1 h3{ font-size:18px; color:#fff; font-weight:normal; text-align:center; line-height:50px;} .fl {background:url(../images/cplb.jpg) top center no-repeat; height:465px;} .fl DL {LIST-STYLE-TYPE: none; width:212px; position:relative; z-index:30; margin-bottom:3px; margin-top:14px;} .fl DT {HEIGHT:36px; width:180px; margin:0px auto; border-bottom:1px #dddddd solid; background:url(../images/flbj.png) 22px center no-repeat;} .fl DT A {TEXT-ALIGN: left; LINE-HEIGHT: 36px; DISPLAY: block; COLOR: #333; font-size:14px; padding-left:50px;} .fl DT A:visited {COLOR: #333;} .fl DT a:hover {color:#50C0F6;} .fl p{color:#fff;line-height:24px; font-size:14px; padding-top:42px; padding-left:26px;} .lx{padding:15px;} .lx p{color:#fff; line-height:24px;} .lx2{ border-left:2px #50C0F6 solid; border-right:2px #50C0F6 solid; border-bottom:2px #50C0F6 solid; margin-top:5px;} .lx2 p{color:#333; line-height:24px; padding:15px;} .news{float:left; width:676px; margin-left:7px;} .inews{padding:15px;} .inews ul{} .inews ul li{background:url(../images/dian.png) 8px center no-repeat; height:30px; line-height:30px; border-bottom:1px #cecece solid;} .inews ul li a{float:left; font-size:12px; color:#333; padding-left:25px; display:block; line-height:30px;} .inews ul li a:hover{color:#50C0F6; text-decoration:underline; } .inews ul li span{float:right; font-size:12px; color:#333; line-height:30px;} .inews p{font-size:12px; line-height:24px; color:#333; padding-left:23px;} .news2{float:right; width:277px; margin-right:7px;} .title {border-bottom:1px #b19273 solid; HEIGHT: 26px; margin:0 10px 10px 10px;} .title H2 {LINE-HEIGHT: 24px; COLOR:#b19273; FONT-SIZE:16px ;FONT-WEIGHT: normal;} .title2{ height:50px; line-height:50px;width:220px; padding-left:10px; color:#fff; font-size:18px; font-family:"Microsoft Yahei"; } .title2 span{ margin-left:10px; color:#fff; font-size:12px} .title3{ height:30px; color:#333; font-size:18px; font-family:"Microsoft YaHei"; line-height:30px; margin-bottom:10px; border-bottom:2px #b19273 solid;} .title3 .loc{float:right; font-size:12px;font-family:"Microsoft YaHei"; color:#333; margin-right:24px; line-height:35px;} .title3 span{display:block; width:150px; color:#b19273; text-align:left; font-family:"Microsoft Yahei"; padding-left:10px;} .content{padding:10px 10px 20px 10px; font-size:12px; line-height:24px; color:#333; font-family:"Microsoft YaHei"} .title4{ width:100%; text-align:center; height:20px; font-size:18px; margin-top:15px; margin-bottom:15px; font-family:"Microsoft Yahei"; color:#b19273; font-weight:bold;} .inews_list{ width:100%;} .inews_list li{ background:url(../images/dian.png) 7px center no-repeat; border-bottom:1px #cbcbcb solid; line-height:30px;} .inews_list li a{color:#333; line-height:30px; padding-left:20px; font-family:"Microsoft Yahei";} .inews_list li a:hover{ text-decoration:underline; color:#b19273;} .inews_list li a span{ float:right;} .news_list{ width:100%;} .news_list li{ background:url(../images/dian.png) 7px center no-repeat; border-bottom:1px #cbcbcb dotted; line-height:30px; margin-top:8px;} .news_list li a{color:#333; line-height:30px; padding-left:20px; display:block; font-family:"Microsoft Yahei";} .news_list li a:hover{ color:#b19273;} .news_list li a span{ float:right;} .icontact_title{ height:35px; line-height:35px; padding-left:10px; width:262px; color:#fff; background:url(../images/icontact.jpg) left top no-repeat; font-size:18px;font-family:"Microsoft YaHei";} .icontact_title span{ font-size:12px; color:#eee; padding-left:6px;} .icontact_text{ padding:15px; background:#f8f8f8} .contact{width:230px; height:160px; margin-top:15px;} .contact_title{ height:35px; line-height:35px; padding-left:10px; width:220px; color:#fff; background:url(../images/icontact.jpg) left top no-repeat; font-size:18px;font-family:"Microsoft YaHei";} .contact_title span{ font-size:12px; color:#eee; padding-left:6px;} .contact_text{ padding:15px; background:#f8f8f8} .iproduct{ width:1102px; margin:0 auto;} .iproduct p{ margin-bottom:15px; } .iproductlist DIV {WIDTH: 143px; FLOAT: left; } .iproductlist H2 {MARGIN: 0px auto; WIDTH: 123px; HEIGHT: 96px; border:1px #2a89fd solid;;} .iproductlist H2 A {TEXT-ALIGN: center; WIDTH: 123px; DISPLAY: block; HEIGHT: 96px; font-family:"Microsoft Yahei";} .iproductlist H2 IMG {VERTICAL-ALIGN: middle} .prolist {float:left;} .prolist DIV {MARGIN: 0px 8px 10px 8px; WIDTH:234px; FLOAT: left; } .prolist H2 {MARGIN: 0px auto; WIDTH: 220px; HEIGHT: 210px; border:1px #d0d0d0 solid; padding:1px;} .prolist H2 A {WIDTH:220px; DISPLAY: block; HEIGHT:210px; } .prolist H2 IMG {VERTICAL-ALIGN:middle;} .prolist H3 {TEXT-ALIGN: center; LINE-HEIGHT: 30px; DISPLAY: block; COLOR: #666; FONT-SIZE: 12px; height:30px} .prolist H3 A {LINE-HEIGHT:30px; COLOR: #666; FONT-SIZE: 12px; FONT-WEIGHT: normal; font-family:"Microsoft Yahei";} .prolist H3 A:visited {COLOR:#666;} .prolist H3 A:hover {COLOR: #2a89fd;} .prolist2 {float:right; width:732px;} .prolist2 DIV {MARGIN: 0px 6px 10px; WIDTH: 170px; FLOAT: left; } .prolist2 H2 {MARGIN: 0px auto; WIDTH: 165px; HEIGHT: 123px; border:1px #2a89fd solid;} .prolist2 h2:hover{ border:1px #2a89fd solid;} .prolist2 H2 A { WIDTH: 165px; DISPLAY: block; HEIGHT: 123px; } .prolist2 H2 IMG {VERTICAL-ALIGN: middle} .prolist2 H3 {TEXT-ALIGN: center; LINE-HEIGHT: 30px; DISPLAY: block; COLOR: #666; FONT-SIZE: 12px; height:30px} .prolist2 H3 A {LINE-HEIGHT:30px; COLOR: #666; FONT-SIZE: 12px; FONT-WEIGHT: normal; font-family:"Microsoft Yahei";} .prolist2 H3 A:visited {COLOR: #666} .prolist2 H3 A:hover {COLOR: #4a0812;LINE-HEIGHT: 28px;} .proinfo{ width:100%; height:250px;} .proinfo_img{ float:left; width:300px; height:250px; border:1px #4a0812 solid;} .proinfo_text{ width:770px; margin-top:10px;} .proinfo_text h3{ color:#b19273; border-bottom:2px #b19273 solid; height:40px; font-size:24px; font-weight:normal; line-height:35px; font-family:"Microsoft YaHei";} .proinfo_text p{ margin:10px 0; color:#666; font-family:"Microsoft Yahei";} .pro_c{ width:700px; color:#666px; margin-top:15px; background:url(../images/box_dotline.gif) left bottom no-repeat; padding-bottom:20px;} /*锟斤拷页锟斤拷式*/ .page_info{text-align:center;margin-top:10px;color:#aaa;} .page_info span{padding:0 2px;font-weight:bold;} .page_list{height:20px;line-height:20px;text-align:center;letter-spacing:0;;font-size:12px;margin-top:20px; border:none !important;} .page_list a{display:inline-block;color:#aaa;border:1px solid #aaa;background:#fff;text-align:center;margin:0 1px; width:auto; height:20px; padding:0px 6px;font-family:"Microsoft Yahei";float: left;} .page_list a:hover{color:#fff;border:1px solid #b19273; background:#b19273;} .page_list a.on{color:#fff;border:1px solid #b19273; background:#b19273;} .preNext{position:relative;background:url(../images/news_con.jpg) left top no-repeat; padding-top:10px; margin-top:10px;} .preNext .line{height:10px;overflow:hidden;clear:both;margin:4px auto;padding-top:10px;} .preNext .line strong{display:block;width:8px;height:10px;overflow:hidden;font-size:0px;line-height:100px;float:left;} .preNext .text{color:#999;} .preNext .text a:hover{color:#b19273; text-decoration:underline;} .links{ width:1102px; margin:0 auto; color:#666;} .links a{ padding:0 10px; color:#666;} .links a:hover{ text-decoration:underline;} .footer{width:100%; background:#b19273; height:130px; margin-top:40px; padding:30px 0 0 0} .foot{ width:1000px; margin:0 auto; text-align:center; color:#fff;} .foot a{color:#fff; font-size:14px; padding:0 15px;} .foot a:hover{color:#ffe063; font-weight:bold;} .foot p {font-size:14px; margin-top:30px;} .foot p a{color:#fff; font-size:14px;} .foot p a:hover{color:#034694;} /*Top锟斤拷钮*/ *html{background-image:url(about:blank);background-attachment:fixed;}/*锟斤拷锟絀E6锟铰癸拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷*/ .tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*锟斤拷锟絀E6锟铰诧拷锟斤拷锟斤拷 position:fixed 锟斤拷锟斤拷锟斤拷*/ .tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;} .ys{ width:100%; height:250px; background:url(../images/ys.jpg) no-repeat top center;} .kc{ width:1100px; height:767px; background:url(../images/kc.jpg) no-repeat; margin:0 auto;} .comment_list {PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 0px} .comment_list UL {LIST-STYLE-TYPE: none} .comment_list LI {PADDING-BOTTOM: 6px; LINE-HEIGHT: 18px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 6px; border-bottom:1px dotted #ccc} .comment_list LI A {PADDING-BOTTOM: 0px; LINE-HEIGHT: 18px; PADDING-LEFT: 25px; PADDING-RIGHT: 0px; DISPLAY: block; BACKGROUND: url(../images/dian.png) no-repeat 10px center; COLOR: #333; PADDING-TOP: 0px} .comment_list LI A:visited {COLOR: #333} .comment_list LI A:hover {COLOR: #b19273;} .comment_list span{float:right;} .prob_list2 {PADDING-BOTTOM: 10px} .prob_list2 .cn2 {TEXT-ALIGN: center; WIDTH: 140px; FLOAT: left; margin:10px 10px 5px 15px;} .prob_list2 .cn2 H2 { MARGIN: 0px auto 8px; WIDTH: 140px; HEIGHT: 140px} .prob_list2 .cn2 H2 A {BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ccc 1px solid; WIDTH: 140px; display:table-cell;*DISPLAY: block; *FONT-FAMILY: Arial; BACKGROUND: #ffffff; HEIGHT: 140px; *FONT-SIZE: 122px; VERTICAL-ALIGN: middle; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid} .prob_list2 .cn2 H2 IMG {VERTICAL-ALIGN: middle} .prob_list2 .cn2 SPAN {LINE-HEIGHT: 18px; DISPLAY: block; COLOR: #333} .prob_list2 .cn2 SPAN A {LINE-HEIGHT: 18px; COLOR: #333} .prob_list2 .cn2 SPAN STRONG {LINE-HEIGHT: 18px} .prob_list2 .cn2 SPAN A:hover {COLOR: #b19273;} .heng{width:1100px; margin:50px auto 0;} #main { overflow:hidden;} .tcenter { background:url(../images/lm.jpg) no-repeat center; width:100%; height:336px; overflow:hidden; margin-top:50px;} .center { width:1100px; margin:30px auto 0;} .about { margin-bottom:34px;} .about .infonn { overflow:hidden; padding-top:103px; padding-left:45px;} .about .infonn p { width:432px; height:212px; line-height:30px; font-size:14px; color:#fff;} .xwbj{ width:463px; height:212px; margin-top:15px; } .infonn h4{ text-align:center; line-height:35px;} .innews {float:left; width:463px;} .innews dl { width:420px; float:left; padding-left:10px; margin-right:18px; line-height:19px; padding-top:20px;} .innews dt {float:right; font-size:12px;} .innews dd { padding-left:12px; } .infoproduct { width:1100px; margin:0 auto; margin-bottom:28px;} .infoproduct .infoTitle { background:url(../images/list_bg.jpg) no-repeat left center; margin-top:20px; border-bottom: 1px solid #ddd;} .infoproduct .product { width:1100px; margin:0 auto; padding-top:15px; font-size:14px;} .infoproduct .product .li { margin-bottom: 6px; width:184px; border:1px solid #ccc;} .shangmeng { width:1100px; margin:0 auto;} .shangmeng p {line-height:65px; margin-left:7px;} .shangmeng p span { font-size:14px; padding-right:4px;} .shangmeng p a { margin:0 11px 0 11px;} .infonews { overflow:hidden;} .infonews li { padding-left:20px; overflow:hidden; line-height:36px; border-bottom:1px dotted #CECAC9; background: url(../Images/common/icon_news.jpg) 4px 15px no-repeat; font-size:14px;} .infonews li span { float:right; padding-right:5px;} .infonews li a { float:left;} .pages { overflow:hidden; clear: both;} .pages ul { margin:15px !important; padding:15px;} .pages ul li { float: left; border:1px solid #AAAADD; margin-right:6px; padding:5px; background-color:#E2E2E2;} .xiangxi { overflow:hidden; width:749px;} .xiangxi .xz {width:304px; border:1px solid #ddd; height:261px; margin:0 auto} .xiangxi .xz p {padding-top:6px;} .xiangxi .xy {float:left; padding:30px 0 0 100px;} .xiangxi .xy p { line-height:28px; font-weight:bold;} .titlep {font-weight:bold; text-align:center; font-size:15px; line-height:40px;} .time{ margin-bottom: 10px; background-color: #E8E8E6;} .time p{ text-align: center; line-height: 26px;} .relatv { overflow: hidden; margin: 21px 0; background-color: #E8E8E6; padding: 2px 5px 2px 5px; border: solid 1px #DDD; height:60px;} .relatv p{ line-height: 26px;} .relatv p.uppage{ float: left;} .relatv p.nextpage{ float: right;} .relatv a { margin-left:5px; color:#E95F20;} .tag { font-family: "微软雅黑"; font-size:14px; line-height:24px;} .rtt { padding:20px 0 5px 0;font-size:14px;} .infons ul { overflow:hidden;} .infons ul li { float:left; width:370px; padding-left:20px; overflow:hidden; line-height:33px; border-bottom:1px dotted #CECAC9; background: url(../Images/common/icon_news.jpg) 4px 15px no-repeat; font-size:14px;} .infopro ul{ overflow:hidden;} .infopro ul li{ float:left; width:174px !important; text-align:center; margin-bottom: 15px; height:190px; margin-left:20px; } .infoprolay{border:1px solid #ddd; width:174px !important; height:130px; display:block;text-align:center; display: table-cell;vertical-align:middle;} .infopro ul li a img {height:130px; } .infopro ul li a:hover{ color:#0778de} .infopro ul li div{ line-height:22px;} #tip { position:absolute; color:#333; display:none; } #tip s { position:absolute; top:40px; left:-20px; display:block; width:0px; height:0px; font-size:0px; line-height:0px; border-color:transparent #BBA transparent transparent; border-style:dashed solid dashed dashed; border-width:10px; } #tip s i { position:absolute; top:-10px; left:-8px; display:block; width:0px; height:0px; font-size:0px; line-height:0px; border-color:transparent #fff transparent transparent; border-style:dashed solid dashed dashed; border-width:10px; } #tip .t_box { position:relative; background-color:#CCC; filter:alpha(opacity=50); -moz-opacity:0.5; bottom:-3px; right:-3px; } #tip .t_box div { position:relative; background-color:#FFF; border:1px solid #ACA899; background:#FFF; padding:1px; top:-3px; left:-3px; } #container {} #header { width:1100px; margin:0 auto; height:138px; overflow:hidden;} #header h1 { margin-top:55px; float:left;} #header .headerR { float:right; margin-top:0px; width:380px;} #header .headerR p { margin-bottom:10px; line-height:35px;} #header .headerR p a { margin:0 5px; } #header .headerR .searchbox{ overflow: hidden;} #header .headerR form {float: right; display: block; padding-right:15px;padding-top:8px;} #header1 { width:1000px; margin:0 auto; height:107px; overflow:hidden; margin-top:-12px;} #header1 h1 { padding-top:15px; float:left;} #header1 .headerR { float:right; margin-top:0px; width:397px;} #header1 .headerR p { margin-bottom:22px;} #header1 .headerR p a { margin:0 5px; } #header1 .headerR .searchbox{ overflow: hidden;} #header1 .headerR form {float: right; display: block; padding-right:22px;padding-top:0px;} .headerR form .cpkey {float: left;width: 125px; border-right: 0;height: 23px;line-height: 24px;padding-left: 30px;border: none;background: url(../images/search_bg.jpg) no-repeat;} .headerR form .image {float: left;width: 58px; border: 0;height: 23px;} #globalNavi { height:53px; width:1000px; margin:0 auto;} #globalNavi ul { } #globalNavi ul .navicon {width:2px; height:53px;} #globalNavi ul li { float:left; width:142px; text-align:center; line-height:53px; font-size:16px} #globalNavi ul li a {display: block; color:#fff;} #globalNavi ul .intime {width:240px; font-weight:normal; font-size:13px;} #globalNavi ul li a:hover{ width:142px; height:51px; line-height:51px; display:block; background:#0778de; color:#fff} .flexslider{position:relative;height:450px;overflow:hidden; background: url(../images/loading.gif) 50% no-repeat; clear:both} .slides{position:relative;z-index:1;} .slides li{height:385px;} .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;} .sunBox { height:24px;} #main { overflow:hidden; width:1100px; margin:15px auto;} #sideBar { overflow:hidden; width:204px;} .sidebox {width:461px; margin-bottom:16px;} .sideList ul { font-size:18px; margin:0 auto;} .sideList ul li {height:35px; width:137px; float:left; background: url(../images/ddd.png) no-repeat center;} .sideList ul li a{ width:137px; line-height:35px; display:block; color:#b19273; font-size:18px; text-align:center;} .sideList ul li a:hover{ background: url(../images/ddd3.png) no-repeat center; color:#fff; !important; } .zym {width:250px; margin-bottom:16px;} .zym .sideList2 ul { font-size:14px; } .zym .sideList2 ul li { line-height:35px; width:250px; border-bottom: 1px dotted #bbb;} .zym .sideList2 ul li a{ width: 180px; display: block; font-size: 14px; padding-left:70px; background: url(../images/ddd2.png) no-repeat left center;} } .zym .sideList2 ul li a:hover{color:#2a89fd !important; } .sidebox2 {width:250px;} .sideboxl {width:463px;} .sideboxl .conTitle p { padding-left:16px; font-weight:bold;} .sideboxl .conTitle p span { color:#009243;} .sideboxl .conList ul .coname { font-weight:bold;} .sideboxl .conList ul {} .sideboxl .conList ul li { line-height:24px; font-size:14px} .lxbj{ width:463px; height:212px; margin-top:15px; } .conList{ padding-top:12px; padding-left:25px; line-height:26px; font-size:14px; color:#333333; float:left;} .lxt{ margin-left:20px; margin-top:20px; float:left;} .YHzj_cont li{ width:240px;height:auto;overflow:hidden;float:left;display:inline; margin-left: 15px; text-align: center; border-bottom:none; font-size:14px;} .YHzj_cont li img {width:225px;height:190px; overflow:hidden; margin:3px; padding: 5px; border:1px solid #b19273;} .YHzj_cont li span{width:240px;height:36px;overflow:hidden;display:block;text-align:center;line-height:36px;} .YHzj_cont li a{color:#b19273; cursor:pointer; text-align:center; display: inline-block;} .YHzj_cont li a:hover{color:#b19273;} #demorigh{width:980px; overflow:hidden; height:280px; margin:30px auto 0px;} #indemorigh{float:left;width: 10000%;} #demorigh1{float:left;} #demorigh2{float:left;} .conList1{padding-top:20px;} #conts { width:1100px; overflow: hidden; zoom:1;} .abbj{ background:url(../images/abbj.png) no-repeat; width:1100px; height:354px; margin-top:40px; } .info {} .infoTitle {} .infoTitle p { float:left;font-weight:bold; padding-left:16px;} .dsite { line-height:36px;} .dsite a { margin:0 4px 0 4px;} #footer { overflow:hidden; border-top:1px solid #45A3DD; margin-top:30px;} #cnzz_stat_icon_1252948170 { display: inline-block;} #footer .foot { width: 1000px; margin: 0 auto; padding: 15px 0 10px 0; text-align:center; } #footer .foot p { text-align:center; line-height:25px; } #footer .foot p span { margin-left:10px;} #footer .foot p a { margin: 0 3px 0 3px;} #dianhua{ width:289px; height:29px; background:url(../images/dianhua.png); float:left; margin:13px 4px 0 378px;} #tutu{ width:1000px; height:1242px; background:url(../images/youshitu.jpg);float:left; margin-bottom:25px; border:1px solid #ddd;} #xtu{width:100%; height:205px; background:url(../images/qqq.jpg);float:left; margin-bottom:10px; margin-top:20px;} .infonn{ line-height:24px; font-size:14px; color:#333333;} .tablay{ font-size:12px; text-align: center; border-bottom:1px solid #ccc; border-right:1px solid #ccc;} .tablay td{ line-height:22px; border-top:1px solid #ccc; border-left:1px solid #ccc; height:35px; font-weight:bold} .trcolor1{ background:#bfeffe;} .weixin{width:200px; height:200px; position:fixed; left:0; top:120px; z-index:999999; background:url(../images/2.jpg) no-repeat} .lmbg{height:205px; background:url(../images/lm.jpg) no-repeat; margin-bottom:15px; border:1px solid #ddd; } .about_detail{ background: url(../images/cpbj.jpg) no-repeat center; width: 100%; height: 678px; } .conpanytxt{ width:1100px; height:678px; margin:0 auto;} .abouttxt{ width: 1100px;} .productli li{ width:240px; height:225px; float:left; margin-left:30px; margin-top:20px; text-align:center;} .productlilay{width:238px; height:180px; border:1px solid #e8e8e6; text-align:center; display: table-cell;vertical-align:middle;} .productli li img{height:180px; width:220px; margin-top:8px;} .productlilay:hover{ border:1px solid #2a89fd;} .producttxt{line-height:35px; text-align:center; font-size:14px; color:#333333;} .producttxt a:hover{ color:#2a89fd;} .promore { float: right; background:url(../../Images/index/more.png) no-repeat; height: 17px; width: 45px; display:block} .telbg{background:url(../images/tel.png) no-repeat; height:40px; width:245px; margin-left:100px; margin-top:10px;} .infonn p{ text-indent:2em;} @charset "utf-8"; /*------------------------------------------------------------ 書式設定 ------------------------------------------------------------*/ /* テキストの位置 */ .taLeft { text-align: left !important; } .taCenter { text-align: center !important; } .taRight { text-align: right !important; } /* フォントの大きさ（プラス） */ .fsP1 { font-size: 1.08em !important; } .fsP2 { font-size: 1.16em !important; } .fsP3 { font-size: 1.24em !important; } .fsP4 { font-size: 1.32em !important; } .fsP5 { font-size: 1.4em !important; } /* フォントの大きさ（マイナス） */ .fsM1 { font-size: 0.92em !important; } .fsM2 { font-size: 0.84em !important; } .fsM3 { font-size: 0.76em !important; } .fsM4 { font-size: 0.68em !important; } .fsM5 { font-size: 0.6em !important; } /* フォントの太さ */ .fwNormal { font-weight: normal !important; } .fwBold { font-weight: bold !important; } /*------------------------------------------------------------ 微調整用クラス（※多用しないこと） ------------------------------------------------------------*/ .mt0 { margin-top: 0 !important; } .mb0 { margin-bottom: 0 !important; } .mb5{margin-bottom: 5px !important;} .mb10{margin-bottom: 10px !important;} .mb15{margin-bottom: 15px !important;} .mart10{margin-top: 10px !important;} .mart20{margin-top: 20px !important;} .mart6{margin-top: 6px !important;} .pad30{padding:30px !important;} .padl30{padding-left:30px !important;} /*------------------------------------------------------------ 汎用スタイル ------------------------------------------------------------*/ * html .clearfix { zoom: 1; } *+html .clearfix { zoom: 1; } .clearfix { overflow:hidden; } .clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; } .clear { clear: both; } .floatL { float: left; } .floatR { float: right; } a:hover img { } .pageTop { margin: 45px 23px 4px 0; } .textIndent2{ text-indent:2em; } .textIndent3{ text-indent:3em; } .pageTop { margin: 45px 23px 4px 0; } .banner { /*margin: 0 0 24px 0; position: relative; height: 442px;*/ } .banner .btn { /* position: absolute; top: 370px; left: 74px;*/ } .noline{ text-decoration:none !important;; color:#353535 !important;; } #mian .noline{ text-decoration:none !important;; color:#353535 !important;; } .alert{filter:alpha(opacity=100); /* IE */ -moz-opacity:1.0; /* Moz + FF */ opacity: 1.0; height:300px; width:500px; background:#ccc; left:50%; top:50%;margin-top:-150px;margin-left:-250px;position:absolute;z-index:99; text-align:center; padding:20px;} .record_Top{width:90%; height:50px; background:url(../images/record_Bg.png) center center no-repeat; background-size:contain; text-align:center; line-height:50px; margin:30px auto 0px; color:#fff;} .topRec_List dl,.maquee{ width:90%; overflow:hidden; margin:0 auto; color:#7C7C7C} .topRec_List dd{ float:left; text-align:center; border-bottom:1px solid #1B96EE; color:#1B96EE;} .topRec_List dl dd:nth-child(1){ width:10%; height:40px; line-height:40px; } .topRec_List dl dd:nth-child(2){ width:9%; height:40px; line-height:40px; } .topRec_List dl dd:nth-child(3){ width:9%; height:40px; line-height:40px; } .topRec_List dl dd:nth-child(4){ width:9%; height:40px; line-height:40px; } .topRec_List dl dd:nth-child(5){ width:9%; height:40px; line-height:40px; } .topRec_List dl dd:nth-child(6){ width:9%; height:40px; line-height:40px; } .topRec_List dl dd:nth-child(7){ width:9%; height:40px; line-height:40px; } .topRec_List dl dd:nth-child(8){ width:9%; height:40px; line-height:40px; } .topRec_List dl dd:nth-child(9){ width:8%; height:40px; line-height:40px; } .maquee{ height:600px;} .topRec_List ul{ width:100%; height:600px;} .topRec_List li{ width:100%; height:38px; line-height:38px; text-align:center; font-size:12px; border-bottom: 1px dashed #aaa;} /*.topRec_List li:nth-child(2n){ background:#077cd0}*/ .topRec_List li div{ float:left;} .topRec_List li div:nth-child(1){ width:10%;} .topRec_List li div:nth-child(2){ width:9%;} .topRec_List li div:nth-child(3){ width:9%;} .topRec_List li div:nth-child(4){ width:9%;} .topRec_List li div:nth-child(5){ width:9%;} .topRec_List li div:nth-child(6){ width:9%;} .topRec_List li div:nth-child(7){ width:9%;} .topRec_List li div:nth-child(8){ width:9%;} .topRec_List li div:nth-child(9){ width:8%;} .apple a{display:block; text-decoration:none;} .apple,.aa{ width:90%; height:50px; overflow:hidden; margin:30px auto; border:1px solid #1B96EE;} .apple a,.aa a{ width:100%; height:50px; line-height:50px; text-indent:20px; color:#1B96EE;} .aa {word-wrap:break-word;line-height:50px; color:#1B96EE;} .ftlink{ width:800px; height:30px; line-height:30px; float:left} .ftlink a{ padding-left:10px; padding-right:10px; color:#000;} .ftlink a:hover{ text-decoration:underline} .conent{width:300px;height:150px;position:absolute;top:20px; z-index:9999999;} .conent .sition{width:300px;height:150px;position:relative;} .conent .sition .c_adver{width:300px;height:150px;background:url(../images/back.gif) no-repeat; cursor:pointer;}