/* 声明字体图标 这里一定要注意路径的变化 */
@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?tomleg');
    src: url('../fonts/icomoon.eot?tomleg#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?tomleg') format('truetype'),
        url('../fonts/icomoon.woff?tomleg') format('woff'),
        url('../fonts/icomoon.svg?tomleg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/* 版心 */
.w {
    width: 1200px;
    margin: 0 auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.style_red {
    color: #c81623;
}

/* 快捷欢迎模块 开始*/
.shortcut {
    height: 110px;
    line-height: 45px;
    font-size: 14px;
    background-color: rgb(0, 112, 108);
    /* background: grey; */
}

.shortcut ul li {
    float: left;
    margin-left: 16px;
    color: red;
    /* 头部导航控制文字大小 */
    font-size: 18px;
}

/* 选择所有的偶数的小li */
.shortcut .fr ul li:nth-child(even) {
    width: 1px;
    height: 12px;
    background-color: red;
    margin: 9px 15px 0;
}

.arrow-icon::after {
    content: '\e91e';
    font-family: 'icomoon';
    margin-left: 6px;
}
/* 快捷欢迎模块 结束*/
/* header 头部制作 */
.header {
    height: 50px;
    width: 100%;
    line-height: 50px;
}

/* .header ul{
    width: 1100px;
    margin: 0 auto;
} */
.header ul li {
    float: left;
    margin-left: 135px;
}

.header ul li a {
    font-size: 20px;
    font-weight: bold;
    line-height: 50px;
    color: red;
}

.second ul li, .second ul li span a {
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    color: red;
}

.firsttop {
    width: 100%;
    text-align: center;
    height: 360px;
    overflow: hidden;
}

/* .firsttop img {
    height: 300px;
    width: 379px;
   
}
.firsttop ul li{
    transition: left 0.5s ease 0s;
    float: left;
}
.firsttop .leftbtn {
    position: relative;
    left: 20px;
    top: 50%;
    margin-top: 25px;
    margin-left: 100px;
    width: 50px;
    height: 50px;
    z-index: 100;
    background-color: rgb(28, 180, 226);
    border-radius: 50%;
}

.firsttop .rightbtn {
    position: relative;
    right: 20px;
    top: 50%;
    margin-top: 25px;
    width: 50px;
    height: 50px;
    z-index:100;
    background-color: rgb(28, 180, 226);
    border-radius: 50%;
} */

.second {
    height: 50px;
    width: 100%;
    line-height: 50px;
    padding-top:3px ;
}

.second ul li {
    float: left;
    margin-left: 150px;
}

.search {
    position: absolute;
    /* left: 346px; */
    margin-top: 5px;
    width: 538px;
    height: 36px;
    border: 2px solid #00706c;
    ;
}

.search .input {
    position: relative;
    display: flex;
    width: 626px;
    height: 40px;
    border: 2px solid#00706c;
}

.search .button {
    position: relative;
    top: -1px;
    right: -458px;
    cursor: pointer;
    width: 77px;
    height: 34px;
    background: #00706c;
}

.search .button img[data-v-f8338f5a] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 19px;
    height: 19px;
}

.search input {
    float: left;
    width: 454px;
    height: 32px;
    padding-left: 10px;
}

div.second {
    height: 50px;
    margin-top: 10px;
}

.two ul li, .two ul li span a {
    height: 40px;
    /* padding: 0 12px; */
    color: grey;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
}

.headline {
    padding: 20px 0 5px;
    font-size: 18px;
}

.headline .tit1 {
    padding-bottom: 10px;
    text-align: center;
}

.headline .tit1 a {
    font-size: 28px;
    line-height: 30px;
    font-weight: bold;
}
.headline div ul li{
    float: left;
}
div.introduce {
    height: 500px;
    /* float: left; */
}
.in1 .first ul li{
    font-size:15px;
    margin-top: 15px;
}
div.introduce div {
    /* display: inline-block; */
    /* float: left; */
}

div.introduce .first {
    margin-left: -130px;
    float: left;
}

div.introduce .first ul li {
    font-size: 15px;
    margin-top: 15px;
}
div.introduce .first .one ,div.introduce .first .one li{
    float: left;
}
div.introduce .third {
    margin-left: -135px;
    margin-top: 20px;
    width: 1000px;
    height: 250px;
    /* background-color: yellow; */
    /* /* background: red; *;
     */
     /* float: left; */
}
div.introduce .fourth{
    /* margin-left: 455px; */
    /* margin-top: 11px; */
    width: 150px;
    height: 250px;
    /* background: red; */
    margin-left: 50px;
    position: absolute;
    font-size: 16px;
}
/* div.introduce .third span {
    height: 31px;
    font-size: 16px;
    padding: 0 12px;
    color: #333;
    display: inline-block;
    cursor: pointer;
} */

div.introduce .third ul li a {
    font-size: 15px;
    /* height: 36px; */
    line-height: 22px;
}

div.introduce2 {
    width: 1024px;
    height: 260px;
    /* float: left; */
    /* overflow: hidden; */
}

div.introduce2 .first {
    width: 590px;
    height: 100px;
    background-color: yellow;
    margin-left: 150px;
    float: left;
}

div.introduce2 .third {
    width: 290px;
    height: 90px;
    margin-top: 15px;
    margin-left: 150px;
    background-color: red;
    float: left;
}

div.introduce2 .fourth {
    width: 525px;
    height: 200px;
    margin-top: -205px;
    margin-left: 800px;
    background-color: purple;
    float: left;
}

div.introduce2 .right {
    width: 290px;
    height: 90px;
    margin-top: -90px;
    margin-left: 450px;
    background-color: red;
    float: left;
}

.title {
    height: 50px;
    width: 100%;
    line-height: 50px;
}

/* .header ul{
    width: 1100px;
    margin: 0 auto;
} */
.title ul li {
    float: left;
    margin-left: 90px;
}

.title ul li:nth-child(1) {
    margin-left: 150px;
}

/* .title ul li a {
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
} */
.title ul li a {
    height: 40px;
    /* padding: 0 12px; */
    color: grey;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
}

.title-content {
    width: 100%;
    height: 310px;
}

.title-content .first-line {
    height: 150px;
    width: 100%;
}

.title-content .first-line .one {
    height: 100%;
    width: 380px;
    background-color: red;
    float: left;
    margin-left: 150px;
}

.title-content .first-line .two {
    height: 100%;
    width: 380px;
    background-color: yellow;
    float: left;
    margin-left: 20px;
}

.title-content .first-line .three {
    height: 100%;
    width: 380px;
    background-color: green;
    float: left;
    margin-left: 20px;
}

.title-content .second-line {
    height: 150px;
    width: 100%;
    margin-top: 10px;
}

.title-content .second-line .one {
    height: 100%;
    width: 380px;
    background-color: red;
    float: left;
    margin-left: 150px;
}

.title-content .second-line .two {
    height: 100%;
    width: 380px;
    background-color: yellow;
    float: left;
    margin-left: 20px;
}

.title-content .second-line .three {
    height: 100%;
    width: 380px;
    background-color: green;
    float: left;
    margin-left: 20px;
}

.mapbg {
    height: 650px;
    position: relative;
}

.mapbg .servicebox {
    position: absolute;
    width: 150px;
    right: 50%;
    padding: 0 20px;
    margin: 40px -550px 0 0;
    height: 550px;
    /* background: rgba(255, 255, 255, 0.4) */
}

.mapbg .servicebox .sa {
    margin-top: 40px;
}

.mapbg .servicebox .sa li {
    width: 150px;
    height: 51px;
    margin: 0 auto 10px;
    /* background-color: rgba(255, 255, 255, 0.6); */
    text-align: center;
    position: relative;
    z-index: 900;
    box-sizing: border-box;
    border: solid 1px transparent;
    border-width: 1px 1px 1px 0;
}

.mapbg .servicebox .sa li a {
    display: block;
    position: absolute;
    left: 0;
    /* width: 250px;
    height: 100%; */
    padding: 0 0 0;
}

.mapbg .servicebox .sa li a {
    width: 200px;
    height: 100%;
}

.button.gray {
    width: 200px;
    height: 100%;
    color: #8c96a0;
    text-shadow: 1px 1px 1px #fff;
    border: 1px solid #dce1e6;
    box-shadow: 0 1px 2px #fff inset, 0 -1px 0 #a8abae inset;
    background: -webkit-linear-gradient(top, #f2f3f7, #e4e8ec);
    background: -moz-linear-gradient(top, #f2f3f7, #e4e8ec);
    background: linear-gradient(top, #f2f3f7, #e4e8ec);
}

.button.black {
    width: 200px;
    height: 100%;
    border: 1px solid #333;
    box-shadow: 0 1px 2px #8b8b8b inset, 0 -1px 0 #3d3d3d inset, 0 -2px 3px #8b8b8b inset;
    background: -webkit-linear-gradient(top, #656565, #4c4c4c);
    background: -moz-linear-gradient(top, #656565, #4a4a4a);
    background: linear-gradient(top, #656565, #4a4a4a);
}

.button.red {
    width: 200px;
    height: 100%;
    border: 1px solid #b42323;
    box-shadow: 0 1px 2px #e99494 inset, 0 -1px 0 #954b4b inset, 0 -2px 3px #e99494 inset;
    background: -webkit-linear-gradient(top, #d53939, #b92929);
    background: -moz-linear-gradient(top, #d53939, #b92929);
    background: linear-gradient(top, #d53939, #b92929);
}

.button.yellow {
    width: 200px;
    height: 100%;
    border: 1px solid #d2a000;
    box-shadow: 0 1px 2px #fedd71 inset, 0 -1px 0 #a38b39 inset, 0 -2px 3px #fedd71 inset;
    background: -webkit-linear-gradient(top, #fece34, #d8a605);
    background: -moz-linear-gradient(top, #fece34, #d8a605);
    background: linear-gradient(top, #fece34, #d8a605);
}

.button.green {
    width: 100px;
    height: 100%;
    border: 1px solid rgb(0, 112, 108);
    box-shadow: 0 1px 2px #b9ecc4 inset, 0 -1px 0 #6c9f76 inset, 0 -2px 3px rgb(0, 112, 108) inset;
    background: -webkit-linear-gradient(top, rgb(0, 112, 108), rgb(0, 112, 108));
    background: -moz-linear-gradient(top, rgb(0, 112, 108), rgb(0, 112, 108));
    background: linear-gradient(top, rgb(0, 112, 108), rgb(0, 112, 108));
    border-radius: 25px;
}
.button.blue {
    width: 200px;
    height: 100%;
    border: 1px solid #1e7db9;
    box-shadow: 0 1px 2px #8fcaee inset, 0 -1px 0 #497897 inset, 0 -2px 3px #8fcaee inset;
    background: -webkit-linear-gradient(top, #42a4e0, #2e88c0);
    background: -moz-linear-gradient(top, #42a4e0, #2e88c0);
    background: linear-gradient(top, #42a4e0, #2e88c0);
}

.mapbox {
    position: absolute;
    width: 850px;
    left: 50%;
    padding: 0 20px;
    margin: 25px 0 0 -550px;
    height: 550px;
    /* background: rgba(255, 255, 255, 0.4); */
}

.mapbox h3 {
    font-weight: normal;
    color: #b3b3b3;
    line-height: 55px;
    position: relative;
    z-index: 1000;
    margin-left: -84px;
}

.mapbox h3 span s {
    height: 40px;
    padding: 0 12px;
    color: #333;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
}

.mapbox .first-line {
    width: 325px;
    float: left;
}

.mapbox .first-line .one {
    width: 380px;
    height: 178px;
    /* background-color: red; */
    float: left;
    margin-left: -75px;
}

.mapbox .first-line .two {
    width: 380px;
    height: 178px;
    /* background-color: yellow; */
    margin-top: 10px;
    margin-left: -75px;
    float: left;
}

.mapbox .first-line .three {
    width: 380px;
    height: 178px;
    /* background-color: green; */
    margin-top: 10px;
    float: left;
    margin-left: -75px;
}

.mapbox .second-line {
    width: 540px;
    margin-left: 345px;
    height: 554px;
    background-color: purple;
    /* float: left; */
}

/* 底部模块制作 */
.footer {
    height: 450px;
    background-color: #f5f5f5;
    padding-top: 30px;
    width: 100%;
    /* margin-top: 60px; */
}

.mod_service {
    height: 20px;
    border-bottom: 1px solid #ccc;
}

.mod_service ul li {
    float: left;
    width: auto;
    height: auto;
    padding-left: 8px;
}
.mod_service ul li a{
    display: inline-block;
    height: 40px;
    padding: 0 12px;
    color: #333;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
}
.mod_service ul li:nth-child(1){
    margin-top: -5px;
}
.mod_service ul li:nth-child(2){
    margin-top: -5px;
}
.mod_help {
    height: 270px;
    border-bottom: 1px solid #ccc;
    padding-top: 20px;
    padding-left: 25px;
}

.mod_help dl {
    float: left;
    width: 110px;
}

/* .mod_help dl:last-child {
    width: 50px;
    text-align: center;
} */
.mod_help dl dt {
    font-size: 16px;
    margin-bottom: 10px;
}

.mod_copyright {
    text-align: center;
    padding-top: 20px;
}

.links {
    margin-bottom: 15px;
}

.links a {
    margin: 0 3px;
}

.copyright {
    line-height: 20px;
}