.head { max-width: 1100px; margin: 0 auto; padding: 50px 0 20px; }

.poster { width: 100%; }
.poster img { width: 100%; }

.products { width: 1100px; padding: 50px 0; box-sizing: border-box; margin: 0 auto; text-align: justify; }
.products .ducts { display: inline-block; vertical-align: top; width: 222px; }
.products .ducts img { width: 100%; }
.products .ducts h6 { display: block; text-align: center; font-size: 20px; line-height: 20px; font-weight: bold; padding: 20px 0; }

.products:after { content: ''; width: 100%; display: inline-block; }

.contact { width: 100%; background-color: #306dc0; padding-bottom: 60px; }
.contact .title { display: block; width: 100%; height: 90px; text-align: center; font-size: 27px; line-height: 90px; color: #fff; box-sizing: border-box; background-color: #306dc0; border-top: 1px solid #2a5a9a; border-bottom: 1px solid #1e59aa; outline-bottom: 1px solid #407dcf; }
.contact .form { width: 1100px; margin: 0 auto; background-color: #306dc0; }
.contact .form form { float: left; width: 750px; font-size: 0px; padding: 10px 0; text-align: justify; }
.contact .form form input { width: 360px; height: 40px; font-size: 12px; line-height: 20px; margin: 10px 0; padding: 0 10px; color: #fff; box-sizing: border-box; border: 1px solid #4e8fe9; background-color: #215daf; }
.contact .form form textarea { font-size: 15px; width: 100%; padding: 10px; color: #fff; background-color: #215daf; box-sizing: border-box; border: 1px solid #4e8fe9; border: none; }
.contact .form form button { display: block; width: 100%; color: #306dc0; font-size: 12px; line-height: 40px; margin-top: 20px; border: none; background-color: #fff; }
.contact .form .contact_text { overflow: hidden; padding-top: 70px; padding-left: 80px; color: #fff; }
.contact .form .contact_text p { font-size: 16px; line-height: 1.5; margin-bottom: 28px; }

.about { width: 100%; height: 489px; margin: 0 auto; background: url("./img/about-bg.jpg") center center no-repeat; }
.about h3 { display: block; font-size: 36px; line-height: 20px; padding: 100px 0 30px 0; text-align: center; }
.about p { width: 1100px; margin: 0 auto; padding: 0 170px; text-align: center; font-size: 12px; line-height: 20px; box-sizing: border-box; }
.about .about_img { margin-top: 30px; text-align: justify; }
.about .about_img .big { width: 400px; margin-right: 40px; }
.about .about_img img { width: 120px; margin-right: 20px; display: inline-block; vertical-align: top; }

.foot { background-color: #1e4991; margin: 0 auto; text-align: center; padding: 80px 0; }
.foot button { width: 380px; height: 65px; line-height: 65px; font-size: 23px; border-radius: 10px; border: none; color: #44445d; background-color: #f3f3f3; }
.foot p { width: 100%; text-align: center; margin-top: 35px; color: #fff; }
.foot p a { display: inline-block; padding: 10px; font-size: 12px; line-height: 1; color: #fff; margin-right: 12px; border-radius: 5px; }
.foot p .one { background-color: #144385; }
.foot p .two { background-color: #2076b6; }
.foot p .three { background-color: #363f8b; }
.foot p .four { background-color: #0c55a1; }

@media screen and (max-width: 1100px) { .head, .poster, .products, .contact, .about, .foot { width: 100%; overflow: hidden; }
  .contact { padding: 0; }
  .contact .form { width: 100%; padding: 10px; box-sizing: border-box; }
  .contact .form form { display: block; float: none; width: 90%; margin: 0 auto; box-sizing: border-box; padding: 0 5%; }
  .contact .form form input { width: 45%; }
  .contact .form .contact_text { display: block; margin-top: 20px; padding: 10px; width: 100%; }
  .contact .form .contact_text p { margin-bottom: 10px; }
  .about p { width: 100%; padding: 10px; }
  .about .about_img { text-align: center; }
  .about .about_img .big { display: block; width: 80%; margin: 0 auto; }
  .about .about_img .img_one { display: inline-block; margin: 20px; } }
@media screen and (max-width: 700px) { .products { text-align: center; padding: 10px; }
  .products img { float: none; display: block; width: 50%; margin: 0 auto; }
  .products .text_content { display: block; width: 100%; padding: 10px; }
  .products .text_content h3 { font-size: 25px; line-height: 1.5em; }
  .products .text_content h6 { font-size: 15px; line-height: 1.5em; }
  .contact .form { padding: 10px; box-sizing: border-box; }
  .contact .form form { width: 100%; margin: 0; padding: 0; } }