/*蓝色工具条*/ .box_side{ width: 100%; height: 38px; background-color: #464e99; } .wrap{ width: 1230px; margin-left: auto; margin-right: auto; } .box1{ float: right; } .box1>a{ display: inline-block; color: #fff; text-align: left; line-height: 38px;} .box1>a:before{ content: "|"; display: inline-block; padding: 0 18px;} .box1>a:first-child:before{ display: none; text-align: center;} /*蓝色工具条 end*/ /*淡蓝色下拉导航*/ .nav1{ width: 100%; height: 98px; background-color: #e8f9ff;} .logo{ width:467px; height:80px; margin: 10px 0 0 10px; float: left; } .nav_box{ width: 710px; float: right;} .nav_list{ float: left; position: relative; margin-top: 32px;} .nav_list>a{ display: block; font-size: 20px; line-height: 50px; height: 50px; color: #666666; padding: 0 10px;} .nav_list:last-child>a{ padding:0 0 0 10px; } .nlist_on>a{ color: #464e99; } .nlist_on>ul{ background-color: rgba(70,78,154,0.6); color: #fff;} .nav_list>ul{position: absolute; z-index: 999; top: 50px; width: 100%; display: none;} .nav_list li{ text-align: center; padding: 10px 0; font-size: 16px; line-height: 24px; color: #fff; } .nav_list li>a{ color: #fff; } /*淡蓝色下拉导航 end*/ /*top_img3308维多利亚检测线路大图切换*/ #top_img{ width: 100%; height: 773px; position: relative; overflow: hidden; } #top_img p{width:40px; height: 80px;} #top_img>.conpic{ width: 1200px; position: absolute; left: 0; right: 0; margin: 116px auto 0; height: 80px; display: none;} /*.left{ float: left; background: url(#) no-repeat;} .right{ float: right; background: url(#) no-repeat;}*/ #top_img ul{position: absolute;left: 36%;top: 744px;cursor: pointer; /*鼠标指针*/} #top_img ul li{float: left; width: 58px; height: 7px; background-color: rgba(248,248,255, 0.7); margin-left:45px; margin-top:1px; list-style-type: none;} #top_img ul .li_bk{ width: 58px; background-color: #3a75b9; margin-top:0px;} #showdiv{width: 400%;height: 313px; position: absolute;} #top_img .bk_img{width: 25%;height: 773px;float: left;} /*top_img3308维多利亚检测线路大图切换 end*/ /*白色主体内容*/ .main_container{ width: 100%; background-color: #fff; padding-top: 109px;} /*要闻*/ .box2{ width: 100%; background-color: #eeeeee; } .box2_left{ width: 554px; height: 312px; } /*视频播放*/ #video { margin: 0 auto; position: relative;} #video video {width: 100%;height: 100%;object-fit: fill;} .VideoBtn { position: absolute; left: 50%; top: 50%; display: block; width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; cursor: pointer;z-index: 10;} /*.jsmodern-video-panel{ display: none;}*/ /*视频播放*/ .box2_right{ width: 582px; margin-left: 40px; padding-top: 28px; } .news1>a{ font-size: 22px; line-height: 66px; color: #3e67ae; } .news2>li>a{display: inline-block; width: 484px; font-size: 14px; line-height: 28px; } .news2>li>a:before{ content: "·"; display: inline-block; width:14px; font-weight: bold;} .news2>li>span{ display: inline-block; } .b2more>a{ display: block; float: right; margin-right: 10px; margin-top: 8px; width: 68px; height: 24px; line-height: 24px; font-size: 14px; background-color: #69b0f2; color: #fff; text-align: center; border: 1px solid #69b0f2; border-radius: 15px; } /*切换新闻模块*/ .box3{ width: 100%; margin-top: 46px; } .box3_left{ width: 738px; float: left; } .news_nav{ width: 100%;height: 33px; border-bottom: 1px solid #000; position: relative;} .nnav_list>a{ display: block; position: absolute; font-size: 24px; line-height: 24px; padding-bottom: 8px; color: #000; border-bottom: 3px solid rgba(0, 0, 0, 0); } .nlist2_on>a{ border-bottom: 3px solid #3e67ae; color: #3e67ae;} .nnav_list ul{position: absolute; top: 60px; left: 0px; width: 738px; display: none;} .news_nav .nlist2_on ul{ display: block; } .nnav_list ul li{float: left; margin-top: 15px; } .nnav_list ul li:first-child{ margin-top: 0px; } .nnav_list ul img{ width: 105px; height: 66px; float: left; margin-right: 24px; } .nnav_list ul .newslist1{ width: 608px; float: right; border-bottom: 1px solid #eeeeee; padding-bottom: 6px;} .newslist1 p{ font-size: 16px; line-height: 20px; color: #444444;} .newslist1 .newslist1_describe{ display: inline-block; width: 85%; font-size: 14px; line-height: 40px; color: #999999;} .newslist1 .newslist1_time{ display: inline-block; width: 14%; text-align: right; font-size: 14px; line-height: 40px; color: #999999;} /*切换新闻模块 end*/ /*专题链接*/ .box3_right{ width: 402px; float: right; } .box3_right img{ width: 402px; height: 130px; border: 0px; margin-top: 22px; } .box3_right a:first-child img{ margin-top: 0px; } /*专题链接 end*/ /*图片切换*/ .box4{ margin: 90px auto 0; width: 1228px; padding-bottom: 110px; } .ProductIntroduction { position: relative; width: 1228px; overflow: hidden;} .ProductExhibition { position: relative; width: 100%; height: 0px; text-align: right; z-index: 99;} .ProductExhibition .Exhibition_num .Exhibition_item {width: 365px; height: 132px; background-color: rgba(0, 0, 0, 0.7); box-sizing: border-box; text-align: center; margin-left: 878px; font-size: 28px; line-height: 132px; color: #3a3a3a; font-style: italic;} .ProductExhibition .Exhibition_num .czt_active{ width:364px; height: 140px; ;margin-left: 866px; background-color: #b01c2e; font-weight: bold; color: #fff;} /*.ProductExhibition .Exhibition_num .Exhibition_item img { width: 353px; height: 132px; vertical-align: top; box-sizing: border-box;}*/ .ProductExhibition_box, .ProductExhibition_box .Exhibition_Img, .ProductExhibition_box .Exhibition_Img img { width: 100%; height: 650px;} .ProductExhibition_box .Exhibition_Img img { box-sizing: border-box;} /*.Exhibition_items { position: absolute; right: 28px; top: 13px; width: 353px; height: 132px;border: 0; background-color: rgba(0, 0, 0, 0.7);}*/ .icon_LImg img, .icon_RImg img { width: 5px; height: 9px;} .icon_LImg, .icon_RImg { position: absolute; z-index: 30; width: 26px; height: 26px; border-radius: 2rem; background-color: black; text-align: center; line-height: 23px; opacity: .5;} .icon_LImg { top: -50px; transition: all .3s; right: 85px;} .icon_RImg { right: 85px; transition: all .3s; top: 640px;} .icon_LImg:hover, .icon_LImg:focus, .icon_RImg:hover, .icon_RImg:focus { opacity: .8;} .ProductExhibition:hover .icon_LImg { top: -50px;} .ProductExhibition:hover .icon_RImg { top: 594px;} .icon_LImg img { transform: rotate(90deg);} .icon_RImg img { transform: rotate(-90deg);} .ProductExhibition .Exhibition_num .czt_active img { opacity: 1;} .ProductExhibition_wrap { position: relative; width: 100%; height: 650px;} .ProductExhibition_box { position: absolute; height: 120000px; transition: all .5s;} .ProductExhibition_box img { width: 646px; height: auto;} /*白色主体内容*/ /*灰色通用footer*/ .footer1{ width: 100%; background-color: #e4e4e4;} .footer1>.wrap{ position: relative;} .footer1>.wrap>p{width: 100%; font-size: 16px; line-height: 54px; color: #444444; font-weight: bold;} .footlist{ position: relative; margin-left: 25px; float: left;} .footlist>a{ display: block; width: 202px; height: 40px; background-color: #d5d5d5;} .footlist>a>p{ float: left; width: 170px; height: 40px; line-height: 40px; font-size: 16px; color: #999999; text-indent: 15px;} .footlist>a>span{ display: block; float: left; border-left: 1px solid #d5d5d5; width: 30px; height: 40px; background:url(3299663.png) center no-repeat; } .footlist>ul{ width: 100%; overflow-y:auto; display: none; height: 200px; z-index: 99; position: absolute; top: 30px; left: 0px; border-top: 1px solid #d5d5d5; overflow: auto; background-color: #d5d5d5;} .footlist>ul>li{ background-color: #d5d5d5; font-size: 14px; line-height: 22px; color: #999999; border-bottom: 1px solid #a8a8a8;} .footlist>ul>li>a{ display: block; width: 92%; padding: 4px 0 4px 15px; color: #999999; cursor: pointer; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;} .footlist>ul>li>a:hover{ background-color:#ccc; border-top: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8;} .footliston>a>span{ background:url(3299664.png) center no-repeat; } /*网站所属单位图文说明*/ .foopic{ width:84px; height: 84px; margin-top: 40px; margin-bottom: 25px; float: left; } .footext{ float: left; margin-left: 15px; margin-top: 50px; font-size: 14px; line-height: 32px; color: #666666;} .erweima{ width: 140px; height: 140px; position: absolute; right: 0; bottom: 32px;} .erweima>img{ width: 140px; height: 140px;} /*灰色通用footer*/ /*蓝紫色footer*/ .footer2{ height: 60px; text-align: center;} .footer2>a{ font-size: 14px; line-height: 60px; color: #a8a8a8; display: inline-block;} .footer2>span{ font-size: 14px; line-height: 60px; color: #a8a8a8; display: inline-block; width: 20px;} /*从这里开始是二级页内容！！！！！*/ .erji_nav{ width: 20%; float: left; margin-bottom: 120px; padding-bottom: 80px; background-color: #f0f0f0; text-align: center;} .erji_nav>dt{ width: 100%; height: 58px; border-bottom: 3px solid #464e99;} .erji_nav>dt>a{ line-height: 58px; font-size: 22px; color: #464e99; font-weight: bold;} .erji_nav>dd{width: 100%; height: 58px; line-height: 58px; border-bottom:1px solid #cccccc} .erji_nav>dd>a{ line-height: 58px; font-size: 18px; color: #999999; font-weight: bold;} .erji_nav>.on{ background-color: #464e99;} .erji_nav>.on>a{ line-height: 58px; font-size: 18px; color: #fff; font-weight: bold;} .erji_con{ width: 76%; float: right; padding-bottom: 110px;} .erji_road{ width: 100%; float: left; height: 60px; border-bottom: 1px solid #ccc; line-height: 60px;} .erji_road>p{ width: 25%; float: left; font-size: 24px; font-weight: bold; color:#464e99; } .erji_road>.road{ width: 75%; float: left; text-align: right; font-size: 16px; color:#464e99;} .road>a{display: inline-block; color:#464e99;} .road>span{ display: inline-block; padding: 0 7px;} /*二级列表*/ .erji_list{ width: 100%; float: left; margin-top: 40px;} .erji_list>li{ float: left; width: 100%; padding-bottom: 15px; border-bottom: 1px solid #ccc;} .erji_list>li>img{ float: left; width: 200px; height:132px;} .list_text{ width: 75%; height: 132px; float: right; display:table;} .list_text>a{ display: table-cell; vertical-align: middle; font-size: 16px; line-height: 28px; color: #000;} .list_text>a>span{ display: inline-block; font-size: 14px; color: #464e99; padding:10px 0;} .list_text2{ width: 100%; float: right; padding-top: 15px;} .list_text2>a{ font-size: 16px; line-height: 36px; color: #000;} .list_text2>a>span{ display: block; width: 20%; float: left; font-size: 14px; color: #333; text-align: right;} .list_text2>a>p{float: left; width: 80%;} /*翻页*/ .page{ width: 100%; float: left; margin-top: 30px; font-size: 14px; line-height: 30px; height: 36px; text-align: center;} .page>a{ display:inline-block; padding: 0 9px; margin-left: 14px; background: #cdcdcd;} .page>.cur{ background: #464e99; color: #fff;} /*这里是文章页*/ .con_title{ width: 100%; float: left; margin-top: 40px;} .con_title>p{ font-size: 24px; line-height: 36px; color: #000; font-weight: bold; padding-bottom: 20px; text-align: center;} .time{ width: 90%; height: 40px; background: #f0f0f0; border:1px solid #f0f0f0; border-radius: 7px; margin: 0 auto; color: #999; text-align: center; line-height: 40px;} .content{ padding: 60px 10px 40px 20px; float: left; font-size: 16px; line-height: 32px;} /*3308维多利亚检测线路新增新闻类图滚动*/ #top_img2{ width: 554px; height: 312px; position: relative; overflow: hidden; } #top_img2 p{width:40px; height: 80px;} #top_img2>.conpic{ width: 554px; position: absolute; left: 0; right: 0; margin: 116px auto 0; height: 80px; display: none;} #top_img2>.conpic .left2{ float: left; width: 53px; height: 53px; background: url(3395560.png) left top no-repeat;} #top_img2>.conpic .right2{ float: right; width: 53px; height: 53px; background: url(3395560.png) -67px top no-repeat;} #top_img2 ul{position: absolute;left: 36%;top: 744px;cursor: pointer; /*鼠标指针*/} #top_img2 ul li{float: left; width: 58px; height: 7px; background-color: rgba(248,248,255, 0.7); margin-left:45px; margin-top:1px; list-style-type: none;} #top_img2 ul .li_bk{ width: 58px; background-color: #3a75b9; margin-top:0px;} #showdiv2{width: 400%;height: 312px; position: absolute;} #top_img2 .bk_img2{width: 25%;height: 312px;float: left;} #top_img2 .bk_img2 img{ width: 554px; height: 312px;} /*3308维多利亚检测线路新增新闻类图滚动 end*/