.banner .slider {
  position: relative;
  width: 100%;
  height: 760px;
  overflow: hidden;
}
 
.banner .slides {
  height: 100%;
  /* Simple clear fix */
  overflow: hidden;
  list-style: none;
  -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
  transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.banner .slide {
  height: 100%;
  float: left;
  clear: none;
  background-size: cover !important;
}
.banner .slide a{
  width: 100%;
  height: 100%;
  display: block;
}
.banner .slider-arrows {}

.banner .slider-arrow {
  position: absolute;
  display: block;
  margin-bottom: -26px;
  text-decoration: none;
  width: 35px;
  height: 53px;
  bottom: 50%;
  text-indent: 999px;
  overflow: hidden;
}


.banner .slider-arrow--right {opacity: 0.6; right: 40px;background: url(../images/banner_right.png) no-repeat center; }
.banner .slider-arrow--left {opacity: 0.6;  left: 40px; background: url(../images/banner_left.png) no-repeat center; }
.banner .slider-arrow--left:hover,
.banner .slider-arrow--right:hover{
  opacity: 1;
}
.banner .slider-nav {
  position: absolute;
  bottom: 36px;
}

.banner .slider-nav__item {
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
  clear: none;
  display: inline-block;
  margin: 0 12px;
}

.banner .slider-nav__item:hover { background: #fff;}
.banner .slider-nav__item--current { background: #fff;}


.in_top{
}
.in_top .tab{
  height: 180px;
  background: #f6f7fa;
}
.in_top .tab i{
  width: 100%;
  height: 60px;
  display: block;
  margin: 0 auto;
}
.in_top .swiper-container-fade .swiper-slide{
    position:relative;
    z-index:-2;
}
.in_top .swiper-container-fade .swiper-slide-active{
    z-index:1;
}
.in_top .tab p{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-top: 15px;
  color: #333;
}
.in_top .tab .swiper-slide a{
  padding: 35px 0 60px;
  position: relative;
}
.in_top .tab .swiper-slide-thumb-active p{
  color: #006bbd;
}
.in_top .tab .swiper-slide-thumb-active a:before{
  position: absolute;
  content: '';
  bottom: 10px;
  height: 5px;
  width: 100%;
  background: #006bbd;
  left: 0;
}
.in_top .tab .swiper-slide-thumb-active a:after{
  position: absolute;
  content: '';
  bottom: 0;
  left: 50%;
  margin-left: -10px;
  width: 20px;
  height: 10px;
  background: url(../images/in_tab_dot.png) no-repeat center;

}
.in_top .tab .swiper-slide-thumb-active p{

}
.in_top .swiper-button-next.swiper-button-disabled{
  opacity: 1;
      cursor: inherit;
}
.in_top .contain{
  position: relative;
}
.in_top .swiper-button-prev{
  width: 21px;
  height: 34px;
  left: -50px;
  opacity: 1;
  z-index: 2;
  background: url(../images/in_top_dot1.png) no-repeat center;
  background-size: cover;
  margin-top: -17px;
}
.in_top .swiper-button-next:focus,
.in_top .swiper-button-prev:focus{
  outline: inherit;
}
.in_top .swiper-button-prev:hover{
  background: url(../images/in_top_dot11.png) no-repeat center;
}
.in_top .swiper-button-next{
  width: 21px;
  height: 34px;
  opacity: 1;
  z-index: 2;
  right: -50px;
  background: url(../images/in_top_dot2.png) no-repeat center;
  background-size: cover;
  margin-top: -17px;
}
.in_top .swiper-button-next:hover{
  background: url(../images/in_top_dot22.png) no-repeat center;
}

.in_top .content{
  margin-top: 55px;
}

.in_top .content a{
  width: 320px;
  margin-right: 28px;
  margin-bottom: 30px;
  float: left;
  position: relative;
  background: #f6f7fa;
  transition:0s;
  text-align: center;
  overflow: hidden;
  padding-bottom: 50px;
}
.in_top .content a .p1{
  line-height: 50px;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  transition: 0s all;
  font-size: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #006bbd;

}
.in_top .content a:nth-of-type(4n){
  margin-right: 0;
}
.in_top .content a .mask{
  position: absolute;
  left: 0;
  top: 100%;
  box-sizing: border-box;
  color: #fff;
  width: 100%;
  padding: 0 30px;
  transition: 0.3s all;
  height: 100%;
  background: rgba(0,107,189,0.95);
}
.in_top .content a:hover .mask{
  top: 0;
}
.in_top .content a:hover .p1{
  bottom: -100%;
}
.in_top .content a .mask i{
  width: 40px;
  height: 40px;
  background: url(../images/in_top_main_dot.png) no-repeat center;
  background-size: cover;
  display: block;
  margin: 70px auto 0;
}
.in_top .content a .p2{
  margin: 25px 0;
  font-size: 20px;
  font-weight: bold;
}
.in_top .content a .p3{
  line-height: 20px;
  margin-bottom: 45px;
}
.in_top .content a .line{
  width: 15px;
  height: 2px;
  background: #fff;
  margin: 8px auto 0;
}




.in_mid{
  padding: 40px 0 60px;
  background: #f8f9fb;
}

.in_mid .tab a{
  width: 336px;
  background: #fff;
  float: left;
  margin-right: 7px;
  padding: 55px 35px;
  box-sizing: border-box;
}
.in_mid .tab a:nth-of-type(4n){
  margin-right: 0;
}
.in_mid .tab .font{
  float: left;
  font-size: 21px;
  font-weight: bold;
  color: #333;
}
.in_mid .tab .p1{

}
.in_mid .tab .p2{
  margin-top: 10px;
  font-size: 12px;
  margin-left: -10px;
  transform: scale(0.8);
}
.in_mid .tab .ico{
  width: 55px;
  float: right;
  height: 55px;
}
.in_mid .tab a{
  position: relative;
}
.in_mid .tab a.active .font p{
  color: #006bbd;
}
.in_mid .tab a.active:before{
    position: absolute;
    content: '';
    bottom: 0;
    height: 5px;
    width: 100%;
    background: #006bbd;
    left: 0;
}
.in_top .content a:hover .line{
  width: 30px;
}
.in_mid .tab a.active:after{
    position: absolute;
    content: '';
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 2;
    width: 20px;
    height: 10px;
    background: url(../images/in_tab_dot.png) no-repeat center;
}


.in_mid .main{
  padding: 45px 40px;
  background: #fff;
  box-sizing: border-box;
}

.in_mid .main .left{
  width: 560px;
  float: left;
}
.in_mid .main .left a{
  position: relative;
}
.in_mid .main .left a .mask{
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  bottom: 0;
  background-image: linear-gradient(rgba(0,0,0,0.01), rgba(0,0,0,0.6));
}
.in_mid .main .left a p{
  position: absolute;
  color: #fff;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 10px;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.in_mid .main .left .end{
  margin-top: 10px;
}
.in_mid .main .left a .img{
  width: 100%;
  overflow: hidden;
  height: 336px;
  text-align: center;
}
.in_mid .main .left a .img img{
  height: 100%;
  max-width: initial;
  width: initial;
  display: inline-block;
}
.in_mid .main .left .end a{
  width: 48.5%;
  float: left;
  margin-right: 3%;
}
.in_mid .main .left .end a .img{
  width: 100%;
  height: 163px;
  overflow: hidden;
}
.in_mid .main .left .end a .img img{
  height: 100%;
  max-width: initial;
  width: initial;
  display: inline-block;
}
.in_mid .main .left .end a:nth-of-type(2n){
  margin-right: 0;
}
.in_mid .main .font{
  float: right;
  width: 680px;
  line-height: 30px;
}
.in_mid .main .font i{
  width: 30px;
  height: 30px;
  float: left;
  background: url(../images/in_mid_add.png) no-repeat center;
}
.in_mid .main .font a{
  float: left;
  font-size: 16px;
  color: #333;
  width: calc( 100% - 80px );
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.in_mid .main .font a:hover{
  color: #0068b7;
}
.in_mid .main .font li{

}
.in_mid .main .font li:nth-of-type(1) a{
  font-weight: bold;
}
.in_mid .main .font span{
  float: right;
  color: #555;
}
.in_mid .main .font ul{
  margin-bottom: 30px;
}

.in_mid .main .font ul:last-child{
  margin-bottom: 0;
}
.in_mid .main .left  a{
  overflow: hidden;
}
.in_mid .main .left  a img{
  transition: 0.3s all;
}
.in_mid .main .left a:hover .img img{
  transform: scale(1.1)
}

.right_slide{
  position: fixed;
  right: 0;
  margin-top: -143px;
  top: 50%;
  z-index: 2;
}
.right_slide .ico1{
  width: 50px;
  height: 180px;
  margin-bottom: 3px;
  background: url(../images/right_slide1.png) no-repeat center;
  background-size: cover;
}
.right_slide .ico2{
  width: 50px;
  height: 50px;
  margin-bottom: 3px;
  background: url(../images/right_slide2.png) no-repeat center;
  background-size: cover;
}

.right_slide .ico3{
  width: 50px;
  height: 50px;
  background: url(../images/right_slide3.png) no-repeat center;
  background-size: cover;
}
.right_slide .to_show{
  position: relative;
}
.right_slide .to_show:hover .show{
  opacity: 1;
  visibility: visible;
}
.right_slide .to_show .show{
  position: absolute;
  text-align: center;
  color: #333;
  right: 50px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
  padding-right: 25px;
}
.right_slide .to_show .show div{
  width: 150px;
  background: #fff;
  padding: 15px 0;
  border-radius: 8px;
  box-shadow: 0 0 12px 5px rgba(0,0,0,0.12);
}
.right_slide .to_show .show .p1{
  margin-bottom: 5px;
}
.right_slide .to_show .show img{
  width: 107px;
  height: 107px;
  margin-bottom: 5px;
}

.inside_banner .font{
  padding: 90px 0 0;
}
.inside_banner .font .p1{
  color: #0068b7;
  font-size: 32px;
  font-weight: bold;
  line-height: 46px;
}
.inside_banner .font .p2{
  color: #0068b7;
  line-height: 20px;
}

.inside_banner .end{
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0,20,52,0.1);
  width: 100%;
}
.inside_banner .end .left{
  margin: 4px 0;
}
.inside_banner .end .left a{
  float: left;
  line-height: 46px;
  background: #fff;
  font-size: 15px;
  width: 120px;
  text-align: center;
  position: relative;
  margin-right: 6px;
}
.inside_banner .end .left a:hover,
.inside_banner .end .left a.active{
  color: #fff;
  background: #0068b7;
}
.inside_banner .left a.active:after,
.inside_banner .left a:hover:after {
  position: absolute;
  content: '';
  bottom: -8px;
  left: 50%;
  margin-left: -7px;
  width: 15px;
  height: 8px;
  background: url(../images/in_tab_dot.png) no-repeat center;
  background-size: 15px;
}
.bread{
  padding-left: 20px;
  line-height: 54px;
  background: url(../images/home.png) no-repeat left;
}
.bread *{
  color: #fff;
  display: inline-block;
}
.bread a:hover{
  text-decoration: underline;
}
.news{
  background: #f6f7fa;
}
.news .main li{
  background: #fff;
  margin-bottom: 15px;
  transition: 0.3s all;
}
.news .main li:hover{
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.news .main .date{
  float: left;
  padding: 90px 50px 0;
}
.news .main .date .p1{
  font-size: 26px;
  color: #333;
  font-weight: bold;
}
.news .main .font{
  float: left;
  width: 740px;
  padding-top: 66px;
}
.news .main .font .a1{
  font-size: 20px;
  color: #333;
  font-weight: bold;
}
.news .main .font .a1:hover{
  color: #0068b7;
}
.news .main .font .p3{
  line-height: 20px;
  color: #999;
  margin-top: 20px;
}
.news .main .img{
  float: right;
  width: 320px;
  padding: 20px 20px 20px 0;
}
.news .main .img img{
  max-height: 192px;
}
.news .main{
  padding-top: 50px;
}
.in_mid .tab{
  margin-bottom: 10px;
}

.page {
    padding: 80px 0;
    text-align: center;
}
.page .btn {
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
}
.page .btn{
    display: inline-block;
    vertical-align: middle;
}
.page .btn a {
    display: inline-block;
    width: 40px;
    vertical-align: middle;
    text-align: center;
    margin: 0 7px;
    border-radius: 6px;
    color: #333;
}
.page .btn a.active,
.page .btn a:hover {
    background: #0068b7;
    color: #fff;
}

.news_detail .title{
  padding: 90px 0;
}
.news_detail .title .p1{
  font-size: 26px;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.news_detail .title .p2{
  text-align: center;
  margin-top: 25px;
}
.news_detail .title .p2 em{
  margin: 0 18px;
  font-size: 16px;
  color: #999;
}
.news_detail .title .p2 em i{
  color: #333;
}
.news_detail{
  margin-bottom: 90px;
}




.product .top{
  padding: 40px 0;
  background: #f6f7fa;
}
.product .top .span1{
  color: #333;
  float: left;
  font-weight: bold;
  font-size: 26px;
  line-height: 44px;
}
.product .top .contain{
  position: relative;
}
.product .pro_show .dot_white,
.product .top .to_fast .dot_white{
  color: #333;
  line-height: 44px;
  padding: 0 25px;
  border-radius: 44px;
  background:  #fff;
  text-align: center;
}
.product .top .to_fast .dot_white span{
  display: block;
  padding-right: 15px;
  background: url(../images/dot_black.png) no-repeat right;
}

.product .fast_show{
  box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
}
.product .top .to_fast,
.product .pro_show{
  float: left;
  margin-left: 25px;
}
.product .pro_show .dot_white span{
  display: block;
  padding-right: 15px;
  background: url(../images/dot_black.png) no-repeat right;
}

.product .top .right{
  border: 1px solid #e5e5e5;
  border-radius: 44px;
  float: right;
  background: #fff;
  width: 400px;
}
.product .top .right input{
  width: 320px;
  float: left;
  line-height: 42px;
  text-indent: 20px;
  font-size: 14px;
}
.product .top .right a{
  width: 80px;
  background: #0068b7;
  border-radius: 42px;
  line-height: 42px;
  float: left;
  text-align: center;
  color: #fff;
}
.product .main .title{
  padding: 35px 0 20px;
}
.product .main .title span{
  line-height: 32px;
  padding-left: 20px;
  color: #333;
  font-size: 16px;
  background: url(../images/saixuan.png) no-repeat left;
}
.product .main .title a{
  float: left;
  width: 32px;
  line-height: 32px;
  text-align: center;
  margin-left: 10px;
  height: 32px;
  border: 1px solid #e5e5e5;
}
.product .main .title a:hover{
  color: #fff;
  background: #0068b7;
}
.product .in_top .content{
  margin-top: 10px;
}
.product .in_top .img{
  width: 100%;
  overflow: hidden;
  height: 320px;
}
.product .in_top .img img{
    height: 100%;
  max-width: initial;
  width: initial;
  display: inline-block;
}
.product_detail .top{
  background: #f6f7fa;
}
.product_detail .title .left{
  float: left;
  line-height: 54px;
}
.product_detail .title .left:hover{
  color: #0068b7;
}
.product_detail .title .bread *{
  color: #666;
}
.product_detail .title .bread{
    background: url(../images/home1.png) no-repeat left;
}
.product_detail .top .main{
  padding: 55px 0;
}
.product_detail .top .main .img{
  width: 534px;
  height: 534px;
  overflow: hidden;
  float: left;
  position: relative;
}
.product_detail .top .main .img img{
  position: absolute;
  height: 100%;
  border:1px solid #e5e5e5;
  box-sizing:border-box;
  max-width: inherit;

}.product_detail .top .main .right{
  width: 560px;
  margin-top: 110px;
}
.product_detail .top .main .right .p1{
  font-size: 26px;
  color: #333;
  font-weight: bold;
}
.product_detail .top .main .right .p2{
  padding: 20px 0 50px;
  line-height: 22px;
}
.product_detail .top .main .right .p3{
  color: #999;
  line-height: 30px;
}

.product_detail .content .tab{
  text-align: center;
  font-size: 0;
  margin-bottom: 50px;
  border-bottom: 1px solid #e5e5e5;
}
.product_detail .content .tab a{
  line-height: 74px;
  text-align: center;
  font-size: 16px;
  margin: 0 28px;
  position: relative;
  display: inline-block;
}
.product_detail .content .tab a:hover,
.product_detail .content .tab a.active{
  color: #0068b7;
}
.product_detail .content .tab a.active:before{
    position: absolute;
    content: '';
    bottom: -4px;
    height: 4px;
    width: 100%;
    background: #006bbd;
    left: 0;
}
.product_detail .content .tab a.active:after{
    position: absolute;
    content: '';
    bottom: -12px;
    left: 50%;
    margin-left: -8px;
    width: 16px;
    height: 8px;
    background: url(../images/in_tab_dot.png) no-repeat center;
    background-size: 16px
}
.product_detail .mainq .p1{
  padding-left: 20px;
  font-size: 16px;
  margin-bottom: 20px;
  color: #333;
  font-weight: bold;
  background: url(../images/dot_left.png) no-repeat left;
}
.product_detail .mainq .ul_download{
  padding-left: 40px;
  margin-bottom: 20px;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
  display: none;
}
.product_detail .mainq .ul_download li{
  line-height: 60px;
  border-bottom: 1px solid #e5e5e5;
}
.product_detail .mainq .ul_download li i{
  color: #999;
  float: left;
}
.product_detail .mainq .ul_download li .a1{
  font-size: 16px;
  color: #333;
  margin-left: 10px;
  float: left;
}
.product_detail .mainq .ul_download li .a1:hover{
  color: #0068b7;
}
.ul_about li .a2,
.product_detail .mainq .ul_download li .a2{
  color: #333;
  width: 50px;
  float: right;
  border-radius: 4px;
  text-align: center;
  line-height: 28px;
  background: #eeeeee;
}
.ul_about li .a2:hover,
.product_detail .mainq .ul_download li .a2:hover{
  background: #0068b7;
  color: #fff;
}
.ul_about li{
  padding: 25px 0;
  border-bottom: 1px solid #e5e5e5;
}
.ul_about li:first-child{
  padding-top: 0;
}
.ul_about li i{
  color: #999;
  line-height: 20px;
  float: left;
}
.ul_about li .font{
  float: left;
  margin-left: 10px;
  width: 1110px;
}
.ul_about li .font .a1{
  color: #333;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
}
.ul_about li .font .a1:hover{
  color: #0068b7;
}
.ul_about li .font .p2{
  color: #999;
  margin: 10px 0 15px;
}
.ul_about li .font .p3{
  color: #999;
}
.product_detail{
  padding-bottom: 90px;
}

.about{

}
.about .title{
  padding: 90px 0 40px;
}
.about .title .p1{
  color: #0068b7;
  font-size: 26px;
  font-weight: bold;
}
.about .title .p2{
  font-size: 16px;
  color: #999;
  margin-top: 10px;
}
.about .title .line{
  width: 30px;
  height: 2px;
  background: #b2bfc8;
  margin-top: 40px;
}
.about{
  padding-bottom: 90px;
}


.join{

}
.join .title{
  padding: 40px 0 14px;
  border-bottom: 1px solid #e5e5e5;
}
.join .title span{
  float: left;
  color: #0068b7;
  font-weight: bold;
  font-size: 20px;
  padding-left: 30px;
  background: url(../images/join.png) no-repeat left;
}
.join .title em{
  float: right;
}
.join .ul_about li:first-child{
  padding-top: 25px;
}

.case{
  background: #f6f7fa;
}
.all_tab{
  padding: 45px 0;
}
.all_tab a{
  color: #333;
  padding: 0 30px;
  background: #fff;
  float: left;
  position: relative;
  border: 1px solid #fff;
  margin-right: 7px;
  line-height: 44px;
}
.all_tab a:hover,
.all_tab a.active{
  color: #0068b7;
  border: 1px solid #0068b7;
}
.all_tab a:hover:after,
.all_tab a.active:after{
  opacity: 1;
}
.all_tab a:after{
  position: absolute;
  content: '';
  opacity: 0;
  transition: 0.3s all;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 5px;
  background: url(../images/in_tab_dot.png) no-repeat center;
  background-size: 10px;
}
.case .news .main{
  padding-top: 0;
}
.video_list .main{
  margin-top: 40px
}
.download_top{
  border-top: 1px solid #e5e5e5;
}
.download_top li{
  border-bottom: 1px solid #e5e5e5;
}
.download_top li span{
  float: left;
  width: 100px;
  line-height: 50px;
  text-indent: 10px;
  color: #333;
  background: #f0f0f0;
}
.download_top li .font{
  width: 1231px;
  float: left;
  margin-left: 25px;
  padding: 13px 0;
}
.download_top li .font a{
  line-height: 22px;
  float: left;
  padding: 0 10px;
  margin-right: 15px;
  position: relative;
  border: 1px solid #fff;
}
.download_top li .font a:hover,
.download_top li .font a.active{
  border: 1px solid #0068b7;
  color: #0068b7;
}
.download_top li .font a.active:after{
  content: '';
  position: absolute;
  content: '';
  width: 13px;
  height: 13px;
  right: 0;
  bottom: 0;
  background: url(../images/right_dot2.png) no-repeat center;
  background-size: cover;
}

.video_list{
  background: #f6f7fa;
}
.video_list .main li{
  width: 380px;
  padding:33px 25px 0;
  background: #fff;
  margin-right: 38px;
  margin-bottom: 35px;
  box-shadow: 0 10px 8px rgba(0,0,0,0.05); 
  float: left;
  transition: 0.3s all;
}
.video_list .main li:hover{
  box-shadow: 0 20px 15px rgba(0,0,0,0.1); 
}
.video_list .main li:nth-of-type(3n){
  margin-right: 0;
}
.video_list .main li .img{
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 210px;
}
.video_list .main li .img img{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  max-width: inherit;
}
.video_list .main li .ico{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 46px;
  margin-left: -23px;
  margin-top: -23px;
  height: 46px;
  background: url(../images/video_btn.png) no-repeat center;
  background-size: cover;
}
.video_list .main li .a1{
  line-height: 24px;
  font-size: 16px;
  color: #333;
  margin: 25px 0;
}
.video_list .main li:hover .btn a,
.video_list .main li:hover .a1{
  color: #0068b7;
}

.video_list .main li .p1{
  color: #999;
  line-height: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
}
.video_list .main li .btn{
  line-height: 66px;
}
.video_list .main li .btn span{
  float: left;
  color: #999;
}
.video_list .main li .btn a{
  color: #999;
  float: right;
}

.contact .title{
  padding: 90px 0 50px;
  text-align: center;
}
.contact .title .p1{
  font-size: 24px;
  color: #333;
  font-weight: bold;
}
.contact .title .p2{
  font-size: 12px;
  margin-top: 5px;
  color: #333;
}
.contact .part1 .main li{
  width: 33.3333%;
  text-align: center;
  float: left;
}
.contact .part1 .main li:nth-of-type(3n){
  margin-right: 0;
}
.contact .part1 .main li .p1{
  margin-top: 25px;
  margin-bottom: 15px;
  color: #999;
}
.contact .part1 .main li .p2{
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.contact .part1 .main{
  padding-bottom: 60px;
}


.contact .part2{
  background: #f6f6f6;
}
.contact .part2 .input input{
  width: 324px;
  border: 1px solid #e5e5e5;
  color: #333;
  background: #fff;
  line-height: 42px;
  font-size: 14px;
  float: left;
  margin-right: 20px;
  text-indent: 16px;
  height: 42px;
}
.contact .part2 .input input:nth-of-type(4n){
  margin-right: 0;
}


.contact .part2 .mid textarea:-ms-input-placeholder,
.contact .part2 .input input:-ms-input-placeholder{
   color: #333;
}
.contact .part2 .mid textarea::-moz-placeholder,
.contact .part2 .input input::-moz-placeholder{
   color: #333;
}
.contact .part2 .mid textarea:-moz-placeholder,
.contact .part2 .input input:-moz-placeholder{
   color: #333;
}
.contact .part2 .mid textarea::-webkit-input-placeholder,
.contact .part2 .input input::-webkit-input-placeholder {
   color: #333;
}
.contact .part2 .mid {
  line-height: 30px;
  padding: 30px 0;
}
.contact .part2 .mid span{
  float: left;
  margin-left: 16px;
  font-size: 14px;
  color: #333;
}
.contact .part2 .mid .font{
  width: calc( 100% - 90px );
  float: left;
  margin-left: 16px;
}
.contact .part2 .mid .font a{
  float: left;
  margin-right: 25px;
  position: relative;
}
.contact .part2 .mid .font label{
  cursor: pointer;
}
.contact .part2 .mid .font input{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.contact .part2 .mid .font em{
  padding-left: 20px;
  color: #333;
  background: url(../images/hover0.png) no-repeat left;
}
.contact .part2 .mid .font a.active em{
  background: url(../images/hover.png) no-repeat left;
}
.contact .part2 textarea{
  width: 100%;
  border: 1px solid #e5e5e5;
  background: #fff;
  font-size: 14px;
  text-indent: 16px;
  height: 150px;
  padding-top: 16px;
  box-sizing: border-box;
}
.contact .part2{
  padding-bottom: 100px;
}
.contact .part2 button{
  background: #0068b7;
  font-size: 15px;
  color: #fff;
  text-align: center;
  line-height: 50px;
  width: 610px;
  margin: 50px auto 0;
}
.contact .part3{
  padding: 110px 0;
}
.map{
  width: 100%;
  height: 580px;
}

.in_top .content a .img{
  width: 320px;
  height: 360px;
  position: relative;
  overflow: hidden;
}
.in_top .content a .img img{
  position: absolute;
  max-width: inherit;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%,-50%);
}

.fast_show .part .main .choose1 li:last-child{
    border-right: 1px solid #e5e5e5 !important;
}