*{ margin:0px; padding:0px; box-sizing: border-box;}
body 
{
    line-height:1.5;
    font-family: 'Microsot Yahei', Arial, Sans-serif;
}
a{ text-decoration:none;}
ul,li{ list-style:none; }
img{ max-width:100%; vertical-align:middle; }
.fl{ float:left; }
.fr{ float:right; }
.clearfix { *zoom: 1; }  
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.header{ padding: 10px 48px; background:#262419; color:#fff; }
.header .logo img{ width:52px; height:52px;  }
.contact .box img { width: 20px; height: 20px; }
.header .logo .img{ margin-right:10px; }
.header .logo .text h1{ font-size:18px; }
.header .logo .text p{ font-size:14px; color:rgba(255,255,255,.8);  }
.header .nav a{ color:#fff; line-height:52px; font-size:18px; margin:0px 20px; position:relative; }
.header .nav a.act,.header .nav a:hover{ color:#e6d591;  }
.header .nav a.act:after{ width:100%; height:3px; background:#e6d591; position:absolute; left:0px; bottom:-10px; content:''; }

.banner{ height:500px; overflow:hidden; position:relative; }
.banner .text{ position:absolute; left:0px; width:100%; top:50%; color:#fff; max-width: 1180px; right:0px;
    margin: 0 auto; margin-top:-50px;  }
.banner .text h2{ font-size:40px; }
.wrap{ max-width:1180px; margin:0 auto; }
.contact .title{ text-align:center; }
.foot .box{ width:480px; margin:0 auto;  }
.about { background:#235099; padding:100px 0px; } 
.about .text{ }
.about .img{ width:40%; }
.foot { background:#262419; padding:50px 0px; } 
.copy{ text-align:center; }
.copy img{ width:52px; }
.youshi .l1{ float:left; width:31.3333333%; margin-right:2%;  }
.youshi .l2{ float:left; width:33.3333333%;  }
.youshi .l3{ float:left; width:31.3333333%; margin-left:2%;  }
.youshi .l2 img{ width:100%; }
.youshi .l1 img{ width:48px; margin-bottom:5px; }
.youshi .l3 img{ width:48px; margin-bottom:5px; }
.youshi .l1 .items{ margin-bottom:40px; }
.youshi .l3 .items{ margin-bottom:40px; }
.youshi .items h3{ font-weight:normal; margin-bottom:10px; }
.youshi .items p{ font-size:14px; }
.youshi .text{ margin-bottom:80px;  }
.youshi .text h3{ font-size:28px; margin:30px 0px 20px; position:relative; font-weight:normal; }
.youshi .text p{ font-size:14px; margin:10px 0px; position:relative; font-weight:normal; }
.about { margin-top:50px; }
.about .atitle{ font-size:30px; margin:30px 0px; position:relative;  color:#fff;  }
.about .text{ width:60%; background:#fff; padding:40px; padding-bottom:50px; margin-top:30px; right:-3%; position:relative; z-index:999999999999; }
.about .text h3{ font-size:24px; margin-bottom:10px; }


.about.aen .text h3{ font-size:20px; margin-bottom:10px; }

.beian a{color: white;}

.about .text p{ font-size:14px; color:#e6d591;}
.cp-section{ padding:80px 0px; margin-bottom:40px; }
.cp-section li{ float:left; width:25%; text-align:center ; }
.cp-section li img{ width:60px;  }
.cp-section li .text h2{ margin:10px 0px; line-height:1.3; }
.cp-section li .text p{ color:rgba(0,0,0,.8); font-size:14px; }
.team { padding:50px 0px; }
.team li{ float:left; width:23.5%; border:1px solid #E2E8F0; margin:10px 0px; margin-right:2%;}
.team li div{ padding:12%; text-align:center;   }
.team li div img{  height:82px; }
.team li:nth-child(4n+4){ margin-right:0px;  }
.team .title{ text-align:center; font-size:30px; margin:30px 0px; position:relative;   }
.team .title:before{ position:absolute; width:40px; height:7px; left:0px; right:0px; top:-20px; background:#235099; content:''; margin:0 auto;  }


.foot { padding:50px 0px; }
.foot .title{ text-align:center; font-size:30px; margin:30px 0px; position:relative;  color:#fff;  }
.foot .box p { margin-bottom:30px; }
.foot .box p strong{ color:#fff; margin:0px 10px; min-width:100px; display:inline-block; }
.foot .box p span{ color:#e2e8f0; font-size:14px; display:inline-block; }



.foot .copy{ margin-top:100px; color:#fff; }
.foot .copy hr{  border:0px; height:1px; background:#4e5763; margin:20px 0px; }
.foot .copy img{ margin-bottom:5px; }
.foot .copy p{color:#e2e8f0; font-size:14px; }

.foot.fen .box {
    width: 840px;
    margin: 0 auto;
}

@media all and (max-width: 1199px) 
{ 
    .wrap{ width:98%; margin:0 auto; }
    .banner .text{ padding:0px 20px; }
        .cp-section li {
        float: left;
        width: 33.333333%;
        text-align: center;
        margin-bottom:20px;
    }
    .youshi .l1 {
        float: left;
        width: 100%;
        margin-right: 0px;
    }.youshi .l2 {
        float: left;
        width: 100%;
        margin-right: 0px;
        margin-bottom:20px;
    }.youshi .l3 {
        float: left;
        width: 100%;
        margin-right: 0px;
    }
    .youshi .l1 .items {
        margin-bottom: 40px;
        padding-bottom:40px;
        border-bottom:1px solid #ededed;
    }
    .youshi .l3 .items {
        margin-bottom: 40px;
        padding-bottom:40px;
        border-bottom:1px solid #ededed;
    }
}

@media all and (max-width: 991px) 
{
   .copy {
        text-align: left;
    } 
    
}

@media all and (max-width: 768px) 
{
    .foot {
        padding: 50px 4%;
    }
        .foot .box {
        width: 100%;
        margin: 0 auto;
    }
    .foot.fen .box {
        width: 100%;
        margin: 0 auto;
    }
        .foot .title {
        text-align: left; 
    }
    
    .team li {
        float: left;
        width: 49%;
        border: 1px solid #E2E8F0;
        margin: 10px 0px;
        margin-right: 2%;
    }
    .team li:nth-child(4n+4) {
        margin-right: 2%;
    }
    .team li:nth-child(2n+2) {
        margin-right: 0px;
    }
    
    .about .text {
        width: 100%; 
        right: 0%; 
    }
    
    .about .img {
        width: 100%;
    }
    
    .header {
        padding: 10px 1%; 
    }
    .logo { width:100%; border-bottom:1px solid #e6d591; padding:10px 0px; }
    .nav { width:100%; }
    
    .cp-section li {
        float: left;
        width: 50%;
        text-align: center;
        margin-bottom: 20px;
    }
    .cp-section li .img{ height:60px; }
    
    .banner {
        height: 320px;
        overflow: hidden;
        position: relative;
    }
    .banner .text h2 {
        font-size: 30px;
    }
    .banner img{
        height: 100%; }
        
        .cp-section {
        padding: 40px 0px;
        margin-bottom: 40px;
    }
    
    .about {
        background: #235099;
        padding: 40px 0px;
    }

}

@media all and (max-width: 575px) 
{
    .cp-section li { 
        width: 100%; 
        margin-bottom: 40px;
    }
    .banner {
        height: 269px;
        overflow: hidden;
        position: relative;
    }
    .banner .text h2 {
        font-size: 24px;
    }
}