@charset "utf-8";
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 14px "Microsoft YaHei";-webkit-text-size-adjust: 100%}
body {padding: 0;margin: 0 auto;font-size: 14px;color: #666;background-color: #fff;font-family: "Microsoft YaHei";min-width: 320px;
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
    /* -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none; */
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #23ac38;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "Microsoft YaHei";
    text-align:justify;
    text-justify:inter-ideograph;
}
img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle;
}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.ytable{ display:table; width:100%;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

a {
    color: #000;
    text-decoration: none;
    noline: -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 去掉链接触摸高亮 */
a:focus {
    outline: none;
    -moz-outline: none;
}

.hide {
    display: none;
}

.clear_float::after,.clear_float::before{
    content: "";
    display: block;
    clear: both;
}


/*top.html*/
/*top.html*/

.wrap{position: relative;max-width: 1200px;margin: auto;font-size: 14px;font-family: Microsoft YaHei, arial, '宋体';color: #333333;}
.top{margin-top: 30px;position: absolute;width: 100%;z-index: 100;}
.top .wrap{padding: 20px 0;}
.top .logo{position: absolute;left: 0; top:50%;transform: translateY(-50%);display: block;height: 50%;}
.top .logo img{height: 100%;}
.top .wrap{max-width: 1200px}
.top .nav{float: right;z-index: 10;display: block;padding-right:15px;}
.top .nav::after{content: "";display: block;clear: both;}
.top .nav >li{float: left;padding: 0 30px;position: relative;}
.top .more{width: 30px; float: right; margin:0 15px;display: none;cursor: pointer;}
.top .nav  >li>a{display: inline-block;padding: 15px 0;position: relative;font-size:17px;line-height: 18px;}
.top .nav a:hover,.top .nav a.active{color: #23ac38;}

.top .search{display: inline-block; float: right;cursor: pointer;padding: 15px 0;line-height: 18px;}

.top .nav .nav_down{position: absolute;top: 100%;left: 0;right: 0;margin: auto;z-index: 10;display: none;text-align: center;padding: 16px 12px;background-color: rgba(255,255,255,0.7);border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.top .nav .nav_down li:first-child::before{content: "";display: block; width: 0; border: 5px solid transparent;border-left: 5px solid rgba(255,255,255,0.5); border-top: 5px solid rgba(255,255,255,0.5);  position: absolute;left: 0;right: 0;top: 0;margin: auto;transform: rotate(45deg) translateY(-70%);}
.top .nav >li:hover .nav_down{display: block}
.top .nav_down li{display: block;}
.top .nav_down a{padding:12px 0 ;display: block;border-bottom: 1px solid rgba(240,240,240,0.7);color: #333;font-size: 14px;}


@media (max-width: 1200px) {
    .top .logo{left: 15px;}
    .top .nav >li{padding: 0 20px}
    /* .top{padding-left: 15px;padding-right: 15px;} */
}

@media (max-width: 920px) {
    .top{margin-top: 0;}
    .top .logo{height: 70%;}
    .top .more{display: block;}
    .top .nav{display: none;background-color: #fff;}
    .top .nav{position: absolute;top: 100%; right: 15px;box-shadow: 0 5px 5px 1px #eee;}
    .top .nav >li{float: none;}
    .top .nav >li>a{padding: 5px 0;}
    .top .nav >li:hover .nav_down{display: none;}
    .top .search{height: 30px;line-height: 30px;padding: 0;}
}


/*bottom*/
/*bottom*/
.bottom{background-color: #1a1a1a;color: #696969;padding-top: 50px;font-size: 14px;}
.bottom .wrap {color: #696969;}
.bottom a{color: #666666;}
.bottom a:hover{color: #fff;}
.bottom .nav dl{float: left;min-width: 100px; margin-right: 40px;}
.bottom .nav dt{font-size: 16px; color: #ffffff;padding-bottom: 16px;position: relative;margin-bottom: 10px;}
.bottom .nav dt::before{content: "";position: absolute;height: 1px;width: 80px; background-color: #393939;left: 0;bottom: 0;}
.bottom .nav dt::after{content: "";position: absolute;height: 1px;width: 18px; background-color: #23ac38;left: 0;bottom: 0;}
.bottom .nav dd{line-height: 28px;}
.bottom .nav dl:last-of-type{margin-right: 0;}

.bottom .bottom-contact{float: right;padding-right: 150px;text-align: right;position: relative;min-height: 170px;}

.bottom .bottom-contact .code{position: absolute;right: 0;top: 0; text-align: center;line-height: 28px;}
.bottom .bottom-contact .code img{width: 130px;}
.bottom .bottom-contact .phone{padding-left: 25px;background: url("../images/bottom-phone.png") no-repeat left center;color: #fff;}
.bottom .bottom-contact .num{font-family: PangMenZhengDao;font-size: 27px;line-height: 37px;color: #ffffff;display: block;}

.bottom .bottom-contact .share{margin-top: 15px;}
.bottom .bottom-contact .share a{display: inline-block;margin: 0 5px; height: 36px; width: 36px;background-size: 100% 100%; background-repeat: no-repeat;background-position: center center;}
.bottom  .copyright{padding: 25px 0 30px;color: #696969;margin-top: 70px;position: relative;}
.bottom .copyright::after{content: ""; display: block; height: 1px;position: absolute;top:0;left: 0;right:0;margin: auto;background-color: #2d2d2d;}
.bottom .copyright::before{content: ""; display: block; height: 1px;position: absolute;top:-1px;left: 0;right:0;margin: auto;background-color: #0e0e0e;}
.bottom  .copyright a{color: #696969;}
.bottom .copyright a:hover{color: #fff;}
.bottom .copyright ul{display: inline-block;}
.bottom .copyright li{float: left;padding-right: 30px;position: relative;}
.bottom .copyright li::after{content:"";display: block;width: 1px;height: 12px;background-color: #696969;top: 0;bottom: 0;right: 15px;margin: auto;position: absolute;}
.bottom .copyright li:last-child::after{display: none}
.bottom .copyright .link{float: right;}







@media (max-width: 1200px) {
    .bottom .nav dl{margin-right: 20px;}
    .bottom .wrap ,.bottom .copyright{padding-left: 15px;padding-right: 15px;}
}
@media (max-width: 1024px) {
    .bottom .nav  dl{display: none;}

}
@media (max-width: 640px) {
    .bottom  .copyright{margin-top: 30px;}
}


/*
 .Banner002435 涓篸emo缂栧彿
 */
.Banner002435{ position: relative;}
/* @media only screen and (min-width:1200px ) {
    .Banner002435{ padding-left: 30px; padding-right: 30px;}
}
@media only screen and (min-width:1600px ) {
    .Banner002435{ padding-left: 50px; padding-right: 50px;}
} */
.Banner002435 li a{ display:block; }
.Banner002435 li a .phoneimg{ display: none;}
.Banner002435 .owl-dots{margin:0 auto; text-align:center;position:absolute; left:0; width:100%; bottom:20px; z-index:10;}
.Banner002435 .owl-dots>button{ display:inline-block;width: 38px; height: 38px; padding: 15px; margin:0 3px;position: relative;}
.Banner002435 .owl-dots>button:before{ content: ""; position: absolute; left: 50%; top: 50%; width: 0; height: 0; border-radius: 50%; border: 0 solid #fff;transition: all .3s ease-out;}
.Banner002435 .owl-dots>button span{ display:block; width:8px; height:8px; border-radius:50%; background: #fff; }
.Banner002435 .owl-dots>button.active:before{ border-width: 2px; left:-15px; top: 0; width: 100%; height: 100%; }
@media(max-width:767px){
.Banner002435 li a .pcimg{ display: none;}
.Banner002435 li a .phoneimg{ display: block;}
.Banner002435 .owl-dots>button{width: 28px; height: 28px; padding: 10px; }
}