body{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    font-family: "Microsoft YaHei",Arial,"Helvetica Neue", Helvetica,sans-serif;
    color: #000;
    font-size: 14px;
}
ul,ol,p{ margin: 0; padding: 0;}
a{ color: inherit; }
a:hover{ color: inherit; text-decoration: none;}
.img-responsive{ width: 100%;}
h2,h3{ font-weight: 700; margin: 0;}


.header{ padding: 15px 0; line-height: 1;}
.header ul{ margin-top: 17px;}
.header li{ float: left; font-size: 16px; }
.header li:first-child{ padding-right: 15px; margin-right: 15px; border-right: 1px solid; }
.logo .visible-xs{ width: 70px; height: auto;}
.header .tel{ font-size: 20px; font-weight: 700; color: #da251d; margin-top: 1px;}

.banner{ position: relative;}
.banner a{
    position: absolute; left: 26.8055%; top: 70.4%;
    width: 13.1944%; height: 10%;
    font-size: 0;
}


.daoyu{ margin-top: 40px;}
.dy-cont{
    padding: 20px 25px 30px;
    line-height: 30px;
    text-align: justify;
    border-top: 6px solid #007299;
    background: #ebebeb;
}
.dy-cont > p{ margin-bottom: 8px;}
.dy-cont p.pull-right{ width: 680px; }


.title{
    position: relative;
    margin-top: 30px; padding-bottom: 15px;
    text-align: center; color: #117a9b; font-size: 30px;
    border-bottom: 1px solid #b4b4b4;
}
.title i{
    position: absolute; left: 50%; bottom: -2px;
    width: 84px; height: 5px;
    margin-left: -42px;
    background: #117a9b;
}

.pro1{ position: relative; margin-top: 30px;}
.pro1-cont{
    position: absolute;
    left: 0; top: 0px;
}
.pro1 h3{ font-size: 24px; margin-bottom: 36px;}
.pro1 p{
    width: 64.5%;
    padding: 30px 70px 30px 30px;
    line-height: 30px;
    background: rgba(220,220,220,.8);
}
.pro1 .pic{ width: 40%; float: right;}

.pro2{ margin-top: 30px; padding-left: 38.5%; background: url("../images/pro2.jpg") no-repeat 65px top;}
.pro2 dl{ margin-bottom: 10px;}
.pro2 dt{ font-size: 18px; margin-bottom: 8px;}
.pro2 dd{ position: relative; line-height: 36px; padding-left: 40px;}
.pro2 .line{
    position: absolute;
    left: 10px; top: 0;
    width: 1px; height: 100%;
    background: #32c8d6;
}
.pro2 dt + dd .line{ top: 7px;}
.pro2 .line0{ height: 20px;}
.pro2 .point{
    position: absolute;
    left: 0; top: 7px;
    width: 20px; height: 20px;
    border: 2px solid #32c8d6;
    border-radius: 50%;
    background: #fff;
}
.pro2 + p{ line-height: 30px;}
.pro3{ margin-top: 15px; padding: 0 10px 0 20px; font-size: 16px; font-weight: 700; background: #ebebeb;}
.pro3 .wen{ float: left; line-height: 190px;}
.pro3 .da{ float: right; width: 73%; line-height: 30px; padding: 65px 0 65px 190px; background: url("../images/pro3.png") no-repeat 0 10px;}
.pro4{ margin-top: 30px;}
.pro4 h3{ font-size: 24px; margin-bottom: 20px;}
.pro4 h3 + p{ line-height: 30px;}
.pro4 li{ position: relative; float: left; width: 48%; margin-top: 20px; background: #ebebeb;}
.pro4 .li1,.pro4 .li3{ margin-right: 4%;}
.pro4 .pic{ float: left; display: block; width: 60%;}
.pro4 .txt{ float: right; width: 40%; padding: 10px 5px 0 8px; line-height: 24px;}
.pro4 .txt b{ font-size: 16px;}
.pro4 .more{ 
    position: absolute; right: 100px; bottom: 16px;
    width: 84px; height: 26px;
    text-align: center; line-height: 26px;
    color: #fff;
    background: #f7ab00;
}

.gongyi{ line-height: 30px;}
.gongyi .title{ margin-bottom: 20px;}
.gongyi h3{ margin: 20px 0;}
.gongyi .intro{ padding: 20px 27px 20px 25px; background: #ebebeb;}
.gy1 .bt{ float: left; font-size: 20px; color: #117a9b; font-weight: 700;  width: 48px; padding: 15px 0; letter-spacing: 3px;}
.gy1-cont{ float: right; width: 875px; padding: 0 30px; position: relative;}
.gy1-cont i{ position: absolute; top: 0; width: 16px; height: 100%; border: 4px solid #117a9b;}
.gy1-cont .l{ left: 0; border-right: 0;}
.gy1-cont .r{ right: 0; border-left: 0;}
.gongyi img{ max-width: 815px; margin: 30px auto; }
.gy2 img{ max-width: 670px; }
.gy2 .intro{ padding: 20px;}
.gy2 img{ margin-bottom: 0;}

.title + p{ line-height: 30px; margin: 20px 0;}
.shili h3{ font-size: 24px; margin-bottom: 20px; }
.sl1 ol{ margin: 0 -30px;}
.sl1 li{ float: left; width: 50%; padding: 0 30px; margin-bottom: 30px;}
.sl1 li p,.sl2 p{ line-height: 42px; text-align: center; background: #ebebeb;}
.sl1 ul{ margin: 0 -20px;}
.sl1 ul li{ width: 33.333%; padding: 0 20px;}
.sl1 li .p{ line-height: 20px; padding: 7px 20px;}
.sl1 .p b{ font-weight: 400; color: #f00;}
.sl2 ul{ margin: 0 -8px;}
.sl2 li{ float: left; width: 25%; padding: 0 8px;}

.al1,.al2{ position: relative;}
.al1 li,.al2 li{ position: absolute; font-size: 12px; line-height: 30px; text-align: center; color: #fff; background: rgba(0,0,0,.8);}
.anli .li5{ font-size: 30px; font-weight: 700; background: transparent;}
.al1 .li1{ width: 40.9%; left: 0; bottom: 0;}
.al1 .li2{ width: 30.6%; left: 40.9%; bottom: 0;}
.al1 .li3{ width: 28.5%; right: 0; top: 53.2178%;}
.al1 .li4{ width: 28.5%; right: 0; bottom: 0;}
.al1 .li5{ width: 30.6%; left: 40.9%; top: 20.297%; }

.al2{ margin-top: 30px;}
.al2 .li1{ width: 37.6%; left: 0; top: 42.3267%;}
.al2 .li2{ width: 34.2%; left: 37.6%; top: 42.3267%;}
.al2 .li3{ width: 45.5%; left: 26.3%; bottom: 0;}
.al2 .li4{ width: 28.3%; right: 0; bottom: 0;}
.al2 .li5{ width: 26.3%; left: 0; top: 71.0396%; }

.m-al h3{ padding-left: 8px; border-left: 5px solid #117a9b; margin-bottom: 20px;}
.m-al ul{ margin: 0 -3px;}
.m-al li{ float: left; width: 50%; padding: 0 3px; margin-bottom: 15px;}
.m-al p{ font-size: 12px; line-height: 18px; padding: 6px 5px; text-align: center; background: #ebebeb;}


.fuwu .p{ width: 445px; margin: 30px auto; font-size: 23px; color: #117a9b; border-bottom: 1px solid;}
.fuwu .p i{
    position: relative; bottom: -1px;
    margin: 0 5px -1px 0; padding: 0 10px;
    font-style: normal; font-size: 30px; font-weight: 700;
    color: #fff;
    background: #117a9b;
}
.fuwu .p .num2{ margin-left: 40px;}
.fuwu li{ float: left; width: 33.333%;  padding: 10px 0 16px 140px; background: url("../images/icon1.png") no-repeat 70px center;}
.fuwu li + li{ border-left: 1px solid #c8c8c8;}
.fuwu li b{ font-size: 18px;}
.fw1 li{ line-height: 54px; border-bottom: 1px solid #c8c8c8; }
.fw2 li{ font-size: 16px;}
.fuwu .icon2{ background-image: url("../images/icon2.png");}
.fuwu .icon3{ background-image: url("../images/icon3.png");}
.fuwu .icon4{ background: url("../images/icon4.png") no-repeat 80px 8px;}
.fuwu .icon5{ background-image: url("../images/icon5.png");}
.fuwu .icon6{ background-image: url("../images/icon6.png");}


.lianxi{ margin-top: 40px; }
.lianxi h2{ font-size: 30px; margin-bottom: 20px; }
.biaodan{ width: 55%; }
.biaodan p{ color: #4b4b4b; line-height: 24px; margin-bottom: 15px; }
.biaodan p b{ color: #f00; }
label{ font-weight: 400; color: #040000; line-height: 26px; }
input{ height: 26px; line-height: 26px; }
textarea{ line-height: 24px; resize: none; }
input,textarea{ padding: 0 3px; width: 100%; border: 1px solid #ccc; }
input:focus,textarea:focus{ outline: none; }
.biaodan li{ position: relative; float: left; width: 100%; padding-left: 70px; margin-bottom: 18px; }
.biaodan label{ position: absolute; left: 0; top: 0; }
.biaodan label b{ position: absolute; left: -8px; top: 2px; color: #f00; }
.biaodan .diqu,.biaodan .name{ width: 50%; }
.diqu label{ left: 20px; }
.saytext + li input{
    display: block; width: 140px; height: 32px;
    padding: 0; margin: 0 auto;
    text-align: center; line-height: 32px; color: #fff;
    border: 0 none; background: #f00;
}

.biaodan .LV_validation_message{ position: absolute; bottom: -16px; left: 70px; top: auto; right: 0; line-height: 1; font-size: 13px; height: 14px; font-weight: 400;  color: #c40000;}
.biaodan .LV_valid{ font-size: 0;}

.weixin{ width: 35.5%; color: #040000; }
.weixin  .pic + p{ margin: 10px 0 20px; line-height: 24px; }
.weixin p + p{ line-height: 28px; }



.footer{ padding: 30px 0; margin-top: 20px; color:#fff; background: #000;}
.footer .links{ width: 100%; text-align: center; margin-top: 13px;}
.share{ margin-top: 11px;}
.share span{ line-height: 27px;}
.share a{ margin: 0 6px 0 0!important;}

.go-top a{
    display: none;
    position: fixed !important; right: 0px; bottom: 50px;
    width: 40px; height: 40px;
    background: #ff3333;
    transition: all 0.2s ease;
    z-index: 10; cursor: pointer;
}
.go-top .go1{
    display: none;
    width: 40px; height: 40px;
    color: #fff; font-size: 12px;
    line-height: 40px; text-align: center;
}
.go2{
    position: absolute; right: 0; top: 0;
    width: 40px; height: 40px;
    background: url(../images/top.png) no-repeat 11px;
}
.go-top a:hover{
    display: block;
    width: 80px;
    transition: all 0.2s ease;
    border-radius: 5px 0px 0px 5px;
    background: #666;
}
#goTop1:hover{ width: 40px; }
.go-top a:hover .go1 { display: block; }



@media screen and (min-width: 992px ){

    .dy-cont img{ width: 257px; }
    .dy-cont p.pull-right{ width: 615px; margin-top: -8px; }

}
@media screen and (min-width: 1200px ){
    .dy-cont p.pull-right{ width: 680px; margin-top: 0px; }

}
@media screen and (min-width: 992px ) and (max-width: 1200px){
    .pro4 li{ width: 49%;}
    .pro4 .li1,.pro4 .li3{ margin-right: 2%;}
    .pro4 .txt{ line-height: 23px; letter-spacing: -0.5px;}
    .pro4 .more{ right: 90px; bottom: 12px;}

    .gy1 .bt{ padding: 30px 0;}
    .gy1-cont{ width: 825px;}
}

@media screen and (max-width: 992px){
    /*.header .logo .hidden-xs{ width: 400px; height: auto;}*/

    .dy-cont img{ width: 200px; margin-top: 35px;}
    .dy-cont p.pull-right{ width: 455px; margin-top: 0px; }

    .pro1 h3{ margin-bottom: 15px;}
    .pro1 p{ padding: 10px 40px 10px 20px;}
    .pro2{ background-position: 10px 30px;}
    .pro3 .da{ padding-left: 160px;}
    .pro4 li{ width: 49%;}
    .pro4 .li1,.pro4 .li3{ margin-right: 2%;}
    .pro4 .pic{ width: 100%;}
    .pro4 .txt{ width: 100%; padding: 15px;}
    .pro4 .more{ position: static; display: block; margin-top: 10px;}

    .gy1 .bt{ padding: 45px 0;}
    .gy1-cont{ width: 605px; padding: 0 25px 0 28px;}

    .sl1 ol{ margin: 0 -15px;}
    .sl1 li{ padding: 0 15px; margin-bottom: 20px;}
    .sl1 ul{ margin: 0 -5px;}
    .sl1 ul li{ padding: 0 5px;}
    .sl1 li .p{ letter-spacing: -0.5px; padding: 7px 5px;}

    .al1 .li2,.al1 .li4{ letter-spacing: -0.5px;}

    .fuwu li{ padding-left: 85px; background-position: 25px;}
    .fuwu .icon4{ background-position: 35px 8px;}

    .weixin{ width: 43%; }

    .query-tag{ display: none;}
}

@media screen and (max-width: 768px){
    .header{ padding: 15px 0;}

    .banner a{ width: 18.3333%; height: 11%; left: 17.91667%; top: 72.6667%;}

    .dy-cont img{ float: none!important; max-width: 257px; width: 100%; margin: 0 auto 8px }
    .dy-cont p.pull-right{ width: 100%; }

    .pro1-cont{ position: static;}
    .pro1 p{ width: 100%; padding: 15px;}
    .pro2{ padding-left: 0; background: none;}
    .pro2 dd{ padding-left: 30px;}
    .pro3{ padding: 15px; }
    .pro3 .wen{ width: 100%; line-height: 30px;}
    .pro3 .da{ padding: 10px 0 0; width: 100%; background: none;}

    .gy1 .intro{ padding: 15px;}
    .gy1 .bt{ width: auto; padding: 0; margin-bottom: 10px;}
    .gy1-cont{ width: auto; padding: 0 15px;}
    .gy1-cont i{ border-width: 2px; width: 8px;}
    .gy2 .intro{ padding: 10px 15px;}

    .sl1 ol{ margin: 0 -2px;}
    .sl1 li{ padding: 0 2px; margin-bottom: 15px;}
    .sl1 li p,.sl2 p{ line-height: 30px;}
    .sl1 ul{ margin: 0 -2px;}
    .sl1 ul li{ width: 50%; padding: 0 2px;}
    .sl1 li .p{ letter-spacing: -0.5px; padding: 5px; }
    .sl2 ul{ margin: 0 -2px;}
    .sl2 li{ padding: 0 2px;}

    .fuwu li{ padding-left: 70px; background-position: 10px center;}
    .fuwu .icon1,.fuwu .icon4{ padding-left: 60px; background-position: 15px center;}
    .fuwu .icon4{background-position: 25px 8px;}

    .biaodan{ margin-bottom: 20px; }
    .biaodan,.weixin{ width: 100%; }

    .footer{ padding: 20px 0;}
    .footer .links{ margin-top: 0;}
}
@media screen and (max-width: 660px){
    .sl2 ul{ margin: 0 -3px;}
    .sl2 li{ width: 50%; padding: 0 3px; margin-bottom: 15px;}

    .fuwu .p{ display: none;}
    .fuwu .p2{ display: block!important;}
    .fuwu .p2{ font-size: 21px;  border-bottom: 0;}
    .fuwu .p2 i{ font-size: 26px; padding: 0 8px; line-height: 48px;}
    .fuwu .p2 .num2{ margin-left: 48px;}

    .fuwu li{ padding: 63px 0 10px; background-position: center 10px; text-align: center; line-height: 28px;}
    .fw1 .icon1{ padding-left: 0; background-position: center 11px;}
    .fw2 .icon4{ padding-left: 0; background-position: center 6px;}
    .fuwu li b{ font-size: 16px; }
    .fw2 li{ font-size: 12px; line-height: 20px;}


}
@media screen and (max-width: 480px){
    .pro4 li{ width: 100%;}
    .pro4 .li1,.pro4 .li3{ margin-right: 0%;}

    .biaodan .name,.biaodan .diqu{ width: 100%; }
}