.home-banner {
	width:100%;
 	position:relative;
	overflow:hidden
} 
.home-banner .flex-control-paging {    margin: -25px 0 0 0;}
.home-banner .flex-control-paging li a{width: 50px; height: 5px; background: rgba(255, 255, 255, 0.7);}
.banner-bg img{ width: 100%}
.slogan{ position:absolute;  width:30%; top:30%; right:5%; padding:0 0 0 0; text-align: left; margin:0 0 0 0; color:#FFF; z-index:2}
.slogan h2{ font-size:38px;  line-height:50px; margin: 0 0 20px 0;  font-weight: 600}
.slogan h3{ font-size:30px;  font-weight:100;  margin: 10px 0 20px 0; }
.slogan h4{ font-size:19px;  font-weight:100;  margin: 0 0 45px 0; }
.slogan p{ font-size:25px; font-weight: 300; line-height: 40px; width: 800px; margin: 0 0 45px 0 }
.text-left{ text-align:left}
.slogan a{
    display: inline-block;
    color: #103d9b;
    font-size: 18px;
    padding: 12px 40px;
    background: #fff;
    border: none;
    outline: none;
    border-radius: 6px; 
    font-weight: 600;
   }
.slogan a:hover {
    color: #fff;
	background: #103d9b;
}
.slogan a:active {
}  
.home-page{margin: 90px 0 0 0}
.home-page h3 { font-size: 48px; margin: 0 0 50px 0; text-align: center; color: #103d9b}
.home-achievement h3{margin: 0 0 70px 0;}
.home-talents  h3{margin: 0 0 70px 0;}

.home-about{background: #fff}
.home-about .wrap{ 
    position: relative; 
	text-align:left;    
	padding: 90px 0px; 
}
.home-about .img{display: inline-block; width: 45%; margin: 0 2% 0 1%}
.home-about .img img{width: 100%}
.home-about .content{display: inline-block; width: 50%; vertical-align: top; padding: 0 25px}
.home-about .title{ font-size: 50px; line-height: 44px; color: #103d9b; font-weight: 500; margin: 30px 0 40px 0}


.home-about ul{margin: 60px 0 0 0}
.home-about ul li{ display: inline-block; width: 24%; padding: 0 2%;}
.home-about ul .circle{ width: 200px; height: 200px; margin:  0 auto; border: solid 2px #c8d0e2; border-radius: 50%; background: #fafbfb; text-align: center }
.home-about ul .d1{ font-size: 65px; font-family: "effrabold"; margin: 0 auto 0;  padding: 42px 0 0 0;  color: #103d9b}
.home-about ul .d1 span{font-size: 40px}
.home-about ul .d2{ font-size: 16px; margin: -10px 0 0 0; color: #666; line-height: 18px}

.home-news{padding: 40px 0 80px 0;}
.slides-item{ background: #c35d51; float: left }
.slides-item .cover-item{display: inline-block}
 
.home-achievement{padding: 80px 0 80px; background-image: url("../images/home-achievement-bg.jpg");  text-align: center; background-size: cover; background-position: top center;  background-repeat: no-repeat;}
.home-science{padding: 80px 0 80px; background-image: url("../images/home-video-bg.jpg");  text-align: center; background-size: cover; background-position: top center;  background-repeat: no-repeat;}

.more-btn{margin: 10px 0 0 0}
.more-btn a{
    display: inline-block;
    color: #fff;
    font-size: 18px;
    padding: 12px 40px;
    background: #103d9b;
    border: none;
    outline: none;
    border-radius: 6px; 
    font-weight: 600;
   }
.more-btn a:hover {
    color: #fff;
	background: #2858bb;
}

.home-talents{padding: 80px 0 80px 0; text-align: center}
.home-talents .col-md-2{width: 20%; float: left}
.home-talents .col-md-2 .img{margin: 0 30px 30px}
 
.talents-item .name{font-size: 21px; font-weight: 400;  margin: 0 0 5px}
.talents-item .title{font-size: 16px; color: #777}
.talents-item a{color: #333}
.talents-item a:hover{text-decoration: none!important}

.home-talents .more-btn{margin: 60px 0 0 0}
.home-talents .more-btn a{color: #103d9b; background: #fff; border: 2px solid #103d9b}

.partner{ padding: 60px 20px 60px; text-align: center; }
.partner h3 { margin: 0 0 20px; }
.partner ul{ max-width: 1400px; margin: 0 auto}
.partner li{ display:inline-block;  text-align:center; margin: 0 30px 25px 30px}
.partner li img{ height: 120px}
.partner li a:hover{ opacity:0.75;} 

@media (max-width: 1680px){ 
    .wow .flex-direction-nav{display: none}
}
  
@media (max-width: 1580px){ 
    .slogan{ width: 30%; top: 10vw;}
    .slogan h2{font-size: 36px;  line-height: 46px;}
}


 
@media (max-width: 1024px){  
    .home-talents .col-md-2{width:30%; margin: 0 0 40px;  float:inherit; display: inline-block; vertical-align: top}
    .slogan{width: 90%; left:5%; top: 26%;}
    .slogan p{width: 100%; font-size: 24px; line-height: 36px; margin: 0 0 35px 0;}
 	.home-news{padding: 70px 0 60px 0;}
	.home-about .wrap{padding: 80px 0px;}
	.home-about .img{margin: 0 2% 0 0;}
	.home-about .content{width: 52%;}
	.home-about .title{margin: 0 0 25px 0;}
 	.home-projects .cover-item .img span{height: 280px;}
	.home-projects{ padding: 100px 0 40px 0;}
	.home-projects h3{ margin: 0px 0 30px 0;}
    .header-fixed .rd-mobilepanel_toggle span{background-color: #333;} 
    .header-fixed .rd-mobilepanel_toggle span:before{background-color: #333;} 
    .header-fixed .rd-mobilepanel_toggle span:after{background-color: #333;} 
    .header-fixed  .rd-mobilepanel_toggle.active span{background: transparent;}
    .home-services .cover-item .img span{height: 400px}
    .company-intro ul li{width: 48%; vertical-align: top; margin: 0 0 20px}
    .company-intro{ margin: 30px 0 0 0;}
    .company-intro ul{ margin: 50px 0 00px;}
    .partner li{ width:24%;}
    .home-about ul li{width:  48%; margin: 0 0 20px}
   }
 
@media (max-width: 768px){ 
 	.home-projects .left{ width: 100%; margin: 0 0 50px 0;}
	.home-projects .right{ width: 100%;}
	.home-projects{padding: 80px 0 30px 0;} 
	.home-about .img{width: 80%; display: block; margin: 0 auto 30px}
	.home-about .content{width: 100%; padding: 0 0;}
    .home-customers .col-md-3{width: 50%; float: left; padding-right:0px; padding-left:0px}
    .home-customers{padding: 0px 0 50px 0;}
    .partner li{ width:32%;}
    .partner li{ width:49%; margin: 0 0 20px;}
    .partner li img {height: 80px;}
    .partner { padding: 40px 0 30px 0;} 
    .home-talents .col-md-2{width:46%;}
    .home-talents .col-md-2 .img{margin: 0 0 30px;}
 
}

@media (max-width: 520px){
     .banner-bg img{width: 200%; max-width: inherit}
    .slogan{width: 90%; left:5%; top: 20%;}
	.slogan h2{font-size: 30px; line-height: 38px}
    .slogan a{padding: 10px 30px;}
    .slogan p{width: 100%; font-size: 18px; line-height: 28px; margin: 0 0 35px 0;}
 	.home-news .ButtonBox{right: inherit; bottom: -50px; top:inherit; left: 20px}
	.cover-item .content{padding: 0 20px;}
	.home-news{padding: 40px 0 60px 0;}
	.home-news h3{margin: 0 0 20px 0;}
    .home-achievement{ padding: 50px 0 60px;} 
    .home-achievement h3{margin: 0 0 50px 0;}
    .home-talents{padding: 60px 0 60px 0;}
    .home-about .wrap{padding: 50px 0px 20px;}
    .home-page h3{ font-size: 40px; margin: 0 0 50px 0;}
    .home-page h4{margin: 0 0 30px;}
    .home-talents .more-btn{ margin: 20px 0 0 0;}
    .home-about .img{width: 100%; display: block; margin: 0 0 30px 0}
    .company-intro{margin: 30px 0 0 0;}
    .home-science{ padding: 60px 0 50px;}
    .home-science h3{ margin: 0 0 30px 0;}
    .home-banner .flex-control-paging li a{width: 40px}
 }