/***************************************** * Commone CSS * Date : 2016-5-16 * Author : XiangYun 亭云科技 * Net : http://www.tingyunkeji.com ****************************************/ /* Init */ @charset "utf-8"; html, body, div, dl, dd, dt, ul, ol, li, a, i, font, label, span, form, input, select, textarea, h1, h2, h3, h4, h5 { margin:0px; padding:0px; font:12px/1.5 Tahoma,'Microsoft Yahei','Simsun'; color:#606060} body{ background:#f2f3f7} a { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; text-decoration:none; cursor:pointer; color:#707070} i { display:-moz-inline-stack; display:inline-block; font-style:normal} table{ border-collapse:collapse; border-spacing:0px} ol, ul, li { list-style:none} img { border:0px none} :focus { outline:none} input[type=button], input[type=submit], input[type=reset] { -webkit-appearance:none} select { padding:0px} textarea { resize:none} ::-webkit-scrollbar-thumb { background:#b0b0ae; -webkit-border-radius:4px} ::-webkit-scrollbar-thumb:hover { background:#9f9f9f; -webkit-border-radius:4px} ::-webkit-scrollbar { width:6px} ::-webkit-scrollbar-track-piece { background:#eaeaea; -webkit-border-radius:0} /* Tools */ .center { width:1200px; height:auto; overflow:hidden; margin-left:auto; margin-right:auto} .fl { float:left} .fr { float:right} .clear { clear:both} .psa { position:absolute} .psr { position:relative} .psf { position:fixed} .vat { vertical-align:top} .vam { vertical-align:middle} .vab { vertical-align:bottom} .cp { cursor:pointer} .db { display:block} .di { display:inline-block} .dn { display:none} .tal { text-align:left} .tac { text-align:center} .tar { text-align:right} .oh { height:auto; overflow:hidden} .oxs { overflow:hidden; overflow-x:scroll} .oys { overflow:hidden; overflow-y:scroll} .ho { height:auto; overflow:hidden} .ml10 { margin-left:10px} .mr10 { margin-right:10px} .ml15 { margin-left:15px} .ml20 { margin-left:20px} .mt10 { margin-top:10px} .mt15 { margin-top:15px} .mt20 { margin-top:20px} .mr20 { margin-right:20px} .mb20 { margin-bottom:20px} .pb20{ padding-bottom:20px} .red { color:red} a:hover{color:#02b4ff} .content1200{ width:1200px; height:auto; overflow:hidden; margin:auto;} .btn{ width:128px; height:30px; background:#02b4ff; margin-left:30px;} .btn > a{width:128px; height:30px; font-size:14px; color:#FFF; background:url(/com/imgs/index_ico.png) 10px -696px no-repeat; border:none; letter-spacing:1px; line-height:30px; padding-left:35px; cursor:pointer} .btn:hover{ background:#0ba9eb} .contentDetail p:first-child { margin-top:0px} .contentDetail img { max-width:100%} .emptyTip { clear:both; padding:30px 0; text-align:center} /*页面顶部*/ .pagetop{ width:100%; height:39px; border-bottom:1px solid #e4e4e4; background:#FFF; min-width:1200px} .pagetop .content1200 > div > i,.pagetop.content1200 > div > a{ color:#606060;line-height:39px;} .pagetop .content1200 > div font{color:#606060;line-height:39px; margin:0 10px;} .pagetop .content1200 > div font:last-child { display:none} /*页面头部*/ .pageheader{ background:#FFF; height:auto; overflow:hidden; padding:15px 0; min-width:1200px} .pageheader .content1200 > div.fl > i.logo{ height:68px; border-right:1px solid #b7b7b7; float:left; padding-right:25px; margin-right:25px;} .pageheader .content1200 > div.fl > i.ftitle{ color:#02b4ff; font-size:22px; font-weight:bold} .pageheader .content1200 > div.fl > i.ftitle > i{ color:#727171; font-size:17.68px; font-weight:bold} .pageheader .content1200 > div.fr{ background:url(/com/imgs/tle.png) no-repeat; width:201px; height:55px;padding-left:76px;} .pageheader .content1200 > div.fr > i.text{ color:#606060; font-size:18px;} .pageheader .content1200 > div.fr > i.tel{ font-size:24px; color:#02b4ff; font-weight:bold; } /*页面导航*/ .pagenav{ width:100%; height:45px; background:#02b4ff; min-width:1200px} .pagenav .content1200 { overflow:visible} .menu li { float:left; position:relative; width:auto; height:45px} .menu li div { display:none; position:absolute; top:44px; left:0px; z-index:91; height:auto; overflow:hidden} .menu li div a { width:100px; height:38px; background:#02b4ff; text-align:center; color:#fff; line-height:38px; border-top:1px solid #0ba9eb} .menu li div a:hover { color:#fafafa; background:#0ba9eb} .menu li > a{ font-size:14px; color:#FFF; padding:0 15px; width:auto; min-width:60px; text-align:center; line-height:45px;} .menu li > a:hover,.menu li > a.cur{ background:#0ba9eb} .menu li:hover div { display:block} /*轮播图*/ .flexslider { clear:both; height:313px; background:#fff; width:930px;} .flexslider ul.slides li a,.flexslider ul.slides li a img{width:100%; height:313px; } /*关键词*/ .main .content1200 > div.keywords{text-align:center; margin-top:0} .main .content1200 > div.keywords > a{ font-size:14px; color:#02b4ff; line-height:45px;} .main .content1200 > div.keywords > a:hover{ text-decoration:underline;} .main .content1200 > div.keywords > font{ margin:0 20px;color:#02b4ff} .main .content1200 > div.keywords > font:last-child { display:none} /*产品*/ .main .content1200 div.product .left{ width:248px; height:auto; overflow:hidden; padding:0 26px 35px 26px; background:#02b4ff; text-align:center; float:left;} .main .content1200 div.product .left > i.title{ width:195px; text-align:center;float:left; font-size:22px; color:#FFF; padding:25px 0 40px 0; border-bottom:1px solid #FFF;} .main .content1200 div.product .left > div > a{ width:195px; color:#ffffff; line-height:35px;} .main .content1200 div.product .left > div > a:hover,.main .content1200 div.product .left > div > a.cur{ background:#ebf3fb; color:#02b4ff;} .main .content1200 > div.product .right{ width:930px; height:430px; float:left;} .main .content1200 > div.product .right > div{ width:207px; height:183px; margin:20px 0 0 20px; float:left;} .main .content1200 > div.product .right > div > a.img{ width:206px; height:150px; border:1px solid #dcdcdc;} .main .content1200 > div.product .right > div > a.img img{width:206px; height:150px;} .main .content1200 > div.product .right > div > a.title{ width:208px; height:33px; overflow:hidden; line-height:33px; border-bottom:1px solid #dcdcdc; float:left;} .main .content1200 > div.product .right > div > a.title:hover{ border-bottom:1px solid #02b4ff} /*横幅广告*/ .main .content1200 > div.adver{ margin-top:30px; width:1200px; height:auto; overflow:hidden} .main .content1200 > div.adver > p{ margin-bottom:0} /*我们的优势*/ .main .content1200 div.Whitearea > .title{ padding:0 476px; margin:10px 0;} .main .content1200 div.Whitearea > .title .titlecon{ width:250px; text-align:center;} .main .content1200 div.Whitearea > .title .titlecon > i{ width:250px; font-size:16px; color:#02b4ff; height:35px; line-height:35px;} .main .content1200 div.Whitearea > .title .titlecon > i.yw{ width:250px; font-size:14px; border-top:1px solid #02b4ff; position:relative;} .main .content1200 div.Whitearea > .title .titlecon > i.yw > font{ width:67px; height:5px; position:absolute; background:#02b4ff; top:-3px; left:92px} .main .content1200 div.Whitearea .advantcon{ width:1100px; height:auto; overflow: hidden; margin-top:10px; padding:0 50px; padding-bottom:30px;} .main .content1200 div.Whitearea .advantcon .first{ width:440px; height:auto; overflow:hidden; min-height:120px; background:url(/com/imgs/ysnum1.png) no-repeat; padding-left:80px; float:left;} .main .content1200 div.Whitearea .advantcon .first > i{ font-size:14px; color:#606060; margin-top:15px;} .main .content1200 div.Whitearea .advantcon .first > i.ztitle{ font-size:20px; color:#1c1c1c; line-height:20px;} .main .content1200 div.Whitearea .advantcon .second{ background:url(/com/imgs/ysnum2.png) no-repeat; margin-left:60px} .main .content1200 div.Whitearea .advantcon .third{ background:url(/com/imgs/ysnum3.png) no-repeat; margin-top:53px;} .main .content1200 div.Whitearea .advantcon .fourth{ background:url(/com/imgs/ysnum4.png) no-repeat;margin-left:60px; margin-top:53px;} /*荣誉资质*/ .main .content1200 div.Whitearea .ryzh{ width:1200px; height:140px; padding:0px 0px 20px 0; position:relative} .main .content1200 div.Whitearea .ryzh div.img { width:1160px; white-space:nowrap; overflow:hidden; margin:0 auto} .main .content1200 div.Whitearea .ryzh div.img > a{ width:212px; height:140px; margin-left:20px; display:inline-block} .main .content1200 div.Whitearea .ryzh div.img > a img{width:212px; height:140px;} .main .content1200 div.Whitearea .ryzh > a.jt{ width:25px; height:51px; background:#060606; opacity:0.5; position:absolute; left:20px; top:46px; text-align:center; line-height:57px;} .main .content1200 div.Whitearea .ryzh > a.jt > i{ width:11px; height:18px; background:url(/com/imgs/jt.png) no-repeat;} .main .content1200 div.Whitearea .ryzh > a.jt:hover > i{ background-position: 0 -18px} .main .content1200 div.Whitearea .ryzh > a.jt:last-child{ left:1160px;} .main .content1200 div.Whitearea .ryzh > a.jt:last-child > i{ background-position:0 -100px} .main .content1200 div.Whitearea .ryzh > a.jt:last-child:hover > i{ background-position:0 -82px;} /*新闻中心*/ .main .content1200 div.news_video > .news{ width:685px; height:350px; margin-right:20px; padding:20px; float:left;} .main .content1200 div.news_video > .news > .newtitle > a{ padding:2px 9px ;font-size:16px; color:#02b4ff; margin-right:10px; position:relative} .main .content1200 div.news_video > .news > .newtitle > a > i{ width:11px; height:5px; background:url(/com/imgs/newsj.png) no-repeat; position:absolute; display:none; left:40px; top:28px;} .main .content1200 div.news_video > .news > .newtitle > a:hover,.main .content1200 div.news_video > .news > .newtitle > a:first-child,.main .content1200 div.news_video > .news > .newtitle > a.cur{ background:#02b4ff; color:#FFF;} .main .content1200 div.news_video > .news > .newtitle > a:hover i,.main .content1200 div.news_video > .news > .newtitle > a:first-child i,.main .content1200 div.news_video > .news > .newtitle > a.cur i{ display:block;} .main .content1200 div.news_video > .news > .newslist > a,.main .content1200 div.news_video > .news > .newslist > a img{ width:301px; height:302px; float:left;} .main .content1200 div.news_video > .news > .newslist > ul{ width:245px; float:left;} .main .content1200 div.news_video > .news > .newslist > ul li{width:245px; height:20px; line-height:20px; padding:5px 0;border-bottom:1px dashed #cccccc;} .main .content1200 div.news_video > .news > .newslist > ul li > a{ padding-left:24px; background:url(/com/imgs/index_ico.png) 0 2px no-repeat;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /*视频中心*/ .main .content1200 div.news_video > .video{ width:245px; height:350px; float:left;} .main .content1200 div.news_video > .video > .videotitle{ height:18px; line-height:18px; font-size:16px; color:#02b4ff; border-left:2px solid #02b4ff; padding-left:10px;} .main .content1200 div.news_video > .video > div.videocon{ width:245px; height:300px; background:#969696; margin-top:20px;} /*常见问题*/ .main .content1200 div.pblcta > .problem{ width:245px; height:255px; float:left; margin-right:20px;} .main .content1200 div.pblcta > .problem > ul > li{width:245px; height:20px; line-height:20px; padding:5px 0;border-bottom:1px dashed #cccccc;} .main .content1200 div.pblcta > .problem > ul > li > a{width:294px; padding-left:20px; background:url(/com/imgs/index_ico.png) 0 -1204px no-repeat;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /*联系我们*/ .main .content1200 div.pblcta > .contact{ width:245px; height:auto; overflow:hidden} .main .content1200 div.pblcta > .contact > .coninfor,.main .content1200 div.pblcta > .contact > .coninfor .detialinfor { height:auto; overflow:hidden;} .main .content1200 div.pblcta > .contact > .coninfor > i{ width:245px; height:auto; overflow:hidden;line-height:35px; font-size:14px; line-height:25px; margin-top:15px; color:#02b4ff} .main .content1200 div.pblcta > .contact > .coninfor .detialinfor > .left{ width:245px; height:auto; overflow:hidden} .main .content1200 div.pblcta > .contact > .coninfor .detialinfor > .left > i{ width:245px; font-size:14px; height:auto; overflow:hidden; line-height:23px; float:left;} .main .content1200 div.pblcta > .contact > .coninfor .detialinfor > .right{ width:357px; height:160px; margin-top:20px; background:#ABABAB;} /*页面底部*/ .pagefooter{ width:100%; height:auto; overflow:hidden; min-width:1200px;} .pagefooter > .link > i{ font-size:16px; color:#02b4ff;line-height:46px;} .pagefooter > .link > a{ font-size:14px; margin-left:20px;line-height:46px;} .pagefooter > .footernav{ width:100%; height:45px; background:#3d3d3d; padding-left:10px;} .pagefooter > .footernav .content1200 > a{color:#FFF; font-size:14px; line-height:45px;} .pagefooter > .footernav .content1200 > a:hover{ color:#02b4ff} .pagefooter > .footernav .content1200 > font{ margin:0 23px; color:#FFF;line-height:45px;} .pagefooter > .footernav .content1200 > font:last-child { display:none} .pagefooter > .footerinfor{ padding:33px 0;} .pagefooter > .footerinfor > .content1200 > i.logo,.pagefooter > .footerinfor > .content1200 > i.logo img{ height:130px; widows:314px; float:left} .pagefooter > .footerinfor > .content1200 .coninfor{ height:125px; width:508px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; float:left; margin:0 85px} .pagefooter > .footerinfor > .content1200 .coninfor > i{ margin-left:85px; margin-top:} .pagefooter > .footerinfor > .content1200 > i.ewm{ width:126px; height:126px;} .pagefooter > .footerinfor > .content1200 .coninfor > i > i.footerbtn{ width:104px; height:25px;} .pagefooter > .footerinfor > .content1200 .coninfor > i > i.footerbtn > a{width:104px; height:25px; font-size:12px; background-position:8px -825px; padding-left:25px; line-height:25px;} .pagefooter > .beian > .content1200{ height:50px; text-align:center; line-height:50px; border-top:1px solid #e4e4e4} /*悬浮咨询*/ .yxf { width:93px; height:151px; position:fixed; bottom:50%; right:10px; background:none} .yxf a {width:93px; height:151px; text-align:center; color:#fff; padding-left:0px; background:#fff; margin-top:61px} .yxf:hover { background:none} /*内页*/ .inadver{ width:100%; height:185px; min-width:1200px; background:center no-repeat} .main .content1200 > .Brenav{ width:1180px; height:40px;padding-left:20px; line-height:40px; margin-top:20px;} .main .content1200 > .Brenav > a,.pagecon .content1200 > .Brenav > font{ font-size:14px;} /*内页左边*/ .main .content1200 .propage{ width:1200px; height:auto; overflow:hidden;} .main .content1200 .propage .proleft{ width:250px; height:auto; overflow:hidden; float:left;} .main .content1200 .propage .proleft .left{ width:220px; padding:0 15px; padding-bottom:15px; text-align: center} .main .content1200 .propage .proleft .left i.title{ width:218px;} .main .content1200 .propage .proleft .left > div{ width:218px} .main .content1200 .propage .proleft .service > .serinfor{ width:180px; padding:0 20px; height:360px; background:#FFF; float:left; text-align:left} .main .content1200 .propage .proleft .service > .serinfor > i{ width:155px; margin-top:10px; height:18px; line-height:18px; background:url(/com/imgs/con_ico.png) no-repeat; padding-left:25px; float:left;} .main .content1200 .propage .proleft .service > .serinfor > i.mol{ background-position:0 -75px} .main .content1200 .propage .proleft .service > .serinfor > i.eml{ background-position:0 -150px} .main .content1200 .propage .proleft .service > .serinfor > i.name{ font-size:16px; color:#02b4ff; background:none; padding-left:0} .main .content1200 .propage .proleft .service > .serinfor > .btn{ width:113px; border:1px solid #02b4ff; background:#FFF; margin-top:40px; float:left;} .main .content1200 .propage .proleft .service > .serinfor > .btn:hover{ background:#02b4ff} .main .content1200 .propage .proleft .service > .serinfor > .btn a{ width:113px; font-size:12px; color:#02b4ff; background-position:10px -1115px; padding-left:35px;} .main .content1200 .propage .proleft .service > .serinfor > .btn a:hover{ background-position:10px -696px; color:#FFF;} .main .content1200 .propage .proleft .service > .serinfor > .img{ background:url(/com/imgs/ser_bg.png) no-repeat; width:160px; height:100px; margin:20px 0 0 10px;} /*产品右边*/ .main .content1200 .propage .proright{ width:890px; padding:0 20px; background:#FFF; float:left; margin:20px 0 0 20px;} .main .content1200 .propage .proright .prolist{width:890px; height:auto ; overflow:hidden; border-top:1px solid #e4e4e4; padding:20px 0; } .main .content1200 .propage .proright > .nobor{ border:none;} .main .content1200 .propage .proright .prolist > a.img{ width:240px; height:170px;border:1px solid #e4e4e4; float:left;} .main .content1200 .propage .proright .prolist > a.img > img{width:240px; height:170px;} .main .content1200 .propage .proright .prolist > .listcon{ width:630px; height:auto; overflow:hidden; margin-left:15px; float:left;} .main .content1200 .propage .proright .prolist > .listcon > a.title{ color:#1c1c1c; font-size:14px;} .main .content1200 .propage .proright .prolist > .listcon > a.title:hover{ color:#02b4ff} .main .content1200 .propage .proright .prolist > .listcon > a.detial{ height:38px; overflow:hidden; font-size:14px; letter-spacing:0.5px} .main .content1200 .propage .proright .prolist > .listcon > a.profile { height:36px; overflow:hidden} .main .content1200 .propage .proright .prolist > .listcon > div.procs > i{ font-size:14px; margin:15px 0} .main .content1200 .propage .proright .prolist > .listcon > div.procs > font{ margin:0 10px;} .main .content1200 .propage .proright .prolist > .listcon > a.btn{ width:105px; height:35px; line-height:35px; text-align:center; font-size:14px; color:#FFF; margin:20px 0 0 0} .main .content1200 .propage .proright .prolist:first-child { border:0 none} /*新闻列表*/ .main .content1200 .propage .proright .newlist > a.img,.main .content1200 .propage .proright .newlist > a.img img{ width:254px; height:154px; border:none;} .main .content1200 .propage .proright .newlist > .listcon{ width:618px;} .main .content1200 .propage .proright .newlist > .listcon > a.detial{ font-size:12px; height:auto; overflow:hidden; max-height:73px; margin-top:10px} .main .content1200 .propage .proright .newlist > .listcon > div.procs > i{ margin-bottom:0; margin-top:10px;} /*新闻详情*/ .main .content1200 .propage .newdetial{ width:890px; padding:0 20px; margin-left:20px; background:#FFF; margin:20px 0 0 20px; float:left;} .main .content1200 .propage .newdetial .detialtitle{ padding:20px 0;border-bottom:1px solid #e4e4e4; width:890px; text-align:center;} .main .content1200 .propage .newdetial .detialtitle > i{ margin-bottom:10px; font-size:16px; color:#1c1c1c;} .main .content1200 .propage .newdetial .detialtitle > div > i{ margin-left:15px;} .main .content1200 .propage .newdetial .newcon{ padding:20px 0} /*荣誉资质页面*/ .main .content1200 .ryzzpage{ margin-top:20px;} .main .content1200 .ryzzpage .ryzzlist > div{ width:275px; height:180px; margin-left:20px; position:relative; margin-top:20px; float:left;} .main .content1200 .ryzzpage .ryzzlist > div > .img{width:275px; height:180px;} .main .content1200 .ryzzpage .ryzzlist > div > .img > img{width:275px; height:180px;} .main .content1200 .ryzzpage .ryzzlist > div > i{ width:275px; height:30px; background:url(/com/imgs/tmbg.png); text-align:center; line-height:30px; color:#FFF; font-size:14px; position:absolute; top:150px; left:0} /*产品详情页*/ .main .content1200 .propage .proright > .above{ width:890px; height:402px; padding:20px 0; border-bottom:1px solid #e4e4e4} .main .content1200 .propage .proright > .above > .left{ width:435px; height:402px; margin-right:20px; float:left;} .main .content1200 .propage .proright > .above > .right{ width:433px; height:402px; float:left;} .main .content1200 .propage .proright > .above > .right > i{ width:435px; height:30px; border-bottom:1px dashed #e4e4e4; font-size:16px; color:#02b4ff; line-height:0} .main .content1200 .propage .proright > .above > .right div.procon{ padding-top:15px; height:360px; overflow:hidden; width:435px;} .main .content1200 .propage .proright > .below{ width:890px; height:auto; overflow:hidden; padding:25px 0;} .bannerThumb { float:left; width:435px; height:72px; overflow:hidden; margin-top:20px;} .bannerThumb a { float:left; width:100px; height:70px;overflow:hidden; background:#f8f8f8; margin-right:8.6px; border:1px solid #D5D5D5; cursor:pointer} .bannerThumb a img{ width:98px; height:68px;} .bannerThumb a:last-child{ margin-right:0} .bannerThumb a.cur{ border:1px solid #02b4ff} .bannerView { float:left;width:435px;height:315px;position:relative;z-index:1;} .bannerView a,.bannerView a img{ width:435px; height:315px;} /*联系我们*/ .main .content1200 .contactpage{ padding:20px} .main .content1200 .contactpage .tactinfor > i{ font-size:14px; background:url(/com/imgs/index_ico.png) 0 -94px no-repeat; padding-left:30px; width:340px; height:23px; line-height:23px;} .main .content1200 .contactpage .tactinfor > i.addr{background-position: 0 -452px; } .main .content1200 .contactpage .tactinfor > i.mob{ background-position: 0 -213px} .main .content1200 .contactpage .tactinfor > i.eml{background-position: 0 -332px} .main .content1200 .contactpage .tactinfor > i.index{ background-position:0 -976px} .main .content1200 .contactpage .tactinfor > i.wid300{ width:300px; margin-left:80px;} .main .content1200 .contactpage .tactinfor > i.QQ{ background:none; padding-left:0} .main .content1200 .contactpage .tactinfor > i.QQ > div{ margin-left:0} .main .content1200 .contactpage .map{ width:1160px; height:auto; margin-top:25px; overflow:hidden} /*在线留言*/ .main .content1200 .propage .proright > form > .liuyan{ margin:65px 0 89px 100px} .main .content1200 .propage .proright > form > .liuyan .line{ width:610px; height:auto; overflow:hidden;} .main .content1200 .propage .proright > form > .liuyan .line > div > i{ width:100px; text-align:right; line-height:40px; margin-right:5px; font-size:14px; float:left} .main .content1200 .propage .proright > form > .liuyan .line > div > input[type=text]{ width:188px; height:38px; border:1px solid #e4e4e4; font-size:14px; padding-left:10px; color:#606060; float:left;} .main .content1200 .propage .proright > form > .liuyan .line > div > input[type=text]::-webkit-input-placeholder{color:#C0C0C0; } .main .content1200 .propage .proright > form > .liuyan .line > div > input[type=text]:-ms-input-placeholder {color:#C0C0C0;} .main .content1200 .propage .proright > form > .liuyan .line > div > div.select{ width:92px; height:38px; border:1px solid #e4e4e4; background:url(/com/imgs/lysj.png) 75px 15px no-repeat; float:left; margin-right:7.5px;} .main .content1200 .propage .proright > form > .liuyan .line > div > div.select select{ -webkit-appearance:none;-moz-appearance:none; width:75px; height:38px; border:none; overflow:hidden; color:#C0C0C0; font-size:14px; padding-left:10px;} .main .content1200 .propage .proright > form > .liuyan .line > div > div.select select[_value] { color:#606060;} .main .content1200 .propage .proright > form > .liuyan .line > div > textarea{ width:503px; height:139px; border:1px solid #e4e4e4; font-size:14px;} .main .content1200 .propage .proright > form > .liuyan .line > div > input.btn{ border:none; color:#FFF; font-size:14px; width:130px; height:40px; margin-left:105px; line-height:40px;} /*翻页样式*/ .paging { clear:both; padding:20px 0 30px 0; text-align:center; margin:0 auto; margin-top:15px} .paging a { padding:5px 11px; margin:0 3px; border:1px solid #02b4ff; background:#02b4ff; color:#fff; border-radius:3px} .paging a:hover { border:1px solid #fff; background:#02b4ff} .paging a.cur { color:02b4ff; border:1px solid #02b4ff} .paging i { padding:5px 10px} .paging i.cur { color:#02b4ff; font-weight:bold; border:1px solid #fff; background:none} .paging i.ml10, .paging i.i555, .paging input { display:none} .paging input { width:30px} .preview{width:434px; height:403px; float:left; margin-right:20px;} /* smallImg */ .smallImg{position:relative; height:73px; margin-top:1px; margin-top:15px; width:434px; overflow:hidden;float:left;} .scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; } .scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(images/d_08.png) no-repeat;} .scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;} #imageMenu {height:73px; width:434px; overflow:hidden; margin-left:0; float:left;} #imageMenu li {height:73px; width:101px; overflow:hidden; float:left; text-align:center; margin-left:10px;} #imageMenu li:first-child{ margin-left:0} #imageMenu li img{width:101px; height:73px;cursor:pointer;} #imageMenu li#onlickImg img{ width:101px; height:73px; } /* bigImg */ .bigImg{position:relative; float:left; width:434px; height:315px; overflow:hidden; background:#969696;} .bigImg #midimg{width:434px; height:315px;} .bigImg #winSelector{width:235px; height:210px;} #winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;} /* bigView */ #bigView{position:absolute;overflow: hidden; z-index:999;} #bigView img{position:absolute;} .main{ width:100%; height:auto; overflow:hidden; margin-bottom:30px; min-width:1200px} .main .content1200 .Whitearea{height:auto; overflow:hidden; background:#FFF; margin-top:30px;} .main .content1200 .left{ width:245px; height:auto; overflow:hidden; float:left} .main .content1200 .left .proclass{width:195px; height:278px;float:left; padding:0 26px 35px 26px; background:#02b4ff; text-align:center; float:left; margin-top:20px;} .main .content1200 .left .proclass > i.title{width:195px; text-align:center;float:left; font-size:22px; color:#FFF; padding:20px 0 35px 0; border-bottom:1px solid #FFF; float:left} .main .content1200 .left .proclass > div{ height:175px; overflow:hidden; float:left; margin-top:20px;} .main .content1200 .left .proclass > div > a{width:195px; color:#ffffff; line-height:35px;} .main .content1200 .left .proclass > div > a:hover,.main .content1200 .left .proclass > div > a.cur{background:#ebf3fb; color:#02b4ff;} .main .content1200 .left .video{width:245px; height:auto; overflow:hidden; float:left; margin-top:20px; border-bottom:10px solid #f2f3f7; padding-bottom:20px;} .main .content1200 .left .video > .videotitle{ height:18px; line-height:18px; font-size:16px; color:#02b4ff; border-left:2px solid #02b4ff; padding-left:10px;} .main .content1200 .left .video > div.videocon{ width:245px; height:300px; background:#969696; margin-top:20px;} .main .content1200 .left .video > ul{ width:245px; height:auto; overflow:hidden; margin-top:20px; max-height:126px;} .main .content1200 .left .video > ul li{width:245px; height:20px; line-height:20px; padding:5px 0;border-bottom:1px dashed #cccccc;} .main .content1200 .left .video > ul li > a{ width:221px;padding-left:24px; background:url(/com/imgs/index_ico.png) 0 2px no-repeat;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .main .content1200 .left .video > .case{ width:245px; height:245px; margin-top:20px; border-radius:10%; background:#818181} .main .content1200 .left .video > .case img{width:245px; height:245px;border-radius:10%;} .main .content1200 .left .video > ul.wenti li > a{background:url(/com/imgs/index_ico.png) 0 -1204px no-repeat;} .main .content1200 .left .video > .coninfor,.main .content1200 div.pblcta > .contact > .coninfor .detialinfor { height:auto; overflow:hidden;} .main .content1200 .left .video > .coninfor > i{ width:245px; height:auto; overflow:hidden;line-height:35px; font-size:14px; line-height:25px; margin-top:15px; color:#02b4ff} .main .content1200 .left .video > .coninfor .detialinfor > .left{ width:245px; height:auto; overflow:hidden} .main .content1200 .left .video > .coninfor .detialinfor > .left > i{ width:245px; font-size:14px; height:auto; overflow:hidden; line-height:23px; float:left;} .main .content1200 .right{ width:930px; height:auto; overflow:hidden; float:right} .main .content1200 .right .flexslider { clear:both; height:313px; background:#fff; width:930px; margin-top:20px;} .main .content1200 .right .flexslider ul.slides li a,.main .content1200 .right .flexslider ul.slides li a img{width:930px; height:313px; } .main .content1200 .right .prolist{width:980px; height:auto; overflow:hidden; margin-left:-50px;} .main .content1200 .right .prolist > div{ width:195px; height:188px; margin:20px 0 0 0px; float:left; margin-left:50px;} .main .content1200 .right .prolist > div > a.img{ width:195px; height:150px; border:1px solid #dcdcdc; float:left;} .main .content1200 .right .prolist > div > a.img img{width:195px; height:150px;} .main .content1200 .right .prolist > div > a.title{ width:208px; height:33px; overflow:hidden; line-height:33px; border-bottom:1px solid #dcdcdc; float:left;} .main .content1200 .right .prolist > div > a.title:hover{ border-bottom:1px solid #02b4ff} .main .content1200 .right > div.adver{ margin-top:20px; width:930px; height:auto; overflow:hidden; max-height:230px;} .main .content1200 .right > div.adver > p{ margin-bottom:0} .main .content1200 .right > .youshi{ width:930px; height:auto; overflow:hidden;} .main .content1200 .right > .youshi .titlecon{width:930px; text-align:center;} .main .content1200 .right > .youshi .titlecon > i{ width:930px; font-size:16px; color:#02b4ff; height:35px; line-height:35px;} .main .content1200 .right > .youshi .titlecon > i.yw{ width:930px; font-size:14px; border-top:5px solid #02b4ff;} .main .content1200 .right > .youshi .youshicon{ width:970px; height:auto; overflow:hidden; margin-left:-40px;} .main .content1200 .right > .youshi .youshicon > .ysinfor{ width:465px; height:auto; overflow:hidden;float:left; margin-left:20px; position:relative; padding-top:30px;} .main .content1200 .right > .youshi .youshicon > .ysinfor > a.fl{border-left:1px solid #bababa; padding-left:20px;} .main .content1200 .right > .youshi .youshicon > .ysinfor > a.fl img{width:196px; height:204px; border-radius:10%; width:196px; height:204px; border-radius:10%; float:left;} .main .content1200 .right > .youshi .youshicon > .ysinfor > .fr{ width:225px;height:205px; } .main .content1200 .right > .youshi .youshicon > .ysinfor > .fr > i{ font-size:14px; margin-top:10px} .main .content1200 .right > .youshi .youshicon > .ysinfor > .fr > a.title{ font-size:18px; color:#181818; height:25px; overflow:hidden;} .main .content1200 .right > .youshi .youshicon > .ysinfor > .tag{ width:60px; height:60px; position:absolute; background:url(/com/imgs/ysnum1.png) no-repeat; left:175px; top:5px;} .main .content1200 .right > .youshi .youshicon > .ysinfor > .second{background:url(/com/imgs/ysnum2.png) no-repeat;} .main .content1200 .right > .youshi .youshicon > .ysinfor > .third{background:url(/com/imgs/ysnum3.png) no-repeat;} .main .content1200 .right > .youshi .youshicon > .ysinfor > .fourth{background:url(/com/imgs/ysnum4.png) no-repeat;} .main .content1200 .right > .youshi .youshicon > .ysinfor > .border{ width:433px; height:33px ; border-bottom:1px solid #bababa} .main .content1200 .ryzz{ width:1200px; height:182px; background:#e4e4e4;float:left; margin-top:25px;} .main .content1200 .ryzz > i{ padding:0 20px;height:145px; text-align:center; color:#02b4ff; font-size:28px; float:left; line-height:35px; margin:20px 0;} .main .content1200 .ryzz > i a { color:#02b4ff; font-size:28px; line-height:35px; text-align:center; } .main .content1200 .ryzz > .img{width:1092px; height:145px; margin:20px 20px 20px 0; padding-left:20px; float:left; background:#e7e8e8} .main .content1200 .ryzz > .img > a{ width:205px; height:145px; margin-left:13px; float:left;} .main .content1200 .ryzz > .img > a img{width:205px; height:145px;} .main .content1200 .adver1200{ width:1200px; margin-top:15px; height:135px; float:left; overflow:hidden;}