html, body {
width: 100%;
margin: 0px;
padding: 0px;
font-size: 14px;
font-family: "microsoft yahei";
position: relative;
}
ul, li, p, img, b, a, ol, em, a, h1, h2, h3, h4, h5, h6, h7 {
list-style-type: none;
margin: 0px;
padding: 0px;
border: none;
font-style: normal;
border: none;
color: #333;
text-decoration: none;
font-size: 14px;
cursor: pointer;
}
.nav a.cur, .nav li a:hover, .one_text h1, .two_nav li a:hover, .two_r li b:before, .three li .b:hover, .fore_c li:hover b, .fore_c li b:before, .five .f1:hover h4, .five .f2:hover a, .five .f2s:hover:after, .main_li li a:hover, .product_m li b:before, .product_m li b:hover, .product_gdgd_b li b:before, .product_gdgd_a:hover, .product_gdgd_c:hover, .article_xw li:hover b, .article_xw li:hover h1, .article_xw ol li:hover a, .text_h1 .more {
color: #e90a0a;
}
.two_text h1, .two_a, .two_c, .fore .text h1, .fore .text h2, .footer_nav li, .main_nav .nav_a h1, .main_ul li a, .product_m li .red, .pading .current, .product_xw .p1 h1, .product_xw .p1 p, .product_xw .p1 b, .product_gd_text h1, .product_gd_text h2, .product_gd_a, .product_gd_c, .product_gdgd_a, .product_gdgd_c, .text_h1 .back, .article li h1:nth-child(1):before {
color: #fff;
}
#ditucontent img{
max-width:inherit;
}
/**/
.text {
height: 60px;
text-align: center;
}
.text h1 {
overflow: hidden;
font: 26px "microsoft yahei";
font-weight: bold;
height: 35px;
}
.text h2 {
overflow: hidden;
font: 23px "华文行楷";
height: 35px;
line-height: 35px;
}
/**/
#slides {
position: relative;
width: 100%;
height: 430px;
}
#slides img {
width: 100%;
height: 430px;
}
#slides .hd {
position: absolute;
bottom: 15px;
left: 45%;
}
#slides .hd li {
width: 30px;
height: 3px;
margin: 0 1px;
background: #ccc;
text-align: center;
color: rgba(0, 0, 0, 0);
line-height: 3px;
float: left;
border: 1px solid #ccc;
border-radius: 10px;
}
#slides .hd li.on {
background: #fff;
}
/*header*/
.header {
position: relative;
background: no-repeat;
background-size: 100% 100%;
}
.header_top {
background: #073e77;
height: 50px;
}
.inputs {
width: 1000px;
margin: auto;
}
.inputs input {
width: 150px;
border-radius: 20px 0px 0px 20px;
height: 22px;
float: left;
margin-top: 14px;
border: none;
}
.inputs .searchbtn {
width: 31px;
height: 26px;
float: left;
display: block;
background: no-repeat;
margin-top: 13px;
}
.header_img {
float: right;
width: 200px;
height: 40px;
margin-top: 5px;
}
.header_img img {
width: 200px;
height: 40px;
display: block;
}
/*logo*/
.header_nav {
width: 1000px;
margin: auto;
}
.logo_img img {
max-width: 100%;
height: 110px;
}
.logo_img {
width: 350px;
height: 110px;
float: left;
padding: 10px 0;
}
/*导航*/
.navbox {
width: 630px;
float: right;
margin-top: 55px;
}
.navbox .nav {
width: 1000px;
margin: auto;
}
.navbox .nav li {
height: 30px;
line-height: 30px;
float: left;
position: relative;
width: 100px;
text-align: center;
}
.navbox .nav li:after {
content: ">";
display: block;
width: 10px;
height: 10px;
line-height: 10px;
text-align: center;
position: absolute;
right: 0px;
top: 11px;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
color: #073e77;
}
.navbox .nav a {
display: block;
width: 100px;
text-align: center;
font: 16px "microsoft yahei";
font-weight: bold;
line-height: 30px;
}
.navbox .nav_ul {
position: absolute;
top: 30px;
background: #fff;
z-index: 555;
display: none;
}
.navbox .nav_ul li:after {
display: none !important;
}
.navbox .nav_ul li a {
font: 12px "microsoft yahei";
line-height: 30px;
}
.navbox .nav li:hover .nav_ul {
display: block;
}
/*one*/
.one {
padding: 50px 0 0px;
width: 1000px;
margin: auto;
height: 219px;
border-bottom: 6px #0e4f99 solid;
position: relative;
}
.one:after {
content: "";
display: block;
border-left: 1px #0e4f99 solid;
position: absolute;
right: 22px;
bottom: 45px;
width: 1px;
height: 60px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.one:before {
content: "";
display: block;
border-left: 1px #0e4f99 solid;
position: absolute;
right: 63px;
bottom: -24px;
width: 1px;
height: 158px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.one_img {
width: 210px;
float: left;
height: 180px;
}
.one_img img {
width: 210px;
display: block;
height: 180px;
}
.one_text {
float: left;
width: 130px;
margin-left: 30px;
}
.one_text h1 {
height: 52px;
line-height: 52px;
font-size: 40px;
font-weight: bold;
border-bottom: 1px solid #999;
padding: 10px 0px 5px;
overflow: hidden;
}
.one_text h2 {
padding: 10px 0;
font-size: 13px;
color: #7b7a7a;
}
.one_text h2 em {
display: block;
font-size: 12px;
color: #ccc;
}
.one_c {
float: right;
width: 595px;
margin-top: 30px;
height: 105px;
line-height: 1.8em;
overflow: hidden;
}
/*two*/
.two {
padding: 50px 0px;
background: #eeeff4;
margin-top: 50px;
}
.two_m {
width: 1000px;
margin: auto;
}
.two_l {
width: 218px;
float: left;
}
.two_text {
width: 218px;
height: 101px;
background: #e90a0a;
text-align: center;
position: relative;
}
.two_text:after {
content: "";
display: block;
border-left: 1px #fff solid;
position: absolute;
right: 22px;
top: -13px;
width: 1px;
height: 55px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(60deg);
-o-transform: rotate(45deg);
}
.two_text:before {
content: "";
display: block;
border-left: 1px #fff solid;
position: absolute;
left: 17px;
bottom: -17px;
width: 1px;
height: 55px;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(59deg);
-o-transform: rotate(45deg);
}
.two_text h1 {
padding-top: 35px;
height: 30px;
line-height: 30px;
font-size: 20px;
overflow: hidden;
width: 160px;
margin: auto;
}
.two_text h2 {
height: 20px;
line-height: 20px;
overflow: hidden;
width: 160px;
margin: auto;
text-align: right;
font-size: 16px;
color: #ed867f;
}
.two_nav li {
background: no-repeat;
width: 218px;
line-height: 50px;
}
.two_nav li a {
width: 160px;
margin: auto;
display: block;
position: relative;
padding-left: 20px;
font-weight: bold;
}
.two_nav li a:after {
content: "";
display: block;
width: 5px;
height: 5px;
border: 1px solid #ccc;
border-radius: 50%;
position: absolute;
left: 0px;
top: 22px;
}
.two_navs {
display: none;
}
.two_navs li {
background-size: 100% 100%;
height: 30px;
line-height: 30px;
}
.two_navs li a {
color: #999;
}
.two_navs li a:after {
top: 11px;
}
.two_nav li a:hover:after {
border: 1px solid #e62129;
}
.two_nav li:hover .two_navs {
display: block;
}
.two_img img {
max-width: 100%;
}
.two_r {
width: 760px;
float: right;
position: relative;
}
.two_r li {
width: 760px;
float: left;
background: #fff;
border-bottom: 6px #e62129 solid;
height: 620px;
overflow: hidden;
}
.two_r li img {
width: 760px;
height: 430px;
display: block;
}
.two_r li h1 {
width: 760px;
height: 50px;
padding: 20px 20px 0px 20px;
line-height: 30px;
font-size: 21px;
box-sizing: border-box;
overflow: hidden;
margin-bottom: 5px;
}
.two_r li p {
width: 760px;
height: 68px;
padding: 0px 20px 0px 20px;
line-height: 1.5em;
box-sizing: border-box;
overflow: hidden;
}
.two_r li b {
width: 113px;
height: 37px;
float: right;
display: block;
border: 1px solid #ccc;
text-align: center;
line-height: 37px;
margin-right: 20px;
margin-bottom: 10px;
margin-top: 10px;
position: relative;
}
.two_r li b:before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
right: -8px;
top: -10px;
background: #fff;
font-weight: bold;
font-size: 16px;
}
.two_a, .two_c {
position: absolute;
width: 100px;
height: 100px;
line-height: 100px;
font-size: 100px;
top: 165px;
text-align: center;
z-index: 55;
display: none;
}
.two_c {
right: 0px;
}
.two_r:hover .two_a, .two_r:hover .two_c {
display: block;
}
/*three*/
.three {
width: 1000px;
margin: 50px auto 0;
position: relative;
}
.three .text h2 {
color: #0e4c89;
}
.three_img {
position: absolute;
top: 90px;
left: 334px;
}
.three_img img {
width: 332px;
height: 579px;
display: block;
}
.three ul {
margin-top: 30px;
clear: both;
}
.three li img {
width: 332px;
height: 164px;
display: block;
}
.three li {
float: left;
margin-bottom: 5px;
}
.three li:nth-child(2), .three li:nth-child(4) {
margin-left: 336px;
}
.three li div {
width: 332px;
padding: 20px 20px 30px;
background: #eeeff4;
box-sizing: border-box;
line-height: 1.5em;
height: 123px;
overflow: hidden;
}
.three li h2 {
display: block;
margin-bottom: 6px;
font-size: 18px;
font-weight: bold;
}
.three li .b:before {
content: "";
display: block;
border-top: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-left: 5px solid #e62129;
border-bottom: 5px solid rgba(0, 0, 0, 0);
position: absolute;
top: 5px;
left: 0px;
}
.three li .b {
font-size: 13px;
font-weight: normal;
padding-left: 10px;
display: block;
float: right;
right: 0px;
position: relative;
width: 70px;
bottom: -22px;
}
/**/
.fore {
margin-top: 50px;
position: relative;
padding-top: 50px;
height: 775px;
box-sizing: border-box;
}
.fore_img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: -1;
height: 775px;
}
.fore_img img {
width: 100%;
height: 100%;
}
.fore_m {
width: 1000px;
margin: 50px auto 0px;
background: #fff;
height: 540px;
overflow: hidden;
}
.fore_text {
height: 80px;
line-height: 80px;
padding: 0px 30px;
box-sizing: border-box;
}
.fore_text h1 {
font-size: 20px;
width: 700px;
overflow: hidden;
font-family: "华文行楷";
float: left;
}
.fore_text .more {
width: 80px;
height: 30px;
float: right;
display: block;
border: 1px solid #0e4f99;
text-align: center;
line-height: 30px;
margin-right: 5px;
margin-bottom: 10px;
margin-top: 25px;
position: relative;
color: #0e4f99;
}
.fore_text .more:before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
right: -8px;
top: -10px;
background: #fff;
font-weight: bold;
font-size: 16px;
}
.fore_c {
width: 940px;
margin: 0px auto 0px;
}
.fore_c ul {
height: 410px;
overflow: hidden;
}
.fore_c li {
width: 286px;
float: left;
margin: 0px 12px;
border: 1px #cecece solid;
height: 408px;
}
.fore_c li img {
display: block;
width: 272px;
height: 190px;
margin: 7px auto 7px;
}
.fore_c li h3 {
width: 286px;
border-top: 1px solid #ccc;
height: 40px;
line-height: 40px;
font-size: 18px;
font-weight: bold;
text-align: center;
overflow: hidden;
position: relative;
}
.fore_c li h3:after {
content: "";
display: block;
width: 60px;
height: 2px;
margin: auto;
border-top: 2px solid #e62129;
position: absolute;
bottom: -2px;
left: 38%;
}
.fore_c li p {
font-size: 13px;
margin: 10px auto 0px;
height: 90px;
line-height: 23px;
width: 272px;
overflow: hidden;
}
.fore_c li b {
width: 95px;
height: 30px;
margin: 15px auto 0;
display: block;
border: 1px solid #ccc;
text-align: center;
line-height: 30px;
position: relative;
}
.fore_c li b:before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
right: -8px;
top: 8px;
background: #fff;
font-weight: bold;
font-size: 16px;
}
/**/
.five {
width: 1000px;
margin: 50px auto 0px;
}
.five_text {
height: 50px;
line-height: 50px;
border-bottom: 3px solid #e7e7e7;
overflow: hidden;
}
.five_text h1 {
font-size: 20px;
font-weight: bold;
color: #0e4f99;
float: left;
}
.five_text h2 {
font-size: 16px;
font-family: "华文行楷";
line-height: 62px;
color: #999;
margin-left: 10px;
float: left;
position: relative;
}
.five_text h2:before {
content: " ";
width: 10px;
height: 10px;
line-height: 10px;
text-align: center;
color: #0e4f99;
font-weight: bold;
position: absolute;
left: -12px;
top: 11px;
font-size: 12px;
}
.five_l {
width: 480px;
float: left;
border-bottom: 3px solid #ccc;
height: 565px;
overflow: hidden;
}
.five ul {
margin-top: 20px;
}
.five_l .f1 {
margin-bottom: 5px;
}
.five .f1 img {
width: 480px;
height: 240px;
}
.five .f1 h4 {
width: 480px;
height: 40px;
line-height: 40px;
overflow: hidden;
font-size: 18px;
}
.five .f1 p {
font-size: 14px;
line-height: 1.8em;
height: 50px;
overflow: hidden;
}
.five .f2 {
line-height: 35px;
height: 35px;
overflow: hidden;
}
.five .f2:before {
content: "";
display: block;
width: 5px;
height: 5px;
background: #999;
border-radius: 50%;
float: left;
margin-top: 15px;
}
.five .f2:hover:before {
background: #e62129;
}
.five .f2 a {
display: block;
padding-left: 15px;
font-size: 15px;
float: left;
width: 460px;
}
.five_r {
width: 480px;
float: right;
}
.five_r li.f1s {
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
margin-bottom: 10px;
}
.five_r .f1s h4 {
height: 50px;
line-height: 50px;
overflow: hidden;
font-size: 22px;
}
.five_r .f1s p {
line-height: 1.8em;
height: 75px;
overflow: hidden;
}
.five .f2s {
line-height: 35px;
height: 35px;
overflow: hidden;
}
.five .f2s:after {
content: ">";
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
float: right;
line-height: 15px;
text-align: center;
margin-top: 10px;
color: #ccc;
}
.five .f2s:hover:after {
border: 1px solid #e62129;
}
.five .f2s:hover:before {
background: #e62129;
}
.five .f2s a {
display: block;
font-size: 15px;
float: left;
width: 430px;
overflow: hidden;
}
.five_r ul {
margin-top: 20px;
height: 361px;
overflow: hidden;
}
.five_r ol {
margin-top: 15px;
}
.five_r img {
max-width: 100%;
height: 110px;
display: block;
}
/**/
.six {
margin-top: 50px;
position: relative;
padding-top: 50px;
height: 565px;
box-sizing: border-box;
}
.six_img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: -1;
height: 565px;
}
.six_img img {
width: 100%;
height: 100%;
}
.six .text h1 {
color: #fff;
}
.six .text h2 {
color: #fff;
}
.six_m {
width: 820px;
height: 320px;
margin: 50px auto 0;
border: 2px solid #999;
}
.six_m img {
width: 820px;
height: 320px;
}
/**/
.sever {
padding: 50px 0;
background: #f2f3f7;
}
.sever_text {
text-align: center;
position: relative;
margin-bottom: 20px;
}
.sever_text:after {
border-top: 1px solid #ccc;
display: block;
content: "";
position: absolute;
top: 28px;
left: 0px;
width: 374px;
height: 1px;
}
.sever_text:before {
border-top: 1px solid #ccc;
display: block;
content: "";
position: absolute;
top: 28px;
right: 0px;
width: 374px;
height: 1px;
}
.sever_text h1 {
font-size: 30px;
font-weight: bold;
margin: auto;
width: 250px;
overflow: hidden;
height: 50px;
line-height: 50px;
}
.sever_m {
width: 1000px;
margin: 0 auto 0px;
}
.sever_m {
padding: 0px 10px 0px 0px;
box-sizing: border-box;
width: 1000px;
margin: auto;
border: 1px solid #ccc;
}
.sever_ul h1 {
height: 50px;
line-height: 50px;
width: 120px;
font-size: 16px;
font-weight: bold;
text-align: center;
float: left;
border-right: 1px solid #ccc;
color: #666;
}
.sever_m ul {
float: left;
width: 835px;
}
.sever_m li {
float: left;
line-height: 50px;
margin: 0px 10px;
color: #666;
}
/*内页*/
.main_m {
width: 1000px;
margin: auto;
padding-bottom: 30px;
}
.fxdm {
height: 20px;
margin-left: 20px;
}
.fxdm span {
float: left;
font-size: 12px;
}
.text_h1 {
border-bottom: 2px solid #ccc;
height: 35px;
width: 1000px;
margin: 30px auto 0;
}
.text_h1 .h1 {
display: inline-block;
height: 35px;
line-height: 35px;
font-size: 18px;
position: relative;
background: url(/uploads/image/snimages/t_line.jpg) repeat-x;
padding: 0px 10px 0px 10px;
border-left: 2px solid #ccc;
float: left;
font-weight: bold;
}
.text_h1 .h1:after {
content: "";
display: block;
background: url(/uploads/image/snimages/t_jt.png) no-repeat;
height: 36px;
width: 8px;
position: absolute;
right: -3px;
top: 0px;
}
.text_h1 .back {
float: right;
line-height: 35px;
width: 52px;
height: 16px;
float: right;
background: #000;
display: block;
border-radius: 15px;
text-align: center;
line-height: 16px;
margin-top: 11px;
font-size: 12px;
}
.text_h1 .more {
float: right;
line-height: 47px;
height: 35px;
}
.main_img img {
width: 100%;
height: 100%;
display: block;
}
/*左侧导航*/
.main_nav {
width: 240px;
float: left;
margin-top: 36px;
}
.main_nav .nav_a h1 {
display: block;
font: 24px "microsoft yahei";
text-align: center;
line-height: 79px;
overflow: hidden;
height: 79px;
background: #174b85;
border-radius: 5px 0px 0px 0px;
}
.main_nav1 {
margin: 0px auto 10px;
width: 240px;
}
.main_ul {
border-top: 3px solid #999;
margin-top: 2px;
}
.main_ul li {
line-height: 50px;
margin: 5px 0px;
position: relative;
background: no-repeat;
}
.main_ul li a {
padding-left: 30px;
font-size: 18px;
transition: all 0.3s;
width: 240px;
box-sizing: border-box;
display: block;
}
.main_li {
width: 240px;
margin: auto;
display: none;
}
.main_li li {
width: 240px;
font: 14px "microsoft yahei";
margin: 1px auto;
height: 39px;
line-height: 39px;
overflow: hidden;
background: #f4f4f4;
}
.main_li li a {
display: inline-block;
text-align: center;
font-size: 14px;
color: #000;
padding-left: 0px;
}
.main_ul li:hover .main_li {
display: block;
}
.main_ul li a:hover {
transition: all 0.3s;
background: no-repeat;
}
.main_li li a:hover {
background: none;
}
.main_ul li .cur {
background: no-repeat;
}
.main_nav2 {
margin-bottom: 20px;
}
.main_nav2 ul {
margin-top: 10px;
}
.main_nav2 li {
height: 30px;
line-height: 30px;
border-bottom: 1px dashed #363636;
overflow: hidden;
padding: 0px 10px;
}
.main_nav2 li a {
font-size: 12px;
}
.main_nav3 {
margin-bottom: 10px;
}
.main_nav3 li {
width: 220px;
margin: 6px auto;
}
.main_nav3 ul {
margin-top: 20px;
}
.main_nav3 li img {
width: 220px;
height: 150px;
display: block;
margin: auto;
}
.main_nav3 li h4 {
width: 220px;
height: 30px;
line-height: 30px;
overflow: hidden;
font-size: 12px;
text-align: center;
}
.main_nav4 ul {
margin-top: 10px;
}
.main_nav4 img {
max-width: 100%;
}
.main_navs {
margin: 20px 0px;
}
.main_navs ul li {
float: left;
text-align: center;
width: 140px;
font-size: 14px;
border: 1px solid #ccc;
position: relative;
margin: 0px 10px 10px;
}
/**/ .main_navs a {
display: block;
line-height: 40px;
}
/**/
.main_navs .article_u {
width: 140px;
display: none;
position: absolute;
top: 40px;
z-index: 10000;
background: #fff;
}
.main_navs .article_u li {
height: auto;
margin: 0px;
}
.main_navs .article_u a {
width: 140px;
display: block;
border: 1px solid #fff;
padding: 0px;
box-sizing: border-box;
}
/**/
.main_navs li:hover .article_u {
display: block;
}
/*路径*/
.main_top {
font: 14px "microsoft yahei";
height: 56px;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
line-height: 56px;
overflow: hidden;
}
.main_tops {
height: 56px;
line-height: 56px;
width: 1000px;
margin: auto;
padding-left: 35px;
text-align: right;
}
.main_top .back {
width: 52px;
height: 16px;
float: right;
background: #000;
display: block;
border-radius: 15px;
text-align: center;
line-height: 16px;
margin-top: 11px;
font-size: 12px;
}
.main_top .back:hover {
background: #f76f0c;
}
/*product*/
.product_m {
float: right;
width: 710px;
margin-top: 20px;
}
.product_m ul {
margin-top: 10px;
}
.product_m li {
width: 710px;
border-bottom: 5px solid #e1e1e1;
margin-bottom: 30px;
height: 355px;
position: relative;
}
.product_m li img {
width: 434px;
height: 302px;
display: block;
float: left;
}
.product_m li div {
width: 245px;
float: left;
margin-left: 18px;
}
.product_m li h1 {
font-size: 20px;
display: block;
overflow: hidden;
height: 50px;
line-height: 50px;
}
.product_m li p {
font-size: 13px;
height: 185px;
line-height: 1.8em;
overflow: hidden;
}
.product_m li div b {
width: 95px;
height: 30px;
margin-top: 15px;
display: block;
border: 1px solid #ccc;
text-align: center;
line-height: 30px;
position: relative;
float: right;
}
.product_m li div b:before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
right: -8px;
top: 7px;
background: #fff;
font-weight: bold;
font-size: 16px;
}
.product_m li .red {
font-style: normal;
width: 35px;
height: 35px;
line-height: 35px;
background: #b8b8b8;
font-size: 25px;
display: block;
text-align: center;
top: 0px;
left: 0px;
position: absolute;
}
.product_m li span {
border-bottom: 1px solid #ccc;
width: 100%;
height: 35px;
margin-bottom: 10px;
display: block;
line-height: 35px;
width: 705px;
}
.product_m li span a {
margin-left: 35px;
display: inline-block;
height: 35px;
line-height: 35px;
font-size: 18px;
position: relative;
background: url(/uploads/image/snimages/t_line.jpg) repeat-x;
padding: 0px 10px 0px 10px;
}
.product_m li span a:after {
content: "";
display: block;
background: url(/uploads/image/snimages/t_jt.png) no-repeat;
height: 36px;
width: 8px;
position: absolute;
right: -3px;
top: 0px;
}
/**/
/*product_content*/
#preview {
position: relative;
width: 620px;
float: left;
overflow: hidden;
margin-bottom: 20px;
padding-bottom: 20px;
padding-top: 30px;
box-sizing: border-box;
}
.page_desc {
width: 1000px;
border: 1px solid #ccc;
margin: 70px auto 70px;
}
#preview .prev {
background: url(/uploads/image/snimages/left.gif) no-repeat 0 center;
left: 11px;
}
#preview .next, #preview .prev {
display: block;
overflow: hidden;
position: absolute;
z-index: 101;
top: 423px;
width: 10px;
height: 45px;
color: rgba(0, 0, 0, 0);
}
#preview .slides_container {
height: 375px !important;
overflow: hidden;
width: 620px;
margin-bottom: 5px;
margin: auto;
}
#preview .next {
background: url(/uploads/image/snimages/right.gif) no-repeat right center;
left: 595px;
}
#preview .paging {
left: 22px;
padding: 5px;
width: 566px;
position: relative;
top: 0px;
height: 65px;
overflow: hidden;
}
#preview .paging li {
float: left;
height: 60px;
margin: 5px 9px 0px;
width: 60px;
border: 1px solid #ccc;
}
#preview .paging a {
width: 100%;
height: 100%;
}
.slides_control {
width: 100% !important;
height: 100% !important;
left: 0px !important;
}
#preview .slides_container img {
left: 0px !important;
width: 620px;
height: 375px;
}
.product_text {
float: right;
width: 380px;
overflow: hidden;
height: 405px;
padding: 30px;
box-sizing: border-box;
}
.product_text h1 {
display: block;
font: 26px "microsoft yahei";
font-weight: bold;
height: 50px;
overflow: hidden;
line-height: 50px;
}
.product_text p {
display: block;
font: 14px "microsoft yahei";
line-height: 30px;
}
.product_item {
width: 1000px;
box-sizing: border-box;
position: relative;
padding: 0px 25px 20px;
}
/**/
.product_content {
line-height: 2em;
}
.product_content img {
max-width: 100%;
display: block;
}
/**/
.product_xw {
box-sizing: border-box;
width: 1000px;
margin: 20px auto 0;
height: 927px;
overflow: hidden;
}
.product_xw_text {
height: 41px;
line-height: 35px;
background: #fff;
padding-bottom: 25px;
}
.product_xw_text h1 {
border-left: 7px solid #000;
font-size: 20px;
padding-left: 10px;
font-weight: bold;
float: left;
}
.product_xw_text h2 {
border-right: 7px solid #000;
font-size: 18px;
padding-left: 10px;
padding-right: 10px;
float: left;
line-height: 40px;
}
.product_xw .p1 {
height: 490px;
background: #d50c0c;
}
.product_xw .p1 img {
height: 490px;
width: 660px;
float: left;
}
.product_xw .p1 div {
width: 285px;
float: right;
margin-right: 25px;
padding-top: 33px;
}
.product_xw .p1 h1 {
width: 285px;
height: 50px;
line-height: 50px;
overflow: hidden;
font-size: 20px;
}
.product_xw .p1 p {
height: 250px;
overflow: hidden;
line-height: 1.8em;
}
.product_xw .p1 b {
height: 35px;
width: 111px;
display: block;
border: 1px solid #fff;
border-radius: 40px;
line-height: 35px;
text-align: center;
margin-top: 10px;
}
.product_xw .p2 {
width: 320px;
float: left;
margin: 12px 6px 0px;
position: relative;
}
.product_xw .p2 img {
width: 320px;
height: 217px;
overflow: hidden;
}
.product_xw .p2 div {
width: 320px;
background: #f0f0f0;
padding: 20px;
box-sizing: border-box;
height: 139px;
}
.product_xw .p2 h1 {
background: url(/uploads/image/snimages/proshow_105.jpg) 11px 5px no-repeat;
padding-left: 36px;
margin-bottom: 10px;
font-size: 18px;
overflow: hidden;
height: 25px;
}
.product_xw .p2 p {
color: #5b5b5b;
line-height: 1.5em;
height: 63px;
overflow: hidden;
}
.product_xw .p2:nth-child(3) div {
position: absolute;
top: 0px;
}
.product_xw .p2:nth-child(3) img {
position: absolute;
top: 139px;
}
/**/
.product_gd {
width: 1000px;
margin: 30px auto 0px;
position: relative;
border: 3px solid #000;
height: 276px;
}
.product_gd_text {
background: no-repeat;
width: 234px;
height: 276px;
float: left;
text-align: center;
}
.product_gd_text h1 {
height: 30px;
line-height: 30px;
overflow: hidden;
font-size: 18px;
width: 200px;
margin: 95px auto 0;
}
.product_gd_text h2 {
height: 30px;
line-height: 30px;
overflow: hidden;
font-size: 25px;
width: 200px;
margin: 10px auto 0;
}
.product_gd_b {
width: 660px;
float: left;
margin-left: 55px;
margin-top: 55px;
}
.product_gd_b li {
width: 209px;
float: left;
margin: 0px 5px;
}
.product_gd_b li img {
width: 209px;
height: 153px;
display: block;
}
.product_gd_b li h1 {
width: 209px;
height: 30px;
text-align: center;
overflow: hidden;
font-size: 16px;
line-height: 30px;
}
.product_gd_a, .product_gd_c {
position: absolute;
width: 40px;
height: 40px;
background: #ccc;
border-radius: 50%;
text-align: center;
line-height: 40px;
font-size: 20px;
top: 111px;
left: 242px;
}
.product_gd_c {
left: 949px !important;
}
.product_gd_a:hover, .product_gd_c:hover {
background: #e62129;
}
.product_gdgd {
width: 1000px;
margin: 0px auto 30px;
position: relative;
background: #f0f0f0;
padding-bottom: 50px;
}
.product_gdgd_b {
width: 920px;
margin: 50px auto 0;
}
.product_gdgd_b li {
width: 280px;
float: left;
background: #fff;
margin: 0px 13px;
}
.product_gdgd_b img {
width: 280px;
height: 180px;
display: block;
}
.product_gdgd_b li h1 {
width: 240px;
margin: 0px auto;
height: 50px;
line-height: 50px;
font-size: 18px;
overflow: hidden;
}
.product_gdgd_b li p {
width: 240px;
margin: 0px auto;
height: 50px;
line-height: 1.8em;
overflow: hidden;
}
.product_gdgd_b li b {
width: 95px;
height: 30px;
margin-top: 15px;
display: block;
border: 1px solid #ccc;
text-align: center;
line-height: 30px;
position: relative;
float: right;
margin-right: 22px;
margin-bottom: 15px;
}
.product_gdgd_b li b:before {
content: " ";
position: absolute;
width: 15px;
height: 15px;
line-height: 15px;
text-align: center;
right: -8px;
top: -8px;
background: #fff;
font-weight: bold;
font-size: 16px;
}
.product_gdgd_a, .product_gdgd_c {
position: absolute;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 50px;
text-align: center;
top: 249px;
}
.product_gdgd_c {
right: 0px;
}
/**/
.main_next {
margin-left: 20px;
}
.main_next .prevrecord, .main_next .nextrecord {
margin: 5px 0px;
display: block;
}
/*article*/
.article {
width: 660px;
float: left;
margin-top: 36px;
}
.article li {
position: relative;
height: 45px;
line-height: 45px;
border-bottom: 1px #e5e5e5 dashed;
margin-left: 68px;
}
.article li:after {
content: "";
display: block;
height: 45px;
border-left: 1px solid #ccc;
position: absolute;
width: 1px;
left: -39px;
top: -26px;
}
.article li:before {
content: "";
display: block;
height: 10px;
background: #d1d1d1;
position: absolute;
width: 10px;
left: -43px;
top: 18px;
border-radius: 50%;
z-index: 22;
}
.article li:nth-child(2):after {
display: none;
}
.article li:nth-child(2):before, .article li:nth-child(3):before, .article li:nth-child(4):before {
background: #ff7c00;
}
.article li span {
float: right;
color: #999;
}
.article li h1 {
float: left;
width: 485px;
overflow: hidden;
}
.article li p {
display: none;
}
.article li:nth-child(1) {
border: none;
margin-left: 0px;
margin-bottom: 20px;
height: 85px;
}
.article li:nth-child(1) h1 {
float: left;
font-size: 25px;
height: 40px;
line-height: 40px;
overflow: hidden;
}
.article li:nth-child(1) h1:before {
content: "头条";
width: 53px;
height: 25px;
text-align: center;
line-height: 25px;
display: block;
float: left;
background: #e62129;
font-size: 16px;
margin-top: 8px;
margin-right: 10px;
}
.article li:nth-child(1) p {
color: #999;
line-height: 21px;
padding-left: 68px;
width: 557px;
height: 45px;
overflow: hidden;
display: block;
}
.article li:nth-child(1) span {
display: none;
}
.article li:nth-child(1):after {
display: none;
}
.article li:nth-child(1):before {
display: none;
}
/**/
.article_xw .pading {
margin-bottom: 0px;
}
/**/
.article_xw {
background: #eeeff4;
padding: 30px 0;
}
.article_xw ul {
margin: 30px auto 0;
width: 1000px;
}
.article_xw ul li {
width: 325px;
float: left;
background: #fff;
margin: 0px 4px;
}
.article_xw ul img {
width: 325px;
height: 170px;
display: block;
}
.article_xw ul li h1 {
height: 30px;
line-height: 30px;
font-size: 17px;
font-weight: bold;
overflow: hidden;
width: 300px;
margin: auto;
}
.article_xw ul li p {
line-height: 21px;
height: 60px;
overflow: hidden;
width: 300px;
margin: auto;
}
.article_xw ul li b {
display: block;
margin: 10px 20px;
float: right;
position: relative;
}
.article_xw ul li b:after {
content: '';
display: block;
border-left: 5px solid #e62129;
border-top: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-bottom: 5px solid rgba(0, 0, 0, 0);
position: absolute;
left: -10px;
top: 4px;
}
.article_xw ol {
width: 1000px;
margin: 30px auto 0;
}
.article_xw ol li {
height: 40px;
line-height: 40px;
border-bottom: 1px #9d9da0 dotted;
width: 480px;
float: left;
margin: 0px 10px;
position: relative;
overflow: hidden;
}
.article_xw ol li:before {
height: 5px;
border-radius: 50%;
position: absolute;
left: 6px;
top: 18px;
width: 5px;
background: #e62129;
content: "";
display: block;
}
.article_xw ol a {
width: 370px;
float: left;
overflow: hidden;
padding-left: 20px;
}
.article_xw ol span {
float: right;
color: #95908d;
}
.article_xws {
width: 1000px;
margin: 30px auto 30px;
}
.article_xws ul {
float: left;
border: 1px #e1e1df solid;
width: 323px;
height: 459px;
margin-right: 12px;
margin-top: 30px;
overflow: hidden;
}
.article_xws ul li img {
width: 323px;
height: 169px;
display: block;
}
.article_xws ul h1 {
font-size: 15px;
height: 40px;
line-height: 40px;
overflow: hidden;
width: 300px;
margin: auto;
}
.article_xws ul p {
width: 300px;
margin: 0px auto;
font-size: 13px;
border-bottom: 1px #ebebeb solid;
height: 65px;
line-height: 23px;
color: #797979;
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 10px;
}
.article_xws ul .xw2 {
width: 280px;
margin: auto;
height: 30px;
line-height: 30px;
overflow: hidden;
}
.article_xws ol {
float: left;
width: 323px;
height: 459px;
margin-top: 30px;
overflow: hidden;
}
.article_xws ol img {
max-width: 100%;
max-height: 100%;
display: block;
}
/*article_content*/
.article_content {
width: 710px;
margin: 20px auto 0;
padding: 10px 0;
box-sizing: border-box;
float: left;
}
.article_text {
height: 40px;
font: 24px "microsoft yahei";
text-align: center;
line-height: 40px;
overflow: hidden;
}
.article_content .info {
height: 35px;
font: 14px "microsoft yahei";
line-height: 35px;
margin-bottom: 10px;
text-align: center;
color: #aaa;
}
.article_content .info span {
height: 35px;
font: 14px "microsoft yahei";
line-height: 35px;
margin-bottom: 10px;
color: #aaa;
}
.article_content .detail {
font-size: 14px;
line-height: 22px;
padding: 20px 20px;
word-spacing: 10px;
}
.article_content .detail img {
max-width: 100%;
display: block;
}
/*上下键*/
.pading {
float: right;
margin-top: 10px;
margin-bottom: 10px;
}
.pading span {
padding: 3px 8px;
border: 1px solid #ccc;
display: block;
float: left;
margin: 0px 2px;
}
.pading a {
padding: 3px 8px;
border: 1px solid #ccc;
display: block;
float: left;
margin: 0px 1px;
}
.pading .current {
border: none;
padding: 3px 8px;
border: 1px solid #0e4f99;
background: #0e4f99;
}
/*page*/
.page_c {
width: 1000px;
padding: 20px;
overflow: hidden;
box-sizing: border-box;
}
.page_c img {
max-width: 100%;
display: block;
}
/*footer*/
.footer {
width: 100%;
display: block;
background: #262729;
position: relative;
color: #9b9b9b;
padding: 20px 0 10px;
}
.footer_m {
width: 1000px;
margin: auto;
}
.footer_img {
width: 180px;
height: 180px;
overflow: hidden;
float: left;
}
.footer_img img {
width: 180px;
height: 180px;
display: block;
}
.footer_line {
width: 780px;
overflow: hidden;
text-align: left;
padding-top: 10px;
color: #d7d7d7;
float: right;
font: 14px "microsoft yahei";
line-height: 26px;
}
.footer_nav {
height: 40px;
overflow: hidden;
border-top: 1px solid #505664;
font: 14px "microsoft yahei";
line-height: 40px;
margin-top: 20px;
margin-bottom: 20px;
}
.footer_nav li {
display: inline-block;
line-height: 38px;
padding: 0px 11px;
}
.footer_nav li:hover {
border-bottom: 2px solid #e62129;
}
.footer a {
font: normal 12px/20px "microsoft yahei";
color: #9b9b9b;
}
/*相关产品相关文章开始*/
.relevant {
width: 100%;
clear: both;
margin-top: 20px;
margin-bottom: 20px;
}
.relevant .rel_title {
margin-bottom: 0;
height: 40px;
line-height: 40px;
font-size: 14px;
background: #1d1c1c;
text-indent: 10px;
color: #fff !important;
}
.relevant .rel_content {
padding: 10px;
overflow: hidden;
}
/*相关产品*/
.relevant_product .rel_item {
width: 122px;
float: left;
margin: 0 5px 10px 5px;
}
.relevant_product .rel_item .rel_item_img {
width: 100%;
height: 90px;
}
.relevant_product .rel_item .rel_item_title {
width: 100%;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
overflow: hidden;
color: #000 !important;
}
/*相关文章*/
.relevant_article .rel_item {
width: 100%;
height: 35px;
line-height: 35px;
border-bottom: 1px dashed #59504d;
overflow: hidden;
}
.relevant_article .rel_item .rel_item_time {
float: right;
color: #999;
}
.relevant.relevant_article a {
color: #000!important;
}
/*lamp*/
.lamp_main {
background: #f6f6f6;
padding-bottom: 20px;
margin-bottom: 30px;
}
.lamp_one {
position: relative;
height: 535px;
}
.lamp_one_img {
position: absolute;
top: 0px;
left: 0px;
height: 350px;
width: 100%;
}
.lamp_one_img img {
width: 100%;
height: 100%;
display: block;
}
.lamp_one_m {
width: 1000px;
height: 247px;
background: #fff;
margin: 0px auto 0;
overflow: hidden;
z-index: 555;
position: relative;
top: 280px;
line-height: 1.5em;
padding-right: 20px;
box-sizing: border-box;
}
.lamp_one_m img {
width: 218px;
height: 236px;
float: left;
margin-right: 20px;
}
.lamp_two {
width: 1000px;
margin: 20px auto 0;
background: #fff;
padding: 20px;
box-sizing: border-box;
}
.lamp_two_text {
background: no-repeat;
width: 100%;
height: 43px;
position: relative;
}
.lamp_two_text h1 {
display: inline-block;
padding-left: 43px;
font: 24px "microsoft yahei";
line-height: 43px;
font-weight: bold;
float: left;
}
.lamp_two_text h2 {
font: 18px arial, helvetica, sans-serif;
padding-left: 10px;
float: left;
line-height: 54px;
}
.lamp_two_text .more {
position: absolute;
right: 0px;
bottom: 0px;
}
.lamp_two ul {
margin-top: 30px;
}
.lamp_two li {
width: 300px;
float: left;
height: 375px;
overflow: hidden;
display: inline-block;
margin: 0 10px 10px;
}
.lamp_two li img {
width: 300px;
height: 226px;
display: block;
}
.lamp_two li h1 {
display: block;
font: 16px "microsoft yahei";
height: 41px;
line-height: 41px;
overflow: hidden;
float: left;
overflow: hidden;
width: 100%;
}
.lamp_two li h1:before {
content: " ";
display: block;
width: 17px;
height: 17px;
border: 1px solid #e62129;
text-align: center;
line-height: 17px;
float: left;
margin-right: 10px;
margin-top: 12px;
}
.lamp_two li p {
height: 66px;
border: 1px solid #e3e3e3;
border-bottom: 4px solid #cfcfcf;
background: #f7f7f7;
font: 14px "microsoft yahei";
line-height: 24px;
padding: 10px 10px 10px 10px;
overflow: hidden;
}
/**/
.lamp_twos {
width: 1000px;
margin: 20px auto 0;
background: #fff;
padding: 20px;
box-sizing: border-box;
}
.lamp_twos .lamp_two_text {
background: no-repeat;
}
.lamp_twos ul {
clear: both;
margin-top: 30px;
padding-top: 10px;
}
.lamp_twos li {
width: 308px;
height: 387px;
float: left;
overflow: hidden;
margin: 0 12px 12px 0;
position: relative;
}
.lamp_twos li img {
border: 1px solid #e3e3e3;
width: 306px;
height: 385px;
}
.lamp_twos li h1 {
display: block;
font: 14px "microsoft yahei";
height: 36px;
line-height: 36px;
text-align: center;
overflow: hidden;
width: 308px;
position: absolute;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.5);
}
.lamp_twom {
clear: both;
}
.lamp_twom > a > h1 {
height: 40px;
font: 24px "microsoft yahei";
overflow: hidden;
line-height: 40px;
width: 800px;
float: left;
}
.lamp_twom > a > h1:before {
content: " ";
display: block;
width: 20px;
height: 20px;
border: 1px solid #e62129;
text-align: center;
line-height: 17px;
float: left;
margin-right: 10px;
margin-top: 9px;
}
.lamp_twom .more {
float: right;
width: 68px;
line-height: 40px;
}
.container {
width: 1000px;
margin: auto;
}
.flink {
background: #262729;
color: #fff;
border-top: 1px solid #fff;
line-height: 40px;
}
.flink_t {
float: left;
margin-right: 10px;
}
.flink_c a {
display: inline-block;
margin: 0 5px;
color: #fff;
}