@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div{ border:0;}
img{ border:0;}
body{ font-size:12px; font-family:"微软雅黑"; overflow-x: hidden; text-align:center; max-width:1920px; margin:0 auto;}
.float_l{ float:left !important;}
.float_r{ float:right !important;}
.blank0{ width:100%; height:0px; clear:both;}
.center{ width:100%; overflow:hidden;}

/*首页*/
.header{ width:100%; max-width:1920px; height:100px; position:fixed; z-index:10000; top:0; left:50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:url(../images/index1_1.png) center center  no-repeat; background-size:100% 100%;}
.logo{ float:left; display:block; margin-top:38px; margin-left:2.8%; height:47px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.tel{ float:right; font-size:20px; color:#FFF; font-style:italic; font-family:"Arial"; margin-top:34px; margin-right:2.8%; background:url(../images/tel.png) left center no-repeat; height:66px; line-height:68px; padding-left:26px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.nav{ float:right; margin-top:34px; margin-right:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav>li{ float:left; position:relative;}
.nav>li>a{ display:block; width:110px; height:66px; line-height:66px; font-size:20px; color:#FFF; text-align:center;}
.nav>li>.a_on{ font-weight:bold;}
.nav>li:nth-child(1)>a{ width:80px;}
.nav>li:nth-child(2)>a{ width:135px;}
.nav>li:nth-child(3)>a{ width:135px;}
.nav>li:nth-child(4)>a{ width:175px;}

.nav_in{ position:absolute; top:66px; left:-40px; width:290px; display:none;}
.nav_in img{ display:block; width:29px; height:13px;}
.nav>li:nth-child(2) .nav_in img{ margin-left:93px;}
.nav>li:nth-child(5) .nav_in img{ margin-left:82px;}
.nav_in ul{ width:290px; background:#FFF; padding:25px 0; -webkit-box-shadow:0px 0px 5px #eee; -moz-box-shadow:0px 0px 5px #eee; box-shadow:0px 0px 5px #eee;}
.nav_in ul li{ width:245px; height:48px; margin-left:22.5px; background:url(../images/nav_bg2.jpg) center center no-repeat; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav_in ul li a{ display:block; width:205px; padding:0 20px; height:48px; line-height:48px; text-align:left; font-size:18px; color:#444444; background:url(../images/nav_bg1.png) 87% center no-repeat; position:relative;}
.nav_in ul li a span{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav_in ul li a:before{ content:""; position:absolute; top:23.5px; left:70%; width:15%; height:1px; background:#444444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav_in ul li a:after{ content:""; position:absolute; top:23.5px; left:20px; width:0; height:1px; background:#ffffff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav_in ul li:hover{ background:url(../images/nav_bg2_on.jpg) center center no-repeat; background-size:100% 100%; color:#FFF;}
.nav_in ul li:hover a{ color:#FFF; background:url(../images/nav_bg1_on.png) 87% center no-repeat;}
.nav_in ul li:hover a span{ margin-left:28%;}
.nav_in ul li:hover a:before{ width:0; left:85%; background:#FFF; font-weight:bold;}
.nav_in ul li:hover a:after{ width:15%;}
.nav>li:hover>a{ font-weight:bold;}

.header_on{ background:url(../images/nav_bg3.png) repeat; height:70px;}
.header_on .logo{ margin-top:18px; height:40px;}
.header_on .tel{ margin-top:4px;}
.header_on .nav{ margin-top:4px;}

.swiper-container1 {
  width: 100%;
  position:relative;
  overflow:hidden;
  max-width:1920px;
}
.swiper-container1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-button-prev1{ position:absolute; top:50%; margin-top:-34.5px; left:4%; z-index:100; width:38px; height:69px; background:url(../images/banner_l.png) center center no-repeat; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; outline:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next1{ position:absolute; top:50%; margin-top:-34.5px; right:4%; z-index:100; width:38px; height:69px; background:url(../images/banner_r.png) center center no-repeat; cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; outline:none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev1:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-button-next1:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.index_banner{ width:100%; height:100vh; background-size:cover !important;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.banner_img{ display:block; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; margin-top:100px;}
.banner_img_on{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; margin-top:0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.banner_img_mobile{ display:none;}

.mobile_bg{ display:none;}

.index1{ width:100%; overflow:hidden;}
.index1_1{ float:left; width:47%; padding-left:3%; overflow:hidden; background:url(../images/index1_bg.jpg) center center no-repeat; background-size:cover; text-align:left; padding-bottom:90px;}
.index1_2{ float:left; width:48%; overflow:hidden;}
.index1_3{ float:left; width:100%; overflow:hidden; margin-top:90px;}
.index1_4{ float:left; width:100%; overflow:hidden; font-size:36px; color:#FFF; line-height:46px;}
.index1_5{ float:left; width:100%; overflow:hidden; font-size:16px; color:#d5e9f7; line-height:26px; margin-top:10px;}
.index1_6{ float:left; width:76px; height:2px; background:#FFF; margin-top:35px;}
.index1_7{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.index1_7 li{ float:left; width:calc(90% - 2px); padding:0 5%; height:52px; line-height:52px; border:1px solid #69bcdb; font-size:20px; color:#FFF; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; margin-top:10px; background:url(../images/index1_1.png) center center no-repeat; background-size:100% 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_7 li a{ color:#FFF;}
.index1_7 .span1{}
.index1_7 .span2{ display:none;}
.index1_7 .li_on{ background:url(../images/index1_1_on.jpg) center center no-repeat; background-size:100% 100%; font-weight:bold;}
.index1_7 .li_on .span2{ display:inline;}

.index1_2 .more{ float:left; display:block; text-align:center; width:102px; height:32px; line-height:32px; font-size:14px; color:#FFF; border:1px solid #69bcdb; margin-top:27px; background:url(../images/index1_1.png) center center no-repeat; background-size:100% 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_2 .more:hover{ background:url(../images/nav_bg2_on.jpg) center center no-repeat; background-size:100% 100%;}

.swiper-container2 {
  float:right;
  width: 46%;
  position:relative;
  overflow:hidden;
  margin-top:90px;
}
.swiper-container2 .swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container2 .swiper-slide img{ display:block; width:100%;}
.swiper-container3 {
  float:right;
  width: 46%;
  position:relative;
  overflow:hidden;
  margin-top:90px;
}
.swiper-container3 .swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container3 .swiper-slide img{ display:block; width:100%;}

.index2{ width:100%; overflow:hidden; padding-top:100px;}
.index_title{ width:94%; overflow:hidden; margin:0 auto;}
.index_title1{ width:100%; overflow:hidden; font-size:36px; color:#444; line-height:46px;}
.index_title2{ width:100%; overflow:hidden; font-size:16px; color:#888; line-height:26px; margin-top:10px;}
.index_title3{ width:76px; height:2px; background:#000; margin:20px auto 0 auto;}

.swiper-container4 {
  float:left;
  width: 50%;
  position:relative;
  overflow:hidden;
  margin-top:70px;
}
.swiper-container4 .swiper-slide {
  text-align: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container4 .swiper-slide a{ display:block; width:100%; overflow:hidden; position:relative;}
.index2_l1{ display:block; width:100%; height:34.16vw; max-height:656px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.index2_l2{ position:absolute; bottom:30px; left:0; padding:0 3%; width:94%; height:88px; line-height:88px; text-align:left; font-size:20px; color:#FFF; background:url(../images/index2_3_top.png) repeat; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -ms-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s;}
.index2_l2_on{ bottom:13px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.swiper-pagination4{ position:absolute; bottom:0 !important; left:0; width:100%; height:13px; background:url(../images/index2_3_bot.png) repeat; z-index:10;}
.swiper-pagination4 .swiper-pagination-bullet{ -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; margin:0 !important; float:left; width:20%; height:13px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-pagination4 .swiper-pagination-bullet-active{ background:url(../images/index2_2.jpg) center center no-repeat; background-size:100% 100%;}
.swiper-container4 .swiper-slide a:hover .index2_l1{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.index2_r{ float:right; width:50%; height:34.16vw; max-height:656px; background:#ececee; margin-top:70px;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index2_r1{ width:84%; padding:0 8%; overflow:hidden; text-align:left;}
.index2_r2{ width:100%; overflow:hidden;}
.index2_r2 li{ float:left; width:100%; overflow:hidden; font-size:20px; color:#444; line-height:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor:pointer; margin:10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index2_r2 .li_on{ color:#3a8bdd;}
.index2_r1 .more{ float:left; display:block; text-align:center; width:102px; height:32px; line-height:32px; font-size:14px; color:#888888; border:1px solid #dcdcdc; margin-top:20px; background:url(../images/index1_1.png) center center no-repeat; background-size:100% 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_r1 .more:hover{ background:url(../images/nav_bg2_on.jpg) center center no-repeat; background-size:100% 100%; color:#FFF; border:1px solid #69bcdb;}

.index3{ width:100%; overflow:hidden; padding-top:100px;}
.index3_1{ width:100%; margin-top:70px; position:relative; overflow:hidden; padding-top:43px;}
.index3_1 li{ width:50%; height:465px;}

.index3_2{ width:700px; height:465px; overflow:hidden;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index3_3{ width:540px; overflow:hidden; text-align:left; color:#FFF;}
.index3_4{ width:100%; font-size:36px; line-height:46px;}
.index3_5{ width:100%; font-size:16px; line-height:26px; margin-top:35px;}
.index3_1 li .more{ display:block; text-align:center; width:102px; height:32px; line-height:32px; font-size:14px; border:1px solid #FFF; color:#FFF; margin-top:20px; background:url(../images/index1_1.png) center center no-repeat; background-size:100% 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index3_1 li .more:hover{ background:#FFF; color:#06aab5;}

.index3_1 li a{ display:table; overflow:hidden;}
.index3_1 li a img{ display:block; width:700px; height:508px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}

.index3_1 li:nth-child(1){ float:left; background:#ececee;}
.index3_1 li:nth-child(1) .index3_4{ color:#444444;}
.index3_1 li:nth-child(1) .index3_5{ color:#888888;}
.index3_1 li:nth-child(1) .more{ border:1px solid #dcdcdc; color:#888888;}
.index3_1 li:nth-child(1) .more:hover{ background:url(../images/nav_bg2_on.jpg) center center no-repeat; background-size:100% 100%; color:#FFF; border:1px solid #69bcdb;}
.index3_1 li:nth-child(1) .index3_2{ float:right;}
.index3_1 li:nth-child(2){ float:right;}
.index3_1 li:nth-child(2) a{ float:left; margin-top:-43px;}
.index3_1 li:nth-child(3){ float:right; background:#35bbc4;}
.index3_1 li:nth-child(4){ float:left;}
.index3_1 li:nth-child(4) a{ float:right;}
.index3_1 li:nth-child(5){ float:left; clear:left; background:#434655; margin-top:43px;}
.index3_1 li:nth-child(5) .index3_2{ float:right;}
.index3_1 li:nth-child(6){ float:right;}
.index3_1 li:nth-child(6) a{ float:left;}
.index3_1 li:nth-child(7){ float:right; height:508px; clear:both; position:relative; z-index:10;}
.index3_1 li:nth-child(7) .index3_2{ height:508px;}
.index3_1 li:nth-child(8){ position:absolute; width:1400px; height:508px; overflow:hidden; bottom:0; left:50%; margin-left:-700px;}
.index3_1 li:nth-child(8) a img{ width:100%;}

.index3_1 li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.index4{ width:100%; overflow:hidden; padding-top:100px;}
.swiper-container5 {
  width: 1400px;
  height: 100%;
  overflow: hidden;
  margin: 60px auto 0 auto;
}
.swiper-container5 .swiper-slide {
  text-align: center;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-container5 .swiper-slide a{ display:block; width:100%; overflow:hidden;}
.index4_1{ width:100%; overflow:hidden;}
.index4_1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_2{ width:calc(90% - 2px); padding:0 5%; height:56px; line-height:56px; border:1px solid #ababab; font-size:16px; color:#444444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/index1_1.png) no-repeat; background-size:100% 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-container5 .swiper-slide a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.swiper-container5 .swiper-slide a:hover .index4_2{ background:url(../images/index1_1_on.jpg) center center no-repeat; background-size:100% 100%; color:#FFF;}

.index4 .more{ display:block; text-align:center; width:102px; height:32px; line-height:32px; font-size:14px; color:#888888; border:1px solid #dcdcdc; margin:45px auto 0 auto; background:url(../images/index1_1.png) center center no-repeat; background-size:100% 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4 .more:hover{ background:url(../images/nav_bg2_on.jpg) center center no-repeat; background-size:100% 100%; color:#FFF; border:1px solid #69bcdb;}

.index5{ width:100%; overflow:hidden; padding-top:100px;}
.index5_1{ width:100%; overflow:hidden; background:url(../images/index5_bg.jpg) top center no-repeat #434655; margin-top:60px;}
.index5_1 img{ display:block; width:1400px; height:327px; margin:110px auto 0 auto;}
.index5_2{ width:1400px; margin:0 auto; padding:70px 0; overflow:hidden;}
.index5_2 li{ float:left; overflow:hidden; padding-left:55px; font-size:16px; color:#d9dadd; text-align:left; line-height:26px; min-height:52px;}
.index5_2 li:nth-child(1){ background:url(../images/index5_1.png) 10px top no-repeat; width:calc(33% - 55px);}
.index5_2 li:nth-child(2){ background:url(../images/index5_2.png) 10px top no-repeat; width:calc(22% - 55px);}
.index5_2 li:nth-child(3){ background:url(../images/index5_3.png) 10px top no-repeat; width:calc(25% - 55px);}
.index5_2 li:nth-child(4){ background:url(../images/index5_4.png) 10px top no-repeat; width:calc(20% - 55px);}
.index5_3{ display:none !important;}

.footer{ width:100%; overflow:hidden; background:#1d2436;}
.footer_in{ width:1400px; margin:0 auto; overflow:hidden;}
.footer1{ width:calc(100% - 20px); overflow:hidden; padding:50px 10px 30px 10px; border-bottom:1px solid #343a4a;}
.footer1_1{ display:block; float:left;}
.footer2{ width:100%; overflow:hidden; padding:30px 0;}
.footer2>li{ float:left; overflow:hidden; text-align:left; margin-left:30px;}
.footer2>li:nth-child(1){ width:calc(8% - 30px);}
.footer2>li:nth-child(2){ width:calc(15.5% - 30px);}
.footer2>li:nth-child(3){ width:calc(20.5% - 30px);}
.footer2>li:nth-child(4){ width:calc(14% - 30px);}
.footer2>li:nth-child(5){ width:calc(12% - 30px);}
.footer2>li:nth-child(6){ width:calc(10% - 30px);}
.footer2>li:nth-child(7){ width:calc(10% - 30px);}
.footer2>li:nth-child(8){ width:calc(10% - 30px);}

.footer2_1{ float:left; width:100%; display:block; font-size:18px; color:#FFF; line-height:28px;}
.footer2_2{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.footer2_2>li{ float:left; width:100%; margin-top:5px;}
.footer2_2>li>a{ font-size:15px; color:#7f838d; line-height:25px;}
.footer2_2>li>a:hover{ text-decoration:underline;}
.footer3{ width:calc(100% - 20px); overflow:hidden; font-size:14px; color:#8e929b; line-height:24px; border-top:1px solid #343a4a; padding:20px 10px; text-align:left;}
.footer3 a{ color:#8e929b;}
.footer3 a:hover{ text-decoration:underline;}
.footer3_1{ float:right;}

.banner{ width:100%; height:556px; overflow:hidden; position:relative; background-size:cover !important;}
.neiye_nav{ position:absolute; bottom:0; left:0; width:100%; height:56px; background:url(../images/neiye_nav_bg.png) repeat;}
.neiye_nav1{ width:1400px; margin:0 auto; overflow:hidden;}
.neiye_nav1 li{ float:left; overflow:hidden; margin-right:1px;}
.neiye_nav1 li a{ display:block; height:56px; line-height:56px; font-size:16px; color:#FFF; padding:0 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:url(../images/index1_1.png) center center no-repeat; background-size:100% 100%;}
.neiye_nav1 li .a_on{ background:url(../images/neiye_nav_bg_on.jpg) center center no-repeat; background-size:100% 100%;}
.neiye_nav1 li a:hover{ background:url(../images/neiye_nav_bg_on.jpg) center center no-repeat; background-size:100% 100%;}

.banner_title{ width:1400px; margin:0 auto; overflow:hidden; color:#FFF; margin-top:265px;}
.banner_title1{ width:100%; line-height:80px; font-size:70px; font-weight:bold; font-family:"宋体";}
.banner_title2{ width:100%; line-height:36px; font-size:26px; font-family:"Arial"; margin-top:10px; letter-spacing:5px;}

.position{ width:1400px; margin:0 auto; overflow:hidden; text-align:left; font-size:16px; color:#444444; line-height:26px; padding:45px 0 0 0;}
.position a{ color:#444444;}
.position a:hover{ text-decoration:underline;}
.position span{ color:#3a8bdd;}

/*equipment*/
.equipment{ width:100%; padding:0 0 70px 0; overflow:hidden;}

.equipmentIn1{ width:1400px; margin:0 auto; overflow:hidden; padding:90px 0 70px 0;}
.equipmentIn_l{ float:left; width:650px; overflow:hidden; margin-left:33px;}
.equipmentIn_r{ float:right; width:640px; overflow:hidden; margin-right:33px; text-align:left;}

.gallery-top {
  height: auto;
  width: 100%;
  overflow:hidden;
  position:relative;
}
.gallery-top .swiper-slide img { display:block; width:100%;}
.gallery-top-next{ width:20px; height:36px; background:url(../images/banner_r.png) center center no-repeat; background-size:20px 36px; position:absolute; top:50%; margin-top:-18px; right:30px; z-index:10; cursor:pointer; outline:none;}
.gallery-top-prev{ width:20px; height:36px; background:url(../images/banner_l.png) center center no-repeat; background-size:20px 36px; position:absolute; top:50%; margin-top:-18px; left:30px; z-index:10; cursor:pointer; outline:none;}
.gallery-thumbs {
  height: auto;
  box-sizing: border-box;
  padding: 20px 0 0 0;
  overflow:hidden;
}
.gallery-thumbs .swiper-slide {
  height: 100%;
  opacity: 0.4;
}
.gallery-thumbs .swiper-slide img { display:block; width:100%; cursor:pointer;}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
}

.equipmentIn_r1{ width:calc(100% - 40px); overflow:hidden; position:relative; padding-left:40px;}
.equipmentIn_r1:after{ position:absolute; top:6%; left:0; width:14px; height:90%; background:#427dd2; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; content:"";}
.equipmentIn_r2{ width:100%; overflow:hidden; font-size:36px; color:#444444; line-height:46px;}
.equipmentIn_r3{ width:100%; overflow:hidden; font-size:16px; color:#888888; line-height:26px; margin-top:5px;}
.equipmentIn_r4{ width:100%; overflow:hidden; font-size:16px; color:#444444; line-height:36px; padding-top:23px;}
.equipmentIn_r .line{ width:100%; height:1px; background:#e5e5e5; margin-top:24px;}

.equipmentIn_r5{ width:100%; overflow:hidden; background:#f2f2f2;}
.equipmentIn_r6{ width:1334px; padding:0 33px; margin:0 auto; overflow:hidden;}
.equipmentIn_r7{ width:100%; overflow:hidden; font-size:36px; color:#444; line-height:46px; margin-top:70px;}
.equipmentIn_r8{ width:100%; padding:50px 0; overflow:hidden; text-align:left; font-size:16px; color:#444; line-height:30px;}
.equipmentIn_table{ width:100%; border-collapse:collapse; text-align:center;}
.equipmentIn_table tr:nth-child(2n-1){ background:#e6e6e6;}
.equipmentIn_table tr th{ font-weight:normal; border:1px solid #cfcfcf; height:60px; background:#427dd2; color:#FFF;}
.equipmentIn_table tr td{ border:1px solid #cfcfcf; height:50px; line-height:24px; text-align:left; padding:0 20px;}

.pageIn{ width:1370px; padding:40px 15px 50px 15px; margin:0 auto; overflow:hidden; border-top:1px solid #d9d9d9; text-align:left;}
.pageIn1{ float:left; max-width:100%; overflow:hidden; clear:both; font-size:16px; color:#444444; line-height:26px; margin-top:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageIn1 a{ color:#444444;}
.pageIn1:hover{ color:#3a8bdd;}
.pageIn1:hover a{ color:#3a8bdd;}

/*honor*/
.honor{ width:1400px; margin:0 auto; overflow:hidden; padding-top:25px;}
.honor li{ float:left; overflow:hidden; margin-top:45px; margin-right:38.5px;}
.honor li:nth-child(3n){ margin-right:0;}
.honor li:nth-child(3n+1){ clear:left;}
.honor li a{ display:block; width:100%; overflow:hidden;}
.honor1{ width:100%; overflow:hidden;}
.honor1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.honor2{ width:calc(90% - 2px); padding:0 5%; height:56px; line-height:56px; border:1px solid #ababab; font-size:16px; color:#444444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url(../images/index1_1.png) no-repeat; background-size:100% 100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.honor li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.honor li a:hover .honor2{ background:url(../images/index1_1_on.jpg) center center no-repeat; background-size:100% 100%; color:#FFF;}

.page{ width:1400px; margin:0 auto; overflow:hidden; padding:70px 0 80px 0; font-size:16px; color:#444;}
.page a{ color:#444; display:inline-table; height:32px; line-height:32px; margin:10px 1px 0 1px; padding:0 8px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:url(../images/index1_1.png) no-repeat; background-size:100% 100%;}
.page span{ color:#444; display:inline-table; height:32px; line-height:32px; margin:10px 1px 0 1px; padding:0 8px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background:url(../images/index1_1.png) no-repeat; background-size:100% 100%;}
.page a:hover{ background:url(../images/nav_bg2_on.jpg) center center no-repeat; background-size:100% 100%; color:#FFF;}
.page span:hover{ background:url(../images/nav_bg2_on.jpg) center center no-repeat; background-size:100% 100%; color:#FFF;}

/*case*/
.pc_img{ display:block !important;}
.mobile_img{ display:none !important;}
.case{ width:1300px; margin:0 auto; overflow:hidden; padding:70px 50px; text-align:left; font-size:16px; color:#444; line-height:30px;}
.case img{ display:block; margin:0 auto; max-width:100%;}

/*about*/
.about1{ width:1334px; padding:70px 33px 70px 33px; margin:0 auto; overflow:hidden; font-size:16px; color:#444; line-height:30px;}
.about1_1{ display:block; margin:0 auto 50px auto; height:56px;}
.about1_2{ width:calc(100% - 20px); height:170px; background:#3a8bdd; margin:40px auto 0 auto; -webkit-box-shadow:0px 3px 10px #bbb; -moz-box-shadow:0px 3px 10px #bbb; box-shadow:0px 3px 10px #bbb;}
.about1_2 li{ float:left; width:25%; height:170px; overflow:hidden; background:url(../images/line1.png) right center no-repeat;}
.about1_2 li:last-child{ background:none;}
.about1_3{ font-size:50px; color:#FFF; line-height:60px; margin-top:35px;}
.about1_3 span{ font-size:18px; line-height:28px;}
.about1_4{ font-size:20px; color:#FFF; margin-top:5px; line-height:30px;}
.about1_5{ width:100%; overflow:hidden; margin-top:70px;}
.about1_6{ float:left; margin-left:10px; display:block; width:650px;}
.about1_7{ float:right; width:590px; overflow:hidden; text-align:left; margin-right:30px;}
.about1_8{ width:100%; overflow:hidden; font-size:30px; line-height:40px; color:#3a8bdd; margin-top:30px;}
.about1_9{ width:100%; overflow:hidden; margin-top:30px;}

.about2{ width:100%; overflow:hidden; background:url(../images/about3.jpg) center center no-repeat; background-size:cover; padding:150px 0 110px 0;}
.about2_1{ width:1400px; margin:0 auto; overflow:hidden; text-align:left;}
.about2_2{ float:left; width:545px; overflow:hidden; font-size:30px; line-height:40px; color:#3a8bdd; margin-left:43px;}
.about2_3{ float:left; width:545px; overflow:hidden; clear:both; font-size:16px; line-height:30px; color:#444; margin-top:40px; margin-left:43px;}

.about3{ width:1400px; margin:0 auto; overflow:hidden;}
.about3_1{ width:100%; overflow:hidden;}
.about3_2{ font-size:40px; font-weight:bold; color:#3a8bdd; line-height:50px; margin-top:100px;}
.about3_3{ font-size:16px; line-height:26px; color:#444; margin-top:20px;}

.about3_4{ width:100%; overflow:hidden; background:url(../images/about4.jpg) center top repeat-y; margin-top:50px; padding:30px 0 50px 0;}
.about3_4 li{ width:100%; overflow:hidden; margin-top:20px;}
.about3_4 li .about3_5:after{ content:""; width:13px; height:1px; background:#000; position:absolute; top:25px;}
.about3_4 li:nth-child(2n-1) .about3_5{ float:left; text-align:right;}
.about3_4 li:nth-child(2n) .about3_5{ float:right; text-align:left;}
.about3_4 li:nth-child(2n-1) .about3_5:after{ right:-50px;}
.about3_4 li:nth-child(2n) .about3_5:after{ left:-51px;}

.about3_5{ width:calc(50% - 50px); position:relative;}
.about3_6{ font-size:40px; line-height:50px; color:#3a8bdd;}
.about3_6 span{ font-size:16px; color:#444; line-height:26px;}
.about3_7{ font-size:24px; font-weight:bold; color:#444; line-height:34px; margin-top:5px;}
.about3_8{ font-size:16px; color:#444; line-height:26px; margin-top:5px;}

.about4{ width:100%; overflow:hidden; background:url(../images/index6_3.png) 90% center no-repeat #34bac5; margin-top:90px; padding:90px 0; text-align:left;}
.about4_1{ width:1400px; margin:0 auto; overflow:hidden;}
.about4_2{ float:left; overflow:hidden; background:url(../images/index6_1.png) left top no-repeat; background-size:auto 99px; min-height:100px; padding-left:140px;}
.about4_2_1{ float:left; clear:both; font-size:24px; color:#FFF; line-height:34px; margin-top:5px;}
.about4_2_2{ float:left; clear:both; font-size:40px; color:#FFF; font-weight:bold; line-height:50px; margin-top:5px;}
.about4_3{ float:left; overflow:hidden; background:url(../images/index6_2.png) left top no-repeat; background-size:99px 99px; margin-left:100px; min-height:100px; padding-left:140px;}
.about4_3_1{ float:left; clear:both; font-size:24px; color:#FFF; line-height:34px; margin-top:5px;}
.about4_3_2{ float:left; clear:both; font-size:40px; color:#FFF; font-weight:bold; line-height:50px; margin-top:5px;}
.about4_4{ float:left; clear:both; width:100%; overflow:hidden; font-size:24px; color:#FFF; line-height:34px; margin-top:30px;}

/*aboutNews*/
.aboutNews{ width:1400px; margin:25px auto 0 auto; overflow:hidden;}
.aboutNews li{ float:left; width:100%; margin-top:35px; overflow:hidden; background:url(../images/aboutNews3.jpg) center center no-repeat; background-size:100% 100%;  -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:50px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.aboutNews1{ display:block; width:380px;}
.aboutNews2{ width:800px; text-align:left; margin-left:100px; overflow:hidden;}
.aboutNews3{ width:100%; overflow:hidden; font-size:26px; color:#000000; line-height:36px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.aboutNews4{ width:100%; overflow:hidden; font-size:16px; color:#888888; line-height:26px; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.aboutNews5{ width:100%; overflow:hidden; font-size:16px; color:#666666; line-height:26px; margin-top:25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.aboutNews li:hover{ background:url(../images/aboutNews3_on.jpg) center center no-repeat; background-size:100% 100%;}
.aboutNews li:hover .aboutNews3{ color:#FFF;}
.aboutNews li:hover .aboutNews4{ color:#FFF;}
.aboutNews li:hover .aboutNews5{ color:#FFF;}

/*aboutRecruit*/
.recruit1{ overflow:hidden; width:100%;}

.recruit3{ float:none; width:1400px; margin:0 auto; margin-top:60px; overflow:hidden; padding-bottom:80px;}
.recruit3_1{ float:left; width:100%; overflow:hidden; line-height:20px; background:#3a8bdd; text-align:center; font-size:18px; color:#FFF; padding:15px 0;}
.recruit3_2{ float:left; width:30%; padding:0 1%;}
.recruit3_3{ float:left; width:12%; padding:0 1%;}
.recruit3_4{ float:left; width:18%; padding:0 1%;}
.recruit3_5{ float:left; width:14%; padding:0 1%;}
.recruit3_6{ float:left; width:10%; padding:0 1%;}

.recruit4{ float:left; width:100%; overflow:hidden;}
.recruit4 li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.recruit4_1{ float:left; width:100%; overflow:hidden; text-align:center; font-size:16px; color:#999999; cursor:pointer;}
.recruit4_2{ float:left; width:30%; padding:30px 1%; text-align:left; line-height:20px;}
.recruit4_3{ float:left; width:12%; padding:30px 1%; line-height:20px;}
.recruit4_4{ float:left; width:18%; padding:30px 1%; line-height:20px;}
.recruit4_5{ float:left; width:14%; padding:30px 1%; line-height:20px;}
.recruit4_6{ float:left; width:10%; padding:30px 1%; line-height:20px;}
.recruit4_7{ float:left; width:6%; height:80px; background:url(../images/recruit2.jpg) center center no-repeat; background-size:auto 10px; cursor:pointer;}

.recruit4_8{ font-size:16px; color:#666; line-height:30px; padding:20px 0; border-bottom:1px solid #e5e5e5;}
.recruit4_9{ float:left; width:100%; overflow:hidden;}
.recruit4_11{ float:left; font-size:16px; color:#003b83; height:26px; line-height:26px; padding:30px 0 40px 0;}
.recruit4_12{ display:none; float:left; width:96%; background:#f7f7f7; text-align:left; padding:0 2%;}

/*contact*/
.contact{ width:100%; overflow:hidden; background:url(../images/contact2.jpg) right 150px no-repeat;}
.contact_in{ width:1400px; margin:0 auto; overflow:hidden; padding:70px 0 80px 0;}

.contact_in1{ float:left; width:880px; height:440px; background:url(../images/index1_bg.jpg) center center no-repeat; background-size:100% 100%;}
.map{ float:left; margin:12px; width:856px; height:416px;}

.contact_in2{ float:right; width:470px; overflow:hidden;}
.contact_in2_1{ float:left; display:block; margin-top:40px;}
.contact_in2_2{ float:left; overflow:hidden; text-align:left; margin-top:20px;}
.contact_in2_2 li{ float:left; width:calc(100% - 50px); overflow:hidden; margin-top:30px; font-size:16px; color:#696969; line-height:26px; min-height:52px; padding-left:50px;}
.contact_in2_2 li:nth-child(1){ background:url(../images/contact3.png) left 5px no-repeat;}
.contact_in2_2 li:nth-child(2){ background:url(../images/contact4.png) left 5px no-repeat;}
.contact_in2_2 li:nth-child(3){ background:url(../images/contact5.png) left 5px no-repeat;}
.contact_in2_2 li:nth-child(4){ background:url(../images/contact6.png) left 5px no-repeat;}

/*base*/
.base{ width:100%; overflow:hidden; margin-top:50px;}
.base li{ width:100%; overflow:hidden;}
.base1{ display:block; width:50%;}
.base2{
	width:calc(50% - 100px);
	padding:10px 50px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.base li:nth-child(2n-1) .base1{ float:left;}
.base li:nth-child(2n) .base1{ float:right;}
.base li:nth-child(2n-1) .base2{ float:left;}
.base li:nth-child(2n) .base2{ float:right;}
.base2_1{ width:100%; overflow:hidden; text-align:left;}
.base2_2{ float:left; width:100%; overflow:hidden; font-size:32px; color:#3a8bdd; line-height:52px;}
.base2_3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#444444; line-height:30px; margin-top:25px;}

/*pro*/
.pro{ width:1400px; margin:0 auto; overflow:hidden; padding-top:40px;}
.pro li{ float:left; width:446px; overflow:hidden; margin-top:30px; margin-right:31px;}
.pro li:nth-child(3n){ margin-right:0;}
.pro li:nth-child(3n+1){ clear:left;}
.pro li a{ display:block; width:100%;}
.pro1{ width:100%; overflow:hidden; background:#d9dadd;}
.pro1 img{ display:block; width:100%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.pro2{ width:90%; padding:0 5%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:22px; line-height:66px; color:#444; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.pro li a:hover .pro2{ color:#3a8bdd;}

/*proIn*/
.proIn{ width:1400px; margin:0 auto; overflow:hidden; padding-top:50px;}
.proIn1{ float:left; display:block; width:446px;}
.proIn2{ float:right; width:900px; text-align:left; overflow:hidden;}
.proIn3{ width:calc(100% - 40px); overflow:hidden; position:relative; padding-left:40px; margin-top:100px;}
.proIn3:after{ position:absolute; top:6%; left:0; width:14px; height:90%; background:#427dd2; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; content:"";}
.proIn4{ width:100%; overflow:hidden; font-size:36px; color:#444444; line-height:46px;}
.proIn5{ width:100%; overflow:hidden; font-size:16px; color:#888888; line-height:26px; margin-top:5px;}
.proIn6{ width:100%; overflow:hidden; font-size:16px; color:#444444; line-height:30px; padding:50px 0 40px 0;}
.proIn7{ float:left; overflow:hidden; width:100%;}

.proIn_ul1{ width:100%; overflow:hidden; margin-top:10px;}
.proIn_ul1 li{ width:100%; overflow:hidden; border-top:1px solid #e5e5e5; padding:70px 0;}
.proIn_ul1_1{ width:100%; overflow:hidden; text-align:left; font-size:36px; color:#444; line-height:46px;}
.proIn_ul1_2{ width:100%; overflow:hidden; text-align:left; font-size:16px; color:#444; line-height:26px; margin-top:20px;}
.proIn_ul1_3{ width:100%; overflow:hidden;}
.proIn_ul1_3 img{ display:block; margin:35px auto 0 auto; max-width:100%;}
.proIn_ul1_4{ width:100%; overflow:hidden;}
.proIn_ul1_4 img{ float:left; display:block; margin-right:3%; width:48.5%; margin-top:35px;}
.proIn_ul1_4 img:nth-child(2n){ margin-right:0;}
.proIn_ul1_4 img:nth-child(2n+1){ clear:left;}

.pager span.current{ font-weight:bold; text-decoration:underline;}

.mobile{ display:none;}