*{ margin:0px; padding:0px; box-sizing: border-box;}
body 
{
    line-height:1.5;
    font-family:微软雅黑;
}
a{ text-decoration:none; color:#000000}
ul,li{ list-style:none; }
img{ max-width:100%; vertical-align:middle; }


.w1700{ max-width:90%; margin:0 auto; }


.banner img{ width:100%; }

.about img{ width:100%;  }
.about .w1700{ position:relative; }

.about .w1700 h2{ position:absolute; color:#ffffff; font-size:35px; top:95px; }
.about .w1700 p{ position:absolute; top:170px; color:#1b1b1b; font-size:18px;  background:#ffffff; width:65%; line-height:2; padding:30px;  }

.map img{ width:100%;  }


.contact{ text-align:center; }


.foot{ text-align:center; }


.head{ padding:25px 0px; }


.xiangmu{ margin:90px 0px;  }

.yewu{ margin-top:160px }
.youshi{ margin-top:140px }
.map{ margin-top:100px }

.chanyelian{ margin-top:150px; }
.dongtai{ margin-top:150px; }
.huoban{ margin-top:220px; }


.hflex{ display:flex; justify-content: space-between;align-items: center; }
.hflex ul{display:flex; justify-content: space-between; }
.hflex ul li{ margin-right:90px; position:relative; }
.hflex ul li a{ color:#000000; font-size:20px;  }

.hflex ul li.on a{ color:#008bff;  }

.hflex ul li.on:after{ content:''; height:3px ; width:47px; background:#008bff; position:absolute; top:104%; left:50%; margin-left:-23px; }
.xiangmu ul{ display:flex; justify-content: space-between; }
.xiangmu ul li{ width:32%; background:url(../images/bg.png); padding:35px; border-radius:10px; } 
.xiangmu ul li h2{ text-align:center; color:#000000; font-size:35px;  font-weight:90; margin-bottom:50px;  }
.xiangmu ul li p{ font-size:18px; line-height:1.8;   }


.yflex{ display:flex; justify-content: space-between; }
.yflex .icon{ width:33.333333%; }
.yflex>.img{ width:33.333333%; }
.yflex>.img img{ max-width:90%; }
.yflex li{  display:flex; margin-bottom:80px;   }
.yflex li .img{ margin-right:25px;  }

.yflex li .con h3{ font-size:22px; margin-bottom:25px; font-weight:100; }
.yflex li .con p{ font-size:15px; line-height:2; min-height:90px;  }




.youshi h2{ font-size:35px; font-weight:100; margin-bottom:40px;    }

.youshi p{ font-size:25px; font-weight:90;  margin-bottom:60px;  }

.youshi ul{ display:flex; justify-content: space-between; }
.youshi ul li { text-align:center; margin-bottom:120px;  }
.youshi ul li .img{  margin-bottom:20px;   }
.youshi ul li p{  margin-bottom:0px; font-size:15px;  }
.youshi ul li p a{ text-decoration:underline; color:#000000;  }
.chanyelian ul{ display:flex; justify-content: space-between; flex-wrap: wrap; }
.chanyelian ul li{ width:30%; margin-bottom:70px; }


.map p{ font-size:25px; font-weight:90;  margin-bottom:60px;  }

.chanyelian p{ font-size:25px; font-weight:90;  margin-bottom:60px;  }


.dongtai h2{ font-size:35px; font-weight:100; margin-bottom:40px;    }
.dongtai ul{ display:flex; justify-content: flex-start; flex-wrap: wrap; }
.dongtai ul li { width:20%; margin-right:40px;  }

.dongtai ul li p{ text-align:center; }


.huoban h2{ font-size:35px; font-weight:100; margin-bottom:40px;    }

.huoban ul{ display:flex; justify-content: space-between; flex-wrap: wrap; }

.huoban ul li{ width:33.33333%; text-align:center; margin-bottom:70px; }
.huoban ul li .img {
    margin-bottom: 20px;
}

.huoban ul li p {
    margin-bottom: 0px;
    font-size: 15px;
    text-decoration:underline;
}

.jingshen{ background:#e5e5e5; padding:140px 0px 110px;  }
.jingshen ul{ display:flex; justify-content: space-between; }

.jingshen ul li h2{font-size: 35px;
    font-weight: 100;
    margin-bottom: 40px; }
    .jingshen ul li { width:33.333333%; }
.jingshen ul li p{ font-size:20px;  }
.jingshen .jcon{ font-size:20px; line-height:3; margin-top:115px;  }
.contact { margin-top:120px; }
.contact ul{ display:flex; justify-content: center; flex-wrap: wrap; }

.contact ul li{ width:33.333333%; text-align:center; margin-bottom:50px;  }
.contact ul li p{font-size:20px; font-weight:100; margin-bottom:0px;  }

.contact p{font-size:20px; font-weight:100; margin-bottom:90px; }
.contact h2{ font-size:35px; font-weight:100; margin-bottom:90px;    }
.contact .p1 { text-align:left; }
.contact .p1 span{ width:40%; display:inline-block; text-align:right; margin-right:5%; }
.contact .p1 span img{ margin-right:20px; }


.dongtai ul li .img {
    margin-bottom: 20px;
}

.dongtai ul li p {
    margin-bottom: 0px;
    font-size: 15px;
}


.foot{ margin-top:40px; } 
.foot hr{ margin:90px 0px; }

.foot p{font-size:18px; font-weight:100; margin-bottom:25px; }


p.pp{ position:relative; padding-left:10px;  }

p.pp:before{ content: '';
    height: 53px;
    width: 6px;
    background: #00deff;
    position: absolute;
    top: -20px;
    left: 0%; }
    
.jingshen ul li h2{  position:relative; padding-left:20px;}
    
    
.jingshen ul li h2:before{ content: '';
    height: 45px;
    width: 8px;
    background: #008bff;
    position: absolute;
    top: 0px;
    left: 0%; }
    
    @media all and (max-width: 1749px) 
{
     
.youshi ul li {  max-width:22%;  }
    }
    
@media all and (max-width: 1499px) 
{
    .about .w1700 h2 { 
    top: 37px;
}
.about .w1700 p { 
    top: 130px; 
}
    .yflex li { 
    margin-bottom: 40px;
}
.about .w1700 p { 
    width: 100%; 
}
 
    }
    
@media all and (max-width: 1199px) 
{
    
.yflex li .img img
{
    max-width:70px;
}

.about{ background-color:#007fe8; padding:40px 0px; }
    .about img 
    {
        display:none;
}

.about .w1700 h2 {
    position: relative; 
    top:auto;
}.about .w1700 p { 
    position: relative; 
    margin-top:40px;
    
    top:auto;
}
    }

@media all and (max-width: 991px) 
{
    .contact ul li {
    width: 50%; 
}.huoban ul li .img img{ max-width:150px; }
    
    .yflex>.img 
    {
        display:none; 
}
.yflex .icon {
    width: 50%;
}

p.pp:before {
    content: '';
    height: 27px;
    width: 6px; 
    top: 6px;
    left: 0%;
}
.jingshen ul li {
    width: 30%;
}
    }

@media all and (max-width: 768px) 
{
    .jingshen ul { 
    flex-wrap: wrap;
}
        .contact ul li {
        width: 100%;
    }
        .jingshen ul li {
        width: 100%;
        margin-bottom:50px;
    }
    
    .jingshen .jcon { 
    margin-top: 10px;
}
.huoban ul li {
    width: 100%; 
}
.dongtai ul li {
    width: 100%;
    margin-right: 0px;
    margin-bottom:40px;
}
.chanyelian ul li {
    width: 100%;
    margin-bottom: 40px;
}
.youshi ul li {
    text-align: center;
    margin-bottom: 40px;
    
    width: 100%;
    max-width: 100%;
}
.youshi ul {
    flex-wrap: wrap;
}
.yflex {
    flex-wrap: wrap;
}
.xiangmu ul {
    flex-wrap: wrap;
}
    .yflex .icon {
        width: 100%;
    }
    .xiangmu ul li {
    width: 100%; 
    margin-bottom:40px;
}
.hflex ul li {
    margin-right: 0px; 
    margin-left: 20px; 
}
.hflex .logo img{ max-width:200px; }

p.pp { 
    font-size: 20px;
}
    }

@media all and (max-width: 575px) {}