@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p {
margin:0;
padding:0;
}
body {
background:#fff;
color:#333;
font-size:14px;
font-family:"Helvetica", "微软雅黑";
}
table .tctzdm:hover div{
display: block !important;
}
table .tctzdm{
position: relative;
}
table .tctzdm>div{
display: none;
position: absolute;
top: 0;
left: unset;
right: -500px;
height: 0px;
z-index: 999;
width: 500px;
height: auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
table .tctzdm div img{
width: 500px;
}
.line1{
position: absolute;
top: -1px;
left: 0;
width: 100%;
height: 3px;
background-color: #2C4BB5;
z-index: 9;
}
.line2{
position: absolute;
top: -1px;
right: 0;
width: 100px;
height: 3px;
background-color: #2F9951;
z-index: 9;
}
ul, ol {
list-style: none;
}
img, fieldset {
vertical-align:top;
border:0;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
address, cite, code, em, th {
font-weight:normal;
font-style:normal;
}
input, button, textarea, select {
font:100% Arial, '';
vertical-align:middle
}
a.r1:link {
font-family: "微软雅黑";
font-size: 14px;
color: #333;
text-decoration: none;
font-weight: normal;
line-height: 30px;
}
a.r1:visited {
font-family: "微软雅黑";
font-size: 14px;
color: #333;
text-decoration: none;
font-weight: normal;
line-height: 30px;
}
a.r1:hover {
font-family: "微软雅黑";
font-size: 14px;
color:#0162BF;
text-decoration: none;
font-weight: normal;
line-height: 30px;
}
a.r2:link {
font-family: "微软雅黑";
font-size: 14px;
color: #333000;
text-decoration: none;
font-weight:normal;
line-height: 30px;
}
a.r2:visited {
font-family: "微软雅黑";
font-size: 14px;
color: #333000;
text-decoration: none;
font-weight:normal;
line-height: 30px;
}
a.r2:hover {
font-family: "微软雅黑";
font-size: 14px;
color:#0162BF;
text-decoration: none;
font-weight:normal;
line-height: 30px;
}
a.r3:link {
font-family: "微软雅黑";
font-size: 14px;
color: #999999;
text-decoration: none;
font-weight: normal;
line-height: 30px;
}
a.r3:visited {
font-family: "微软雅黑";
font-size: 14px;
color: #999999;
text-decoration: none;
font-weight: normal;
line-height: 30px;
}
a.r3:hover {
font-family: "微软雅黑";
font-size: 14px;
color:#0162BF;
text-decoration: none;
font-weight: normal;
line-height: 30px;
}
a.r4:link {
font-family: "微软雅黑";
font-size: 14px;
color: #333333;
text-decoration: none;
font-weight: bold;
line-height:30px;
}
a.r4:visited {
font-family: "微软雅黑";
font-size: 14px;
color: #333333;
text-decoration: none;
font-weight: bold;
line-height:30px;
}
a.r4:hover {
font-family: "微软雅黑";
font-size: 14px;
color: #0162BF;
text-decoration: none;
font-weight: bold;
line-height:30px;
}
a.r5:link {
font-family: "微软雅黑";
font-size: 14px;
color:#333;
text-decoration: none;
font-weight: normal;
line-height:60px;
}
a.r5:visited {
font-family: "微软雅黑";
font-size: 14px;
color:#333;
text-decoration: none;
font-weight: normal;
line-height:60px;
}
a.r5:hover {
font-family: "微软雅黑";
font-size: 14px;
color: #0162BF;
text-decoration: none;
font-weight: normal;
line-height:60px;
}
.rx {
width:85%;
height:auto;
padding-left:15%;
margin-bottom:8%;
font-family: "微软雅黑";
font-size: 14px;
color: #666;
font-weight: normal;
line-height: 200%;
overflow:hidden;
float:left;
background-image:url(../images/rx.jpg);
background-repeat: no-repeat;
background-position: left 10px;
}
.wx {
width:100%;
height:auto;
margin-bottom:5%;
overflow:hidden;
float:left;
}
.wx1 {
width:20%;
height:auto;
margin-right:5%;
overflow:hidden;
float:left;
}
.wx1 img{
width:100%;
}
.wx2 {
width:75%;
height:auto;
overflow:hidden;
float:left;
}
.t1 {
font-family: "微软雅黑";
font-size: 25px;
color: #0162BF;
font-weight: bold;
line-height: 200%;
}
.t2 {
width:100%;
height:auto;
margin-top:4%;
margin-bottom:4%;
font-family: "微软雅黑";
font-size: 16px;
color: #fff;
font-weight: bold;
line-height: 250%;
background-color:#0162BF;
float:left;
}
.t3 {
font-family: "微软雅黑";
font-size: 14px;
color: #666;
font-weight: normal;
line-height: 250%;
}
.t3 .pic {
float: right;
padding: 0px 0px 0px 20px;
max-width:150px;
}
.t3 .pic img {
box-shadow: 0px 0px 0px #ccc;
width:150px;
}
.red {
font-family: "微软雅黑";
font-size: 14px;
color: #ff0000;
font-weight: normal;
line-height: 200%;
}
.tx1 {
width:100%;
height:auto;
font-family: "微软雅黑";
font-size: 20px;
color: #fff;
font-weight: normal;
line-height: normal;
display:block;
float:left;
}
.tx2 {
font-family: "微软雅黑";
font-size: 14px;
color: #0162C0;
font-weight: normal;
line-height: bold;
}
.ct1 {
font-family: "微软雅黑";
font-size: 20px;
color: #0162BF;
font-weight: bold;
line-height: 200%;
}
.ct2 {
font-family: "微软雅黑";
font-size: 16px;
color: #333;
font-weight: bold;
line-height: 200%;
}
.nodispaly {
display:none
}
.line {
height:20px;
line-height:20px;
font-size:0px;
clear:both;
overflow:hidden;
display:block;
}
.fK {
color:#a91432;
}
.clearfix {
*zoom:1;
}
/*给IE6清除浮动*/
.clearfix:after {
display:block;
overflow:hidden;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
/*清除浮动*/
a {
color:#333;
text-decoration:none;
transition:all 0.3s;
}
a:hover {
color:#0162BF;
text-decoration:underline;
}
.header {
position:relative;
z-index:10;
}
.top {
height:40px;
line-height:40px;
background-color:#333;
}
.top .box {
max-width:1200px;
margin:0 auto;
text-align:right;
}
.top .box1 {
width:50%;
margin:0 auto;
text-align:left;
color:#a1a1a1;
line-height:40px;
float:left;
}
.top .box2 {
width:50%;
margin:0 auto;
text-align:right;
font-size:12px;
color:#a1a1a1;
line-height:40px;
float:left;
}
.top .box2 a {
font-size:12px;
color:#a1a1a1;
line-height:40px;
text-decoration:none;
}
.top .box2 a:hover {
color: #fff;
}
.lobbox {
width:100%;
position:absolute;
left:0px;
top:40px;
clear:left;
overflow: visible;
}
.lobbox .box {
max-width:1200px;
margin:0 auto;
height:120px;
}
.lobbox .box h1 {
padding-top:0px;
padding-left:0px;
float:left;
}
.lobbox .naverbox2 {
width:auto;
padding-top:20px;
float:right;
}
.lobbox .naverbox2 .tel{
width:auto;
height:auto;
font-family:微软雅黑;
font-size:20px;
color:#333;
font-weight:bold;
line-height:150%;
text-align:right;
float:left;
}
.lobbox .naverbox2 .tel span{
font-family:微软雅黑;
font-size:20px;
color:#333;
font-weight:normal;
line-height:150%;
}
.lobbox .box .nav {
float:right;
}
.lobbox .box .nav h3 {
font-size:100%;
font-weight:normal;
text-transform:uppercase;
width:100px;
text-align:center;
}
.lobbox .box .nav .m {
position:relative;
float:left;
}
.lobbox .box .nav h3 a {
zoom:1;
display:block;
color:#333;
line-height:80px;
}
.lobbox .box .nav li:hover h3 a {
color:#333;
text-decoration:none;
}
.lobbox .box .nav li a.current {
color:#0162BF;
}
.lobbox .box .nav .sub {
width:140px;
position:absolute;
left:0px;
top:60px;
float:left;
}
.lobbox .box .nav .sub li {
text-align:left;
line-height:40px;
text-align:center;
}
.lobbox .box .nav .sub li a {
color:#fff;
display:block;
zoom:1;
}
.lobbox .box .nav .sub li a:hover {
color:#0162BF;
display:block;
zoom:1;
background-color:#eee;
text-decoration:none;
}
.lobbox2 {
width:100%;
position:absolute;
left:0px;
top:140px;
background-image:url(../images/nbg3.jpg);
}
.lobbox2 .box {
max-width:1200px;
margin:0 auto;
height:60px;
}
.lobbox2 .box .nav {
float:left;
}
.lobbox2 .box .nav h3 {
font-size:100%;
font-weight:normal;
text-transform:uppercase;
width:140px;
text-align:center;
}
.lobbox2 .box .nav .m {
position:relative;
float:left;
}
.lobbox2 .box .nav h3 a {
zoom:1;
display:block;
color:#333;
font-size:16px;
font-family:"微软雅黑";
font-weight:normal;
line-height:60px;
background-image:url(../images/nbg.jpg);
}
.lobbox2 .box .nav li:hover h3 a {
color:#0162C0;
font-size:16px;
font-family:"微软雅黑";
font-weight:normal;
text-decoration:none;
background-image:url(../images/nbg2.jpg);
}
.lobbox2 .box .nav li a.current {
color:#0162C0;
font-size:16px;
font-family:"微软雅黑";
font-weight:normal;
text-decoration:none;
background-image:url(../images/nbg2.jpg);
}
.lobbox2 .box .nav .sub {
width:140px;
position:absolute;
left:0px;
top:60px;
border-top:none;
background-color:#fff;
float:left;
display:none;
}
.lobbox2 .box .nav .sub li {
text-align:left;
text-indent:35px;
border-bottom:#eee solid 1px;
}
.lobbox2 .box .nav .sub li a {
color:#333;
font-size:14px;
font-family:"微软雅黑";
font-weight:normal;
line-height:40px;
text-decoration:none;
display:block;
zoom:1;
}
.lobbox2 .box .nav .sub li a:hover {
color:#0162BF;
}
#dowebok {
display:none;
}
.fn {
background:#222;
clear:both;
overflow: hidden;
}
.fnk {
max-width:1200px;
margin:0px auto;
text-align:center;
clear:left;
height:30px;
padding-top:0.6%;
padding-bottom:0.6%;
}
.fnk span{
display:block;
width:8.5%;
padding-left:1%;
padding-right:2%;
margin-left:0%;
margin-right:1%;
text-align:center;
background-image:url(../images/zx.jpg);
background-repeat: no-repeat;
background-position: right center;
float:left;
}
.fnk a {
text-align:center;
color:#fff;
font-size:14px;
font-family:"微软雅黑";
line-height:30px;
text-decoration: none;
}
.fnk a:hover {
color:#8ED8FF;
}
.foot {
background:#333;
clear:both;
overflow: hidden;
margin-top:3%;
}
.foot2 {
background:#171717;
clear:both;
overflow: hidden;
}
.foot .foot_t {
max-width:1200px;
margin:0 auto;
overflow:hidden;
padding-top:4%;
padding-bottom:4%;
clear:left;
}
.foot_t2 {
max-width:1200px;
margin:0px auto;
text-align:left;
line-height:normal;
clear:left;
color:#777;
font-size:12px;
padding-top:1%;
padding-bottom:1%;
}
.foot_t2 a {
color:#777;
font-size:12px;
text-decoration: none;
display:inline-block;
margin: 0;
}
.foot_t2 a:hover {
color:#fff;
}
.foot_t2 span{
float:right;
}
.foot .foot_tl {
width:16%;
padding-right:2%;
text-align:left;
float:left;
}
.foot .foot_tl img{
max-width:100%;
margin-top:5%;
border:0px;
}
.foot .foot_tm {
width:34%;
padding-left:2%;
padding-right:2%;
color:#999;
font-size:14px;
line-height:30px;
text-align:left;
float:left;
background-image: url(../images/lx.png);
background-repeat: no-repeat;
background-position: left top;
}
.foot .foot_tr {
width:22%;
padding-left:2%;
color:#999;
font-size:14px;
line-height:30px;
text-align:left;
float:left;
background-image: url(../images/lx.png);
background-repeat: no-repeat;
background-position: left top;
}
.foot .foot_tr2 {
width:18%;
padding-left:2%;
color:#999;
font-size:14px;
line-height:30px;
text-align:left;
float:left;
background-image: url(../images/lx.png);
background-repeat: no-repeat;
background-position: left top;
}
ul,li {
padding:0px;
margin:0px;
list-style-type:none;
list-style-image:none;
}
.clear {
clear:both;
}
.rt {
width:19%;
text-align:left;
float:left;
}
.rt h4 {
padding:0px;
margin:0px;
float:left;
}
.rt h4 a{
color:#fff;
font-size:16px;
font-family:"微软雅黑";
height:50px;
line-height:50px;
font-weight:normal;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.rt h4 a:hover {
text-decoration:underline;
}
.rt ul li {
padding:0px;
}
.rt ul li a{
font-family: "微软雅黑";
font-size: 14px;
color:#999;
text-decoration: none;
font-weight: normal;
line-height:30px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.rt ul li a:hover {
color:#fff;
text-decoration:underline;
}
.rt2 {
width:24%;
text-align:left;
float:left;
}
.rt2 h4 {
padding:0px;
margin:0px;
float:left;
}
.rt2 h4 a{
color:#fff;
font-size:16px;
font-family:"微软雅黑";
height:50px;
line-height:50px;
font-weight:normal;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.rt2 h4 a:hover {
text-decoration:underline;
}
.rt2 ul li {
padding:0px;
}
.rt2 ul li a{
font-family: "微软雅黑";
font-size: 14px;
color:#999;
text-decoration: none;
font-weight: normal;
line-height:30px;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.rt2 ul li a:hover {
color:#fff;
text-decoration:underline;
}
.banner_sj {
display:none;
}
.flexslider {
position:relative;
margin-top:178px;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
width: 100%;
display: block;
border-radius: 0px;
}
.flexslider2 {
position:relative;
margin-top:0px;
}
.flexslider2 .slides > li {
display: none;
-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider2 .slides img {
width: 100%;
display: block;
border-radius: 0px;
}
.flex-pauseplay span {
text-transform: capitalize;
}
.flex-control-nav {
width: 100%;
text-align: center;
position:absolute;
bottom:10px;
}
.flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.flex-control-paging li a {
width:10px;
height:10px;
display: block;
background:#ccc;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.flex-control-paging li a:hover {
background: #FFF;
}
.flex-control-paging li a.flex-active {
background: #fff;
cursor: default;
}
.tage {
border-bottom:1px solid #CCC;
padding:20px 0;
}
.tage .box {
max-width:1200px;
margin:0 auto;
text-align:center;
}
.tage .box .tage_l {
float:left;
color:#0162BF;
}
.tage .box .tage_l a {
margin-right:20px;
}
.tage .box .tage_r {
float:right;
}
.tage .box .tage_r .input_txt {
width:295px;
height:38px;
border:1px solid #0162BF;
outline:medium;
padding-left:5px;
}
.tage .box .tage_r .input_btn {
width:100px;
height:40px;
border:0 none;
background:#0162BF url(../images/pic2.gif) no-repeat center;
outline:medium;
}
.content {
max-width:1200px;
margin:0 auto;
height:auto;
clear:left;
}
.content2 {
width:100%;
height:auto;
overflow:hidden;
clear:left;
}
video {
display:inline-block;
vertical-align:baseline
}
.ink1 {
width:70%;
height:35px;
line-height:35px;
text-align:left;
color:#333;
font-family:"微软雅黑";
font-size:14px;
font-weight:bold;
overflow:hidden;
margin-top:10px;
margin-bottom:10px;
float:left;
}
.ink1 a{
color:#666;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
text-decoration:none;
}
.ink1 a:hover{
color:#0162BF;
}
.ink2 {
width:30%;
height:35px;
overflow:hidden;
margin-top:10px;
margin-bottom:10px;
float:right;
}
.ss {
position:relative;
float:left;
}
.ss input {
width: 270px;
padding: 0px 70px 0px 14px;
height: 54px;
outline: none;
border: 3px solid #0162BF;
border-radius: 0px;
color:#333;
font-family:"微软雅黑";
font-size:14px;
}
.ss span {
position: absolute;
top: 0px;
right: 0px;
width: 70px;
height: 60px;
background-image: url(../images/ssan.png);
cursor: pointer;
overflow: hidden;
}
.sr {
width:94%;
height: auto;
padding:3%;
margin-bottom:3%;
outline: none;
border: 1px solid #ddd;
border-radius: 0px;
color:#999;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
}
.sr2 {
width:97%;
height: auto;
padding:1.5%;
margin-bottom:3%;
outline: none;
border: 1px solid #ddd;
border-radius: 0px;
color:#999;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
}
.menu {
width:90px;
height:40px;
float:right;
z-index:9999999;
position: relative;
}
.menu ul {
margin:0;
}
.menu ul li a{
width:100%;
height:40px;
font-family:"微软雅黑";
color:#a1a1a1;
font-size:12px;
line-height:40px;
font-weight:normal;
text-align:center;
background-color:#444;
float:left;
position:relative;
}
.menu ul li a:hover {
color:#fff;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:40px;
width:100%;
}
.menu ul li ul {
display: none;
}
.menu ul li ul li a {
width: 100%;
height:30px!important;
font-family:"微软雅黑";
color:#a1a1a1;
font-size:12px;
line-height:30px!important;
font-weight:normal;
text-align:center;
background-color:#444;
}
.menu ul li ul li a:hover {
color:#fff;
}
.san {
width:140px;
height:40px;
outline: none;
border: 1px solid #0162BF;
background-color:#0162BF;
border-radius: 5px;
color:#fff;
font-family:"微软雅黑";
font-size:16px;
line-height:40px;
cursor:pointer;
}
.tsr {
width:100%;
height:auto;
text-align:center;
line-height:normal;
}
.tsr a {
height: auto;
color:#333;
font-family:"微软雅黑";
font-size: 16px;
display: inline-block;
line-height: 55px;
text-decoration:none;
border: solid 1px #ccc;
background-color:#fff;
padding: 0 37px;
margin: 5px;
box-shadow:2px 2px 6px 2px #ccc;
}
.tsr a:hover {
color:#fff;
border: solid 1px #0162BF;
background-color:#0162BF;
}
.tsr a.on {
color:#fff;
border: solid 1px #0162BF;
background-color:#0162BF;
}
.tsr2 {
width:100%;
height:auto;
text-align:center;
line-height:normal;
}
.tsr2 a {
height: auto;
color:#333;
font-family:"微软雅黑";
font-size: 16px;
display: inline-block;
line-height: 55px;
text-decoration:none;
border: solid 1px #ccc;
background-color:#fff;
padding: 0 260px;
margin: 5px;
box-shadow:2px 2px 6px 2px #ccc;
}
.tsr2 a:hover {
color:#fff;
border: solid 1px #0162BF;
background-color:#0162BF;
}
.tsr2 a.on {
color:#fff;
border: solid 1px #0162BF;
background-color:#0162BF;
}
.tsr3 {
width:100%;
height:auto;
text-align:center;
line-height:normal;
}
.tsr3 a {
width:17.5%;
height: 36px;
margin:1%;
text-align:center;
color:#666;
font-family:"微软雅黑";
font-size: 14px;
display: inline-block;
line-height: 36px;
text-decoration:none;
border: solid 1px #ccc;
background-color:#fff;
overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.tsr3 a:hover {
color:#fff;
border: solid 1px #0162BF;
background-color:#0162BF;
}
.tsr3 a.on {
color:#fff;
border: solid 1px #0162BF;
background-color:#0162BF;
}
.inti {
font-size:30px;
color:#333;
font-family:"微软雅黑";
text-align:center;
font-weight:normal;
width:100%;
height:auto;
line-height:normal;
margin-bottom:4%;
}
.inti2 {
font-size:16px;
color:#666;
font-family:"微软雅黑";
text-align:center;
font-weight:normal;
width:100%;
height:auto;
line-height:normal;
margin-bottom:2%;
}
.inti20 {
font-size:16px;
color:#999;
font-family: Arial;
text-align:center;
font-weight:normal;
width:100%;
height:40px;
line-height:40px;
margin-top:2%;
}
.inti2 h{
font-size:30px;
color:#0162BF;
font-family:"微软雅黑";
text-align:center;
font-weight:bold;
width:auto;
height:40px;
line-height:40px;
background-color:#fff;
padding-left:20px;
padding-right:20px;
}
.inti2 span{
color:#333;
}
.ckt {
max-width:1200px;
margin:0 auto;
height:auto;
overflow:hidden;
clear:left;
}
.inc {
width:100%;
overflow:hidden;
}
.int {
width:100%;
overflow:hidden;
text-align:center;
margin-top:2%;
}
.sh{
width:25%;
height:auto;
padding:2%;
margin-left:2%;
margin-right:2%;
margin-bottom:0%;
border:#ddd solid 1px;
float:left;
}
.sh:hover{
border:#0162C0 solid 1px;
}
.shp {
width:40%;
height:80px;
text-align:center;
overflow:hidden;
float:left;
}
.sh img{
-webkit-transition:0.5s all ease-in-out;
transition:0.5s all ease-in-out;
max-width:100%;
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
}
.sh:hover img{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
opacity:0.9;
filter:alpha(opacity=90);
}
.sht {
width:60%;
height:80px;
text-align:center;
line-height:80px;
color:#333;
font-family:"微软雅黑";
font-size:18px;
text-decoration:none;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
float:left;
}
.sh:hover .sht{
color:#0162BF;
}
.fj{
width:100%;
height:auto;
float:left;
}
.fj a{
width:15%;
height:auto;
margin: 0.5%;
text-align:center;
font-size: 14px;
color: #000;
font-weight: bold;
font-family:"微软雅黑";
line-height:40px;
text-decoration:none;
border-radius:5px;
background-color: #fff;
border: #ddd solid 1px;
float:left;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.fj a:hover{
color: #fff;
background-color: #0162BF;
border: #0162BF solid 1px;
}
.prowai{
width:23%;
height:auto;
margin-left:1%;
margin-right:1%;
margin-bottom:1%;
float:left;
}
.pro {
width:auto;
height:auto;
}
.pro img{
width:100%;
}
.pro img:hover{
width:100%;
opacity:0.8;
}
.protext {
width:100%;
height:40px;
text-align:center;
background-color:#0162BF;
}
.protext a{
line-height:40px;
color:#fff;
font-family:"微软雅黑";
font-size:14px;
text-decoration:none;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.protext a:hover{
color:#0162BF;
}
.prowai2{
width:22.8%;
height:auto;
margin-left:1%;
margin-right:1%;
margin-bottom:2%;
border:#ddd solid 1px;
background-color:#fff;
float:left;
}
.prowai2:hover{
border:#0162BF solid 1px;
background-color:#0162BF;
}
.prowai2:hover .protext2 a{
color:#fff;
}
.pro2 {
width:auto;
height:auto;
overflow:hidden;
}
.pro2 img{
-webkit-transition:0.5s all ease-in-out;
transition:0.5s all ease-in-out;
width:100%;
-webkit-backface-visibility:hidden;
-webkit-perspective:1000;
}
.pro2 img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
transform:scale(1.1);
opacity:1.0;
filter:alpha(opacity=90);
}
.protext2 {
width:100%;
height:40px;
text-align:center;
line-height:40px;
color:#333;
font-family:"微软雅黑";
font-size:16px;
text-decoration:none;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.protext2 a{
width:100%;
line-height:40px;
color:#333;
font-family:"微软雅黑";
font-size:16px;
text-decoration:none;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.prowaiw {
width:220px;
height:190px;
padding-left:10px;
padding-right:10px;
text-align:center;
float:left
}
.prow {
width:220px;
height:165px;
border: 1px solid #CCC;
}
.prow:hover {
border: 1px solid #0162BF;
}
.prow img{
width:220px;
height:165px;
border:0px;
}
.prow img:hover{
opacity:0.8;
}
.protextw {
width:220px;
height:30px;
float:left;
}
.protextw a{
font-family:"微软雅黑";
font-size:14px;
line-height:30px;
text-align:center;
text-decoration:none;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.protextw a:hover{
color:#0162BF;
}
.protext3 {
width:100%;
height:60px;
text-align:left;
line-height:20px;
color:#666;
font-family:"微软雅黑";
font-size:12px;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp: 3; /** 显示的行数 **/
overflow: hidden; /** 隐藏超出的内容 **/
}
.dyip {
margin:2% 0;
}
/*左侧栏目*/
.dyip .dyip_l {
float:left;
width:30%;
background:#FFF;
}
.dyip .dyip_l .box {
border:1px solid #CCC;
border-top:2px solid #0162BF;
}
.dyip .dyip_l .box .slideTxtBox {
}
.dyip .dyip_l .box .slideTxtBox .hd {
height:39px;
line-height:39px;
background:#efefef;
position:relative;
}
.dyip .dyip_l .box .slideTxtBox .hd ul {
height:39px;
}
.dyip .dyip_l .box .slideTxtBox .hd ul li {
float:left;
cursor:pointer;
width:50%;
text-align:center;
font-weight:bold;
}
.dyip .dyip_l .box .slideTxtBox .hd ul li.on {
height:39px;
background:#fff;
margin-bottom:-1px;
color:#0162BF;
}
.dyip .dyip_l .box .slideTxtBox .bd {
}
.dyip .dyip_l .box .slideTxtBox .bd .con {
}
.dyip .dyip_l .box .slideTxtBox .bd .con .cx {
min-height:220px;
}
.dyip .dyip_l .box .slideTxtBox .bd .con .cx select {
width:76%;
height:22px;
outline:medium;
}
.dyip .dyip_l .box .slideTxtBox .bd .con .cx .input_txtyi {
width:25px;
height:28px;
outline:medium;
text-align:center;
}
.dyip .dyip_l .box .slideTxtBox .bd .con .cx .input_txt {
width:70%;
height:28px;
padding:0 2%;
outline:medium;
}
.dyip .dyip_l .box .slideTxtBox .bd .con .cx .input_btn {
width:80%;
height:28px;
padding:0 2%;
border:0px none;
color:#FFF;
outline:medium;
background:#0162BF;
font-family:"微软雅黑";
border-radius:5px;
}
.dyip .dyip_l .box .slideTxtBox .bd .con .dlzc {
background:#efefef;
border-bottom:1px solid #CCC;
border-top:1px solid #CCC;
}
.dyip .dyip_l .box .slideTxtBox .bd .con .dlzc ul {
padding:12px 20px;
}
.dyip .dyip_l .box .slideTxtBox .bd .con .dlzc li {
float:left;
width:100px;
height:45px;
line-height:45px;
text-align:center;
font-size:0px;
overflow:hidden;
text-indent:-9999;
}
.dyip .dyip_l .box .slideTxtBox .bd .con .dlzc li.dl {
background:url(../images/pic31.gif) no-repeat;
}
.dyip .dyip_l .box .slideTxtBox .bd .con .dlzc li.zc {
float:right;
background:url(../images/pic32.gif) no-repeat;
}
.dyip .dyip_l .box .slideTxtBox .bd .con .dlzc li a {
display:block;
}
.dyip .dyip_l .box .slideTxtBox .bd .con dl {
padding:0 20px;
}
.dyip .dyip_l .box .slideTxtBox .bd .con dd {
height:49px;
line-height:49px;
}
.dyip .dyip_l .box .slideTxtBox .bd .con dd.txt1 {
float:left;
background:url(../images/pic33.gif) no-repeat left center;
padding-left:30px;
}
.dyip .dyip_l .box .slideTxtBox .bd .con dd.txt2 {
float:right;
background:url(../images/pic34.gif) no-repeat left center;
padding-left:40px;
}
.dyip .dyip_l .box .slideTxtBox .bd .con .bgcx {
padding:0px 20px 20px 20px;
min-height:220px;
}
.dyip .dyip_l .box .slideTxtBox .bd .con .bgcx textarea {
width:90%;
outline:medium;
padding:5%;
height:120px;
}
.dyip .dyip_l .box .slideTxtBox .bd .con .bgcx .input_btn {
width:96%;
height:28px;
padding:0 2%;
border:0px none;
color:#FFF;
outline:medium;
background:#0162BF;
font-family:"微软雅黑";
border-radius:5px;
margin-top:20px;
}
/*右侧栏目*/
.dyip .dyip_r {
float:right;
width:67%;
background:#FFF;
}
.dyip .dyip_r .box {
border:1px solid #CCC;
padding-top: 3%;
padding-right: 1%;
padding-bottom: 3%;
padding-left: 1%;
}
.dyip .dyip_r .box ul {
}
.dyip .dyip_r .box li {
float:left;
width:30.333%;
margin:0 1.5%;
}
.dyip .dyip_r .box li .boxli {
border:1px solid #CCC;
padding:8% 5%;
}
.dyip .dyip_r .box li .boxli img {
width:100%;
}
.dyip .dyip_r .box li h2 {
height:30px;
line-height:30px;
text-align:center;
background:#0ac762;
color:#FFF;
margin-top:20px;
}
.dyip .dyip_r .box li .nr {
line-height:24px;
padding:6% 0;
min-height:150px;
}
/*独立整块栏目*/
.dyip .dyip_f {
width:100%;
}
.dyip .dyip_f .ti {
height:40px;
line-height:40px;
text-align:left;
text-indent:10px;
font-family:"微软雅黑";
font-size:16px;
color:#333333;
}
.dyip .dyip_f .ti span {
float:right;
}
.dyip .dyip_f .box {
padding:0px;
}
.dyip .dyip_f .box ul {
}
.dyip .dyip_f .box li {
float:left;
width:24%;
margin-top: 0;
margin-right:0.5%;
margin-bottom: 0;
margin-left: 0.5%;
}
.dyip .dyip_f .box li .boxli {
border:1px solid #CCC;
padding:2%;
margin-bottom:6%;
}
.dyip .dyip_f .box li .boxli img {
width:100%;
}
.dyip .dyip_f .box li h2 {
height:30px;
text-align:center;
}
.dyip .dyip_f .box li h2 a{
color:#333;
font-size:14px;
font-family:"微软雅黑";
line-height:30px;
text-decoration:none;
}
.dyip .dyip_f .box li h2 a:hover{
color:#0162BF;
}
.dyip .dyip_f .box li .nr {
line-height:24px;
height:24px;
padding-top:2%;
padding-right: 0;
padding-bottom:2%;
padding-left: 0;
}
.derp {
padding-bottom:3%;
}
/*左侧栏目*/
.derp .derp_l {
float:left;
width:30%;
background:#FFF;
}
.derp .derp_l .box {
border:1px solid #CCC;
padding-bottom:22px;
border-top:2px solid #0162BF;
}
.derp .derp_l .box h2 {
height:38px;
line-height:38px;
border-bottom:1px solid #CCC;
font-size:20px;
font-weight:normal;
color:#333;
padding-left:20px;
overflow:hidden;
margin-bottom:10px;
}
.derp .derp_l .box h2 span {
float:right;
padding-top:13px;
}
.derp .derp_l .box ul {
padding:0 20px;
}
.derp .derp_l .box li {
line-height:35px;
border-bottom:1px dashed #CCC;
background:url(../images/pic40.gif) no-repeat left center;
padding-left:15px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
/*右侧栏目*/
.derp .derp_r {
float:right;
width:67%;
background:#FFF;
}
.derp .derp_r .box {
border:1px solid #CCC;
padding:3%;
}
/*右侧栏目里的整块*/
.derp .derp_r .box .r_f {
float:left;
width:100%;
}
.derp .derp_r .box .r_f .ti {
height:40px;
line-height:40px;
text-align:left;
font-family:"微软雅黑";
font-size:20px;
color:#333333;
font-weight:normal;
margin-bottom:15px;
border-bottom:1px #CCCCCC dashed;
overflow:hidden;
}
.derp .derp_r .box .r_f .ti span {
padding-top:13px;
float:right;
}
.derp .derp_r .box .r_f_l {
float:left;
padding-right:5%;
width:45%;
height:220px;
}
.derp .derp_r .box .r_f_l img {
width:100%;
}
.derp .derp_r .box .r_f_r {
float:right;
width:50%;
}
/*右侧栏目里的左侧*/
.derp .derp_r .box .r_l {
float:left;
width:47%;
}
.derp .derp_r .box .flexslider2 {
position:relative;
margin-top:0px;
}
.derp .derp_r .box .flexslider2 .slides > li {
display: none;
-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.derp .derp_r .box .flexslider2 .slides img {
width: 100%;
display: block;
border-radius: 0px;
}
.derp .derp_r .box .flex-pauseplay span {
text-transform: capitalize;
}
.derp .derp_r .box .flex-control-nav {
width: 100%;
text-align: center;
position:absolute;
bottom:10px;
}
.derp .derp_r .box .flex-control-nav li {
margin: 0 6px;
display: inline-block;
zoom: 1;
*display: inline;
}
.derp .derp_r .box .flex-control-paging li a {
width:10px;
height:10px;
display: block;
background: #666;
background:#FFF;
cursor: pointer;
text-indent: -9999px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
}
.derp .derp_r .box .flex-control-paging li a:hover {
background: #FFF;
}
.derp .derp_r .box .flex-control-paging li a.flex-active {
background: #e50012;
cursor: default;
}
/*右侧栏目里的右侧*/
.derp .derp_r .box .r_r {
float:right;
width:47%;
border-left:1px solid #CCC;
padding-left:2%;
}
.derp .derp_r .box .r_r .box {
}
.derp .derp_r .box .r_r img {
width:100%;
}
.ban {
width: 100%;
margin:0px auto;
padding-top:160px;
}
.banner {
width:100%;
margin-top:160px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
position:relative;
}
.banner img {
width:100%;
}
.banner p{
max-width:1200px;
height:auto;
text-align:center;
position:absolute;
bottom:26%;
right:20%;
margin:0px auto;
display:block;
}
.bt1{
width:100%;
height:auto;
margin-bottom:2%;
color:#fff;
font-family:"微软雅黑";
font-size:30px;
font-weight:normal;
text-align:right;
line-height:normal;
float:left;
}
.bt2{
width:100%;
height:auto;
color:#ccc;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
text-align:right;
line-height:normal;
float:left;
}
.dqwz {
background:#FFF;
border-bottom:2px solid #EEE;
}
.dqwz .box {
max-width:1200px; /*宽度在0~1200px之间*/
margin:0 auto;
line-height:50px;
}
.con {
max-width:1200px; /*宽度在0~1200px之间*/
margin:2% auto;
clear:left;
}
.con2_l {
float:left;
width:25%;
background:#FFF;
}
.con2_l .box {
}
.con2_l h2 {
line-height:60px;
font-size:18px;
background:#0162BF url(../images/pic27.png) no-repeat 80% center;
color:#FFF;
padding-left:20px;
font-weight:bold;
}
.con_l {
float:left;
width:20%;
background:#FFF;
}
.con_l .box {
width:100%;
height:auto;
overflow:hidden;
clear:left;
}
.con_l .box h2 {
width:100%;
height:auto;
padding-top:15%;
padding-bottom:15%;
color:#fff;
font-weight:normal;
line-height:30px;
font-size:28px;
font-family:"微软雅黑";
text-align:center;
border-bottom:2px solid #fff;
background-color:#0162BF;
}
.con_l .box h2 span{
font-size:18px;
font-family:"微软雅黑";
color:#fff;
font-weight:normal;
text-align:center;
line-height:normal;
margin-top:15px;
display:block;
}
.con_l .box2 {
width:100%;
margin-top:10%;
height:auto;
border:#ccc solid 1px;
overflow:hidden;
clear:left;
}
.con_l .box2 h2 {
color:#fff;
font-weight:normal;
height:60px;
line-height:60px;
font-size:28px;
font-family:"微软雅黑";
text-align:center;
background-color:#0162BF;
}
.con_l .box2 span{
width:90%;
padding:5%;
height:auto;
overflow:hidden;
clear:left;
line-height:200%;
font-size:12px;
font-family:"微软雅黑";
color:#333;
font-weight:normal;
text-align:left;
float:left;
}
.con_l .box ul {
width:100%;
padding:0px;
float:left;
}
.con_l .box ul li {
height:50px;
border-bottom:1px solid #0162BF;
background-color:#fff;
}
.con_l .box ul li a {
display:block;
color:#0162BF;
line-height:50px;
font-weight:normal;
font-size:16px;
text-decoration:none;
background-color: #fff;
background-image: url(../images/pic28.png);
background-repeat: no-repeat;
background-position: 50px center;
width:70%;
padding-left:30%;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.con_l .box ul li a:hover {
color:#fff;
background:#0162BF url(../images/pic29.gif);
background-repeat: no-repeat;
background-position: 50px center;
}
.con_l .box ul li a.current {
color:#fff;
background:#0162BF url(../images/pic29.gif);
background-repeat: no-repeat;
background-position: 50px center;
}
.con_l .box ul li ul{
padding:0px;
}
.con_l .box ul li ul li a {
font-size: 12px;
padding-left:15%;
display:block;
background:none;
}
.con_l .box ul li ul li a:hover {
padding-left:15%;
display:block;
text-decoration:none;
background:none;
}
.con_l .box ul li ul li a.current {
color:#333; /*当前链接样式*/
background:none;
}
.con_l2 {
float:left;
width:20%;
background:#FFF;
}
.con_l2 .box {
width:100%;
height:auto;
overflow:hidden;
clear:left;
}
.con_l2 .box h2 {
width:100%;
height:auto;
padding-top:15%;
padding-bottom:15%;
color:#fff;
font-weight:normal;
line-height:30px;
font-size:28px;
font-family:"微软雅黑";
text-align:center;
border-bottom:2px solid #fff;
background-color:#0162BF;
}
.con_l2 .box h2 span{
font-size:14px;
font-family:"微软雅黑";
color:#fff;
font-weight:normal;
text-align:center;
line-height:normal;
margin-top:15px;
display:block;
}
.con_l2 .box2 {
width:100%;
height:auto;
padding-top:0%;
padding-bottom:0%;
background-color:#0162BF;
display:block;
overflow:hidden;
clear:left;
}
.con_l2 .box ul {
width:100%;
padding:0px;
float:left;
}
.con_l2 .box ul li {
height:60px;
border-bottom:1px solid #0162BF;
background-color:#fff;
}
.con_l2 .box ul li a {
display:block;
color:#0162BF;
line-height:60px;
font-weight:normal;
font-size:16px;
text-decoration:none;
background-color: #fff;
background-image: url(../images/pic28.png);
background-repeat: no-repeat;
background-position: 50px center;
width:70%;
padding-left:30%;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.con_l2 .box ul li a:hover {
color: #fff;
background:#0162BF url(../images/pic29.gif);
background-repeat: no-repeat;
background-position: 50px center;
}
.con_l2 .box ul li a.current {
color: #fff;
background:#0162BF url(../images/pic29.gif);
background-repeat: no-repeat;
background-position: 50px center;
}
.con_r {
float:right;
width:78%;
background:#FFF;
}
.abl{
width:500px;
height:auto;
float:left;
}
.abl img{
width:100%;
}
.abr{
width:640px;
height:auto;
padding-left:30px;
padding-right:30px;
padding-top:4%;
padding-bottom:4%;
line-height:200%;
color:#fff;
font-family:"微软雅黑";
font-size:14px;
background-color:#0162BF;
float:right;
}
.abr h{
width:100%;
height:auto;
margin-bottom:4%;
line-height:normal;
color:#fff;
font-family:"微软雅黑";
font-size:20px;
font-weight:bold;
text-align:left;
display:block;
}
.anm a {
display:block;
width:120px;
height:30px;
line-height:30px;
color:#fff;
background-color: #0162BF;
border-radius:30px;
text-align:center;
float:left;
}
.anm a:hover {
color:#fff;
}
.anm2 a {
display:block;
width:120px;
height:30px;
line-height:30px;
color:#fff;
background-color: #333;
border-radius:30px;
text-align:center;
float:right;
}
.anm2 a:hover {
color:#fff;
}
.anm3 a {
display:block;
width:70px;
height:25px;
line-height:25px;
color:#fff;
background-color: #0162BF;
border-radius:0px;
text-align:center;
margin:0px auto;
}
.anm3 a:hover {
color:#fff;
}
.anm4 a {
display:block;
width:auto;
height:30px;
padding-left:4%;
padding-right:4%;
margin-right:2%;
line-height:30px;
color:#000;
background-color: #fff;
border:#ddd solid 1px;
border-radius:30px;
text-align:center;
float:left;
}
.anm4 a:hover {
color:#fff;
background-color: #0162BF;
border:#0162BF solid 1px;
}
.anm4 a:hover img{
-webkit-filter:brightness(100);
}
.sz {
width:25%;
height:auto;
float:left;
background-image: url(../images/mx.jpg);
background-repeat: repeat-y;
background-position: right center;
}
.sz h{
width:100%;
height:auto;
color:#0162BF;
font-family:"微软雅黑";
font-size:50px;
font-weight:bold;
line-height:normal;
text-align:center;
float:left;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.sz h2{
width:100%;
height:auto;
color:#666;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
line-height:normal;
text-align:center;;
float:left;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.cs {
width:23%;
height:auto;
margin-right:2%;
margin-top:0.4%;
margin-bottom:0.4%;
float:left;
}
.cs h{
width:33%;
height:auto;
margin-right:2%;
color:#999;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
line-height:normal;
text-align:left;
float:left;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.cs h2{
width:65%;
height:auto;
color:#333;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
line-height:normal;
text-align:left;
float:left;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.xz {
width:97%;
height:auto;
padding:1.4%;
background-color:#F3F3F3;
border:#ddd solid 1px;
float:left;
cursor:pointer;
}
.xz h{
width:100%;
height:auto;
color:#333;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
line-height:normal;
text-align:left;
display:block;
float:left;
background-image:url(../images/xi.png);
background-repeat: no-repeat;
background-position: 185px center;
}
.xz:hover h{
background-image:url(../images/xi2.png);
background-repeat: no-repeat;
background-position: 185px center;
}
.xz h2{
width:100%;
height:auto;
margin-top:2%;
display:none;
float:left;
}
.xz:hover h2{
display:block;
-webkit-transition:3s;
transition:3s;
}
.xz h2 span{
width:23%;
height:auto;
margin-right:2%;
margin-top:1%;
margin-bottom:1%;
line-height:normal;
color:#339900;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
text-align:left;
display:block;
float:left;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.xz h2 span img{
margin-top:3px;
margin-left:5px;
margin-right:5px;
}
.xz h2 span a{
line-height:normal;
color:#0162BF;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
text-decoration:none;
}
.xz h2 span a:hover{
color:#0162BF;
}
.hp a {
width:17%;
height:auto;
padding:0.9%;
margin:0.5%;
line-height:normal;
color:#333;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
background-color: #fff;
border:#ddd solid 1px;
border-radius:0px;
text-align:center;
float:left;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.hp a:hover {
color:#fff;
background-color:#0162BF;
border:#0162BF solid 1px;
}
.hp img{
margin-top:3px;
margin-right:8px;
}
.hp:hover img{
-webkit-filter:brightness(100);
}
.ou {
width:46%;
height:auto;
padding:2%;
line-height:normal;
color:#666;
font-family:"微软雅黑";
font-size:16px;
font-weight:normal;
background-color:#eee;
border-radius:0px;
text-align:center;
float:left;
cursor:pointer;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ou:hover {
color:#fff;
background-color:#0162BF;
}
.ou2 {
width:46%;
height:auto;
padding:2%;
line-height:normal;
color:#666;
font-family:"微软雅黑";
font-size:16px;
background-color:#ddd;
border-radius:0px;
text-align:center;
float:left;
cursor:pointer;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.ou2:hover {
color:#fff;
background-color:#0162BF;
}
.nti {
width:100%;
height:auto;
margin-bottom:2%;
color:#333;
font-family:"微软雅黑";
font-size:20px;
line-height:30px;
font-weight:bold;
float:left;
}
.nti span{
color:#0162BF;
font-family:"微软雅黑";
font-size:20px;
line-height:30px;
font-weight:bold;
}
.nti2 {
width:100%;
height:auto;
margin-bottom:2%;
color:#888;
font-family:"微软雅黑";
font-size:14px;
line-height:30px;
font-weight:normal;
float:left;
}
.nti3 {
width:100%;
height:auto;
margin-top:1%;
color:#666;
font-family:"微软雅黑";
font-size:14px;
line-height:30px;
font-weight:normal;
float:left;
}
.nti3 span{
color:#0162BF;
font-family:"微软雅黑";
font-size:14px;
line-height:30px;
font-weight:bold;
}
.nti3 a{
color:#666;
font-family:"微软雅黑";
font-size:14px;
line-height:30px;
font-weight:normal;
text-decoration:none;
}
.nti3 a:hover{
color:#0162BF;
}
.ti2 {
padding-top:1%;
padding-bottom:1%;
padding-left:2%;
padding-right:2%;
margin-top:2%;
color:#0162BF;
font-family:"微软雅黑";
font-size:18px;
line-height:30px;
font-weight:bold;
border-bottom:#ddd solid 1px;
overflow:hidden;
background-image: -webkit-linear-gradient(#f2f2f2, #dedfdf);
background-image: -moz-linear-gradient(#f2f2f2, #dedfdf);
background-image: -ms-linear-gradient(#f2f2f2, #dedfdf);
background-image: -o-linear-gradient(#f2f2f2, #dedfdf);
background-image: linear-gradient(#f2f2f2, #dedfdf);
}
.about {
width:100%;
height:auto;
color:#333;
font-family:"微软雅黑";
font-size:14px;
line-height:200%;
font-weight:normal;
float:left;
}
.about img{
max-width:100%;
}
.about video{
max-width:100%;
}
.about .pic {
float: right;
padding: 0px 0px 0px 20px;
max-width:580px;
}
.about .pic img {
box-shadow: 0px 0px 0px #ccc;
width:580px;
}
.about table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:25px!important;}
.about table td{padding: 5px!important; padding-left:10px !important;word-wrap:break-word;word-break:break-word;border: 1px #ccc solid !important;line-height:25px!important; text-align:left;}
.about table td div{
padding: 0px!important;height:auto!important;
}
.page {
width:100%;
margin-top:2%;
text-align:center;
overflow:hidden;
clear:left;
font-family: "微软雅黑";
font-size: 14px;
color: #0162BF;
text-decoration: none;
font-weight: normal;
line-height: 30px;
}
.yt {
width:100%;
height:auto;
overflow:hidden;
float:left;
}
.ytt {
width:40%;
height:auto;
padding:5%;
font-family: "微软雅黑";
font-size: 14px;
color: #666;
text-decoration: none;
font-weight: normal;
line-height: 30px;
text-align:left;
float:left;
}
.ytt h{
width:100%;
height:auto;
padding-bottom:2.5%;
margin-bottom:2.5%;
border-bottom: dashed 1px #ddd;
font-family: "微软雅黑";
font-size: 20px;
color: #333;
text-decoration: none;
font-weight: bold;
line-height: normal;
text-align:left;
display:block;
float:left;
}
.ytp {
width:50%;
height:auto;
float:left;
}
.ytp img{
max-width:100%;
}
.np {
width:100%;
height:auto;
border-bottom:#ccc dashed 1px;
padding-bottom:2%;
margin-bottom:2%;
float:left;
}
.np1 {
width:25%;
height:auto;
margin-right:5%;
float:left;
}
.np1 img{
width:100%;
height:auto;
border:0px;
}
.np2 {
width:70%;
height:auto;
float:left;
}
.np2 h{
width:100%;
height:40px;
text-align:left;
display:block;
float:left;
}
.np2 h a{
font-size:18px;
color:#0162BF;
font-weight: normal;
font-family: "微软雅黑";
line-height:40px;
text-decoration:none;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.np2 h a:hover{
text-decoration:underline;
}
.np2 h2{
width:100%;
height:30px;
font-size:14px;
color:#999;
font-weight: normal;
font-family: "微软雅黑";
line-height:30px;
text-align:left;
display:block;
float:left;
}
.np2 h3{
width:100%;
height:50px;
font-size: 14px;
color: #666;
font-weight: normal;
font-family: "微软雅黑";
line-height: 25px;
word-break: break-word;
text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp: 3; /** 显示的行数 **/
overflow: hidden; /** 隐藏超出的内容 **/
float:left;
}
.np2 h4{
width:100%;
height:40px;
text-align:left;
display:block;
float:left;
}
.np2 h4 a{
font-size:14px;
color:#0162BF;
font-weight: normal;
font-family: "微软雅黑";
line-height:40px;
text-decoration:none;
}
.np2 h4 a:hover{
text-decoration:underline;
}
.fp {
width:100%;
height:auto;
border-bottom:#ccc dashed 1px;
padding-bottom:2%;
margin-bottom:2%;
float:left;
}
.fp2 {
width:100%;
height:auto;
float:left;
}
.fp2 h{
width:100%;
height:40px;
margin-bottom:1%;
text-align:left;
display:block;
float:left;
}
.fp2 h img{
margin-top:1%;
margin-right:1%;
}
.fp2 h a{
font-size:16px;
color:#0162BF;
font-weight: normal;
font-family: "微软雅黑";
line-height:40px;
text-decoration:none;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.fp2 h a:hover{
color:#0162BF;
}
.fp2 h3{
width:100%;
height:50px;
font-size: 12px;
color: #666;
font-weight: normal;
font-family: "微软雅黑";
line-height: 25px;
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp: 2; /** 显示的行数 **/
overflow: hidden; /** 隐藏超出的内容 **/
float:left;
}
.fp2 h3 img{
margin-right:1%;
}
.fp2 h4{
width:100%;
height:40px;
text-align:right;
display:block;
float:left;
}
.fp2 h4 a{
font-size:12px;
color:#0162BF;
font-weight: normal;
font-family: "微软雅黑";
line-height:40px;
text-decoration:none;
}
.fp2 h4 a:hover{
text-decoration:underline;
}
.news {
padding:0%;
}
.news .page {
width:100%;
margin-top:1%;
margin-bottom:1%;
text-align:center;
clear:left;
font-family: "微软雅黑";
font-size: 14px;
color: #0162BF;
text-decoration: none;
font-weight: normal;
line-height: 30px;
}
.news ul {
}
.news li {
line-height:40px;
margin:5px 0;
}
.news li p {
float:left;
background:url(../images/pic30.png) no-repeat left center;
width:110px;
height:30px;
line-height:30px;
color:#FFF;
text-align:center;
margin:5px 30px 5px 5px;
}
.news li:hover p {
background:url(../images/pic30_1.png) no-repeat left center;
}
.news li:nth-child(even) {
background:#f3f3f3; /*列表次序背景色*/
}
.news li a {
display:block;
}
.news li a:hover {
display:block;
text-decoration:none;
}
.news_content {
padding:0%;
}
.news_content .title {
line-height:30px;
}
.news_content .title h2 {
color:#0162BF;
font-family:"微软雅黑";
font-size:28px;
line-height:normal;
font-weight:normal;
text-align:center;
margin-bottom:2%;
}
.news_content .title p{
color:#999;
font-size:14px;
font-weight:normal;
text-align:center;
}
.news_content .news_nr {
margin-top:3%;
color:#333;
font-family:"微软雅黑";
font-size:14px;
line-height:30px;
font-weight:normal;
}
.news_content .news_nr p img{
max-width:100%;
}
.news_content .back {
width:100%;
margin-top:1%;
margin-bottom:1%;
text-align:center;
clear:left;
}
.rczp {
padding:0%;
}
.rczp table {
border-left:1px solid #DDD;
border-bottom:1px solid #DDD;
}
.rczp table td {
border-top:1px solid #DDD;
border-right:1px solid #DDD;
padding:0 10px;
}
.rczp_xq {
background:#FFF;
margin-bottom:2%;
}
.rczp_xq h2 {
font-size:16px;
font-weight:bold;
height:50px;
line-height:50px;
margin-top:20px;
}
.rczp_xq h2 span {
float:right;
font-size:14px;
font-weight:normal;
color:#999;
}
.rczp_xq .gzdd {
height:50px;
line-height:50px;
}
.rczp_xq .gzdd p {
float:left;
padding-right:3%;
}
.rczp_xq .gzdd p span {
color:#0162BF;
}
.rczp_xq .back {
width:100%;
margin-top:1%;
margin-bottom:1%;
text-align:center;
clear:left;
}
.zzhe {
padding-top:20px;
}
.zzhe h4 {
font-weight:bold;
}
.zzhe p {
line-height:30px;
}
.contact {
color:#333;
font-family:"微软雅黑";
font-size:14px;
line-height:30px;
font-weight:normal;
}
.lxk {
width:100%;
height:auto;
overflow:hidden;
float:left;
}
.lx1 {
width:45%;
height:auto;
margin-right:5%;
overflow:hidden;
float:left;
}
.lx1 img{
width:100%;
}
.lx2 {
width:50%;
height:auto;
overflow:hidden;
color:#333;
font-family:"微软雅黑";
font-size:16px;
line-height:normal;
font-weight:normal;
float:left;
}
.zk {
width:48%;
height:auto;
margin-left:1%;
margin-right:1%;
overflow:hidden;
float:left;
}
.product {
width:100%;
}
.product .show {
padding-top: 3%;
padding-right: 1%;
padding-bottom: 3%;
padding-left: 1%;
}
.product .show ul {
}
.product .show li {
float:left;
width:30.333%;
margin-top: 0;
margin-right: 1.5%;
margin-bottom: 0;
margin-left: 1.5%;
}
.product .show li .showli {
border:1px solid #CCC;
padding:2%;
margin-bottom:6%;
}
.product .show li .showli img {
width:100%;
}
.product .show li h2 {
height:30px;
line-height:30px;
text-align:center;
color:#FFF;
margin-top:20px;
background-color: #DDDDDD;
}
.product .show li .nr {
line-height:24px;
height:24px;
padding-top:2%;
padding-right: 0;
padding-bottom:2%;
padding-left: 0;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.product .show .page {
width:100%;
margin-top:1%;
margin-bottom:1%;
text-align:center;
clear:left;
font-family: "微软雅黑";
font-size: 14px;
color: #0162BF;
text-decoration: none;
font-weight: normal;
line-height: 30px;
}
.productd {
padding:0%;
}
.productd .name {
height:40px;
line-height:40px;
text-align:center;
font-family:"微软雅黑";
font-size:16px;
color:#333333;
font-weight:bold;
margin-bottom:2%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #E4E4E4;
}
.productd .show {
text-align:center;
width:100%;
}
.productd .show img {
max-width:100%;
}
.productd .showw {
text-align:center;
width:100%;
height:auto;
overflow:hidden;
}
.productd .showw .cl {
width:40%;
height:auto;
float:left;
}
.productd .showw .cr {
width:60%;
height:auto;
line-height:30px;
text-align:left;
font-family:"微软雅黑";
font-size:14px;
color:#333;
font-weight:normal;
float:left;
}
.productd .showw .cr h{
width:100%;
height:auto;
margin-bottom:2%;
line-height:normal;
color:#333;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
text-align:left;
display:block;
float:left;
}
.productd .showw .cr h2{
width:100%;
height:auto;
display:block;
float:left;
}
.productd .showw .cr h2 span{
width:40%;
height:auto;
margin:5%;
line-height:normal;
color:#339900;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
text-align:left;
display:block;
float:left;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.productd .showw .cr h2 span img{
margin-top:3px;
margin-left:5px;
margin-right:5px;
}
.productd .showw .cr h2 span a{
line-height:normal;
color:#0162BF;
font-family:"微软雅黑";
font-size:14px;
font-weight:normal;
text-decoration:none;
}
.productd .showw .cr h2 span a:hover{
color:#0162BF;
}
.productd .showw .cll {
display:none;/*此元素不会被显示*/
}
.productd .ti {
height:40px;
line-height:40px;
text-align:left;
text-indent:10px;
font-family:"微软雅黑";
font-size:16px;
color:#333333;
font-weight:bold;
background-color: #E8E8E8;
margin-top:3%;
overflow:hidden;
clear:left;
}
.productd .con {
line-height:24px;
text-align:left;
font-family:"微软雅黑";
font-size:14px;
color:#333333;
font-weight:normal;
clear:left;
}
.productd .con img{
max-width:100%;
}
.productd .con table{ border-collapse:collapse; border: 1px #ccc solid !important; width:100% !important;line-height:25px!important;}
.productd .con table td{padding: 5px!important; padding-left:10px !important;word-wrap:break-word;word-break:break-all;border: 1px #ccc solid !important;line-height:25px!important; text-align:center;}
.productd .con table td div{
padding: 0px!important;height:auto!important;
}
.productd .back {
width:100%;
height:auto;
margin-top:2%;
margin-bottom:2%;
text-align:center;
clear:left;
float:left;
}
.hwzz {
padding:3%;
}
.hwzz textarea {
width:96%;
min-height:150px;
padding:2%;
outline:medium;
border:1px solid #CCC;
}
.hwzz .input_btn {
width:100px;
height:40px;
background:#0162BF;
color:#FFF;
outline:medium;
border:0 none;
margin-top:10px;
}
.z1 {
width:38%;
height:auto;
padding-top:10%;
padding-bottom:10%;
padding-left:5%;
padding-right:5%;
margin-right:4%;
float:left;
background-image:url(../images/abg.jpg);
background-size:100% 100%;
}
.z2 {
width:48%;
height:auto;
float:left;
}
.zti {
width:100%;
height:auto;
margin-bottom:5%;
float:left;
}
.ztit {
width:80%;
height:auto;
font-size:26px;
color:#333;
font-weight:bold;
font-family: "微软雅黑";
line-height:40px;
float:left;
}
.ztim {
width:20%;
height:auto;
text-align:right;
float:right;
}
.zp {
width:100%;
height:auto;
margin-bottom:15px;
float:left;
}
.zp img{
width:100%;
height:auto;
border:0px;
}
.ztext {
width:100%;
height:auto;
font-family: "微软雅黑";
font-size: 14px;
color:#fff;
text-decoration: none;
font-weight: normal;
line-height:30px;
float:left;
}
.innew {
width:95%;
height:24px;
line-height:24px;
padding-left:5%;
background-image:url(../images/news_arr.gif);
background-repeat: no-repeat;
background-position: left center;
float:left;
}
.innewt {
width:80%;
height:24px;
line-height:24px;
float:left;
}
.innewt a {
width:100%;
line-height:24px;
font-family: "微软雅黑";
font-size: 14px;
font-weight: normal;
color: #333;
text-decoration:none;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.innewt a:hover{
color:#0162BF;
}
.innewd {
width:20%;
height:24px;
line-height:24px;
font-family: "微软雅黑";
font-size: 12px;
font-weight: normal;
color: #999;
text-align:left;
float:right;
}
.ingenew {
width:100%;
height:10px;
margin-top:8px;
margin-bottom:8px;
background-image:url(../images/inge.jpg);
float:left;
}
.lti {
width:100%;
height:40px;
line-height: 40px;
font-size:16px;
color:#0162BF;
font-weight:bold;
font-family: "微软雅黑";
text-align:left;
}
.ltit {
width:100%;
height:auto;
text-align:left;
}
.ltit a{
font-family: "微软雅黑";
font-size: 14px;
color:#666;
text-decoration: none;
font-weight: normal;
line-height:30px;
display:inline-block;
}
.ltit a:hover{
color:#0162BF;
}
/* tabs style 1 内容切换表*/
.tabs_style1 {
background:#fff;
}
.tabs_style1 > ul.navs {
margin-bottom:0;
}
.tabs_style1 > ul.navs > li {
float:left;
margin-bottom:-1px;
}
.tabs_style1 > ul.navs > li > a {
line-height:40px;
color:#fff;
font-family:"微软雅黑";
font-size:16px;
font-weight:normal;
text-decoration:none;
text-align:center;
padding-left:20px;
padding-right:20px;
margin-left:10px;
margin-right:10px;
padding-bottom:7px;
background-image: url(../images/djt.png);
background-repeat: no-repeat;
background-position: center bottom;
}
.tabs_style1 > ul.navs > li.active > a, .tabs_style1 > ul.nav > li > a:hover {
color:#fff;
font-family:"微软雅黑";
font-size:16px;
font-weight:normal;
text-decoration:none;
border:0px solid #ccc;
}
.tabs_style1 > ul.navs > li.active > a {
padding-bottom:7px;
background-image: url(../images/djt2.png);
background-repeat: no-repeat;
background-position: center bottom;
}
.tabs_style1 .tab-content {
display: table;
width: 100%;
padding-top: 20px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
.tabbable:before, .tabbable:after {
display: table;
content: " ";
}
.tabbable:after {
clear: both;
}
.tabbable:before, .tabbable:after {
display: table;
content: " ";
}
.tabbable:after {
clear: both;
}
.tab-content > .tab-pane, .pill-content > .pill-pane {
display: none;
}
.tab-content > .active, .pill-content > .active {
display: block;
}
.navs:after {
clear: both;
}
.navs > li {
position: relative;
display: block;
}
.navs > li > a {
position: relative;
display: block;
}
.navs > li > a:hover, .navs > li > a:focus {
text-decoration: none;
}
/* tabs style 1 左右滚动*/
.scrollImgList1 {
OVERFLOW: hidden;
height:190px;
ZOOM: 1
}
.scrollImgList1 .LeftBotton {
FLOAT: left;
WIDTH: 0px;
CURSOR: pointer;
HEIGHT: 190px;
background-image: url(../show/l.png);
background-repeat: no-repeat;
background-position: center center;
}
.scrollImgList1 .RightBotton {
FLOAT: left;
WIDTH: 0px;
CURSOR: pointer;
HEIGHT: 190px;
background-image: url(../show/r.png);
background-repeat: no-repeat;
background-position: center center;
}
.scrollImgList1 .Cont {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
OVERFLOW: hidden;
WIDTH: 1200px;
PADDING-TOP: 0px
}
.scrollImgList1 .ScrCont {
OVERFLOW: hidden;
WIDTH: 32766px;
ZOOM: 1
}
#List1_1 {
FLOAT: left
}
#List2_1 {
FLOAT: left
}
#List1_2 {
FLOAT: left
}
#List2_2 {
FLOAT: left
}
.scrollImgList1 .box {
FLOAT: left;
WIDTH: 240px;
}
.yy {
width:100%;
margin-top:2%;
margin-bottom:2%;
height:auto;
float:left;
}
.yy1 {
width:40%;
height:auto;
margin-right:5%;
float:left;
}
.yy1 img{
width:100%;
height:auto;
border:0px;
}
.yyg {
width:15%;
padding-top:5%;
text-align:center;
float:left;
}
.yyg img{
max-width:90%;
}
.yy2 {
width:40%;
padding-top:5%;
float:left;
}
.yy3 {
width:40%;
padding-top:5%;
float:left;
}
.yy4 {
width:40%;
margin-left:5%;
height:auto;
float:left;
}
.yy4 img{
width:100%;
height:auto;
border:0px;
}
.yy2 h{
width:100%;
padding-bottom:2%;
margin-bottom:2%;
border-bottom:dashed 1px #ddd;
line-height:30px;
color:#0162BF;
font-family:"微软雅黑";
font-size:26px;
font-weight:bold;
text-align:left;
text-decoration:none;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
float:left;
}
.yy2 span{
width:100%;
font-size: 16px;
color:#666;
font-weight: normal;
font-family: "微软雅黑";
line-height: 40px;
text-align:left;
float:left;
}
.yy3 h{
width:100%;
padding-bottom:2%;
margin-bottom:2%;
border-bottom:dashed 1px #ddd;
line-height:30px;
color:#0162BF;
font-family:"微软雅黑";
font-size:26px;
font-weight:bold;
text-align:left;
text-decoration:none;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
float:left;
}
.yy3 span{
width:100%;
font-size: 16px;
color:#666;
font-weight: normal;
font-family: "微软雅黑";
line-height: 40px;
text-align:left;
float:left;
}
.st {
width:30%;
height:auto;
margin-bottom:2%;
padding-left:1.8%;
border-left:#ddd solid 1px;
display:inline-block;
float:left;
}
.st h{
width:30%!important;
height:auto;
text-indent:0px!important;
text-align:center;
display:block;
float:left;
}
.st h img{
max-width:100%;
}
.st h a {
width:100%;
height:auto;
line-height:20px;
color:#0162BF!important;
font-family:"微软雅黑";
font-size:16px!important;
text-align:center;
text-decoration:none;
float:left;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.st:hover h a{
color:#0162BF!important;
}
.st span{
width:70%!important;
height:auto;
float:left;
}
.st span a {
width:50%;
height:auto;
line-height:20px;
color:#666!important;
font-family:"微软雅黑";
font-size:14px;
text-align:left;
text-decoration:none;
float:left;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.st span a:hover {
color:#0162BF!important;
}
.dao{
width: 200px;
height:auto;
margin:0px auto;
}
.dao ul {
margin: 0;
padding: 0;
list-style: none;
width: 200px; /* Width of Menu Items */
}
.dao ul li {
position: relative;
}
.dao li ul {
position: absolute;
left: 200px; /* Set 1px less than menu width */
top:0px;
display: none;
width:600px;
height:auto;
padding:40px;
text-align:left;
background-color:#fff;
border:solid 1px #ccc;
}
/* Styles for Menu Items */
.dao ul li a {
display: block;
height:auto;
padding-top:5%;
padding-bottom:5%;
line-height:normal;
text-indent:30px;
font-family:"微软雅黑";
color:#333;
font-size:14px;
font-weight:normal;
text-decoration:none;
background-color:#eee;
}
.dao ul li a:hover {
color:#0162BF;
background-color:#fff!important;
}
/* Fix IE. Hide from IE Mac \*/
* html .dao ul li {
float: left;
height: 1%;
}
* html .dao ul li a {
height: 1%;
text-decoration:none;
}
* html .dao ul li a:hover {
height: 1%;
text-decoration:none;
}
/* End */
.dao li:hover ul, li.over ul {
display: block;
}
.fen{
width: 100%;
height:auto;
margin:0px auto;
}
.fen h{
width: 100%!important;
height:auto!important;
text-align:left!important;
line-height:auto!important;
display:block!important;
float:left!important;
}
.fen h a{
padding-top:0%!important;
padding-bottom:0%!important;
text-indent:0px!important;
line-height:auto!important;
font-family:"微软雅黑"!important;
color:#333!important;
font-size:14px!important;
font-weight:bold!important;
text-decoration:none!important;
background-color:#fff!important;
}
.fen h a:hover{
color:#0162BF!important;
}
.fen h2{
width: 100%!important;
height:auto!important;
text-align:left!important;
text-indent:0px!important;
margin-bottom:2%!important;
display:block!important;
float:left!important;
}
.fen h2 a{
padding-top:0%!important;
padding-bottom:0%!important;
margin-right:2%!important;
text-indent:0px!important;
line-height:30px!important;
font-family:"微软雅黑"!important;
color:#999!important;
font-size:14px!important;
font-weight:normal!important;
text-decoration:none!important;
display:inline-block!important;
background-color:#fff!important;
}
.fen h2 a:hover{
color:#0162BF!important;
}
.tabk {
width:100%;
height:auto;
}
.tabk ul li {
width: 22.7%;
height:auto;
padding:1%;
margin-right:0.3%;
margin-bottom:2%;
font-size:14px;
font-family: "微软雅黑";
color:#fff;
line-height:normal;
text-align: center;
background-color:#333;
float: left;
cursor:pointer;
display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.tabk ul li:hover {
color:#fff;
cursor: pointer;
background-color:#0162BF;
}
.tabk ul li.hover {
color:#fff;
font-weight:normal;
cursor: pointer;
background-color:#0162BF;
}
.neir {
width:100%;
height:auto;
display: none;
text-align:left;
font-size:14px;
font-family:"微软雅黑";
color:#333;
}
.zd {
width:100%;
height:auto;
margin:0px auto;
}
.zd ul li {
width:100%;
height:auto;
margin-top:2%;
margin-bottom:2%;
}
.zd ul li a {
color:#333;
font-family:"微软雅黑";
text-decoration:none;
font-size:16px;
line-height:40px;
font-weight:normal;
text-indent:45px;
display:block;
background-color:#fff;
background-image: url(../images/jia.png);
background-repeat: no-repeat;
background-position: 15px center;
}
.zd ul li a:hover {
color:#fff;
font-weight:bold;
display:block;
background-color:#0162BF;
background-image: url(../images/jian.png);
background-repeat: no-repeat;
background-position: 15px center;
}
.zd ul li.select a{
color:#fff;
font-weight:bold;
display:block;
background-color:#0162BF;
background-image: url(../images/jian.png);
background-repeat: no-repeat;
background-position: 15px center;
}
.f_h {
width:100%;
line-height:normal;
}
.f_h ul {
list-style:none;
}
.f_h ul li {
width:84%;
height:120px;
padding-left:8%;
padding-right:8%;
margin-top:2%;
margin-bottom:3%;
color:#333;
font-family:"微软雅黑";
text-decoration:none;
font-size:14px;
line-height:200%;
}
.f_h ul {
max-height:0;
overflow:hidden;
transition:all 0.4s;
}
.f_h.select ul{
max-height:1020px;
}
.fx {
width:100%;
height:auto;
text-align:left;
float:left;
}
.fx img{
width:23%;
height:auto;
margin:1%;
float:left;
}
.gun{ width:98%; padding-left:1%; padding-right:1%; margin:0 auto; overflow:hidden; background:#fff;}
.gun_w{ margin:0px auto; max-width:1200px;}
.gun_name{ width:100%; margin:0 auto 30px auto; overflow:hidden;}
.gun_name .gun_left{ float:left; font-size:24px; color:#333; line-height:34px; position:relative; padding:0 0 12px 0; text-transform:uppercase;}
.gun_name .gun_left:after{ background:#f18101; content:""; position:absolute; width:26px; height:3px; left:0; bottom:0;}
.gun_name a{ float:right; width:140px; border:#888 1px solid; border-radius:16px; font-size:14px; color:#525252; line-height:32px; text-align:center; text-transform:uppercase; transition:all .35s;}
.gun_name a:hover{ color:#fff; text-decoration:none; background:#333; border:#333 1px solid;}
.gun_k{ position:relative; margin:0px auto 0 auto;}
.gun_k .pre,.gun_k .next{ position:absolute; display:block; width:32px; height:75px; top:50%; margin:-38px 0 0 0;}
.gun_k .pre{ left:-0px; cursor:pointer; background:url(../images/pre.png) no-repeat center; opacity:0.2;}
.gun_k:hover .pre{ opacity:1.0;}
.gun_k .next{ right:-0px; cursor:pointer; background:url(../images/next.png) no-repeat center; opacity:0.2;}
.gun_k:hover .next{ opacity:1.0;}
.gun_g{ width:100%; margin:0 auto; overflow:hidden;}
.gun_g ul{ width:800%;}
.gun_g li{ float:left; display:inline; width:2.35%; margin:0 0.19% 0 0;} /* 四个排列请改宽度 width:3.00% */
.gun_g li a{ display:block; border-radius:2px; font-size:14px; color:#0162C0; font-weight:bold; text-decoration:none; padding-top: 3px; background-image: url(../images/dix.jpg);background-repeat: no-repeat;background-position: top right;}
.gun_g li a:hover{ text-decoration:none; color:#0162C0; border-bottom:#0162C0 3px solid;}
.gun_g li img{ width:100%;}
.gun_g li font{ margin:10px 0 6px 0; text-align:center; line-height:40px; height:40px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.gun2{ width:98%; padding-left:1%; padding-right:1%; margin:0 auto; overflow:hidden; background:#fff;}
.gun2_w{ margin:0px auto; max-width:1200px;}
.gun2_name{ width:100%; margin:0 auto 30px auto; overflow:hidden;}
.gun2_name .gun2_left{ float:left; font-size:24px; color:#333; line-height:34px; position:relative; padding:0 0 12px 0; text-transform:uppercase;}
.gun2_name .gun2_left:after{ background:#f18101; content:""; position:absolute; width:26px; height:3px; left:0; bottom:0;}
.gun2_name a{ float:right; width:140px; border:#888 1px solid; border-radius:16px; font-size:14px; color:#525252; line-height:32px; text-align:center; text-transform:uppercase; transition:all .35s;}
.gun2_name a:hover{ color:#fff; text-decoration:none; background:#333; border:#333 1px solid;}
.gun2_k{ position:relative; margin:0px auto 0 auto;}
.gun2_k .pre2,.gun2_k .next2{ position:absolute; display:block; width:32px; height:75px; top:50%; margin:-38px 0 0 0;}
.gun2_k .pre2{ left:-0px; cursor:pointer; background:url(../images/pre2.png) no-repeat center; opacity:0.2;}
.gun2_k:hover .pre2{ opacity:1.0;}
.gun2_k .next2{ right:-0px; cursor:pointer; background:url(../images/next2.png) no-repeat center; opacity:0.2;}
.gun2_k:hover .next2{ opacity:1.0;}
.gun2_g{ width:100%; margin:0 auto; overflow:hidden;}
.gun2_g ul{ width:800%;}
.gun2_g li{ float:left; display:inline; width:3.00%; margin:0 0.16% 0 0;} /* 五个排列请改宽度 width:2.35%; margin:0 0.19% */
.gun2_g li a{ border:#ccc 1px solid; display:block; border-radius:2px; font-size:14px; color:#333; text-decoration:none;}
.gun2_g li a:hover{ text-decoration:none; color:#0162BF;}
.gun2_g li img{ width:100%;}
.gun2_g li font{ margin:10px 0 6px 0; text-align:center; line-height:26px; height:26px; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}