/*通用样式*/ body{ color:#333; font-family:Microsoft Yahei,Arial, Helvetica, sans-serif; } body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ol,pre,form,input,textarea{margin:0;padding:0; list-style:none; line-height:24px; font-size:14px; font-weight:normal} ul,li{margin:0; padding:0;list-style:none; font-weight:normal;} a{ color:#333; text-decoration:none; } a:hover{ color:#004673; } img{ border:none;} .clearfix:after { content:'\20'; display:block; height:0; clear:both; } .clearfix { *zoom:1; } .wrapper{width:1200px; margin:0 auto;} .C{ clear:both} .hide{ width:100%; height:100%; overflow:hidden;} .block{ display:block} .box_img img{ height:100%} .box_img{ float:left;} .box_text{ float:right;} strong{display: block;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /*公用颜色提取*/ .color1{color:#0770b1;} /*公用头部样式*/ #header{margin:0 auto;width:100%; } #header .logo{float:left;width:640px;margin-top:10px;} #header .logo a{display:block;height:95px;width:640px;} #header .toprdiv{float:right; width:260px; height:90px;margin-top:15px;} #header .top_tel{width:260px; height:53px; padding-left:60px; font-size:30px; line-height:24px;color:#0256ac;background:url(../images/icion_1.png) no-repeat left top; } /*公用导航样式*/ #nav{margin:0 auto; width:1200px; height:55px;background:#0256ac;border-radius:8px; position:absolute; left:50%; margin-left:-600px; top:0px; z-index:1000;} #nav ul{margin:0 auto; width:1200px; height:55px;} #nav ul li p{ height:55px; line-height:55px; overflow:hidden} #nav ul li{float:left; width:14.2857%;height:55px; color:#fff; line-height:55px; font-size:14px;font-family:Microsoft Yahei; } #nav ul li a{ color:#fff; display:block; text-align:center; padding:0 15px;font-family:Microsoft Yahei;font-size:15px;overflow:hidden;} #nav ul li a:hover{ color:#fff; border-radius: 8px; background:#ff6d00;line-height:55px;height:55px; } /*公用导航下拉样式*/ #nav ul li .menu_2 {display: none;position: absolute;top:55px; width:133.3px;z-index: 10;padding:0px ;} #nav ul li .menu_2 li a {display: block;line-height:37px;color: #474747; background: url(../images/menu_2by.png) no-repeat;border-radius: 0px;line-height: 37px; text-align: center;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-break: break-all;word-wrap: break-word;} #nav ul li .menu_2 li{height:37px; margin-top:5px; background: none} #nav ul li .menu_2 li a:hover{border-radius: 8px; background:#ff6d00;color: #fff;line-height: 37px; height: 37px; opacity:0.8;} .menu {margin:0 auto; width:1200px; height:55px;background:#0256ac;border-radius:8px; position:absolute; left:50%; margin-left:-600px; top:0px; z-index:1000; } .menu .nLi {float:left; width:12.5%; height:55px; color:#fff; line-height:55px; font-size:14px;font-family:Microsoft Yahei; position:relative;} .menu .nLi h3 {height:55px; line-height:55px; overflow:hidden} .menu .nLi h3 a { color:#fff; display:block; text-align:center; padding:0 15px;font-family:Microsoft Yahei;font-size:15px;overflow:hidden;} .menu .nLi h3 a:hover{color:#fff; border-radius: 8px; background:#ff6d00;line-height:55px;height:55px; } /*公用导航下拉样式*/ .menu .nLi .menu_2 {display: none;position: absolute;top:55px;width:100%;z-index: 10;padding:0px ;} .menu .nLi .menu_2 li a {display: block;text-align: center;color: #333;padding: 5px 0px;line-height: 30px;text-align: center;border-radius: 8px; background:#fff;opacity:0.8;colortext-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .menu .nLi .menu_2 li{height:40px; margin-top:5px; background: none} .menu .nLi .menu_2 li a:hover{border-radius: 8px; background:#ff6d00;opacity:1;color: #fff;line-height: 30px; height: 30px;padding: 5px 0px; } /*大图样式*/ #banner{margin:0 auto; width:100%; height:625px; overflow:hidden; position: relative;} #banner .slideBox {width:100%;position:relative; margin-top:25px;} #banner .slideBox .hd {height:25px;overflow:hidden;position:absolute;bottom:35px;z-index:10001;text-align:center;width:100%;} #banner .slideBox .hd ul {overflow:hidden;zoom:1;display:inline-block;} #banner .slideBox .hd ul li {float:left;margin-right:5px;width:15px;height:15px;line-height:14px;text-align:center;background:#fff;cursor:pointer;border-radius:15px;} #banner .slideBox .hd ul li.on {background:#004673;color:#fff;} #banner .slideBox .bd {position:relative;height:100%; z-index:0;margin:0px auto;text-align:center;} #banner .slideBox .bd li {zoom:1;vertical-align:middle;} #banner .slideBox .bd img {display:block;border:1px solid #ddd;padding:1px;margin:0px auto;text-align:center;} /* 下面是前/后按钮代码,如果不需要删除即可 */ #banner .slideBox .prev, #banner .slideBox .next {position:absolute;left:3%;top:50%;margin-top:-25px;display:block;width:32px;height:40px;background:url(../images/slider-arrow.png) -110px 5px no-repeat;filter:alpha(opacity=50);opacity:0.5;} #banner .slideBox .next {left:auto;right:3%;background-position:8px 5px;} #banner .slideBox .prev:hover, #banner .slideBox .next:hover {filter:alpha(opacity=100);opacity:1;} #banner .slideBox .prevStop {display:none;} #banner .slideBox .nextStop {display:none;} /*大图样式结束*/ /*公用底部样式*/ #links {margin:0 auto; width:100%;height:70px;background:#0256ac;} #links h4 {float: left; font-size:16px; color:#fff;font-weight:bold; text-indent:42px; line-height:40px; padding: 15px 0px;background:url(../images/link-tu.png) left center no-repeat;} #links .zi {float: left; font-size:14px;line-height:40px; padding: 15px 0px;color:#fff;} #links .zi a{padding: 15px 10px;color:#fff;} #links .zi a:hover{ color:#ff6d00} #footer{ margin:0 auto; width:100%;height:75px;line-height:24px;text-align:center; color:#333; padding-top:20px;clear: both;} #footer a{ color:#333} #footer a:hover{ color:#0256ac} #footer span a{ color:#333} /*首页主体部分的样式,可以自行编辑*/ #container{margin:0 auto; width:100%; } /*about css*/ .about{margin:0 auto; width:1170px; height:480px; padding:15px; margin-top:-50px; position: relative; background: url(../images/about-by.png) top no-repeat; } .about .leftdiv {float:left; width:510px; padding:0px 0px; } .about .title{float:left; width:510px; padding-top:5px; height:97px;text-align:center; } .about .title b{line-height: 24px;color: #fff; font-size:24px; margin-top:0px; text-align:center; font-weight:bold;} .about .title p{ color:#fff; font-size:30px; line-height:36px;text-align:center;font-weight:bold; text-transform:Uppercase;} .about .box_text{float:left;width:550px;margin-top:30px;} .about .box_text p{float:left; font-size:14px; color: #606060; line-height: 30px;height:210px; padding-left:20px;text-align:left;text-indent:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:7;-webkit-box-orient: vertical; } .about .about_more{ float: left;color:#fff; margin-top: 30px; margin-left: 20px;display: block; width: 140px; line-height: 30px; padding:5px; text-align:center; background:#505050; } .about .about_more a{ color:#fff ; } .about .about_more:hover{ color:#fff; background:#0256ac;} .about .box_tu{float:right; width:608px; height:383px;margin-top:68px; } .about .box_tu .box_img{float:right;height:383px; } .about .box_tu .box_img img{} /*.product css*/ .prolink-by{margin:0 auto; width:100%; padding:40px 0px ;background:url(../images/pro-by.jpg) top center no-repeat; } .product{margin:0 auto; width:1200px;} .product .title{ height:80px;text-align:center; } .product .title b{line-height: 24px; color:#0256ac; font-size:24px; margin-top:0px; text-align:center;font-weight:bold;} .product .title p{color: #ccc;font-size:30px; line-height:36px;text-align:center; text-transform:Uppercase;font-weight:bold;} .pro_slide{width: 100%;height: auto;overflow: hidden; margin-top:20px;} .hd_pro{width: 260px;height: auto;overflow: hidden;float: left;background: #0256ac; padding:16px 10px 30px 10px;border-radius:8px; } .hd_pro ul{width: 100%;height: auto;overflow: hidden;} .hd_pro ul li{ margin-top:15px;font-size: 18px;line-height: 58px;height: 58px;overflow: hidden;text-indent: 26px;background: #fff;transition: 400ms; border-radius:5px;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;} .hd_pro ul li:last-child{border-bottom: none;} .hd_pro ul li.on,.hd_pro ul li:hover{color: #0256ac;border-radius:5px;} .pro_imore{margin-top:25px;background: #ff6d00;border-radius:8px; text-align: center;font-size: 18px;height: auto;overflow: hidden;} .pro_imore a{display: block;line-height: 45px;height: 45px;overflow: hidden;color: #fff;transition: 300ms;} .pro_imore a span{display: inline-block;padding-right: 14px;} .pro_imore a:hover{color: #fff;font-weight: bold;} .bd_pro{width: 896px;height: auto;overflow: hidden;float: right;padding-top: 0px;} .pro_img{width: 270px;height: 270px;font-size: 0px;overflow: hidden;} .pro_img img{max-width:100%; max-height:100%; margin:auto; transition:0.5s;} .pro_data{width: 100%;height: auto;overflow: hidden; margin-bottom: 8px;} .pro_data ul{height: auto;overflow: hidden;float: left;} .pro_data ul:nth-child(3n){margin-right: 0px;} .pro_data ul li{float: left;width: 270px;height: auto;overflow: hidden;margin:0px 10px 15px 10px;} .pro_data ul li a{display: block;height: auto;overflow: hidden;position: relative;} .pro_data ul li a:after{content: "";width: 100%;height: 50px;background: #000;background: rgba(0,0,0,.5);position: absolute;bottom: 0px;left: 0;transition: 400ms ease-out;} .pro_intro{width:240px;padding: 0 26px;position: absolute;left: 0;bottom: 0;color: #fff;z-index: 2;text-align: center;transition: 400ms;} .pro_bt{font-size: 18px;line-height: 50px;height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .pro_nr{line-height: 30px;height: 0px;padding-top: 0px;padding-right:10px;color: #ccc;position: relative;transition: 400ms;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;} .pro_nr:before{content: "";width: 60px;height: 3px;background: #fff;position: absolute;top: 0;left: 50%;margin-left: -30px;} .pro_data ul li a:hover:after{height: 100%;} .pro_data ul li a:hover .pro_nr{height: 60px; padding-right:10px; padding-top:10px;margin-bottom:60px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;} /*new css*/ .innews{ margin:0 auto; width:1200px; } .innews .title{ height:80px;text-align:center; margin-top:30px; } .innews .title b{line-height: 24px; color:#0256ac; font-size:24px; margin-top:0px; text-align:center;font-weight:bold;} .innews .title p{color: #ccc;font-size:30px; line-height:36px;text-align:center; text-transform:Uppercase;font-weight:bold;} .innews .inter { padding:20px 0px 40px 0px; } .innews .inter ul li{ float:left; width:560px; margin:20px 15px 0px 10px; position: relative; } .innews .inter ul li .text_box{ } .innews .inter ul li .date{ width:80px; height:80px; padding-top:0px; background:#666;position: absolute;top:28px; left: 0; z-index:100; } .innews .inter ul li:hover .date{ background:#0256ac; } .innews .inter ul li .date .riqi{ font-size:40px; text-align:center; color:#fff; line-height:80px; height:80px; overflow:hidden} .innews .inter ul li .date .year{ color:#fff; font-size:14px; text-align:center;line-height:30px; height:30px;} .innews .inter ul li .text_box .in_des{ width:500px; float:right; padding:15px 10px 20px 10px;border:1px #c2c2c2 solid; } .innews .inter ul li .text_box .in_des h2{padding-left:60px;font-size:16px; line-height:24px; height:24px; display: block;margin: 0 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#333; } .innews .inter ul li:hover .text_box .in_des h2{ color:#0256ac; } .innews .inter ul li .text_box .in_des .txt{ padding-left:60px;line-height:25px; height:50px; font-size:14px; margin-top:10px;color:#9b9a9a; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;} .innews .inter ul li .text_box .in_des .x{margin-left:60px;width:75px;height:3px; background:#d8d8d8; margin-top:10px; } .innews .inter ul li:hover .text_box .in_des .x{ margin-left:60px; width:200px;height:3px; background:#0256ac; margin-top:10px;transition:0.5s ; } .innews .more{ margin:0 auto;color:#fff; margin-top: 0px;margin-bottom: 40px; display: block; width: 180px; line-height: 35px; padding:5px; text-align:center; background:#505050; border-radius:8px; } .innews .more a{ color:#fff; } .innews .more:hover{ color:#fff; background:#0256ac;} /*内页主体样式*/ #nycontainer{ margin:0 auto; width:100%; background:url(../images/cen-by.jpg) top center repeat-x ; } #nycontainer1{ margin:0 auto; width:100%; background:url(../images/cen-by1.jpg) top center repeat-x ; } #sub_container{ margin:0 auto; width:1200px; top:-35px; position:relative; } /*侧边栏 样式*/ .sidebar{ width:240px; float:left; margin-left:0px; display:inline; margin-bottom:10px; } .list_class{ } .subnav { background:#000; } ._aside {padding-right: 0;width: 20%;float: left;} ._aside > h2 { height:80px; padding-top:24px; text-align:center;border-radius:8px 8px 0px 0px; background:url(../images/sub-tpby.png) #0256ac top no-repeat;} ._aside > h2 b{font-size:24px; font-weight:normal; line-height:36px;text-align:center; color:#fff; font-weight:bold; } ._aside > h2 p{ line-height:24px; color:#fff;font-size:14px;text-transform:capitalize} ._aside ul.sidemenu { padding:15px; background:#0256ac; border-radius:0px 0px 8px 8px; } /*一级的样式*/ ._aside ul.sidemenu > li.sub1 ul {display: none; } ._aside ul.sidemenu > li.sub1 > a.sub1_a { color: #333;line-height:40px; text-indent:16px;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin:10px 0px; background:#fff;transition: 400ms; border-radius:5px;} ._aside ul.sidemenu > li.current > a.sub1_a,._aside ul.sidemenu > li:hover > a.sub1_a {color: #0256ac;background:#fefefe;border-radius:5px;} /*二级的样式*/ ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#fff; line-height:34px; margin-bottom:5px; text-indent:30px;background:url(../images/icion_2.png) 8px no-repeat; } ._aside ul.sidemenu > li.sub1 > ul > li.sub2.current > a.sub2_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2:hover > a.sub2_a{color:#ff6d00;line-height:34px; text-indent:30px;background:url(../images/icion_2.png) 8px no-repeat;} /*三级的样式*/ ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {color:#fff; display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-indent:34px; line-height:34px;background:url(../images/icion_2a.jpg) 18px no-repeat;} ._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3.current > a.sub3_a,._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3:hover > a.sub3_a{} /*侧边栏快捷按钮样式,可自行编辑*/ /*侧边栏快捷按钮样式,可自行编辑*/ /*内页左边内容样式*/ .main{ float:right; width:960px; margin-top:63px; display:inline;} .article { padding:10px 0px 10px 40px ;} .article img{ max-width:100%; }/*此样式记得修改*/ /*内页面包屑样式,可自行编辑*/ .crumb{ height:64px; background:url(../images/link-tpby.png) left bottom no-repeat ; } .crumb p{float:left;color: #333; font-size:24px; font-weight:bold;height:30px;line-height:30px; text-align:left; text-indent:40px;} .crumb en{height:30px;line-height:30px; color: #333; font-size:14px; font-weight:normal;text-align:left; text-transform:uppercase; } .crumb span{ float: right; text-indent:34px; height:30px;line-height:30px; padding-right:0px; background:url(../images/article-r1.png) no-repeat 5px; } .article1 { padding:10px 40px ;} .crumb1{ margin-top:65px; height:64px; background:url(../images/link-tpby.png) left bottom no-repeat ; } .crumb1 p{float:left;color: #333; font-size:24px; font-weight:bold;height:30px;line-height:30px; text-align:left; text-indent:40px;} .crumb1 en{height:30px;line-height:30px; color: #333; font-size:14px; font-weight:normal;text-align:left; text-transform:uppercase; } .crumb1 span{ float: right; text-indent:34px; height:30px;line-height:30px; padding-right:80px; background:url(../images/article-r1.png) no-repeat 5px; } /*内页面包屑样式,可自行编辑*/