@charset "utf-8";
/* CSS Document */
body{padding:0px; margin:0px; outline:0; font-family: 'Roboto', sans-serif;}
*{padding:0; margin:0;}

body{padding:0; margin:0;}
.main{width:100%; float:left;}
.container{width:1200px; margin:0 auto;}
.header_main{ background:#2f9ef3; height:10px;}

.logo_main{width:100%; float:left;  margin-top:10px;}
.logo{float:left;}
.social_media{float:right; margin-top:35px;}
.social_media ul{list-style:none;}
.social_media ul li{float:left; width:25px; height:25px;}
.social_media ul li a{float:left; width:25px; height:25px; background:url(../image/social_media.png) no-repeat 0 0;}
.social_media ul li.tw a{background-position:-25px;}
.social_media ul li.google a{background-position:-56px;}
.social_media ul li.in a{background-position:-85px;}

.navgation_main{width:100%; float:left; background:#2f9ef3; margin-top:20px;}
.navgation_main ul{list-style:none; margin:0px; padding:0px;}
.navgation_main ul li{float:left; position:relative;}
.navgation_main ul li a{float:left; font-size:16px; -webkit-transition: all 200ms linear;
-moz-transition: all 200ms linear;
-o-transition: all 200ms linear;
-ms-transition: all 200ms linear;
transition: all 200ms linear; font-style:normal; color:#FFFFFF; text-transform:uppercase; text-decoration:none; padding:10px 40px; margin:0px;}
.navgation_main ul li a:hover{background:#c1c1c1;
  color: #ffffff;
  padding:10px 40px;}
  
.navgation_main ul li ul{display:none;}
.navgation_main ul li:hover ul{display:block; position:absolute; left:0; top:50px;}
.navgation_main ul li ul li a{float:left; background:#2f9ef3; width:240px; padding:15px 10px;}  
.navgation_main ul li ul li a:hover{padding:15px 10px;}  
 
 .banner_main{width:100%; float:left;}
 .banner_main img{ background-size:cover; width:100%;}
 
.about_main{width:100%; float:left; margin-top:30px;}
.about_main h2{ text-align:center; font-size:30px; color:#4f91cf; text-transform:uppercase; font-family: 'Oswald', sans-serif; font-style:normal; border-bottom: 1px solid #F0F0F0;
padding-bottom: 10px;}
.about_main p{ color:#9b9b9b; font-size:18px; line-height:35px; margin-top:30px; text-align:justify;}
.about_main p span{float:right; padding-left:10px; padding-bottom:10px;}

.about_main ul{ margin-top:10px; list-style:none;}
.about_main ul li{float:left; font-size:15px; color:#666666; width:100%; padding-top:10px; background:url(../image/icon_li.png) no-repeat 0 14px; padding-left:35px;}


.main_services_left{float:left; width:55%;}
.main_services_left h2{ font-size:20px; color:#4f91cf; padding-bottom:10px; border-bottom:1px solid #999999;}
.main_services_left ul{list-style:none;}
.main_services_left ul li{float:left; font-size:15px; color:#666666; width:95%; padding-top:10px; background:url(../image/icon_li.png) no-repeat 0 14px; padding-left:35px;}

.main_services_right{ width:40%; margin-left:5%; float:left;}
.main_services_right img{width:100%;}

.services_main{width:100%; float:left; margin-top:20px; margin-bottom:20px; padding-top:10px; padding-bottom:10px;}

.services_left{float:left; width:30%; margin-right:3%;}
.services_left h2{ font-size:20px; color:#4f91cf; padding-bottom:10px; border-bottom:1px solid #999999;}
.services_left ul{list-style:none;}
.services_left ul li{float:left; font-size:15px; color:#666666; width:95%; padding-top:10px; background:url(../image/icon_li.png) no-repeat 0 14px; padding-left:35px;}

.contact_main{float:left; width:100%; margin-top:20px;}

.contact_left{width:50%; float:left;}
.contact_left h2{ margin-bottom:10px; color:#333333; font-size:25px;}
.contact_left p{ color:#666666; font-size:16px; line-height:25px; margin-bottom:10px;}
.contact_left p a{ color:#666666; text-decoration:none; font-size:16px;}


.feed_back_main{width:100%; float:left; margin-top:20px;}
.feed_back_left{ width:50%; float:left;}
.feed_back_right{float:right; width:30%;}

.contact_right{ float:left; width:50%;}
.contact_right img{width:100%;}



#marque_main {
	width: 100%;
	height: 100px;
	overflow: hidden;
	margin: 10px auto;
	background: white;
}


.photobanner {
	height: 233px;
	width: 3550px;
	margin-bottom: 80px;
}
 
.photobanner img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width:170px; height:75px;
	border:1px solid #E4E4E4;
}
 
.photobanner img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	cursor: pointer;
 
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

.first {
	-webkit-animation: bannermove 30s linear infinite;
	   -moz-animation: bannermove 30s linear infinite;
	    -ms-animation: bannermove 30s linear infinite;
	     -o-animation: bannermove 30s linear infinite;
	        animation: bannermove 30s linear infinite;
}
 
@keyframes "bannermove" {
 0% {
    margin-left: 0px;
 }
 100% {
    margin-left: -2125px;
 }
 
}
 
@-moz-keyframes bannermove {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-webkit-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-ms-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}
 
@-o-keyframes "bannermove" {
 0% {
   margin-left: 0px;
 }
 100% {
   margin-left: -2125px;
 }
 
}







.form_main{float:left; width:100%; margin-top:20px;}
.form_main ul{list-style:none;}
.form_main ul li{float:left; width:100%; padding-bottom:10px; font-size:17px; color:#938E8E;}
.form1{width:400px; height:40px; border: 1px solid #E9E9E9; padding-left:5px;}
.form2{width:400px; height:150px; border: 1px solid #E9E9E9; padding-left:5px; resize:none;}
.form_bnt{ padding:8px 20px; cursor:pointer; color:#FFFFFF; font-size:15px; font-weight:bold; background:#4f91cf; border:none;}
.form_bnt:hover{ background:#ababab;}


.project { font-size:28px; width:1010px; float:left; text-align:center; color:#636262; width:100%; float:left; margin-top:20PX; text-decoration:none; font-weight:bold;}
.project_main{ float:left; margin-top:5px; margin-bottom: 20px; border:1px solid #7DBFDE; background:#FFFFFF;}
.project1{ float:left; width:400px; margin-right:1px;}
.project1.size1{ width:190px;}
.project1.size2{ width:220px;}

.project1 ul{list-style:none;}
.project1 ul li{float:left; text-align:center; font-size:13px; background:#eaebec;  width:400px; height:40px; padding-top:10px; padding-bottom:10px; color:#777; margin-bottom:1px;}

.project1 ul li.size1{ width:190px;}
.project1 ul li.size2{ width:220px;}
.project1 ul li:hover{background:#2f2e2e; color:#FFFFFF;}
.project1 ul li.first1{font-size:15px; font-weight:bold;  background:#2098f5; color:#FFFFFF;}
.project_first_head{color:#FFFFFF; !important;}




.footer_main{ background:#4f91cf; float:left; margin-top:20px; width:100%;}
.footer_menu{float:left;}
.footer_menu ul{list-style:none;}
.footer_menu ul li{float:left;}
.footer_menu ul li a{float:left; display:inline; padding:20px 15px; color:#FFFFFF; text-transform:uppercase; text-decoration:none; font-size:15px; color:#FFFFFF; background:url(../image/menu_line.png) no-repeat 0 15px;}
.footer_menu ul li.first a{ background:none;}
.footer_menu ul li a:hover{ color:#000000;}

.footer_social{float:right; width:130px; margin-top:20px;}
.footer_social ul{ list-style:none;}
.footer_social ul li{float:left; width:25px; height:25px; text-align:center;}
.footer_social ul li a{float:left; width:25px; height:25px; background:url(../image/social_2.png) no-repeat 0 0;}
.footer_social ul li.tw a{background-position:-32px;}
.footer_social ul li.google a{background-position:-72px;}
.footer_social ul li.in a{background-position:-105px;}