﻿/*
** CSS made by bulusi.com
** 2012-11-28
** 公用样式v0.3
*/

html {
  overflow-x: hidden;
}

body {
  color: #000;
  font-family: "Microsoft YaHei", SimSun, sans-serif;
  background: #eee;
}

::selection {
  background: #00598f;
  color: #fff;
}

li {
  list-style-type: none;
}

img[data-original] {
  background-color: #eee;
}

.h {
  display: none;
}

.l {
  background: url(../images/icon_loading.gif) center center no-repeat;
}

.t {
  transition: .1s;
  -ms-transition: .1s;
  -moz-transition: .1s;
  -webkit-transition: .1s;
  -o-transition: .1s;
}

.cn {
  font-family: "Microsoft YaHei", SimSun, sans-serif;
}

.en {
  font-family: "Segoe UI", Tahoma, Arial, Verdana, sans-serif;
}

.jp {
  font-family: Meiryo, "MS Mincho", Arial, sans-serif;
}

.kr {
  font-family: "Malgun Gothic", Dotum, Arial, sans-serif;
}

.kai {
  font-family: STKaiti, KaiTi, KaiTi_GB2312, sans-serif;
}

.song {
  font-family: STZhongsong, SimSun, sans-serif;
}

/* 通用样式 */

div.locked,
div.alert {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 999;
}

div.locked {
  background: url(../images/icon_loading.gif) center center no-repeat;
}

div.alert {
  background: rgba(0, 0, 0, .4);
}

div.alert span {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  padding: 18px;
  width: 80%;
  height: 288px;
  max-width: 476px;
  color: #000;
  text-align: center;
  border-radius: 6px;
  background: #fff;
}

div.alert div.icon {
  position: relative;
  margin-top: 20px;
  width: 80px;
  height: 80px;
  border: 4px #999 solid;
  border-radius: 50%;
  display: none;
  animation: ani_icon 0.5s;
}

@keyframes ani_icon {
  0% {
    transform: rotateX(100deg);
  }
  100% {
    transform: rotateX(0deg);
  }
}

div.alert div.icon_warning {
  border-color: #f0ad4e;
  display: inline-block;
}

div.alert div.icon_done {
  border-color: #5cb85c;
  display: inline-block;
}

div.alert div.icon_error {
  border-color: #d9534f;
  display: inline-block;
}

div.alert div.icon_warning i {
  position: absolute;
  left: 50%;
  background: #f0ad4e;
}

div.alert div.icon_done i {
  position: absolute;
  height: 5px;
  border-radius: 2px;
  background: #5cb85c;
}

div.alert div.icon_error i {
  position: absolute;
  top: 36px;
  right: 12px;
  width: 47px;
  height: 5px;
  border-radius: 2px;
  background: #d9534f;
}

div.alert div.icon_warning i.icon_body {
  top: 10px;
  margin-left: -2px;
  width: 4px;
  height: 40px;
  border-radius: 2px;
}

div.alert div.icon_warning i.icon_dot {
  bottom: 10px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

div.alert div.icon_done i.icon_body {
  top: 36px;
  right: 8px;
  width: 40px;
  transform: rotate(-45deg);
}

div.alert div.icon_done i.icon_dot {
  top: 40px;
  left: 10px;
  width: 25px;
  transform: rotate(45deg);
}

div.alert div.icon_error i.icon_body {
  transform: rotate(-45deg);
}

div.alert div.icon_error i.icon_dot {
  transform: rotate(45deg);
}

div.alert p {
  margin-top: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #333;
  text-align: center;
  overflow: hidden;
}

div.alert button {
  margin-top: 40px;
  padding: 10px 40px;
}

div.debug {
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 6px 1%;
  width: 100%;
  max-height: 160px;
  line-height: 18px;
  color: #fff;
  background: #000;
  word-break: break-all;
  overflow-y: scroll;
  z-index: 9999;
}

div.debug hr {
  margin: 6px 0;
  display: block;
  height: 1px;
  background: #ccc;
}

/* 私有样式 */

h1,
h2,
h3,
h4 {
  font-family: "Microsoft YaHei", SimSun, sans-serif;
}

nav.header {
  margin-bottom: 0;
}

nav.header div.container {
  position: relative;
}

nav.header a.language {
  position: absolute;
  line-height: 26px;
  color: #000;
}

nav.header a.language span {
  font-size: 18px;
}

div.banner video{
width:100%;
height:100%;
}
div.banner {
  position: relative;
  padding: 0;
}

div.banner img {
  position: absolute;
  z-index: -1;
}

div.banner div.index_welcome {
  color: #fff;
}

div.index_services,
div.index_more,
div.index_customer,
div.index_news,
div.index_contact {
  background: #fff;
}

div.index_services div.index_services_list {
  padding-top: 15px;
}

div.index_services img.icon {
  margin: 15px 0;
  max-width: 40%;
}

div.index_more img,
div.index_about img,
div.main ul.list_pic img {
  width: 100%;
}

div.main ul.list_news img{
  margin-top: 15px;
  width: 80px;
  height: 60px;
}

div.index_customer img,
div.main ul.list_customer img {
  width: 100px;
  height: 100px;
  border: 6px solid #efefef;
  border-radius: 50%;
}

div.index_customer div.media-body {
  padding: 0 12px;
}

div.main ul.list_customer li {
  margin-top: 15px;
  margin-bottom: 40px;
}

div.main ul.list_news img {
  margin-top: 15px;
  width: 80px;
  height: 60px;
}

div.main ul.list_news h4{
  margin-top: 15px;
}

div.index_more a.more,
div.index_news a.more {
  color: #004169;
}

div.index_about a.more {
  margin-top: 30px;
  padding: 15px 40px;
  border-radius: 0;
  background: #004169;
}

div.index_about a.more:hover {
  background: #00598f;
}

div.index_news li.index_news_tab {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 1px;
  border-bottom: 1px #d0d0d0 solid;
  cursor: pointer;
}

div.index_news li.active {
  padding-bottom: 0;
  border-bottom: 3px #ec8642 solid;
}

div.index_contact input {
  border-radius: 0;
  box-shadow: none;
  background: #ccc;
}

div.index_contact button {
  padding-left: 40px;
  padding-right: 40px;
  color: #fff;
  border-radius: 0;
  background: #000;
}

div.index_contact big,
div.sitemap big {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 18px;
  line-height: 50px;
}

div.sitemap {
  color: #fff;
  background: #004169;
}

div.sitemap img {
  max-width: 65%;
}

div.sitemap ul {
  float: left;
  padding: 0;
}

div.sitemap ul a {
  color: #fff;
}

div.sitemap a.sns {
  float: left;
  margin-right: 10px;
  width: 48px;
  height: 48px;
  font-size: 0;
  overflow: hidden;
  background: url(../images/icon_sns.png) no-repeat;
}

div.sitemap a.sns:nth-of-type(1) {
  background-position: 0 0;
}

div.sitemap a.sns:nth-of-type(2) {
  background-position: -58px 0;
}

div.sitemap a.sns:nth-of-type(3) {
  background-position: -116px 0;
}

div.sitemap a.sns:nth-of-type(4) {
  background-position: -174px 0;
}

div.sitemap a.sns:nth-of-type(1):hover {
  background-position: 0 -48px;
}

div.sitemap a.sns:nth-of-type(2):hover {
  background-position: -58px -48px;
}

div.sitemap a.sns:nth-of-type(3):hover {
  background-position: -116px -48px;
}

div.sitemap a.sns:nth-of-type(4):hover {
  background-position: -174px -48px;
}

div.copyright {
  color: #fff;
  background: #002745;
}

div.copyright p {
  margin-top: 10px;
}

div.main {
  background: #fff;
}

div.main div.news_info p {
  text-align: justify;
  overflow: hidden;
}

div.main div.news_info p.news_info_list {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABuSURBVChTjZDLDYAwDEMzFykb8NmAhl2Yq0MBd3DS8lUOtWTJ0nMUJXSLpacgiThuZs1h7gotYlkADtfKTDrlFd7WbQhY4cCvE4pxdcDP6FQV9TiEytX5LR58bMeoqt5zqZURAA+X3ay5mYYMiU6w+INR+yA0VQAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  background-position: 0 8px;
}

div.main div.news_info img {
  display: inline-block;
  max-width: 100%;
}

/* 20180424更新左侧树状导航样式 以下 */

h1.nav_tree_title {
  margin: 8px 30px 0 0;
  line-height: 1.8;
  border-bottom: 1px solid #ccc;
}

div.nav_tree {
  margin-bottom: 0;
  padding-top: 10px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
  box-shadow: none;
  background: transparent;
  transition:.2s;
}

div.nav_tree_active {
  background: #fafafa;
}

div.nav_tree div.panel-heading {
  padding-top: 0;
  border: 0;
  background: transparent;
}

div.nav_tree div.panel-heading a {
  display: block;
  padding: 4px 18px;
  font-size: 18px;
  text-decoration: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABLSURBVChTYwADhyx/hvp6JggHGThm1DA4Zv4H0usxFThkZEMkaafAMeMEkoIKqCgQIOt0yNjHEBrKTK4ECMD8iSEBA/ZZIZgSDAwAeZs7LiY8xMMAAAAASUVORK5CYII=) 0 center no-repeat;
}

div.nav_tree_active div.panel-heading a[data-toggle] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABeSURBVChTYwADx4waBoeMbAgHDYDEQfJgYJ8VwuCY+R+M0TWAFcLksvwZGEJDmYGC+zA0ICt0zFjPUF/PBBbH0OCYcQK7QhjA0IBLIQygaMCnEAZAGhwzKjAVMjAAAFuTOy4nyfqWAAAAAElFTkSuQmCC);
}

div.nav_tree ul.nav {
  padding-top: 0;
  line-height: 20px;
  font-size: 16px;
}

div.nav_tree ul.nav a {
  margin-left: 18px;
  color: #000;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAALCAYAAACzkJeoAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABNSURBVChTYwCBc+fO+f///58JzEEG58+fr7lw4cJ/IF6PoQAomQ2VpKGCE0gKKqDCGDr3rVq1iplMCRAASsL8iSoBAxcvXgzBlGBgAABOBIukG4LmoQAAAABJRU5ErkJggg==) 0 center transparent no-repeat;
}

div.nav_tree ul.nav a:hover {
  color: #004169;
  background-color: transparent;
}

div.nav_tree ul.nav li.active a {
  color: #004169;
}

/* 20180424更新左侧树状导航样式 以上 */

/* 响应式布局样式 */

@media screen and (max-width:767px) {
  nav.header a.logo {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  nav.header a.logo img {
    max-height: 100%;
  }
  nav.header a.language {
    top: 12px;
    right: 74px;
  }
  div.banner div.index_welcome,
  div.index_services,
  div.index_more,
  div.index_customer div.index_customer_list,
  div.index_news div.index_news_list div {
    padding: 15px;
  }
  div.index_news div.index_news_list div.media {
    margin-top: 0;
    padding: 0;
  }
  div.banner div.index_welcome {
    background: url(../images/banner_02.jpg) center no-repeat;
    background-size: auto 100%;
  }
  div.index_services div.row p {
    max-height: 100px;
    overflow: hidden;
  }
  div.index_more,
  div.index_about div.row,
  div.index_customer,
  div.index_news,
  div.index_contact {
    margin-top: 15px;
  }
  div.index_more div.row div {
    padding-bottom: 15px;
  }
  div.index_about div.row div.index_about_text {
    padding: 15px 15px 30px 15px;
    color: #fff;
    text-align: center;
  }
  div.index_about div.row:nth-of-type(1) div.index_about_text {
    background: url(../images/index_about_01.jpg) center no-repeat;
    background-size: 100% 100%;
  }
  div.index_about div.row:nth-of-type(2) div.index_about_text {
    background: url(../images/index_about_02.jpg) center no-repeat;
    background-size: 100% 100%;
  }
  div.index_customer p {
    max-height: 100px;
    overflow: hidden;
  }
  div.index_news ul.row {
    padding: 0 15px;
  }
  div.index_contact {
    padding-top: 20px;
  }
  div.copyright p {
    line-height: 40px;
  }
  div.main {
    margin: 0 0 15px 0;
  }
  div.main div.main_left {
    background: #eee;
  }
  div.main div.main_left div.list-group {
    margin-top: 15px;
  }
  div.main div.main_right {
    background: #f9f9f9;
  }
  div.main ul.list_pic {
    padding: 0 15px;
  }
  div.main ul.list_pic li {
    margin-top: 15px;
    padding: 0;
  }
  div.main ul.list_pic h4,
  div.main ul.list_pic small {
    padding-right: 15px;
  }
  div.main div.news_info {
    padding-top: 15px;
  }
  div.main div.news_info p.news_info_list {
    padding-left: 14px;
    background-size: 5px 5px;
  }
}

@media screen and (max-width:767px) and (orientation:landscape) {
  div.banner div.index_welcome,
  div.index_about div.row:nth-of-type(1) div.index_about_text,
  div.index_about div.row:nth-of-type(2) div.index_about_text {
    background-size: 100% auto;
  }
}

@media screen and (min-width:768px) {
  h1 {
    font-size: 42px;
  }
  nav.header {
    min-height: 88px;
  }
  nav.header a.logo {
    padding-top: 12px;
  }
  nav.header a.logo img {
    max-height: 60px;
  }
  nav.header ul.nav a {
    line-height: 58px;
  }
  nav.header ul.dropdown-menu a {
    line-height: 46px;
  }
  nav.header a.language {
    top: 30px;
    right: 15px;
    padding-left: 36px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALbSURBVEhLrZbJ641RGMdfmWUh40aG2GBlyl+gDJkSGTKHbNggQ6JI2GAhZd4ICzItLG3NQ2RKKWUmZFb4fM77Ht373vP7/e6Nb33qPOd5zvOee4bn3KxODYBFsAOOFNi2T98/qQ3Mhxvwu+ADXCywHfuNMdYxDWk43AaTnIG58AU2QtQ6+Azz4DwY6xjH1qVZ8B2uwQg70GL4Ab2ClasnGLcwWFk2ChxjnzmalQHO7DB0sKPQVTiRN6t0FC7nzaB2cBDM0eTH/MnO5hi0sqNQX3Dg1GBVayLo6xOsXI71Y+aqWUY3Me6J3II9sBR2g4M6Q1kd4RNsBj+6Bk7BS4h5qg6IJ+YXjIbpsB88Se5L/Lh8hVfwAt6DYyr99l8APzgD9Jv7r0zqTMpqC2/Be+PAJbAKVsNyMIlL/RG6QlknwQMS5IVzNuODVa0uoG9ysNLSZ0y3YFXLnPrCpfZ2u0SdNEryeBs4KFhp6TPG412WOX9CWD5LyT0bCY0Fk/QIVlreJ2OMTcnc22y4/m/gdALviEnOVfSV0WeMsSm/uQ9Atq8wUkH/60N7IdsKD2wkNAZM4vI0JcuSMcamdB+22HCj3LDUhRwJJhkcrLSGgDHGlmVOc8/W6AcGTtAoqTvomxSstKaAMcaWZU59vYOFvFQ+Byk9g015Myl9xqTkHl3Km7nmgOViaLDy4zwO1sJzsOzchCfwDiw/T+FxYVs9doHPiXevNVhQzVlVxS18d+ARmDDWMGvXw6K9E9bDCrD8rITtoO8KWECthdoWWsfWFFU1DKwQr2EaxJMWS1RqD3069PUPVp7UQ+GEzRVXqEbx4fNuWVCj3EOLZ1nHwUcxqj3Eh2+mHc3Jo+hsrkOc0TL4BpWlKD7lVnTl3rhUjm3xKY9yGd0zZ+bz4excf/+QRG0A/7D4x+UsGHsXHNuQXO8FUM/fLQ+Qr0DNxjcqD4T/dqz0hwps2zcQWlCW/QGiLetOnYBuNwAAAABJRU5ErkJggg==) no-repeat;
    transition: .1s;
  }
  nav.header a.language:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAVxSURBVEhLrZYLVFJ3HMf/57Q0qRQTQcqNplhpitnDNDWXp/Ldw7THtHCVrxka5SOWhdCyMjWnmMulLEtbO21zZluFaWjiKS1fZCWIQIjOAMUkJcq7y6Sj2yl15eecz/lz77n/7//c+3/wA5PCnGxgaEOeM8cxwVwPR1yUYuqOr0Mswt4wtJnDAU4Guqc+HJTbfiwxgekL8GEXEEtieM7B6YMGDrE9BxEuivtgPsQCVjwWwDNvArz/LbBwrq7b/wB+g+VbTnov9E5mM4oq1TiPbyCf8Oy+w+klz+avP/L0iGt4F39TFNS8ed+oATH1nbnFOyAI0tOlTAAhEg3MQ88mfVcqdQ1J0wDsLsgvkiGNohWLgOFWCMzd1X31oUgCB76T4eHhTLhB6dLeg2mQmf3GY/nRKVdeYFcfejV72f7hdCarG+FAeoNbQ1HFnvpVOs89sf1ECE0spWWrBXTG4Fg7aIxXHfQcqIN29uJD10BTXeq/MXWnztpGyj0WHFegWhuQogyJZ3avCDrZtyU27wVhw7E+YuKP3et2ZihQqxMFMcD+2V0w83UZQGr+63WAhK4DY+gamJXVSaUidPGjzHM/FBQQm6dcHZKmBMbboeC4fLHD5hQlsArTOG49IQ+MyZOAT0MhgNv915nI1DZl9oXejlPn5e809bxCcDzrxdBzxQZd/Ai2/scxP1yprplmsRdyCzktT81ntS3wPjow0yFmuKS8sUvbwgtDlcG8LVjsm/zk3E9VEnguNOM5MmNQPZcYZ6YbBoBp1hE+Jk4HoX20y527Dxd2G+F2a+i5fwg9iJlyU+f4117hjG5KRonQaHH0608IJOlRwo7GR3a+/HuEjbxxbKu185eyUY6+I6M4kQ0wqxLOrduTpca6xqvt/On9SzZ/22/rR+/HuiZofCIYirnuiWobf9qA047UAf1lsZJD6PUdjUYOL+8YLR9XttHyQbaJUz7HXLup7aKMXb88XXcko0SGWxWn3rQv93lYQoFgbWhmn/kXlKFT+SwpelX8K59wRm9EUqEYtzaJl3Ygp2Hg5+uPu4vLxrXrUunTnmsVnI4zTCSYCe+bNcQMBZJAGgxPLpbtTbooM/58j5pypkSyMTr3ufHKAyrvsCwZNbtMgrT+Wj3dJupZXs7vbYOP+fKB1knI5cu4RCo8TxYRVgu8jkJJmaUCYLEHwrjEqyPol9tRzgc106yjoPQCFn+GPQkyhPdUWHKxGOeVzCOjPVtbsC7CKqzbxJq5SWps/RYBQwcyHuMaL1qzK71BzzqyHe0S/3hF4IkH8Js80bON4vtGMB5OJ0S3Ix3JT+0DUxo/86DU0s3WNdUhCOKKWQ6TcIm01srHGqA9KBh2o7DrRh2vt5orkt1pEspv1fN72c1Cufb6z3ttvdUtIpn2+iZ8v4YrVHQ18WQD9S3y/gdc2UT23W/paQ3ejwWVzN+Q6tqGuqGb1Z1DrLviiRyEVZbXiBW3ORNbzulU1jY2iIqKjIF26VWZuZxjo5zVVSinoalUm1lt5lIwsrxhKvQJnjWWnjKO1XrRVFqD95RV6hH8/hlES/P2GAx8bHC0ZwbcvpkKdVn3uUFjjiAtGuWAn7Twl5ddRWVaVR/pS2nh1UFNv2qTLn6UDip1RikwSCsDs6GpsBQgMsXk9HfXE/dW7DQR0HIuCWgM6GNsT865/N4/vrfA39UE9rT2G38IcN8MbYYubnzg56f3lN0Jav2Kwm4OIEHNW2KgpgCSGm5VY9XdgwsTEtQaSqnuKa3YBvedZHEyhhqMM/oWsPSES6rv4dLqUTmwegMLjYpvhc1jAUuvcvRKjK7bh1MJ3Gdoi0U2YimWpW9ncVt/qaX29+QLSAD+Bg95Esl1WbfjAAAAAElFTkSuQmCC) no-repeat;
  }
  div.banner img {
    left: -795px;
  }
  div.banner div.index_welcome {
    margin-top: 350px;
    padding: 35px 15px;
    background: rgba(0, 65, 105, .9);
  }
  div.banner div.par_welcome {
    margin-top: 260px;
  }
  div.banner div.index_welcome p,
  div.index_services p {
    font-size: 18px;
  }
  div.index_services,
  div.index_more,
  div.index_about div.row,
  div.index_customer,
  div.index_news,
  div.index_contact {
    margin-top: 60px;
  }
  div.index_services {
    padding: 80px 15px;
  }
  div.index_services p,
  div.index_more p,
  div.index_about p,
  div.index_news p,
  div.index_contact p {
    color: #777;
  }
  div.index_more {
    padding-bottom: 46px;
  }
  div.index_more div.row div,
  div.index_about div.row div {
    padding: 0;
    background: #fff;
  }
  div.index_more h1,
  div.index_more p,
  div.index_more a.more {
    margin-left: 40px;
    margin-right: 15px;
  }
  div.index_about div.row div.index_about_text {
    position: relative;
    padding: 75px 60px 74px 60px;
    background: rgba(255, 255, 255, .8);
  }
  div.index_about div.row span.index_about_fix_left,
  div.index_about div.row span.index_about_fix_right {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 1;
    background: rgba(255, 255, 255, .8);
  }
  div.index_about div.row span.index_about_fix_left {
    width: 80px;
  }
  div.index_about div.row span.index_about_fix_right {
    width: 80px;
  }
  div.index_customer {
    padding: 60px 0;
  }
  div.index_customer div.index_customer_list {
    margin-top: 40px;
    padding: 0 60px;
  }
  div.index_customer div.media {
    margin-top: 40px;
  }
  div.index_news {
    padding: 20px 60px;
  }
  div.index_news ul.row {
    padding: 0;
  }
  div.index_news div.index_news_list {
    margin-top: 60px;
  }
  div.index_news div.index_news_list div {
    padding-left: 0;
  }
  div.index_news div.index_news_list img {
    margin-top: 4px;
    width: 120px;
    height: 90px;
  }
  div.index_news div.index_news_list p {
    height: 46px;
    font-size: 16px;
    overflow: hidden;
  }
  div.index_contact div.container,
  div.sitemap div.container {
    padding: 60px 120px;
  }
  div.index_contact div.row div {
    padding-right: 60px;
  }
  div.copyright p {
    line-height: 70px;
  }
  div.sitemap ul:first-of-type {
    margin-right: 30px;
  }
  div.main {
    margin: 50px 0;
  }
  div.main div.main_left p {
    margin-right: 30px;
    font-size: 16px;
  }
  div.main div.main_left ul.nav-pills,
  div.main div.main_left div.panel {
    margin-right: 30px;
  }
  div.main div.main_left div.panel ul.nav-pills {
    margin-right: 0;
  }
  div.main div.main_left div.list-group {
    margin: 30px 30px 0 0;
  }
  div.main div.row {
    padding: 80px 12%;
  }
  div.main ul.list_pic {
    padding: 0;
  }
  div.main ul.list_pic li {
    margin-bottom: 30px;
  }
  div.index_customer img,
  div.main ul.list_customer img {
    width: 120px;
    height: 120px;
  }
  div.main ul.list_news img{
    width: 160px;
    height: 120px;
  }
  div.main div.news_info h3 {
    margin-bottom: 40px;
    font-size: 32px;
  }
  div.main div.news_info h3 small{
    font-size: 14px;
  }
  div.main div.news_info h4 {
    margin-bottom: 40px;
    font-size: 20px;
  }
  div.main div.news_info p {
    margin-top: -16px;
    margin-bottom: 32px;
    line-height: 24px;
    font-size: 16px;
  }
  div.main div.news_info p.news_info_list {
    padding-left: 24px;
  }
  .ani_flyin,
  .ani_mask a,
  .ani_mask img {
    position: relative;
  }
  .ani_flyin span.flyin {
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    background: #ddd;
    z-index: 9;
    transition: 1s;
    transition-timing-function: ease-out;
  }
  .ani_flyin_right span.flyin {
    left: 0;
    right: auto;
  }
  .ani_mask span.mask {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, .4);
    overflow: hidden;
    opacity: 0;
    z-index: 1;
    transition: .2s;
  }
  .ani_mask:hover span.mask {
    opacity: 1;
  }
  .ani_glyphicon span.glyphicon {
    transition: .2s;
  }
  .ani_glyphicon:hover span.glyphicon {
    margin-left: 10px;
  }
}

@media screen and (min-width:1200px) {
  nav.header ul.nav {
    margin-left: 74px;
  }
  nav.header ul.nav a {
    font-size: 16px;
  }
  div.banner img {
    left: -695px;
  }
  div.index_about div.row div.index_about_text {
    margin-top: 54px;
  }
  div.sitemap ul:first-of-type {
    margin-right: 60px;
  }
}

@media screen and (min-width:1920px) {
  nav.header ul.nav {
    margin-left: 274px;
  }
  nav.header ul.nav a {
    font-size: 18px;
  }
  div.banner img {
    left: -490px;
  }
  div.index_about div.row div.index_about_text {
    margin-top: 164px;
  }
  div.sitemap ul:first-of-type {
    margin-right: 80px;
  }
}

@media screen and (min-width:2560px) {
  nav.header ul.nav {
    margin-left: 486px;
  }
  div.banner img {
    left: -265px;
  }
  div.index_about div.row div.index_about_text {
    margin-top: 242px;
  }
  div.sitemap ul:first-of-type {
    margin-right: 120px;
  }
}