@charset "utf-8";
/* CSS Document */
html{ font-size:14px; }
body{font-family: Source Han Sans CN, Microsoft JhengHei, PingFang SC, Source Han Serif SC, Microsoft YaHei, sans-serif;
 margin:0;
 padding:0;
 background-color:#fff;
 overflow-x:hidden;
}
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:0px;margin:0;padding:0}
h2{letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear{font-size:0; line-height:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}

#ticker
    {height: 15.5em; padding: 0.6em 0; margin: 0 0 3.8em 0; border-top:0px solid #efefef; border-bottom:0px solid #efefef;     position: absolute;
    top: 0vw;
    width: 100%;
    text-align: center;}
  #ticker .cursor
    {display: inline-block; background: #565c61; width: 0em; height: 1em; text-align: center;}
  #ticker p
    {margin-bottom: 0.8em;}
  #ticker code
    {margin: 0.4em 0.4em; display: block;}
  #ticker .next 
    {position: absolute; bottom: 1em;}

/* 隐藏鼠标点击这些元素时出现的光标 */
div, span, p {
    caret-color: transparent;
}

/*banner*/
.banner{margin-top: -4vw;  width: 100%;clear: both; position: relative;}
.banner img{ width: 100%;position: relative;}
.banner h2{font-size: 2.2vw;
    width: 1280px;
    text-align: left;
    color: #fff;
    position: absolute;
    top:20vw;
    font-weight: 600;
    margin-left: -640px;
    left: 50%;}
.banner p{font-size: 1.1vw;
    color: #fff;
    position: absolute;
    width: 680px;
    text-align: left;
    top: 23.5vw;
    font-weight: 300;
    margin-left: -640px;
    left: 50%;}
.banner ul{width:100%;top: 30.5vw;margin-left: -640px;position: absolute;
    left: 50%;}
.banner a{font-size: .85vw;margin-right: 1vw;
    background: #fff;
    float:left;
    width: 220px;    
    font-weight:normal;    
    color: #333;
    height: 2.3vw;
    border-radius: 30px;
    text-align: center;
    line-height: 2.3vw;}

.xj{width:1200px;margin:100px auto 0 auto;overflow: hidden;text-align:center;}
.xj img{width:100%;}
.xj h3{font-size:16px;color:#555;font-weight:normal;padding-bottom: 35px;text-align:left;line-height:35px;}
.xj p{font-size:16px;color:#777;padding-bottom: 10px;line-height:25px;}
.xj a{font-size:16px;color:#0d8bd7;padding-bottom: 10px;line-height:25px;text-decoration: underline;}

.fenlei{width:1200px;margin:100px auto 100px auto;overflow: hidden;}
.fenlei ul{padding:0;margin:0;}
.fenlei ul li{width:46%;margin-right:8%;float:left;}
.fenlei ul li:nth-child(2){margin-right:0%;}
.fenlei ul li img{width:100%;border-radius: 10px;}
.fenlei ul li p{font-size:14px;color:#777;padding: 10px 0;line-height:35px;}


.jt{width:100%;position: relative;}
.jt img{width:100%;position: relative;}
.jt h3{font-size:30px;color:#000;font-weight:600;position: absolute;top: 17vw;left: 18vw;}
.jt a{font-size:16px;color:#0d8bd7;position: absolute;top: 23vw;left: 18vw;padding-bottom: 10px;line-height:25px;text-decoration: underline;}

.cn{width:1200px;margin:80px auto 100px auto;text-align:center;}
.cn h3{font-size:36px;color:#333;font-weight:normal;padding-bottom: 25px;}
.cn a{font-size:16px;color:#0d8bd7;padding-bottom: 10px;line-height:25px;padding: 15px 80px;border: 1px solid #0d8bd7;border-radius: 10px;}
.cn ul{padding: 0;
    margin: 30px 3% 0 0px;
    float: left;
    width: 47%;}
.cn ul li{float:left;width:150px;margin: 20px 10px 0px 0px;text-align:left;}
.cn ul li:nth-child(3n) {margin-right: 0px;}
.cn ul li dd{font-size: 20px;
    color: #333;
    padding: 20px 0 10px 0;
    font-weight: bold;
    text-decoration: underline;}
.cn ul li p{font-size: 14px;
    color: #777;
    line-height: 28px;}

.zm{width:50%;float:left;}
.zm img{width:100%;}

.xq{width:1200px;margin:80px auto 30px auto;overflow: hidden;text-align:center;}
.xq h3{font-size:36px;color:#333;font-weight:normal;padding-bottom: 15px;}
.xq ul{padding:0;margin:0;}
.xq ul li{float:left;width:80px;font-size:14px;color:#777;text-align: left;}
.dt{width:100%;}
.dt img{width:100%;}
@media (max-width: 768px) {
.banner {
    margin-top: -17vw;
    width: 100%;
    clear: both;
    position: relative;
}
.banner h2 {
    font-size: 6vw;
    width: 100%;
    text-align: left;
    color: #fff;
    position: absolute;
    top: 40vw;
    font-weight: 600;
    margin-left: 0;
    left: 5%;
}
.banner p {
    font-size: 3.1vw;
    color: #fff;
    position: absolute;
    width: 90%;
    text-align: left;
    top: 26.5vw;
    font-weight: 300;
    left: 0%;
    margin: 0 5%;
}
.banner img {
    width: 100%;
    position: relative;
    height: 150vw;
    object-fit: cover;
}
.banner ul {
    width: 100%;
    top: 55vw;
    margin-left: 0;
    position: absolute;
    left: 5%;
}
.banner a {
    font-size: 3.5vw;
    background: #fff;
    float: left;
    width: 42%;
    font-weight: normal;
    color: #333;
    height: 7.3vw;
    border-radius: 30px;
    text-align: center;
    line-height: 7.3vw;
    margin: 3vw 1%;
}
}