@charset "utf-8";
/* CSS Document */

/* banner开始 */
.shutter {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 629px;
}
.shutter-txt {
  position: absolute;
  left: 30%;
  top: 25%;
  width: 481px;
  height: 293px;
  padding-left: 34px;
  padding-top: 65px;
  color: #fff;
  background: url(../images/ban_bg.png);
}
.shutter-txt .descCn {
  display: block;
  font-size: 30px;
  line-height: 43px;
  margin-bottom: 18px;
  font-weight: normal;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  animation-delay: 0.5s;
}
.shutter-txt .descEn {
  display: block;
  font-size: 26px;
  line-height: 40px;
  margin-bottom: 18px;
  animation-delay: 1s;
}
.shutter-txt .descEn span {
  display: block;
  margin-left: 40px;
}
.shutter-txt .enTxt {
  font-size: 20px;
}
.shutter-img img {
  animation: banrun 12s linear infinite;
}
@keyframes banrun {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
/* banner结束*/

/*service开始*/
.service {
  width: 100%;
  height: 1038px;
  border-top: 1px dashed #ccc;
}
.ser_wrap ul li {
  float: left;
  width: 386px;
  margin-right: 19px;
  margin-bottom: 82px;
}
.ser_wrap ul li img {
  width: 100%;
}
/* .ser_txt01 {
  width: 307px;
}
.ser_txt02 {
  width: 548px;
}
.ser_txt03 {
  width: 286px;
} */
.ser_txt {
  text-align: center;
  height: 102px;
  padding-top: 18px;
}
.ser_txt h3 {
  font-size: 20px;
  font-weight: normal;
}
.ser_txt span {
  font-size: 13px;
  text-transform: uppercase;
}
.ser_txt p {
  width: 100%;
  padding: 0 10px;
}
/*service结束*/

.wrap {
  width: 100%;
}

/* about开始 */
.about {
  width: 100%;
  height: 643px;
  background: url(../images/about_bg.jpg) no-repeat center top;
}
.about_ti {
  text-align: center;
  margin-bottom: 50px;
  padding-top: 44px;
}
.ab_ti {
  margin-bottom: 26px;
}
.align_l {
  text-align: left;
}
.about_ti a {
  display: block;
}
.about_ti h2 {
  line-height: 30px;
  font-size: 30px;
  color: #428042;
  font-weight: normal;
  margin-bottom: 14px;
}
.about_ti .ab_ti {
  color: #fff;
}
.about_wrap i {
  width: 22px;
  height: 3px;
  display: block;
  margin-bottom: 20px;
  background-color: #60b560;
}
.about_ti span {
  font-size: 40px;
  color: #e2e2e2;
  font-weight: bold;
  text-transform: uppercase;
}
.about_con {
  position: relative;
  width: 100%;
}
.about_wrap {
  position: relative;
  padding-left: 48.5%;
}
.about_r {
  position: relative;
  width: 680px;
  height: 440px;
  padding-right: 60px;
}
.about_r p {
  font-size: 13px;
  color: #fff;
  line-height: 20px;
  margin-bottom: 6px;
}
.about_r p a {
  color: #fff;
}
.about_m {
  margin-top: 90px;
  padding: 0 28px;
}
.about_b_ti {
  margin-top: 100px;
  font-size: 25px;
  font-weight: normal;
}
.about_b_txt {
  font-size: 15px;
  color: #c1c4c7;
  text-transform: uppercase;
}
.about_wrap .ab_btn {
  position: absolute;
  right: 98px;
  bottom: 22px;
  display: block;
  width: 78px;
  height: 28px;
  line-height: 26px;
  border: 1px solid #515151;
  text-align: center;
  color: #515151;
  font-size: 18px;
}

.about_num {
  width: 100%;
  height: 126px;
  background-color: #006600;
  color: #fff;
  padding-top: 16px;
  margin-top: 48px;
}
.about_num ul li {
  width: 25%;
  height: 100%;
  float: left;
  text-align: center;
}
.num_txt {
  width: 40%;
  text-align: left;
}
.num_pic {
  margin-right: 10%;
  border-right: 1px dashed #fff;
  box-sizing: border-box;
}
.num_01 {
  width: 48%;
  height: 94px;
  background: url(../images/Sprite.png) no-repeat 0 0;
}
.num_02 {
  width: 34%;
  height: 94px;
  background: url(../images/Sprite.png) no-repeat -133px 0;
}
.num_03 {
  width: 46%;
  height: 94px;
  background: url(../images/Sprite.png) no-repeat -235px 0;
}
.num_04 {
  width: 34%;
  height: 94px;
  background: url(../images/Sprite.png) no-repeat -355px 0;
}
/* about结束 */

/* solution开始 */
.solution {
  width: 100%;
  height: 568px;
  background-color: #fff;
  border-top: 1px dashed #ccc;
}
.sol_wrap > ul > li {
  float: left;
  margin-right: 20px;
  margin-bottom: 26px;
  cursor: pointer;
}
.sol_wrap > ul > li:nth-child(4) {
  margin-right: 0;
}
.sol_wrap > ul > li:nth-child(8) {
  margin-right: 0;
}
.sol_wrap > ul > li:hover .sol_txt01 {
  top: 60px;
}
.sol_wrap > ul > li:hover .sol_txt02 {
  top: 130px;
  transition-delay: 0.3s;
  opacity: 1;
}
.sol_item {
  position: relative;
  width: 285px;
  height: 308px;
  padding-left: 16px;
  color: #fff;
}
.sol_item .more {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 22px;
  text-align: center;
}
.sol_item01 {
  background: url(../images/sol_01.jpg) no-repeat center;
}
.sol_item02 {
  background: url(../images/sol_02.jpg) no-repeat center;
}
.sol_item03 {
  background: url(../images/sol_03.jpg) no-repeat center;
}
.sol_item04 {
  background: url(../images/sol_04.jpg) no-repeat center;
}
.sol_item05 {
  background: url(../images/sol_05.jpg) no-repeat center;
}
.sol_item06 {
  background: url(../images/sol_06.jpg) no-repeat center;
}
.sol_item07 {
  background: url(../images/sol_07.jpg) no-repeat center;
}
.sol_item08 {
  background: url(../images/sol_08.jpg) no-repeat center;
}
.sol_txt01 {
  position: absolute;
  top: 213px;
  color: #fff;
  margin-bottom: 20px;
  transition: all 0.7s;
}
.sol_txt02 {
  position: absolute;
  width: 90%;
  top: 304px;
  opacity: 0;
  transition: all 0.7s;
}
.sol_txt01 h4 {
  font-size: 20px;
  font-weight: normal;
}
.sol_txt01 span {
  font-size: 13px;
  /* text-transform: uppercase; */
}
/* solution结束 */

/*business开始*/
.business {
  width: 100%;
  height: 666px;
  background: url(../images/bus_bg.jpg) no-repeat center top;
}
.bus_wrap {
  position: relative;
}
.bus_icon {
  width: 120px;
  height: 120px;
  padding-top: 68px;
  font-size: 16px;
  text-align: center;
  color: #fff;
}
.bus_t {
  position: relative;
}
.bus_sea {
  position: absolute;
  left: 0;
  top: 90px;
  background: url(../images/Sprite.png) no-repeat 0 -94px;
}
.bus_sky {
  position: absolute;
  left: 295px;
  top: 0;
  background: url(../images/Sprite.png) no-repeat -120px -94px;
}
.bus_time {
  position: absolute;
  left: 560px;
  top: 90px;
  background: url(../images/Sprite.png) no-repeat -240px -94px;
}
.bus_normal {
  position: absolute;
  left: 825px;
  top: 0;
  background: url(../images/Sprite.png) no-repeat -360px -94px;
}
.bus_fast {
  position: absolute;
  left: 1120px;
  top: 90px;
  background: url(../images/Sprite.png) no-repeat -480px -94px;
}

.bus_item {
  position: absolute;
  width: 178px;
  height: 192px;
  text-align: center;
}
.bus_item .bus_ti {
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  color: #fff;
  background-color: #006600;
}
.bus_item .bus_txt {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 132px;
  font-size: 13px;
  background-color: #e4e4e4;
}
.bus_item .bus_txt p {
  display: block;
  padding: 0 20px;
}
.bus_freight {
  left: 178px;
  top: 200px;
}
.bus_net {
  left: 513px;
  top: 240px;
}
.bus_sol {
  left: 850px;
  top: 200px;
}
/*business结束*/

/* display开始 */
.display {
  width: 100%;
  height: 514px;
  background: url(../images/dis_bg.jpg) no-repeat center top;
}
.display_ti h1 {
  padding: 35px 0;
  text-align: center;
  font-size: 28px;
  color: #ffffff;
}
.box1 {
  width: 1220x;
  position: relative;
}
.box1 .leftLoop {
  width: 1220px;
  overflow: hidden;
}
.box1 .leftLoop .hd {
}
.prev {
  display: block;
  position: absolute;
  left: -60px;
  top: 140px;
  width: 45px;
  height: 45px;
  background: url(../images/prev.png) no-repeat;
  cursor: pointer;
}
.next {
  display: block;
  position: absolute;
  right: -60px;
  top: 140px;
  width: 45px;
  height: 45px;
  background: url(../images/next.png) no-repeat;
  cursor: pointer;
}
.box1 .bd {
  height: 100%;
}
.bd ul {
  height: 100%;
}
.box1 .bd ul li {
  width: 382px;
  height: 318px;
  float: left;
  margin-right: 19px;
  border: 3px solid #9d9e9d;
}
.dis_pic {
  width: 100%;
  height: 268px;
  position: relative;
  overflow: hidden;
}
.dis_pic img {
  width: 100%;
  height: 268px;
  vertical-align: middle;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.dis_pic:hover img {
  webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  transform: scale(1.08);
}
.dis_pic img {
  width: 100%;
}
.dis_txt {
  width: 100%;
  height: 44px;
  line-height: 44px;
  background-color: #a3c8b1;
  text-align: center;
}
.dis_txt a {
  font-size: 16px;
  color: #4a4a4a;
}
/* display结束 */

/*message开始*/
.message {
  width: 100%;
  height: 207px;
  background: url(../images/msg_bg.jpg) no-repeat center top;
}
.msg_ti {
  width: 176px;
  height: 182px;
  text-align: center;
  margin-right: 28px;
  padding-top: 68px;
  color: #fff;
}
.msg_ti h1 {
  font-size: 25px;
  color: #062039;
}
.msg_ti span {
  font-size: 15px;
  color: #4e4e4e;
}
.form_col_1 {
  margin-right: 16px;
}
.msg_con {
  padding-top: 35px;
}
.form_item {
  float: left;
  margin-right: 10px;
}
.form_item input {
  font-size: 18px;
  color: #fff;
  padding: 0 24px;
  background-color: #1a9733;
  margin-bottom: 15px;
}
.msg_con .input_1 {
  width: 254px;
  height: 66px;
}
.msg_con .input_2 {
  width: 346px;
  height: 66px;
}
.form_con {
  margin-bottom: 6px;
}
.form_btn .tijiao {
  width: 106px;
  height: 66px;
  line-height: 66px;
  background-color: #1a9733;
  text-align: center;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}
/*message结束*/

/* contact开始 */
.wrap .contact {
  position: relative;
  width: 100%;
  height: 354px;
  background: url(../images/cont_bg.jpg) no-repeat center top;
}
.cont_con {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 1220px;
  margin-left: -610px;
}
.cont_ti {
  text-align: center;
}
.cont_ti a {
  display: block;
}
.cont_ti h2 {
  line-height: 30px;
  font-size: 30px;
  color: #428042;
  font-weight: normal;
  margin-bottom: 14px;
}
.cont_ti .enTi {
  color: #e2e2e2;
  font-weight: bold;
  text-transform: uppercase;
}
.cont_ti .enTi span {
  font-size: 40px;
}

.contact .cont_wrap ul li {
  float: left;
  width: 24%;
}
.contact .cont_wrap ul li:last-child {
  width: 28%;
}
.contact .cont_wrap .cont_icon {
  width: 58px;
  height: 58px;
  margin: 20px auto;
}
.contact .cont_wrap .cont_txt {
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}
.contact .cont_wrap .cont_tel {
  background: url(../images/Sprite.png) no-repeat 0 -214px;
}
.contact .cont_wrap .cont_web {
  background: url(../images/Sprite.png) no-repeat -58px -214px;
}
.contact .cont_wrap .cont_mail {
  background: url(../images/Sprite.png) no-repeat -116px -214px;
}
.contact .cont_wrap .cont_add {
  background: url(../images/Sprite.png) no-repeat -174px -214px;
}
/* contact结束 */

/* news开始 */
.news {
  width: 100%;
  height: 608px;
  background-color: #fff;
}
.news_wrap .news_list {
  width: 412px;
}
.news_wrap .news_list dl {
  height: 123px;
}
.news_wrap .news_list dt {
  font-size: 16px;
}
.news_wrap .mgr {
  margin-right: 20px;
}
.news_wrap .mgb {
  margin-bottom: 7px;
}
/* news结束 */

/* foot开始 */
.foot {
  width: 100%;
  height: 284px;
  background: url(../images/foot_bg.jpg) repeat-x;
}
.foot_con_t {
  padding-top: 28px;
  margin-bottom: 29px;
}
.bot_logo {
  text-align: center;
  margin-right: 76px;
}
.bot_logo h1 {
  font-size: 13px;
  color: #fff;
  margin-top: 30px;
}
.foot_con_t dl {
  float: left;
  width: 230px;
  height: 126px;
}
.foot_con_t dl.foot_about {
  width: 142px;
}
.foot_con_t dl.mgr {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #656667;
}
.foot_con_t dl dt a {
  font-size: 18px;
  color: #ffffff;
}
.foot_con_t dl dd a {
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
.foot_con_t .foot_sol dd {
  width: 100% ;
}
.foot_con_t dl dd a b {
  font-size: 26px;
}
.foot_con_t dl dd {
  color: #fff;
  width: 100px;
}
.foot_con_t dl.mgr dd {
  color: #fff;
  float: left;
}
.foot_con_t .code {
  text-align: center;
  color: #fff;
}
.foot_con_t .code img {
  display: block;
  margin-bottom: 10px;
}
.foot .foot_cont,
.foot .foot_tech {
  line-height: 24px;
}
.foot .foot_con_b {
  color: #7f8080;
}
.foot_con_t .code img {
  display: block;
  margin: 0 auto;
  margin-bottom: 10px;
  height: 150px;
}
.foot .foot_con_b .foot_key {
  margin-bottom: 8px;
  margin-right: 20px;
}
.foot_con_b span {
  margin-right: 10px;
}
.foot_con_b a {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  padding: 0 10px;
  color: #7f8080;
}
.foot_links a {
  display: inline-block;
  border-right: 1px solid #7f8080;
}
#cnzz_stat_icon_1267170002 > a {
  display: inline-block;
  margin-left: 8px;
}
#cnzz_stat_icon_1267170002 > a > img {
  vertical-align: middle;
}
/* foot结束 */