@charset "utf-8"; /* CSS Document */ body{ font-family:"Microsoft Yahei"; color:#333; font-size:13px; font-weight:none;} body,table,form,p,dl,dt,dd,h1,h2,h3,div,dl,dt,dd,td,th,ul,li{margin:0;padding:0; list-style:none;} img{ border:0px;} .clear{ clear:both;} a{ text-decoration:none;} a:hover{ text-decoration:underline; cursor:pointer;} /*头部样式*/ .header{width:100%;height:auto; } .top_top{ width:100%; height:30px; background-color:#eee;} .top_c{ width:1200px; height:auto; margin:0 auto;} .top_top_left{ height:30px; float:left; line-height:30px; color:#333;} .top_top_right{ width:auto; height:30px; float:right;line-height:30px;color:#333;} .top_top_right a{color:#333; padding:0px 3px;} .top_top_right span{ font-size:18px;} .top{ height:115px; width:1200px; margin:0 auto;} .logo{ width:300px; float:left; height:auto; margin-top:30px; } .logo a img{ width:auto;} .search{ width:320px; float:left; height:auto;} .tel{ width:240px; float:right; height:58px; background: url(../images/tel.jpg) no-repeat right center; line-height:auto; margin-top:30px; } .tel p{ font-size: 18px; color: #000; text-align: right; padding-right: 40px;} .tel span{ color:#008acc; font-size:28px; height: 40px; line-height: 40px;text-align: right; padding-right: 50px; display: block;} /*导航*/ #navmenu{width:100%; background: #008acc;} #navmenu ul {width:1250px;height:auto;margin:0 auto;} #navmenu ul li {float:left;height:50px; text-align:center; width:123px; margin:px; position:relative; } #navmenu ul li a {color:#fff;font-size:16px;height:60px;line-height: 60px; font-weight:400; text-decoration:none; display:block; position: absolute; top: -5px;width:123px; z-index: 100;} #navmenu ul li a:hover{color:#fff; background:url(../images/navbg1.png) no-repeat top center; } #navmenu ul li:hover ul{position:absolute;top:50px;left:0; height:auto; filter:alpha(opacity=90);opacity:.9;-moz-opacity:.9;display:block;z-index:1111100;} #navmenu ul li ul{display:none; width:120px; background-color:#F3F3F3;} #navmenu ul li ul li {border-bottom:1px #dedede solid;display:block;width:120px; height:35px; float:none;} #navmenu ul li ul li a{color:#333;display: block;font-size: 13px;line-height:35px;width:120px;} #navmenu ul li ul li a:hover{font-weight:bold;} /*banner*/ .bannner{ position:relative; width:100%; height:auto; overflow:hidden} #slider{position:absolute;width:1920px;height:500px;background:url(../images/loading.gif) no-repeat 50% 50%;left:50%;margin-left:-960px} #slider img {position:absolute;top:0px;left:0px;display:none;} .nivo-controlNav{position:absolute;left:50%;bottom:20px;margin-left:-60px} .nivo-controlNav a {display:block;width:22px;height:22px;background:url(../images/bullets.png) no-repeat;text-indent:-9999px;border:0;margin-right:3px;float:left;} .nivo-controlNav a.active {background-position:0 -22px;} .nivo-directionNav a {display:block;width:30px;height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;} a.nivo-nextNav {background-position:-30px 0;right:400px;} a.nivo-prevNav {left:400px;} .nivo-caption {text-shadow:none; font-family: Helvetica, Arial, sans-serif;} .nivo-caption a {color:#efe9d1;text-decoration:underline;} /* The Nivo Slider styles */ .nivoSlider {position:relative;} .nivoSlider img {position:absolute;top:0px;left:0px;} .nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:60;display:none;} .nivo-slice {display:block;position:absolute;z-index:50;height:100%;} .nivo-caption {position:absolute;left:0px;bottom:0px;background:#000;color:#fff;opacity:0.8;width:100%;z-index:89;} .nivo-caption p {padding:5px;margin:0;} .nivo-caption a {display:inline !important;} .nivo-html-caption {display:none;} .nivo-directionNav a {position:absolute;top:45%;z-index:99;cursor:pointer;} .nivo-prevNav {left:0px;} .nivo-nextNav {right:0px;} .nivo-controlNav a {position:relative;z-index:99;cursor:pointer;} .nivo-controlNav a.active {font-weight:bold;} .nybanner{ width:100%; height:175px; margin:0 auto; background-position:center; background-repeat:no-repeat; overflow:hidden} /*头部样式*/ .bsearch{ width: 1200px; height: 50px; line-height: 50px; margin: 0 auto;} .bsearch-left{ width: 820px; height: auto; float: left; overflow: hidden;} .bsearch-left p{ width:100px; height: auto; float: left; color: #008acc; font-size: 16px; font-weight: bold;} .bsearch-left ul{ width: 700px; height: auto; float: left;} .bsearch-left ul li{ float: left; margin: 0px 10px;} .bsearch-left ul li a{ color: #989898; font-size: 13px;} .bsearch-right{ width: 250px; height: 30px; margin-right: 10px; margin-top: 10px; line-height: 30px; padding-left: 15px; border: 1px solid #008acc; border-radius:15px; float: right;} .index-k{ border: 0px; height: 28px; line-height: 28px; width: 170px;} .index-in{ width: 34px; height:28px; border: 0px; background: url(../images/search.jpg) no-repeat right center; float: right; margin-right: 20px;} .main{ width:1200px; height:auto; margin:0px auto; padding-top:10px;} /*首页Title样式*/ .index-t{ width:100%; height:46px; margin:15px 0px; background:url(../images/bbb.jpg) repeat-x center center} .index-t .aboutt{ color:#008acb; font-weight:500; margin: 0 auto; height: 46px; line-height: 46px; text-align: center; font-size: 28px; width: 393px; background:url(../images/caseb.jpg) no-repeat center center;} .index-t .caset{font-weight:500; margin: 0 auto; height: 46px; line-height: 46px; text-align: center; font-size: 28px; color: #008acb; width: 194px; background:url(../images/caseb.jpg) no-repeat center center;} .casefont{ width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #636363;} /*产品*/ .index-pro{ width:100%; height:auto; background: #fafafa; padding: 30px 0px 20px 0px;} .index-pro-left{ width:300px; border: 2px solid #008acc; height:auto; float:left;} .index-pro-left-t{ width:100%; height:100px; line-height:95px; background-color:#008acc; color:#fff; font-size:18px;} /*产品分类列表*/ .iauth{ width:100%; height:auto; background: #fff; overflow: hidden;} .iauth li{ width:100%; height:auto;} .iauth li a{font-size:14px; height:40px; line-height: 40px; display:block; background:#eee;color:#222; padding-left: 20px;} .iauth li a:hover{ color:#333; text-decoration: none; background: #dedede;} .iauth li ul{ width: 100%; height: auto; background: #fff;} .iauth li ul li{ width: 100%; height:auto;} .iauth li ul li a{ height: 35px; line-height: 35px; padding-left: 30px; background: none;} .iauth li ul li a i{ border: 1px solid #008acc; width: 7px; height: 7px; display:inline-block; margin-right: 5px;} .iauth li ul li a:hover{ text-decoration: none;} .index-pro-right{ width:860px; height:auto; float:right;} .index-pro-right-t{ width:100%; height:40px; line-height:40px; border-bottom:1px solid #dcdcdc} .index-pro-right-t p{ float:left; font-size:26px; color:#008acc; font-weight:bold; } .index-pro-right-t a{ float:right; color:#dcdcdc; padding-right:10px; font-size: 15px;} /* 首页产品列表 */ .cp_list{ width:100%; height: auto; padding-top: 10px;} .cp_list li{ width:270px; float:left; height:auto; margin:8px 7px; border:1px solid #008acc;} .cp_list li img{ width:100%; height:200px; margin:0px;} .cp_list li p{ width:100%; height:40px; line-height:40px; color:#fff; font-size: 15px; text-align:center; background: #008acc;} .cp_list li p a{ color:#fff; font-size: 15px;} .cp_list li p a:hover{ color:#fff; text-decoration:none;} .adv1{ width: 100%; height:261px;} .adv2{ width: 100%; height:214px;} .adv2 .containe{max-width:820px;width: 100%;margin: 0 auto;position: relative; } .adv2 .containe>a{position: absolute;left: 0;top:142px;text-indent: -9999em;display: inline-block;width: 130px;height: 38px;} /*关于我们*/ .index-about{ width:100%; height:auto; margin-bottom:20px;} .index-about-c{ width:100%; height:auto; padding:20px 0px;} .aboutleft img{ width: 415px; height: 371px; float: left;} .aboutright{ width: 760px; height: auto; float: right;} .aboutright p{ color:#010101; line-height:40px; padding-bottom: 10px; font-size:22px; background: url(../images/line.jpg) no-repeat left bottom; font-size: 24px; color: #008acc;} .aboutright span{color:#4d4d4d; line-height:27px; font-size:14px; padding: 10px 0px; display: block;} .aboutright .amore{ width:100px; height:30px; line-height:30px; float: left; text-align:center;color:#fff; display:block; background-color:#018ace; } .aboutright a:hover{ text-decoration: none; background-color: #06c;} .bangenr{ width: 100%; height: 180px; border: 1px solid #dedede; margin-top: 10px;} .bangenr ul{ width: 100%; height:auto; padding-top:10px;} .bangenr ul li{ width: 175px; height: auto; float:left; margin: 0px 7px;} .bangenr ul li p{ height: 30px; line-height: 30px; text-align: center; background: none; font-size: 13px; color: #333;} /*左右翻页*/ .content{width:100%;height:auto; position:relative; margin:0 auto;overflow:hidden; border: 1px solid #dedede;} .drama-poster{width:95%;height:160px;margin:0 auto;overflow:hidden;position:relative; background: #0066CC;} .drama-poster ul{width:100%;} .drama-poster li{ margin:0px 2px; width:170px; height: auto; float:left} .drama-poster li img{display:block;width:170px;height:145px; display: inline-block;} .drama-poster li p{color:#999;line-height:30px;width:100%;height:30px;} .drama-poster li p strong{color:#333;font-weight:normal;text-align:center;} /*左右箭头*/ .drama-poster li.current p{display:block;} .drama-slide li{position:absolute;top:0px;width:20px; height:155px; color:#124185;} .drama-slide li.prev{left:0;} .drama-slide li.next{right:0} .drama-slide li.prev a{color:#124185;width:100%; height:100%; display:block; background:url(../images/left.jpg) no-repeat center center;} .drama-slide li.next a{color:#124185;width:100%; height:100%;display:block;background:url(../images/right.jpg) no-repeat center center;} /*左右翻页*/ .honor-t{ width:100%; height:40px; margin:35px 0px 25px 0px; border-bottom: 1px solid #d2d2d2;} .honor-t p{ float:left; font-size: 24px; line-height: 40px; padding: 0px 10px; color: #008acc; border-bottom: 1px solid #008acc;} .honor-t span{ font-size: 13px; color: #7a7a7a; font-size: 13px; line-height: 50px;} .honor-t a{ float: right;line-height: 50px; color: #666;} .con3-c{ border: 1px solid #d2d2d2; padding: 0px 10px; margin: 20px 0px;} /*左右滚动*/ #demoo{width:1180px;height:auto; margin:0px auto; padding:20px 0px 10px 0px;overflow:hidden;} #demoo img{ width:275px; height:215px;border:1px solid #dedede;margin:0px 10px; } #demoo a{ margin:0px 10px; display:block; color:#333;} #demoo p{ width:100%; height:30px; line-height:30px; text-align:center;} #demoo a:hover p{ color:#333;} #demoo a:hover{ color:#333;} #demo{width:1180px;height:auto; margin:0px auto; padding:20px 0px 10px 0px;overflow:hidden;} #demo img{ width:275px; height:215px;border:1px solid #dedede;margin:0px 10px; } #demo a{ margin:0px 10px; display:block; color:#333;} #demo p{ width:100%; height:30px; line-height:30px; text-align:center;} #demo a:hover p{ color:#333;} #demo a:hover{ color:#333;} /*新闻*/ .index-news{ width:100%; height:auto; margin:20px 0px 0px 0px;background: #fafafa; padding: 20px 0px;} .index-news-l{ width:705px; height:auto; float:left;} .index-news-c{ width: 685px; height:425px; border: 1px solid #dedede; padding: 10px; background: #fff;} .index-news-r{ width:460px; height:auto; float:right;} .index-news-c-r{ width:100%; height:auto; border:1px solid #dedede; padding:15px 0px; background: #fff;} /* 首页新闻样式 */ .newstop{ width:100%; height:auto; margin:0 auto; padding: 15px 0px; border-bottom: 1px dashed #dedede;} .newstop img{ width:108px; height:75px; float:left;} .newstop-r{ width:560px; height:auto; float:right;} .newstop-r p{ width:100%; display:block; color:#8f8f8f; font-size:14px; line-height:30px; height: 30px; overflow:hidden;} .newstop-r p a{ font-size:16px; color:#333; height:30px; font-weight:bold;} .newstop-r p a:hover{ text-decoration:underline;} .newstop-r p span{ float: right;} .newstop-r span{ font-size:13px; color:#333; line-height:23px;} .more{ width:80px; height:25px; line-height:25px; border-radius:4px; text-align:center; color:#fff; background:#E70014; display:block; margin-top:10px;} /* 首页新闻列表 */ .newslist{ width:100%; margin:0 auto;} .newslist li{ width:100%; height:35px; line-height:35px; border-bottom:1px dashed #868692;background-image:url(../images/n.png); background-repeat:no-repeat; background-position:left center; } .newslist li a{ float:left; color:#868692;font-size:13px;} .newslist li a:hover{ color:#333; text-decoration:none; } .newslist li span{ float:right; color:#868692; font-size:13px;} /*常见问题样式*/ .i-question{ width:100%; height:auto;} .i-question li{width:100%; height:auto; padding:10px 0px;border-bottom:1px dashed #dedede;} .que1{ width:400px; padding-left:40px; height:30px; line-height:30px; overflow: hidden; background:url(../images/q1.jpg) no-repeat left center;} .que1 a{ color:#333;} .que1 a:hover{ text-decoration:underline;} .que2{ width:400px; padding-left:40px; height:auto; line-height:30px; background:url(../images/q2.jpg) no-repeat 0px 3px;} .que2 a{ color:#FAC341;} .que2 a:hover{ text-decoration:underline;} /* 友情链接 */ .link{ width:1180px; height:auto;line-height:40px; padding:10px 10px ; margin: 20px 0px; border: 1px solid #dedede; background: #fff;} .link p{ display:inline; float: left; width: 100px; font-size: 16px; font-weight: bold; color: #000; text-align: center;} .link a{color:#333; padding:0px 5px;} .link a:hover{ color:#333;} .question-t{ width: 100%; height: 50px;} .question-t p{ float: left; color: #008acc; font-size: 24px; line-height: 50px;} .question-t a{ float: right; line-height: 60px; color: #666;} .new-t{ width: 100%; height: 50px; line-height: 50px;} .new-t p{ width: 500px; float: left;} .new-t p a{ color: #000; float: none; font-size: 24px; display: inline-block; height:40px; line-height: 40px; margin-right: 20px; padding:0px 15px;} .new-t .addcc{border: 1px solid #008acc; color: #008acc;} .new-t p a:hover{ text-decoration: none;} .new-t a{ float: right; display: inline-block; color: #666; line-height: 60px;} /* 底部样式 */ .footer{width:100%; height:auto; background-color:#2b2b2b;overflow: hidden;} .footer ul{ width:1200px; margin:0 auto; height:auto; padding: 30px 0px;} .footer ul li{ float:left; width:120px; height:auto; text-align:center;} .footer ul li a{ width:100%; height:18px; line-height:18px;color:#fff;font-size:14px;} .footer ul li a:hover{ color:#fff; text-decoration:none; } .nav2{ border-left:1px solid #5CBDFF;} /*左边logo,右边版权*/ .footer-content{ width:1200px; height:auto; margin:0 auto; padding:20px 0px; color:#fff; text-align:center; line-height:27px;} .f-left{ width:325px; height:auto; float:left; text-align:center;} .f-center{ width:430px; height:auto; float:left; text-align: left; border-left:1px solid #545454; color:#fff; line-height:23px; padding-left:40px;} .f-center a{color: #fafafa;} .STYLE1 {color: #FFFFFF} .f-r-fr{ width: 150px; float: left; text-align: right; padding-right: 10px;} .f-right img{ width: 130px; height: 130px; float: right;} .foot1{ font-size:16px ; color: #a2a2a2;} .foot2{ font-size:22px ; color: #afafaf; line-height: 60px;} .foot3{ font-size:24px ; color: #018ace;} .f-right{ width:290px; height:auto; float:right; } /* 底部样式 */ /* 内页左边 */ .ny_left{ width:300px; float:left; height:auto; margin:10px 0px; border: 2px solid #008acc; } .ny_left_title{ width:100%; height:60px;line-height:60px; background-color:#008acc} .ny_left_title p{ font-size:30px;font-weight:bold;color:#fff;text-align:center; height:43px; padding-left:10px; } .nyl{ width:100%; color:#fff; margin-top:20px;} .nyl p{ line-height:23px; width:90%; margin:0 auto; padding:15px 0px; height:auto;} .ny_list{ width:298px; height:auto; margin:0 auto; padding:10px 0px; border:1px solid #DFDFDF; } .ny_list li{ width:85%; margin:0 auto; height:auto; line-height:35px; text-align:left; border-bottom:1px dashed #D6D6D6; background-image:url(../images/dd.jpg); background-repeat:no-repeat; background-position:left center;} .ny_list li a{ display:block; color:#333; padding-left:15px;} .ny_list li a:hover{ color:#FF6600;} .ny_list li .submenuon{ color: #660B10; font-weight:bold;} /*热门新闻列表*/ .nynlist{ width:298px; height:auto; margin:0 auto; padding:10px 0px; border:1px solid #DFDFDF; background: #fff; } .nynlist li{ width:90%; margin:0 auto; height:auto; line-height:40px; text-align:left; border-bottom:1px dashed #D6D6D6; background-image:url(../images/dd.jpg); background-repeat:no-repeat; background-position:left center;} .nynlist li a{ display:block; color:#333; } .nynlist li a:hover{ color:#FF6600;} .nynlist li a i{ border: 1px solid #008acc; width: 7px; height: 7px; display:inline-block; margin-right: 5px;} .nyplist{ width:298px; height:auto; margin:0 auto; padding:10px 0px; border:1px solid #DFDFDF; } .nyplist li{ width: 90%; height: auto; margin: 0 auto;} .nyplist img{ width: 100%; height: 200px;} .nyplist a p{ width:100%;color: #333; height: 30px;line-height: 30px; padding: 0px; margin: 0px; w display: block; text-align: center; overflow: hidden;} .nyplist a{ display: block; overflow: hidden; color: #333;} .nyplist a:hover{ text-decoration: none;} /* 内页右边 */ .ny_right{ width:880px; float:right; height:auto;margin:10px 0px; padding-bottom:20px; background-color:#fff;} .ny_right_title{ width:100%; height:30px; line-height:30px; color:#000; border-bottom:1px solid #D8D8D8;} .ny_right_title p{float:left;font-size:16px;font-weight:bold;width:auto; color:#000; } .ny_right_title span{ float:right;} .ny_right_title a{ color:#454545; padding:0px 5px;} .ny_right_title a:hover{ color:#F00; text-decoration:underline;} .ny_right_content{width:890px; height:auto; line-height:30px; padding:10px 15px; color:#333; font-size: 16px;} /*内页新闻*/ .nynewslist{ width:100%;} .nynewslist li{ width:98%; height:auto; margin:0 auto; margin-top:20px; background: #F9F9F9;} .nynewslist li img{ width:160px; height:110px; float:left;} .newstop1-r{ width:700px; height:auto; float:right;} .newstop1-r p{ width:100%; display:block; color:#8f8f8f; font-size:14px; overflow: hidden; height: 30px;} .newstop1-r p a{ font-size:16px; color:#333; height:35px; line-height:35px; font-weight:bold;} .newstop1-r p a:hover{ text-decoration:none; color: #FF6600;} .newstop1-r span{ font-size:13px; color:#333; line-height:23px;} .newskey{ width:50%; height:auto; float:left; color:#0098E0;} /* .nynews_list{ width:100%;} .nynews_list li{ width:100%;line-height:35px; border-bottom:1px dashed #dedede; height:35px; background-image:url(../images/dd.jpg); background-repeat:no-repeat; background-position:left center;} .nynews_list li a{ float:left; color:#333;} .nynews_list li a:hover{ color:#06C; } .nynews_list li span{ float:right;} */ /*内页产品*/ .nypro-list{ width:100%; height:auto; list-style:none} .nypro-list li{ width:270px; height:auto;float:left; margin:10px 10px; border: 1px solid #008acc;} .nypro-list li img{ width:100%; height:220px;} .nypro-list li p{ width:100%; background: #008acc; line-height:35px; height:35px; text-align:center;} .nypro-list li p a{color:#fff;} .nypro-list li p a:hover{color:#06C; text-decoration:none;} /*分页*/ .page{ width:100%;height:35px;padding-top:15px; text-align:center;} .page a{display:inline-block; color:#333; border:1px solid #dedede; padding: 3px 8px; margin:0px 3px;} .page a:hover{background-color:#008acc;color:#fff; text-decoration:none;} .page .current{display:inline-block; padding: 3px 8px; color:#008acc; font-weight:bold;} /*详情页*/ .article_title{ text-align:center; width:100%; font-size:16px; line-height:40px;} .newsin-c{width:100%; height:auto; margin:0px auto; padding-top:20px;} .newsnext{ width: 100%; padding: 30px 0px;} .newsnext li{ width: 100%; height: 30px; line-height: 30px;} .newsnext li a{ color: #333; line-height: 30px;} .newsnext li a:hover{ color: #FF6600; cursor: pointer; text-decoration: none;} .artdet{ text-align: center; height: 30px; line-height: 30px; border-bottom: 1px solid #b9b3b3; margin-top: 20px;} /*在线留言*/ .zxlyinp{ width:300px; height:28px; line-height:28px; margin:5px 0px; padding-left:10px; border:1px solid #dedede; border-radius:4px;} .zxlyyzm{width:100px; height:30px; line-height:30px; margin:5px 0px; font-size:14px; padding-left:10px; border:1px solid #dedede; border-radius:4px;} .zxlysub{ width:120px; height:30px; line-height:30px; color:#fff; text-align:center; border-radius:4px; background-color:#188FE1; border:0px; font-size:15px;} .zxlysub:hover{ cursor:pointer;} /*更多新闻,产品*/ .ny_xg_title{ width: 100%; height: 35px; line-height: 35px; border-bottom: 1px solid #A0A0A0;} .ny_xg_title p{ padding:0px 15px; color:#111; width: auto; float: left; font-size: 16px; border-bottom: 2px solid #47A223;} .ny_xg_title a{ float: right;} .morearticle{ width:100%; padding:15px 0px;} .morearticle li{ width:48%; height:35px; line-height:35px; float:left; margin: 0px 1%; overflow: hidden; border-bottom:1px dashed #dedede; background: url(../images/pp.jpg) no-repeat left center;} .morearticle li a{ color:#333; padding-left: 15px;} .morearticle li a:hover{ color:#000} .moreproducts{ width:100%; padding:15px 0px;} .moreproducts li{ width:280px; height:auto;float:left; background: #DEDEDE; margin: 10px 13px; text-align: center;} .moreproducts li img{ width:100%; height: 220px;} .moreproducts li a{ color:#333; line-height:30px;} .moreproducts li a:hover{ color:#000} .nyproright{ width: 440px; height: auto; float: right;} .pro_title{ text-align:left; width:100%; font-size:22px; line-height:40px; border-bottom: 1px dashed #dedede;} .nyproright p{ margin: 10px 0px; line-height: 23px; height: 180px; overflow: hidden;} .nyproright span{ font-size: 18px; color: #464646; height: 45px;} .nyproright span b{ color: #e60012; font-size: 26px;} .nyproright a{ display:block; background: #df0012; height: 30px;line-height: 30px; font-size: 14px; color: #fff; text-align: center; border-radius: 4px; width: 80px; margin-top: 20px;} .probody{ border-top:1px dashed #dedede; padding: 15px 0px; font-size: 13px; line-height: 23px;} .probodytitle{ width: 139px; height: 42px; line-height: 30px; text-align: center; color: #fff; background: url(../images/prott.jpg) no-repeat center center; font-size: 14px; margin-bottom: 10px;} .nyproleft{ width: 410px; height: auto; float: left;} #tbody {width:405px;margin:0px auto;} #mainbody {width:405px;border:1px solid #dedede; margin-bottom: 10px;} #mainphoto {cursor:pointer;display:block;} #goleft {float:left;clear:left;} #goright {float:right;clear:right;} #photos {width:370px;height:62px;overflow:hidden; float: left; margin: 0px 5px;} #showArea img {display:block;float:left;margin:0px 6px;cursor:pointer;border:1px solid #dedede} #showArea img:hover{ border: 1px solid #cc0000;} iframe { /* width: 700px; */ /* height: 433px; */ } .ny_right_content h2 { font-size: 18px; margin: 15px 0px 15px 0px; padding: 10px 20px 9px 10px; line-height: 18px; border-left: 4px solid rgb(16, 71, 161); background-color: rgba(210, 210, 210, 0.18); color: rgb(16, 71, 161); font-weight: 600; } .article_title h1 { text-align: center; width: 100%; font-size: 22px; line-height: 40px; }