/*common start*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input {
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
border: 0;
list-style: none;
}
body {
font-size: 12px;
font-family: 'Microsoft YaHei';
color: #666;
position: relative;
}
p {
line-height: 1.8em;
padding: 5px 0;
}
.clear {
margin: 0;
padding: 0;
font-size: 0;
clear: both;
}
.wapper {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.head {
}
.topbg {
height: 30px;
font-size: 12px;
width: 100%;
background-color: #5b5e63;
color: #FFFFFF;
}
.top {
height: 30px;
line-height: 30px;
}
.topspL {
display: block;
float: left;
}
.top ul {
overflow: hidden;
height: 26px;
line-height: 26px;
float: right;
margin-top: 2px;
}
.top ul li {
width: 26px;
height: 26px;
line-height: 26px;
float: right;
margin-left: 5px;
}
.top ul li a {
display: block;
width: 26px;
height: 26px;
}
.top ul li a img {
display: block;
width: 26px;
height: 26px;
}
.middebg {
height: 136px;
background: #f0f0f0;
}
.middle {
overflow: hidden;
height: 136px;
}
.logo {
height: 136px;
float: left;
}
.logo a {
height: 136px;
display: block;
}
.logo a img {
height: 136px;
}
.sousuo {
width: 360px;
height: 38px;
float: right;
margin-top: 49px;
}
.sousuo input {
width: 240px;
padding-left: 10px;
display: block;
height: 38px;
float: left;
outline: none;
background: #dfe3ea;
caret-color: #fff;
color: #fff;
}
.sousuo input::placeholder {
color: #989898;
}
.sousuo button {
width: 48px;
height: 38px;
background: #86909E url("../images/sousuo.png") no-repeat;
float: left;
display: block;
border: none;
outline: none;
cursor: pointer;
}
.sousuo button:hover {
background: #96a1b2 url("../images/sousuo.png") no-repeat;
}
.lxfs {
height: 35px;
line-height: 35px;
margin-top: 51px;
float: right;
margin-right: 22px;
}
.lxfs li {
float: left;
overflow: hidden;
margin-left: 10px;
}
.lxfs li label {
height: 35px;
width: 35px;
border-radius: 50%;
background: #86909E;
display: block;
overflow: hidden;
float: left;
}
.lxfs li label img {
height: 21px;
width: 21px;
margin: 7px auto;
display: block;
}
.lxfs li span {
height: 35px;
display: block;
float: left;
margin-left: 10px;
color: #424041;
font-size: 14px;
}
/*menu*/
.menu {
height: 50px;
line-height: 50px;
background: #5b5e63;
position: relative;
z-index: 999;
}
.menu ul li {
float: left;
position: relative;
width: 167px;
}
.menu ul li dl {
background: #a1aebf;
opacity: 0.9;
width: 190%;
position: absolute;
left: 0;
top: 50px;
padding: 10px 0;
display: none;
}
.menu ul li dl dd {
line-height: 28px;
padding-left: 10px;
transition: 500ms;
}
.menu ul li dl dd:hover {
background: #8894a4;
}
.menu ul li dl dd a {
font-size: 12px;
color: #fff;
font-weight: normal;
display: block;
padding: 0;
text-align: left;
width: 100%;
height: 100%;
}
.menu a {
font-size: 14px;
color: #fff;
text-decoration: none;
font-weight: bold;
display: block;
text-align: center;
}
.menu a:hover {
color: #fff;
}
a.menu_hover {
background: #8894a4;
color: #fff;
}
/*banner_03*/
.banner_03 {
position: relative;
z-index: 1;
width: 100%;
height: 472px;
overflow: hidden;
}
.banner_03 .bd {
Z-INDEX: 0;
position: relative;
overflow: hidden;
}
.banner_03 .bd ul {
margin: 0 auto;
}
.banner_03 .bd ul li a {
display: block;
height: 100%;
width: 100%;
}
.banner_03 {
width: 100%;
height: 472px;
margin: 0 auto;
position: relative;
}
.banner_03 .bd {
width: 100%;
}
.banner_03 .bd li {
width: 100%;
height: 472px;
text-align: center;
overflow: hidden;
background-size: 100% 100%;
}
.banner_03 .prev {
display: block !important;
position: absolute;
TOP: 50%;
left: 20px;
Z-INDEX: 2;
width: 31px;
height: 53px;
margin-top: -30px;
background: url(../Images/BannerLeft.png) no-repeat;
cursor: pointer;
}
.banner_03 .next {
display: block !important;
position: absolute;
TOP: 50%;
right: 20px;
Z-INDEX: 2;
width: 31px;
height: 53px;
margin-top: -30px;
background: url(../Images/BannerRgt.png) no-repeat;
cursor: pointer;
}
.banner_03 .hd {
position: relative;
top: -40px;
width: 1100px;
height: 20px;
margin: 0 auto;
text-align: center;
}
.banner_03 .hd ul {
position: absolute;
left: 50%;
margin-left: -60px;
bottom: 0;
z-index: 99;
width: 150px;
height: 22px;
}
.banner_03 .hd ul li {
height: 22px;
width: 22px;
margin-left: 10px;
text-align: center;
text-indent: -9999em;
float: left;
background: url(../Images/BannerBg_02.png) no-repeat;
cursor: pointer;
}
.banner_03 .hd ul .on {
background: url(../images/BannerBg_01.png) no-repeat;
}
@media screen and (max-width: 1280px) {
.banner_03 {
width: 100%;
height: 315px;
margin: 0 auto;
position: relative;
}
.banner_03 .bd {
width: 100%;
}
.banner_03 .bd li {
width: 100%;
height: 315px;
text-align: center;
overflow: hidden;
background-size: 100%;
}
.banner_03 .prev {
position: absolute;
TOP: 50%;
left: 20px;
Z-INDEX: 2;
width: 31px;
height: 53px;
margin-top: -30px;
background: url(../Images/BannerLeft.png) no-repeat;
cursor: pointer;
}
.banner_03 .next {
position: absolute;
TOP: 50%;
right: 20px;
Z-INDEX: 2;
width: 31px;
height: 53px;
margin-top: -30px;
background: url(../Images/BannerRgt.png) no-repeat;
cursor: pointer;
}
}
@media screen and (max-width: 1366px) {
.banner_03 {
width: 100%;
height: 336px;
margin: 0 auto;
position: relative;
}
.banner_03 .bd {
width: 100%;
}
.banner_03 .bd li {
width: 100%;
height: 336px;
text-align: center;
overflow: hidden;
background-size: 100%;
}
.banner_03 .prev {
position: absolute;
TOP: 50%;
left: 20px;
Z-INDEX: 2;
width: 31px;
height: 53px;
margin-top: -30px;
background: url(../Images/BannerLeft.png) no-repeat;
cursor: pointer;
}
.banner_03 .next {
position: absolute;
TOP: 50%;
right: 20px;
Z-INDEX: 2;
width: 31px;
height: 53px;
margin-top: -30px;
background: url(../Images/BannerRgt.png) no-repeat;
cursor: pointer;
}
}
@media screen and (max-width: 767px) {
.banner_03 {
width: 100%;
height: 189px;
margin: 0 auto;
position: relative;
}
.banner_03 .bd {
width: 100%;
}
.banner_03 .bd li {
width: 100%;
height: 189px;
text-align: center;
overflow: hidden;
background-size: 100%;
}
.banner_03 .prev {
position: absolute;
TOP: 50%;
left: 20px;
Z-INDEX: 2;
width: 31px;
height: 53px;
margin-top: -30px;
background: url(../Images/BannerLeft.png) no-repeat;
cursor: pointer;
}
.banner_03 .next {
position: absolute;
TOP: 50%;
right: 20px;
Z-INDEX: 2;
width: 31px;
height: 53px;
margin-top: -30px;
background: url(../Images/BannerRgt.png) no-repeat;
cursor: pointer;
}
}
@media screen and (max-width: 375px) {
.banner_03 {
width: 100%;
height: 92px;
margin: 0 auto;
position: relative;
}
.banner_03 .bd {
width: 100%;
}
.banner_03 .bd li {
width: 100%;
height: 92px;
text-align: center;
overflow: hidden;
background-size: 100%;
}
.banner_03 .prev {
position: absolute;
TOP: 50%;
left: 20px;
Z-INDEX: 2;
width: 31px;
height: 53px;
margin-top: -30px;
background: url(../Images/BannerLeft.png) no-repeat;
cursor: pointer;
}
.banner_03 .next {
position: absolute;
TOP: 50%;
right: 20px;
Z-INDEX: 2;
width: 31px;
height: 53px;
margin-top: -30px;
background: url(../Images/BannerRgt.png) no-repeat;
cursor: pointer;
}
.banner_03 .hd {
position: relative;
top: -25px;
width: 1100px;
height: 20px;
margin: 0 auto;
text-align: center;
}
}
.con1 {
overflow: hidden;
}
.Title {
overflow: hidden;
margin-top: 10px;
}
.con1T {
font-size: 32px;
line-height: 50px;
font-weight: bold;
text-align: center;
color: #38383A;
}
.con1TS {
text-align: center;
font-size: 16px;
line-height: 24px;
color: #3B3C3E;
}
.cpUl {
overflow: hidden;
margin-top: 40px;
}
.cpUl li {
width: 292px;
height: 260px;
float: left;
margin-left: 4px;
margin-right: 4px;
margin-bottom: 1px;
}
.aimg {
display: block;
width: 290px;
height: 206px;
border: 1px solid #ccc;
}
.aimg:hover img {
opacity: 0.7;
}
.aimg img {
display: block;
width: 284px;
height: 200px;
margin: 3px auto;
}
.aLink {
display: block;
height: 100px;
color: #656464;
text-align: center;
font-size: 12px;
line-height: 24px;
padding: 10px 0;
overflow: hidden;
transition: 500ms;
}
.aLink:hover {
opacity: 0.7;
}
.con2bg {
background: url("../images/con2bg.jpg") no-repeat;
background-size: 100% 100%;
}
.con2 {
overflow: hidden;
}
.Title {
overflow: hidden;
margin-top: 55px;
}
.con2T {
font-size: 32px;
line-height: 50px;
font-weight: bold;
text-align: center;
color: #000;
}
.con2TS {
text-align: center;
font-size: 20px;
line-height: 26px;
color: #000;
}
.con2Ul {
overflow: hidden;
margin-top: 40px;
}
.con2Ul li {
overflow: hidden;
height: 115px;
width: 600px;
margin-bottom: 80px;
float: left;
}
.con2Ul3D {
display: block;
width: 100px;
height: 115px;
float: left;
transform: rotate3d(0,0,1,0deg);
transition: 1s;
margin-left: 10px;
}
.con2Ul3D:hover {
transform: rotate3d(0,0,1,360deg);
}
.con2Ul li dl {
height: 115px;
float: right;
width: 386px;
margin-right: 50px;
}
.con2Ul li dl dt {
height: 46px;
line-height: 46px;
border-bottom: 1px solid #505050;
color:#000;
}
.con2Ul li dl dt a {
font-size: 16px;
line-height: 46px;
color: #000;
transition: 1s;
}
.con2Ul li dl dt a:hover {
opacity: 0.7;
}
.con2Ul li dl dd {
color: #000;
font-size: 12px;
line-height: 20px;
height: 68px;
overflow: hidden;
}
.con3 {
overflow: hidden;
padding: 40px 0;
}
.con3T {
overflow: hidden;
}
.con3T h1 {
font-size: 24px;
color: #767676;
font-weight: normal;
}
.con3TS {
height: 22px;
overflow: hidden;
margin-top: 10px;
position: relative;
}
.con3TS span {
display: block;
position: absolute;
top: 0;
left: 0;
color: #7A8492;
font-size: 18px;
height: 22px;
line-height: 22px;
float: left;
padding-right: 10px;
background: #fff;
}
.con3TS hr {
height: 1px;
border: none;
background: #eaeaea;
margin-top: 10px;
}
.con3M {
overflow: hidden;
margin-top: 20px;
}
.con3Mimg {
width: 420px;
height: 285px;
display: block;
float: left;
padding-right: 10px;
}
.con3MspR {
color: #7A8492;
font-size: 14px;
line-height: 26px;
}
.con3aLink {
display: block;
width: 138px;
height: 38px;
border: 1px solid #000;
text-align: center;
color: #000;
font-size: 14px;
line-height: 38px;
margin-top: 11px;
transition: 500ms;
float: right;
}
.con3aLink:hover {
background: #000;
color: #fff;
}
.con4bg {
background: #f6f6f6;
}
.con4 {
overflow: hidden;
padding-bottom: 40px;
}
.Top {
margin-top: 25px !important;
}
.con4T {
font-size: 32px;
line-height: 50px;
font-weight: bold;
text-align: center;
color: #646c77;
}
.con4TS {
text-align: center;
font-size: 16px;
line-height: 24px;
color: #3B3C3E;
}
.ftbg {
background: #5b5e63;
padding: 30px 0;
}
.ft {
overflow: hidden;
}
.ft li {
line-height: 24px;
color: #fff;
text-align: center;
}
.kf {
position: fixed;
top: 75%;
right: 0px;
width: 175px;
z-index: 1000;
}
.kftop {
width: 175px;
height: 29px;
position: relative;
}
.kftop img {
width: 175px;
height: 29px;
display: block;
}
.guanbi {
width: 15px;
height: 15px;
position: absolute;
top: 4px;
right: 3px;
cursor: pointer;
}
.kfcenter {
border-right: 1px solid #05759f;
border-left: 1px solid #05759f;
background: #fff;
padding: 10px;
overflow: hidden;
}
.kfcenter li {
line-height: 20px;
color: #000;
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
.kfcenter li a {
line-height: 20px;
color: #000;
height: 20px;
}
.kfcenter li a img {
display: block;
height: 20px;
line-height: 20px;
float: left;
}
.kfcenter li a span {
line-height: 20px;
height: 20px;
float: left;
margin-left: 10px;
}
.erweima {
width: 76px;
height: 72px;
display: block;
margin: auto;
}
.kfbottom {
width: 175px;
height: 25px;
}
.kfbottom img {
width: 175px;
height: 25px;
display: block;
}
.sjft {
width: 100%;
height: 50px;
background: #fafafa;
position: fixed;
left: 0;
bottom: 0;
z-index: 999;
display: none;
}
.sjft li {
width: 25%;
height: 100%;
float: left;
}
.sjft li a {
display: block;
width: 100%;
height: 100%;
}
.sjft li a img {
display: block;
width: 20px;
height: 20px;
margin: 5px auto;
margin-bottom: 0;
}
.sjft li a span {
display: block;
width: 100%;
height: 25px;
line-height: 25px;
font-size: 14px;
color: #888;
text-align: center;
}
.sjfx {
position: relative;
}
.fx {
position: absolute;
left: 5px;
top: -55px;
background: #fff;
border-radius: 5px;
height: 40px;
width: 160px;
box-shadow: 0 0 10px #000;
}
.fx li {
float: left;
width: 30px;
height: 30px;
margin-left: 5px;
margin-right: 5px;
}
.fx li a {
width: 30px;
height: 30px;
display: block;
}
.fx li a img {
width: 30px;
height: 30px;
display: block;
}
.sjft li:hover {
background: #e3e3e3;
}
/*Add------------------------------------------------------------------------------*/
.nyban {
height: 160px;
}
.weizhi {
height: 40px;
line-height: 40px;
font-size: 14px;
}
.weizhi img {
height: 15px;
width: 15px;
margin-top: 11px;
display: block;
float: left;
}
.weizhi a {
line-height: 40px;
display: block;
float: left;
margin-left: 10px;
color: #337ab7;
}
.weizhi a:hover {
text-decoration: underline;
}
.weizhi span {
line-height: 40px;
display: block;
float: left;
}
.inside {
overflow: hidden;
}
.inside_left {
width: 264px;
float: left;
overflow: hidden;
padding-bottom: 30px;
}
.insL1 {
overflow: hidden;
}
.insL1 ul {
overflow: hidden;
}
.insL1 ul li {
border-bottom: 1px solid #f2f2f2;
line-height: 36px;
background: url("../images/insL1bg.gif") no-repeat left top 16px;
cursor: pointer;
}
.insL1 ul li a {
color: #656464;
padding-left: 10px;
font-size:14px; font-weight:bold;
transition: 500ms;
}
.rj li a{ font-size:12px !important; font-weight:400 !important;}
.insL1 ul li a:hover {
opacity: 0.7;
}
.insL1 dl {
padding-left: 10px;
}
.insL2 {
overflow: hidden;
margin-top: 30px;
}
.insL2 ul {
overflow: hidden;
}
.insL2 ul li {
line-height: 25px;
}
.nyTitle {
color: #646b76;
font-size: 24px;
height: 60px;
line-height: 60px;
font-weight: normal;
}
.inside_right {
width: 847px;
float: right;
overflow: hidden;
}
.inside_con {
padding: 10px 0;
}
.sjMbg {
display: none;
}
@media screen and (max-width: 1200px) {
.inside_right {
width: 100%;
}
.inside_left {
display: none;
}
}
@media screen and (max-width: 767px) {
.wapper {
width: 100%;
}
.kf {
display: none;
}
.topspL {
float: none;
display: none;
}
.middebg {
height: 136px;
background: #8e99a9;
}
.logo {
float: none;
width: 98%;
margin: 0 auto;
}
.logo a {
width: 100%;
}
.logo a img {
width: 100%;
}
.sousuo {
width: 95%;
margin: 0 auto;
display: none;
}
.sousuo input {
width: 80%;
}
.sousuo button {
width: 16%;
background: #86909E url(../images/sousuo.png) no-repeat center center;
}
.lxfs {
float: none;
display: none;
}
.sousuo {
float: none;
margin: 10px auto;
}
.menu {
display: none;
}
.banner_03 .hd {
width: 300px;
}
.middebg {
height: auto;
}
.middle {
overflow: hidden;
height: auto;
}
.sjMbg {
display: block;
background: #9facbd;
overflow: hidden;
}
.sjM {
height: 50px;
background: #9facbd;
}
.sjMT {
color: #fff;
line-height: 50px;
height: 50px;
float: left;
font-weight: normal;
font-size: 16px;
margin-left: 10px;
}
.btn {
width: 80px;
height: 40px;
margin-top: 5px;
margin-right: 10px;
float: right;
}
.btn li {
width: 40px;
height: 40px;
float: left;
}
.bt1 img {
height: 30px;
width: 30px;
display: block;
margin: 5px;
}
.bt2 img {
height: 30px;
width: 30px;
display: block;
margin: 5px;
}
.btn li:hover {
border-radius: 5px;
background: #8792a2;
}
.sjmenu {
overflow: hidden;
}
.sjmenu dl {
overflow: hidden;
}
.sjmenu dl dt {
height: 40px;
line-height: 40px;
background: #9facbd;
}
.sjmenu dl dt:hover {
background: #8792a2;
}
.sjmenu dl dt a {
height: 40px;
line-height: 40px;
color: #fff;
font-size: 14px;
float: left;
display: block;
margin-left: 10px;
}
.sjmenuTimg {
width: 15px;
height: 15px;
display: block;
margin-top: 13px;
margin-right: 15px;
float: right;
}
.sjmenu dl dd {
height: 30px;
line-height: 30px;
padding-left: 15px;
background: #9facbd;
}
.sjmenu dl dd:hover {
background: #8792a2;
}
.sjmenu dl dd a {
color: #fff;
display: block;
width: 100%;
height: 100%;
}
.cpUl li {
float: none;
margin: 10px auto;
}
.con2Ul {
padding-bottom: 30px;
}
.con2Ul li {
height: auto;
width: 98%;
float: none;
margin: 10px auto;
}
.con2Ul3D {
display: block;
float: none;
margin: 0 auto;
}
.con2Ul li dl {
height: auto;
float: none;
width: 100%;
margin: 0 auto;
}
.con2Ul li dl dt {
height: auto;
text-align: center;
}
.con2Ul li dl dd {
height: auto;
text-align: center;
}
.con3 {
width: 96% !important;
margin: 0 auto !important;
}
.con3M {
height: auto;
}
.con3Mimg {
width: 100%;
height: auto;
float: none;
}
.con3MspR {
display: block;
width: 100%;
}
.ft {
width: 96% !important;
margin: 0 auto !important;
}
.ftbg {
padding-bottom: 80px;
}
.sjft {
display: block;
}
.nyban {
display: none;
}
.weizhi {
width: 96%;
}
.inside {
width: 96% !important;
}
.inside_right {
width: 100%;
float: none;
}
.inside_left {
width: 100%;
float: none;
}
}
@media screen and (max-width: 960px) {
.inside_right {
width: 100%;
}
}
.sub-menu{ display:none; position:absolute; width:100%; top:100%; left:0; z-index:99999; background-color:#5B5E63}
.menu ul li:hover .sub-menu{ display:block}