@charset "utf-8";/*初始化样式*/
html{width:100%;height: 100%;font-size:100px; }
body{ padding:0; height: 100%; margin:0 auto; zoom:1;font-size:0.14rem;line-height:0.24rem;font-family:"Microsoft YaHei","Arial","sans-serif","宋体";color:#333;/*设置宽度*/width:100%; background-color:#fff; }
i{ font-style: italic; }
ul,li,form, dl,dt,dd, div{ padding: 0; margin: 0; }
.ul,.ul li{ list-style:none; }
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0; margin:0;}
p{ margin:0; }
b,strong{ font-weight: bold; }
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
body.hide{ overflow: hidden; }

/*强制去除表单自带的样式*/
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*/ }

/*强制去除textarea自带的样式*/
textarea{resize:none;/*-webkit-appearance:none;*/}

textarea,input,select { background:none; border:none; margin:0; padding:0;}
@-moz-keyframes shake-base{
  0%, 100% {
    -moz-transform: rotate(0deg);
  }
  25% {
    -moz-transform: rotate(15deg);
  }
  50% {
    -moz-transform: rotate(0deg);
  }
  75% {
    -moz-transform: rotate(-15deg);
  }
}
@-webkit-keyframes shake-base{
  0%, 100% {
    -webkit-transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(15deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-15deg);
  }
}
@-ms-keyframes shake-base{
  0%, 100% {
    -ms-transform: rotate(0deg);
  }
  25% {
    -ms-transform: rotate(15deg);
  }

  50% {
    -ms-transform: rotate(0deg);
  }
  75% {
    -ms-transform: rotate(-15deg);
  }
}
@keyframes shake-base{
  0%, 100% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-15deg);
  }
}
@-webkit-keyframes shake-vertical{
  0%{-webkit-transform:translate(0,-8px)}
  10%{-webkit-transform:translate(0,-6px)}
  40%{-webkit-transform:translate(0,-5px)}
  60%{-webkit-transform:translate(0,-7px)}
  100%{-webkit-transform:translate(0,-8px)}
}
@-ms-keyframes shake-vertical{
  0%{-ms-transform:translate(0,-8px)}
  10%{-ms-transform:translate(0,-6px)}
  40%{-ms-transform:translate(0,-5px)}
  60%{-ms-transform:translate(0,-7px)}
  100%{-ms-transform:translate(0,-8px)}
}
@keyframes shake-vertical{
  0%{transform:translate(0,-8px)}
  10%{transform:translate(0,-6px)}
  40%{transform:translate(0,-5px)}
  60%{transform:translate(0,-7px)}
  100%{transform:translate(0,-8px)}
}

/*html5设置*/
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;}
figure,figcaption{ margin:0; padding:0;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
/*百度分享弹框*/
.bd_weixin_popup{ box-sizing: content-box; }
img{ border:none; border:0; vertical-align:top; max-width: 100%; }
span{ outline: none; }
a{ color:#333333; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); outline: none; }
a:link,a:visited,a:focus{outline:none;text-decoration: none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#258cdb;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,
*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;overflow-x: hidden;}
.animate5s{ transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; }
.animate3s{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; }
.textover{overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap}
.textovers{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.t-center{ text-align: center; }
.t-left{ text-align: left; }
.t-right{ text-align: right; }
.x-half{ transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.y-half{ transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.bg0{ background-color: #ffffff; }
.bg1{ background-color: #f6f6f6; }
.bg2{ background-color: #f8f8f8; }
.bg3{ background-color: #f5f5f5; }
.colr_main{ color:#258cdb; }
.colr_main2{ color:#f7881b; }
.colr0{ color:#fff; }
.colr1{ color:#000; }
.colr2{ color:#333; }
.colr3{ color:#666; }
.colr4{ color:#999; }
.colr5{ color:#fd9f08; }
.o-hide{ overflow: hidden; }
.imgBox{ overflow: hidden; }
.imgBox img{ display: block; transform: scale(1); }
.imgh:hover img{ transform: scale(1.08); }
.no_bold{ font-weight: normal; }
/*清楚浮动*/
.clear{ clear:both; height:0; overflow:hidden;}
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
    font-size: 0;}
.clearfix { zoom: 1; }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#555555;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#555555;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#555555;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#555555;
}
/*初始化样式*/
.f_l{ float: left; display: inline-block; }
.f_r{ float: right; display: inline-block; }
.container{ margin:0 auto; max-width: 100%; padding-left: 0.15rem; padding-right: 0.15rem; }

/**动画**/
*[data-animation]{ opacity: 0; }
.animated{ opacity: 1; }

/**导航**/
body{}
#header{ position: static; left: 0; top: 0; background: #fff; width: 100%; z-index: 999; transition: left 0.3s linear; -webkit-transition: left 0.3s linear; -moz-transition: left 0.3s linear; -ms-transition: left 0.3s linear; -o-transition: left 0.3s linear; box-shadow: 0 0 0.15rem rgba(0,0,0,0.1); }
#header .Top{ padding:0.3rem 0; position: relative; z-index: 3; background: #fff; }
#header .logo{}
#header .logo a{ height: 0.66rem; display: table-cell; vertical-align: middle; }
#header .logo img{ display: block; height: 0.65rem; }
#header .Top .r-con{ padding-top: 0.05rem; }
#header .tips{ display: inline-block; vertical-align: middle; }
#header .tips li{ display: inline-block; vertical-align: middle; }
#header .tips li+li{ margin-left:0.24rem; }
#header .tips .img{ display: block; }
#header .tips img{ display: block; margin:0 auto; }
#header .tips .txt{ font-size: 0.14rem; color:#888888; line-height: 0.22rem; margin-top: 0.08rem; }
#header .PBox{ position: relative; margin-left: 0.6rem; padding-left: 0.36rem; background:url(../images/h_phone.png) no-repeat left center; display: inline-block; vertical-align: middle; }
#header .PBox:before{ content: ""; display: block; top: 50%; position: absolute; left: -0.3rem; height: 0.36rem; width: 0.01rem; background-color: #f6f6f6; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
#header .PBox .phone{ font-size: 0.25rem; color:#258cdb; font-weight:bold; display: block; line-height: 0.26rem; }
#header .PBox .word{ font-size: 0.15rem; color:#888888; line-height: 0.2rem; }
#header .Bot{ background-color: #258cdb; box-shadow: 0 0 0.2rem rgba(0,0,0,0.5); position: relative; z-index: 2; }
#header .Bot .Menu{ padding:0 0.15rem; }
#header .Bot li{ display: inline-block; vertical-align: middle; }
#header .Bot li .title{ display: block; font-size: 0.16rem; color:#fff; line-height: 0.56rem; margin:0 0.4rem; position: relative; }
#header .Bot li+li .title:before{ content: ""; display: block; position: absolute; left: -0.3rem; top: 50%; height: 0.12rem; width: 0.01rem; background-color: #fff; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);  }
#header .Bot li .title:after{ content: ""; display: block; position: absolute; left: 50%; width: 0; bottom: 0; height: 0.02rem; background-color: #ff9900; transition: all 0.3s ease; }
#header .Bot li .title:hover:after{ left: 0; width: 100%; bottom: 0; height: 0.02rem; background-color: #ff9900; }
#header .Bot li:first-child .title{ margin-left: 0; }
#header .Bot li:last-child .title{ margin-right: 0; }
#header .Bot li.on .title:after{ left:0; width: 100%; }
#header .Bot .Lib{ display: none; position: absolute; left: 0; top: 100%; width: 100%; background:#fff url(../images/h_t_back.png) no-repeat 85% bottom; z-index: -1; }
#header .Bot .Lib .Box{ padding:0.35rem 0.3rem; }
#header .Bot .Lib .imgBox{ width: 33.871%; }
#header .Bot .Lib .rList{ padding-top:2.5%; padding-left:4.8%;  width: 100%; }
#header .Bot .Lib .type{ font-size: 0.2rem; font-weight: bold; width: 22.5%; }
#header .Bot .Lib .aBox{ width: 100%; }
#header .Bot .Lib .aBox a{ font-size: 0.15rem; width: 20%; display: inline-block; float: left; min-height: 0.4rem; white-space: nowrap; position: relative; }
#header .Bot .Lib .aBox a.hot:before{ display: block; content: ""; position: absolute; left:-0.16rem; top:0; height: 0.2rem; width: 0.14rem; background:url(../images/hot.png) no-repeat center; animation: shake-vertical 1s infinite ease-in-out;}
#header .Bot .Lib .aBox a i{ display: inline-block; vertical-align: middle; font-style: normal; margin-right:0.1rem; position: relative; top: -0.01rem; }
#header .Bot .Lib .aBox a .i_icon{ display: none; }
#header .Bot .Lib .aBox a .txt{ display: inline-block;margin-bottom: 18px}

/**底部**/
#footer{ background-color: #2c2c2c; color:#868686; font-size: 0.15rem; padding-top: 2%; padding-bottom: 2%; }
#footer .TopTitle{ display: none; }
#footer a{ color:#868686; }
#footer a:hover{ color:#fff; }
#footer .back{ background:url(../images/f_back.png) no-repeat center bottom; }
#footer .logo{ padding:0.6rem 0 0.4rem; border-bottom: 0.01rem solid #3c3c3c; }
#footer .logo img{}
#footer .address{ padding-top: 4%; padding-bottom: 0.5%; /*font-size: 0;*/ }
#footer .address li{ padding-right: 0; margin-bottom: 2.9%; }
#footer .address .title{ font-size: 0.18rem; line-height: 0.2rem; color:#c7c7c7; position: relative; margin-bottom: 0.15rem; display: block; }
#footer .address .title .icon{ position: absolute; left: -0.25rem; display: block; width: 0.14rem; height: 100%; background:url(../images/icons2.png) no-repeat center/contain; }
#footer .address .word{ line-height: 0.2rem; }
#footer .address .word p+p{ margin-top: 0.1rem; }
#footer .address .word p span{ width: 0.6rem; display: inline-block; text-align: justify; }
#footer .menu{ display: flex; align-items: center; justify-content: space-between; padding:0.35rem 0; border-bottom:0.01rem solid #3c3c3c; border-top:0.01rem solid #3c3c3c; }
#footer .menu a{ color:#fff; }
#footer .menu a:hover{ color:#258cdb; }
#footer.small .bot{ padding-bottom: 0.2rem; }
#footer .bot{ padding-top:0.2rem; padding-bottom: 0.2rem; }
#footer .bot .f_l{ }
#footer .bot .code{}
#footer .bot .img{ display: inline-block; }
#footer .bot .img+.img{ margin-left:0.1rem; }
#footer .bot .txt{  }
#footer .address .word a{display: block; height: 36px; line-height: 36px; overflow: hidden;}

/**悬浮框**/
#f_nav{ z-index: 99; position: fixed; bottom: 0; left: 0; width: 100%; background-color: rgba(19,129,206,0.7); border:0.01rem solid #258cdb; padding:0.3rem 0; }
#f_nav.left{ transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); margin-left: 0; cursor: pointer; }
#f_nav.left:after{/* position: absolute; display: block; content: ""; right: 0; top:0; height: 100%; width: 0.35rem; background:url(../images/jt_1_2_h.png) no-repeat center/70% auto; }
#f_nav .container{ position: relative; */}
#f_nav .container{ position: relative; }
#f_nav .exit{ position: absolute; right: 100%; margin-left:-0.2rem; display: block; height: 0.43rem; width: 0.43rem; background:url(../images/exit1.png) no-repeat center/contain; top:-0.22rem; cursor: pointer; border-radius: 0.05rem; z-index: 3; }
#f_nav .exit:hover{ background-color: rgba(255,255,255,0.2); }
#f_nav .img{ width: 16.46%; position: relative; display: inline-block; vertical-align: middle; height: 1.14rem; }
#f_nav .img img{ position: absolute; left: 0; bottom: 0; display: block; }
#f_nav .block1{ width: 37.69%; display: inline-block; vertical-align: middle; border-left: 0.012rem dashed #fff; border-right: 0.012rem dashed #fff; padding:0 1.92% 0.05rem; margin-left:1.92%; }
#f_nav .block1 .title{ font-size: 0.24rem; color:#fff; line-height: 1.4em; }
#f_nav .block1 .title .word1{ display: block; }
#f_nav .block1 .title .word2{ display: none; }
#f_nav .block1 .l{ padding-top:0.08rem; }
#f_nav .block1 .input{ width: 68.5%; line-height: 0.3rem; height: 0.3rem; border-radius: 0.15rem; padding:0 4.6%; background-color: #fff; font-size: 0.14rem; color:#555555; }
#f_nav .block1 .submit{ width: 28.86%; display: inline-block; vertical-align: middle; line-height: 0.3rem; height: 0.3rem; border-radius: 0.15rem; padding:0; text-align: center; background-color: #ff9900; font-size: 0.14rem; color:#fff; }
#f_nav .block1 .submit:hover{ background-color: #cc7e09; }
#f_nav .block2{ width: 40.76%; vertical-align: middle; height: 1.14rem; background-color: #fff; border-radius: 5px; padding:0 2.3%; font-size: 0.15rem; line-height: 0.2rem; }
#f_nav .block2 .cont{ padding-top:3%; }
#f_nav .block2 .word{ color:#444444; padding:0.05rem 0; margin-bottom:0.08rem; }
#f_nav .block2 .num{ color:#ff9900; font-weight:bold; }
#f_nav .block2 .des{ color:#888888;}
#f_nav .block2 .des .fSwiper{ height: 0.5rem; }
#f_nav .hideImg{ position: absolute; left: 100%; top:50%; min-height: 100%; margin-top:-0.96rem;  height: 1.92rem; width: 1.96rem; text-align: center; }
#f_nav .hideImg .img1{ display: block; }
#f_nav .hideImg .img2{ display: none; }
#f_nav .hideImg .img{ width: 100%; height: 100%; background:url(../images/nav_icon.png) no-repeat center/contain; margin:0; display: block; }
#f_nav .hideImg .txt{ display: none; font-size: 0.14rem; color:#fff; line-height: 1.4em; padding:0 0.15rem; }
/**右侧悬浮**/
.side{position:fixed;width:0.78rem;right:0;top:50%; margin-top:-200px;z-index:100; border:0.01rem solid #e0e0e0; background:#ffffff; border-bottom:0;}
.side ul li{width:0.78rem;height:0.78rem;float:left;position:relative; border-bottom:0.01rem solid #e0e0e0;color:#333; font-size:0.14rem; line-height:0.38rem; text-align:center;transition:all 0.3s; cursor:pointer;}
.side ul li img{ }
.side ul li:hover{background:#ff9900; color:#fff;}
.side ul li:hover a{ color:#fff;}
.side ul li i{height:0.25rem; margin-bottom:0.01rem; display:block; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:auto 0.25rem; margin-top:0.14rem;transition:all 0.3s;}
.side ul li i.bgs1{ background-image:url(../images/right_pic5.png);}
.side ul li i.bgs2{ background-image:url(../images/right_pic7.png);}
.side ul li i.bgs2en{ background-image:url(../images/right_pic8.png);}
.side ul li i.bgs3{ background-image:url(../images/right_pic2.png);}
.side ul li i.bgs4{ background-image:url(../images/right_pic1.png);}
.side ul li i.bgs6{ background-image:url(../images/right_pic6_on.png);}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png);}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png);}
.side ul li:hover i.bgs2en{background-image:url(../images/right_pic8_on.png);}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png);}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png);}
.side ul li.mobiletel{display:none;}
.side ul li.mobiletel i.bgs4{background-image:url(../images/right_pic1_on.png);}
.side ul li.mobiletel i.bgs4 a{display:block;width: 100%;height: 100%;}
.side ul li:hover i.bgs6{}
.side ul li .sidebox{position:absolute;width:0.78rem;height:0.78rem;top:0;right:0;transition:all 0.3s;overflow:hidden;}
.side ul li.sidetop{background:#ff9900; color:#fff;}
.side ul li.sidetop:hover{opacity:0.8;filter:Alpha(opacity=80);}
.side ul li.sideewm .ewBox {
  width: 1.2rem;
  padding:0.05rem;
  display: none;
  color: #363636;
  text-align: center;
  position: absolute;
  right: 100%;
  margin-right: 0.02rem;
  top: 0;
  background:#fff;
  border:0.01rem solid #e0e0e0;
}
.side ul li.sideewm .txt{ line-height: 1.2em; padding-bottom: 0.05rem; font-size:0.12rem; }
.side ul li.sideewm:hover .ewBox{ display: block; }
.side ul li.sideetel .telBox {
  width: 1.7rem;
  display: none;
  color: #fff;
  text-align: left;
  position: absolute;
  right: 100%;
  margin-right: 0.02rem;
  top: -0;
  background:#ff9900;
}
.side ul li.sideetel:hover .telBox{ display: block; }
.side ul li.sideetel .telBox dd{ display:block; overflow:hidden; line-height:0.47rem; font-size:0.18rem; padding:0.15rem; font-style: italic; }
#bsBox,#bsBox *{ box-sizing: content-box; }
@keyframes backanim{
    0%{
        background-position: 80%;
    }
    100%{
        background-position: 5%;
    }
}

/**Banner图片**/
#IndexBan{ overflow: hidden; }
#IndexBan img{ width: 100%; display: block; }
#IndexBan .swiper-slide{ opacity: 0.6;}
#IndexBan .swiper-slide-active{ opacity: 1;}
#IndexBan .pc{ display: block;}
#IndexBan .phone{ display: none;}
#IndexBan .none{ display: none;}
#IndexBan .point{ position: absolute; bottom: 0.35rem; left: 0; z-index: 5; width: 100%; text-align: center; }
#IndexBan .point .swiper-pagination-bullet{ transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; background:#fff; height: 0.12rem; width: 0.12rem; margin:0 0.06rem; opacity: 1; border-radius: 0; vertical-align: middle; border-radius: 50%; }
#IndexBan .point .swiper-pagination-bullet-active{ background:#2a61ae; }
#IndexBan .swiperBtn{}
#IndexBan .swiperBtn span{ position: absolute; z-index: 2; height: 0.58rem; width: 0.58rem; top:50%; margin-top: -0.29rem; border: 0.01rem solid #fff; border-radius: 50%; cursor: pointer; }
#IndexBan .swiperBtn .prev{ left: 5.2%; background: url(../images/jt_2_1.png) no-repeat center; }
#IndexBan .swiperBtn .next{ right: 5.2%; background: url(../images/jt_2_2.png) no-repeat center; }
#IndexBan .swiperBtn span:hover{ border-color:#258cdb; background-color: #258cdb; }
/*#IndexBan .swiperBtn .prev:hover{ background-image: url(../images/jt_2_1_h.png); }
#IndexBan .swiperBtn .next:hover{ background-image: url(../images/jt_2_2_h.png); }*/
#AutoBanner{ position: relative; overflow: hidden; }
#AutoBanner img{ width: 100%; }
#AutoBanner .pc{ display: block; }
#AutoBanner .phone{ display: none; }
#AutoBanner .cont{ position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; color:#fff; }
#AutoBanner .table{display: table; width: 100%; height: 100%; }
#AutoBanner .table .t-cell{ vertical-align: middle; display: table-cell; }
#AutoBanner .cn{ font-size: 0.28rem; line-height: 1.4em;font-weight: bold; }
#AutoBanner .cn:after{ content: ""; display: block; width: 3.5em; height: 2px; background-color: #fff; margin-top: 0.2rem; }
@keyframes scaleAnim{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

/**路径**/
#Location{ background-color:#f0efef; color:#999999; padding:0.09rem 0; line-height: 0.2rem; }
#Location a{ color:#999999; display: inline-block; }
#Location a:hover{ color:#337ab7; }
#Location i{ margin:0 0.16rem; }
/**分页**/
.pgbtn{ font-size: 0.14rem; padding:0.4rem 0.15rem; }
.pgbtn li{ display: inline-block; line-height: 0.4rem; vertical-align: middle; padding:0.04rem; }
.pgbtn li a{ display: block; padding:0 0.05rem; min-width: 0.4rem; height: 0.4rem; color:#333333; border-radius: 50%; border:0.01rem solid #e0e0e0; cursor: pointer; }
.pgbtn li .on{ color:#fff; background:#1b96ed; border-color: #1b96ed; }
.pgbtn .p a{ background-position: -3.78rem 0.15rem; border-color: transparent; }
.pgbtn .n a{ background-position: -4.13rem 0.14rem; border-color: transparent; }
.pgbtn li a:hover{ color:#fff; background-color: #39a3ef; border-color: #39a3ef; }
/***公用***/
.Autotile{ padding:0.3rem 0 0.6rem; }
.Autotile .Btitle{ font-size: 0.4rem; color:#333333; font-weight:bold; line-height: 1.1em; margin-bottom: 0.14rem; }
.Autotile .Sword{ font-size: 0.16rem; color:#888888; line-height: 1.4em; }
.Autotile1{ padding:0.65rem 0 0.25rem; }
.Autotile1 .Btitle{ font-size: 0.34rem; color:#333333; font-weight:bold; line-height: 1.2em; margin-bottom: 0.14rem; }
.Autotile1 .Btitle .color1{ color:#df0c03; }
.Autotile1 .Sword{ font-size: 0.16rem; color:#999999; line-height: 1.4em; }
.Autotitle2{ padding:0.85rem 0 0.25rem; }
.Autotitle2 .en{ font-family: "Impact","Arial"; font-size: 0.64rem; line-height: 0.5em; color:#e9e9e9; }
.Autotitle2 .line{ display: inline-block; min-width: 5.2rem; padding:0 0.15rem; position: relative; }
.Autotitle2 .line:before{ display: block; content: ""; width: 100%; height: 45%; top:35%; position: absolute; left: 0; border:0.01rem solid #e6e2ed; }
.Autotitle2 .cn{ font-size: 0.36rem; line-height: 1.1em; font-weight: bold; color:#f7881b; display: inline-block; padding:0.01em 0.1em; margin-bottom: 0.08rem; margin-top: -0.08rem; position: relative; }
.Autotitle2 .en2{ font-family: "Impact","Arial"; font-size: 0.16rem; color:#e9e9e9; line-height: 1.2em; display: inline-block; padding:0 0.1rem; position: relative; }
.Autotitle2 .en2:before{ content: ""; display: block; position: absolute; left: -0.01rem; width: 0.01rem; height: 40%; top: 30%; background-color: #e6e2ed; }
.Autotitle2 .en2:after{ content: ""; display: block; position: absolute; right: -0.01rem; width: 0.01rem; height: 40%; top: 30%; background-color: #e6e2ed; }
.Autotile3{ padding:0.55rem 0 0.4rem; }
.Autotile3 .Btitle{ font-size: 0.36rem; color:#333333; font-weight:bold; line-height: 1.2em; margin-bottom: 0.14rem; }
.Autotile3 .Sword{ font-size: 0.14rem; color:#d3d3d3; line-height: 1.4em; }
.MoreBox{ display: inline-block; font-size: 0.12rem; line-height: 0.2rem; background-color: #258cdb; color: #fff; border-radius: 0.03rem; padding:0 0.12rem; }
.MoreBox i{ display: inline-block; vertical-align: middle; border:0.03rem solid transparent; border-left-color:#fff; margin-left:0.06rem; }
.MoreBox:hover{ background-color: #fff; color:#258cdb; }
.MoreBox:hover i{  border-left-color:#258cdb; }
.MoreBox2{ font-size: 0.16rem;line-height: 0.36rem; padding:4.61% 0 7.3%; }
.MoreBox2 .word{ color:#ffffff; padding:0.07rem 0.07rem 0.07rem 0.3rem; display: inline-block; background-color: #f7881b; border-radius: 0.25rem; }
.MoreBox2 .i{ float: right; display: inline-block; width: 0.36rem; height: 0.36rem; position: relative; background-color: #fff; border-radius: 50%; margin-left: 0.3rem; }
.MoreBox2 .i:before{ display: block; content: ""; position: absolute; top:25%; left: 50%; margin-left: -0.005rem; height: 50%; width: 0.01rem; background-color: #f7881b; }
.MoreBox2 .i:after{ display: block; content: ""; position: absolute; top:50%; left: 25%; margin-top: -0.005rem; height: 0.01rem; width: 50%; background-color: #f7881b; }
.MoreBox2 .word:hover{ background-color: #fff; color:#f7881b; }
.MoreBox2 .word:hover .i{ background-color: #f7881b; }
.MoreBox2 .word:hover .i:before{ background-color: #fff; }
.MoreBox2 .word:hover .i:after{ background-color: #fff; }
.MoreBox3{ padding:3.4% 0 5.6%; }
.MoreBox3 .word{ display: inline-block; border-radius: 0.05rem; color:#fff; font-size: 0.16rem; min-width: 3.6rem; max-width: 100%; line-height: 0.56rem; padding:0 0.15rem; background-color: #df0c03; }
.MoreBox3 .word:hover{ background-color: #258cdb; }
.LoadMore{}
.LoadMore a{ background-color: #e3e3e3; font-size: 0.16rem; line-height: 0.46rem; height: 0.46rem; padding:0 0.36rem; display: inline-block; }
.LoadMore a:hover{ background-color: #c7c7c7; }
/**分页**/
.PageBox{ font-size: 0.16rem; line-height: 2.2em; color:#888888; display: block; text-align: center; padding:5.3% 0; margin:0; }
.PageBox a{ color:#888888; display: inline-block; border:1px solid #e6e6e6; overflow: hidden; padding:0 0.13rem; border-radius: 0.03rem; margin:0.02rem 0.075rem; vertical-align: middle; text-transform: capitalize; }
.PageBox a:hover{ color:#fff; background-color: #258cdb; border-color: #258cdb; }
.PageBox .on a{ color:#ffff; border-color: #258cdb; background: #258cdb; }
.PageBox .home{ padding-left: 0.25rem; position: relative; }
.PageBox .home:before{ display: block; content: ""; position: absolute; height: 100%; left:0.1rem; top: 0; width: 0.1rem; background: url(../images/jt_3_1.png) no-repeat left 46%; }
.PageBox .home:hover:before{ background-image: url(../images/jt_3_1_h.png); }
.PageBox .next{ padding-right: 0.25rem; position: relative; }
.PageBox .next:before{ display: block; content: ""; position: absolute; height: 100%; right:0.05rem; top: 0; width: 0.1rem; background: url(../images/jt_3_2.png) no-repeat left 46%; }
.PageBox .next:hover:before{ background-image: url(../images/jt_3_2_h.png); }
.PageBox .prev:hover span{ background-image: url(../images/jt_3_1.png); }
.PageBox .next:hover span{ background-image: url(../images/jt_3_2.png); }
.PageBox form{ display: inline-block; vertical-align: middle; font-size: 0; padding:0; }
.PageBox form input{ display: inline-block; border: 1px solid #e6e6e6; border-radius: 0.03rem; min-width: 0.35rem; padding:0 0.1rem; line-height: 0.37rem; height: 0.37rem; font-size: 0.16rem; margin:0; vertical-align: middle; }
.PageBox form .num{ margin-right: 0.15rem; width: 0.64rem; padding:0 0.15rem; border-radius: 0; background-color: #f9f9f9; }
.PageBox form input[type="submit"]:hover{ background-color: #258cdb; color:#fff; }
/**分享**/
.bdsharebuttonbox{}
div.bdsharebuttonbox a{ height: 0.25rem; width: 0.25rem; display: inline-block; float: left; border-radius: 50%; position: relative; margin:0; }
.bdsharebuttonbox a+a{ margin:0 0 0 0.09rem; }
.bdsharebuttonbox a:after{ transition: all 0.2s ease-in-out; position: absolute; left:50%; top:0; width: 0; height: 100%; background: #258cdb; }
.bdsharebuttonbox a.bds_sqq{ background:#c0c0c0 url(../images/icon_info1.png) no-repeat center; }
.bdsharebuttonbox a.bds_tsina{ background:#c0c0c0 url(../images/icon_info2.png) no-repeat center; }
.bdsharebuttonbox a.bds_weixin{ background:#c0c0c0 url(../images/icon_info3.png) no-repeat center; }
.bdsharebuttonbox a:hover{ opacity: 1; background-color: #258cdb; }
/**二级菜单**/
#SecMenu{ border-bottom: 0.01rem solid #e9e9e9; margin-bottom: 0.65rem; }
#SecMenu .container{ position: relative; }
#SecMenu .container .PNBox{}
#SecMenu .container .PNBox div{ position: absolute; outline: none; background-size: 0.15rem; }
#SecMenu .container .swiper-button-prev{ margin-left: -0.35rem; }
#SecMenu .container .swiper-button-next{ margin-right: -0.35rem; }
#SecMenu .container .swiper-button-disabled{ display: none; }
#SecMenu .SecMenu{ overflow: hidden; }
#SecMenu .swiper-slide{ width: auto; }
#SecMenu .swiper-slide a{ display: block; font-size: 0.16rem; color:#333333; line-height: 1.4em; margin:0 0.3rem; position: relative; padding:0.32rem 0; }
#SecMenu .swiper-slide a:after{ content: ""; position: absolute; left:50%; top:100%; display: block; width: 0; height: 0.02rem; background-color: #258cdb; margin-top:-0.02rem; transition: all 0.3s ease-in-out; }
#SecMenu .swiper-slide a:hover:after,#SecMenu .swiper-slide .on:after{ left: 0; width: 100%; }
#SecMenu .swiper-slide .on{ color:#258cdb; }

/**首页**/
#IndexBlock1{ padding-top:0.45rem; }
#IndexBlock1 .ul{ margin-top:0.15rem; }
#IndexBlock1 .ul li{ float: left; display: inline-block; position: relative; margin-bottom:0.75%; }
#IndexBlock1 .ul li.li1{ width: 26.539%; }
#IndexBlock1 .ul li.li2{ width: 36.155%; }
#IndexBlock1 .ul li.li3{ width: 35.770%; }
#IndexBlock1 .ul li.li4{ width: 23.847%; }
#IndexBlock1 .ul li.li5{ width: 23.462%; }
#IndexBlock1 .ul li.li6{ width: 23.847%; }
#IndexBlock1 .ul img{ height: auto; }
#IndexBlock1 .ul li+li{ margin-left: 0.75%; }
#IndexBlock1 .ul .mark{ display: block;  height: 100%; width: 100%; padding:0; background-color: rgba(0,0,0,0.4); }
#IndexBlock1 .ul .table{ display: table; height: 100%; width: 100%; margin:0; }
#IndexBlock1 .ul .table .t-cell{ display: table-cell; vertical-align: middle; text-align: center; color:#fff; padding:0.15rem; }
#IndexBlock1 .ul .cont{}
#IndexBlock1 .ul .title{ font-size: 0.22rem; font-weight:normal; line-height: 1.1em; }
#IndexBlock1 .ul .word{ font-size: 0.15rem; line-height: 0.2rem; margin:0.1rem 0; }
#IndexBlock1 .NumBox{ padding:0.6rem 0; }
#IndexBlock1 .NumBox .num{ display: inline-block; vertical-align: middle; width: 27%; padding:0 0.15rem; position: relative; }
#IndexBlock1 .NumBox .num:after{ content: ""; display: block; position: absolute; right: 0; top:15%; height: 70%; width: 0.01rem; background-color: #ececec; }
#IndexBlock1 .NumBox .number{ font-size: 0.56rem; line-height: 1em; color:#258cdb; }
#IndexBlock1 .NumBox .number i{ font-size: 0.3rem; line-height: 1em; font-style:normal; vertical-align: top; margin-left: 0.05rem; }
#IndexBlock1 .NumBox .txt{ font-size: 0.16rem; color:#888888; }
#IndexBlock1 .NumBox .num1{ width: 21%; padding-right: 6.9%; }
#IndexBlock1 .NumBox .num4{ width: 20%; margin-left: 3.9%; }
#IndexBlock1 .NumBox .num4:after{ display: none; }
#IndexBlock2{ padding-top: 0.33rem; padding-bottom: 0.8rem; }
#IndexBlock2 .ul{ padding-top: 0.1rem; }
#IndexBlock2 .ul li{ padding:0.15rem; position: relative; }
#IndexBlock2 .ul .mark{ display: block; position: absolute; left: 0.15rem; top: 0.15rem; right:0.15rem; bottom: 0.15rem; border-radius: 0.05rem; background-color: transparent; }
#IndexBlock2 .ul .Box{ background-color: #fff; border-radius: 0.05rem; padding:0.15rem; position: relative; }
#IndexBlock2 .ul .icon{ display: inline-block; position: relative; margin-top: 0.3rem; width: 0.8rem; }
#IndexBlock2 .ul img{ display: block; }
#IndexBlock2 .ul .img1{ opacity: 1; transform: scaleX(1); }
#IndexBlock2 .ul .img2{ opacity: 0; transform: scaleX(0); position: absolute; left: 0; top: 0; }
#IndexBlock2 .ul .title{ font-size: 0.24rem; color:#333333; line-height: 1.2em; margin-bottom:0.25rem; margin-top: 0.15rem; }
#IndexBlock2 .ul .word{ font-size: 0.15rem; color:#888888; line-height: 1.8em; padding-bottom: 0.4rem; }
#IndexBlock2 .more{ margin-top: 0.2rem; color:#fff; line-height: 0.48rem; padding:0 0.5rem; font-size: 0.15rem; display: inline-block; background-color: #ff9900; border-radius: 0.05rem; }
#IndexBlock2 .more:hover{ color:#ff9900; background-color: #fff; }
#IndexBlock2 .ul li:hover .mark{ background-color: #258cdb; left: 0.05rem; top:0; right: 0.05rem; bottom: 0.05rem; }
#IndexBlock2 .ul li:hover .Box{ background-color: #258cdb; }
#IndexBlock2 .ul li:hover .title,
#IndexBlock2 .ul li:hover .word{ color:#fff; }
#IndexBlock2 .ul li:hover .img1{ opacity: 0; transform: scaleX(0); }
#IndexBlock2 .ul li:hover .img2{ opacity: 1; transform: scaleX(1); }
#IndexBlock3{ padding:0.8rem 0;background: url(../images/i_bg2.jpg) center center no-repeat; background-size: cover; overflow: hidden; }
#IndexBlock3 .Autotile .Btitle{ font-size: 0.4rem; color: #fff; font-weight: bold; line-height: 1.1em; margin-bottom: 0.14rem;}
#IndexBlock3 .Autotile .Sword { font-size: 0.16rem; color: #fff; line-height: 1.4em;}
/*修改*/
#IndexBlock3 .Patner{ position: relative; }
#IndexBlock3 .PatnerBlock{ overflow: hidden; }
#IndexBlock3 .Patner .Box{ display: block; background-color: #fff; }
#IndexBlock3 .PatnerBlock .swiper-li{ margin-bottom: 20px; }
#IndexBlock3 .Patner img{ display: block; width: 100%;}
#IndexBlock3 .pointPatner{ text-align: center; padding-top: 0.4rem; }
#IndexBlock3 .pointPatner span{ height: 0.12rem; width: 0.12rem; border:0.02rem solid #d2d2d2; opacity: 1; background-color: transparent; margin:0 0.07rem; }
#IndexBlock3 .pointPatner .swiper-pagination-bullet-active{ background-color: #258cdb; border-color:#258cdb; }
#IndexBlock3 .Patner .pnBox{}
#IndexBlock3 .Patner .pnBox span{ position: absolute; top:50%; height: 0.7rem; width: 0.5rem; transform: translateY(-50%); display: block; cursor: pointer; margin-top:-0.3rem; border-radius: 0.05rem; z-index: 5; }
#IndexBlock3 .Patner .pprev{ left: 0; background: url(../images/jt_1_1.png) no-repeat center; background-size:auto 70%; }
#IndexBlock3 .Patner .pnext{ right: 0; background: url(../images/jt_1_2.png) no-repeat center; background-size:auto 70%; }
#IndexBlock3 .Patner .pnBox span:hover{ background-color: rgba(255,255,255,0.95); }
/*修改*/
#IndexBlock3 .txts{ overflow:hidden; background-color:#fff; transition: all 0.3s; padding-bottom:25px; padding-top:25px; padding-left:26px; padding-right:2%; text-align:left;}
#IndexBlock3 .txts h2{height:36px;line-height:36px;overflow:hidden;font-weight:normal;color:#333;font-size: 22px;font-family: "微软雅黑","Arial", "Microsoft YaHei","Helvetica Neue", "Helvetica", "Arial", "sans-serif";margin:0;text-overflow: ellipsis; white-space: nowrap;}
#IndexBlock3 .txts .p{ font-size:14px;color:#aaaaaa; line-height:20px; height:20px; overflow:hidden;}
#IndexBlock3 dd:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#IndexBlock3 dd:hover .txts h2{ color:#014ee7;}


#IndexBlock3 .TabTips{ position: absolute; top:10%; left: 5%; width:90%; background-color: rgba(175,210,233,0.8); border-radius: 0.05rem; border-radius:0.05rem; border: 0.01rem solid rgba(25,145,233,0.6); box-shadow: 0 -0.05rem 0.1rem rgba(0,0,0,0.2); padding:0.08rem 0.3rem 0.08rem 0.15rem; }
#IndexBlock3 .TabTips img{ vertical-align: middle; }
#IndexBlock3 .Block1 .TabTips img{ width: 0.7rem; }
#IndexBlock3 .Block2 .TabTips img{ width: 0.58rem; }
#IndexBlock3 .TabTips .Tit{ display: inline-block; vertical-align: middle; color:#222222; font-weight:bold; padding-left: 0.13rem; padding-top:0.1rem; }
#IndexBlock3 .TabTips .Tit strong{ display: block; font-size: 0.28rem; line-height: 1em; }
#IndexBlock3 .TabTips .Tit .txt{ font-size: 0.15rem; line-height: 0.18rem; opacity: 0.2; }
#IndexBlock3 .TabTips .f_r{ padding-top: 0.1rem; font-size:0.15rem; line-height: 0.34rem; }
#IndexBlock3 .TabTips .f_r a{ display: inline-block; vertical-align: middle; color:#333333; border-radius: 0.05rem; padding:0 0.33rem; background-color: transparent; }
#IndexBlock3 .TabTips .f_r a.on,
#IndexBlock3 .TabTips .f_r a:hover{ color:#fff; background-color: #258cdb;  }
#IndexBlock3 .sBox{ position: absolute; width:90%; left: 5%; top:30%; overflow: hidden; padding-top:0.8rem; height: 4rem; }
#IndexBlock3 .sBox .swiper-sBox{ position: absolute; left: 0; width: 100%; top:0; opacity: 0; z-index: -1; }
#IndexBlock3 .sBox .on{ opacity: 1; z-index: 5; }
#IndexBlock3 .sBox .swiper-slide{ width: 6.7rem; width: 7.4rem; }
#IndexBlock3 .sBox .Box{ border-radius:0.05rem; background-color: rgba(255,255,255,0.8); padding:5.9%; }
#IndexBlock3 .sBox .Box .imgBox{ width:55.89%; }
#IndexBlock3 .sBox .Box .imgBox img{ display: block; height: auto; width: 370px; }
#IndexBlock3 .sBox .cont{ width: 38%; padding-top:5%; }
#IndexBlock3 .sBox .cont .title{ font-size: 0.22rem; font-weight:bold; margin-bottom: 0.2rem; }
#IndexBlock3 .sBox .cont .ul{ padding-bottom:0.1rem; }
#IndexBlock3 .sBox .cont li{ list-style: none; padding-left: 0.23rem; background: url(../images/icons1.png) no-repeat left top; font-size: 0.15rem; color:#555555; margin-bottom:0.1rem; line-height: 0.2rem; }
#IndexBlock3 .sBox .cont .zx{ display: inline-block; padding:0 0.15rem; line-height: 0.32rem; font-size: 0.15rem; color:#fff; background-color: #ff9900; border-radius: 0.05rem; }
#IndexBlock3 .sBox .cont .zx:hover{ background-color: #cc7e09; }
#IndexBlock3 .sBox .cont .more{ display: inline-block; padding:0 0.15rem; line-height: 0.32rem; font-size: 0.15rem; color:#fff; background-color: #258cdb; border-radius: 0.05rem; }
#IndexBlock3 .sBox .swiper-slide-active{ z-index: 9; position: relative; }
#IndexBlock3 .sBox .swiper-button-prev{ height: 0.4rem; width: 0.4rem; border-radius: 50%; border:0.01rem solid #fff; background:url(../images/jt_2_1.png) no-repeat center; outline: none; top:auto; bottom: 1.5rem; left: 13%; display: none; }
#IndexBlock3 .sBox .swiper-button-next{ height: 0.4rem; width: 0.4rem; border-radius: 50%; border:0.01rem solid #fff; background:url(../images/jt_2_2.png) no-repeat center; outline: none; top:auto; bottom: 1.5rem; right: 13%; display: none; }
#IndexBlock3 .Block:hover .swiper-button-prev,
#IndexBlock3 .Block:hover .swiper-button-next{ display: block; }
#IndexBlock3 .sBox .point{  text-align: center; padding-top: 0.3rem; }
#IndexBlock3 .sBox .point span{ height: 0.12rem; width:0.12rem; border-radius: 50%; border:0.02rem solid #fff; background-color: transparent; opacity: 1; margin:0 0.06rem; }
#IndexBlock3 .sBox .point .swiper-pagination-bullet-active{ background-color: #258cdb; border-color:#258cdb; }
#IndexBlock3 .text{ font-size: 0.12rem; color:#5a5959; padding:0.3rem 0; }
#IndexBlock3 .text .cont{ transform: scale(0.75); }
#IndexBlock4{ margin-top: 0.2rem; padding-top: 0.28rem; }
#IndexBlock4 .Tit{ text-align: center; padding-bottom: 0.3rem; }
#IndexBlock4 .Tit a{ display: inline-block; vertical-align: middle; font-size: 0.15rem; color:#888888; line-height: 0.4rem; padding:0 0.15rem; border-radius: 0.05rem; border:0.01rem solid #c0c0c0; margin:0 0.04rem; }
#IndexBlock4 .Tit a.on{ color:#fff; border-color:#258cdb; background-color: #258cdb; }
#IndexBlock4 .Tit a:hover { color:#fff; border-color:#258cdb; background-color: #258cdb; }
#IndexBlock4 .ul{}
#IndexBlock4 .ul li{ background-color: #f7f7f7; }
#IndexBlock4 .cont{ padding:5% 3.8% 0.15rem; }
#IndexBlock4 .cont .title{ font-size: 0.28rem; font-weight: bold; color:#333333; line-height: 1.4em; }
#IndexBlock4 .cont .des{ font-size: 0.13rem; color:#cfcfcf; line-height: 0.2rem;}
#IndexBlock4 .cont .word{ font-size: 0.15rem; color:#555555; line-height: 2em; padding:6% 0 6%; }
#IndexBlock4 .cont a{ display: inline-block; font-size: 0.15rem; color:#fff; border-radius: 0.05rem; padding:0 0.28rem; line-height: 0.4rem; }
#IndexBlock4 .cont .more{ background-color: #258cdb; }
#IndexBlock4 .cont .zx{ background-color: #ff9900; margin-left: 0.06rem; }
#IndexBlock4 .cont .more:hover{ background-color: #0d68af; }
#IndexBlock4 .cont .zx:hover{ background-color: #cc7e09; }
#IndexBlock4 .imgBox{ padding:0; }
#IndexBlock5{ padding:0.5rem 0 0.85rem; }
#IndexBlock5 .Tit{ text-align: center; padding-bottom: 0.3rem; margin-top: -0.18rem; }
#IndexBlock5 .Tit a{ display: inline-block; vertical-align: middle; font-size: 0.15rem; color:#888888; line-height: 0.4rem; padding:0 0.25rem; border-radius: 0.05rem; border:0.01rem solid #c0c0c0; margin:0 0.04rem; }
#IndexBlock5 .Tit a.on{ color:#fff; border-color:#258cdb; background-color: #258cdb; }
#IndexBlock5 .l-con{ width: 48%; }
#IndexBlock5 .l-con .Box{ display: block; background-color: #f7f7f7; }
#IndexBlock5 .l-con .Box .cont{ padding:4% 7.2%; }
#IndexBlock5 .l-con .Box .itit{ font-size: 0.18rem; line-height: 0.22rem; margin-bottom: 0.1rem; }
#IndexBlock5 .l-con .Box .icon{ font-size: 0.15rem; line-height: 0.2rem; color:#999999; }
#IndexBlock5 .r-con{ width: 48%; position: relative; }
#IndexBlock5 .NewsBlock{ overflow: hidden; }
#IndexBlock5 .NewsBlock .more{ display: block; position: absolute; right: 0; bottom:0; font-size: 0.14rem; color:#258cdb; }
#IndexBlock5 .NewsBlock .more:hover{ color:#ff9900; }
#IndexBlock5 .NewsBlock .Box{ display: block; border-bottom: 1px dashed #e4e4e4; position: relative; padding:0.35rem 0; padding-right: 0.94rem; margin-bottom: 0.05rem; }
#IndexBlock5 .NewsBlock .title{ font-size: 0.18rem; line-height: 0.22rem; margin-bottom: 0.12rem; }
#IndexBlock5 .NewsBlock .des{ font-size: 0.15rem; color:#999999; line-height: 0.2rem; }
#IndexBlock5 .NewsBlock .time{ position: absolute; right: 0; top:0.35rem; }
#IndexBlock5 .NewsBlock .date{ font-size: 0.5rem; color:#c8c8c8; line-height: 0.4rem; }
#IndexBlock5 .NewsBlock .year{ font-size: 0.12rem; color:#c9c9c9; line-height: 0.2rem; }
#IndexBlock5 .NewsBlock .pointnews{ text-align: center; padding-top: 0.15rem; }
#IndexBlock5 .NewsBlock .pointnews span{ height: 0.12rem; width: 0.12rem; border:0.02rem solid #d2d2d2; opacity: 1; background-color: transparent; margin:0 0.07rem; }
#IndexBlock5 .NewsBlock .pointnews .swiper-pagination-bullet-active{ background-color: #258cdb; border-color:#258cdb; }
#IndexBlock6{ background-color: #f7f7f7; padding:0.5rem 0; }
#IndexBlock6 .Patner{ position: relative; }
#IndexBlock6 .PatnerBlock{ overflow: hidden; }
#IndexBlock6 .Patner .Box{ display: block; background-color: #fff; }
#IndexBlock6 .PatnerBlock .swiper-li{ margin-bottom: 20px; }
#IndexBlock6 .Patner img{ display: block; }
#IndexBlock6 .pointPatner{ text-align: center; padding-top: 0.4rem; }
#IndexBlock6 .pointPatner span{ height: 0.12rem; width: 0.12rem; border:0.02rem solid #d2d2d2; opacity: 1; background-color: transparent; margin:0 0.07rem; }
#IndexBlock6 .pointPatner .swiper-pagination-bullet-active{ background-color: #258cdb; border-color:#258cdb; }
#IndexBlock6 .Patner .pnBox{}
#IndexBlock6 .Patner .pnBox span{ position: absolute; top:50%; height: 0.7rem; width: 0.5rem; transform: translateY(-50%); display: block; cursor: pointer; margin-top:-0.3rem; border-radius: 0.05rem; z-index: 5; }
#IndexBlock6 .Patner .pprev{ left: 0; background: url(../images/jt_1_1.png) no-repeat center; background-size:auto 70%; }
#IndexBlock6 .Patner .pnext{ right: 0; background: url(../images/jt_1_2.png) no-repeat center; background-size:auto 70%; }
#IndexBlock6 .Patner .pnBox span:hover{ background-color: rgba(255,255,255,0.95); }

#IndexBlock7{ padding-top: 0.33rem; padding-bottom: 0.8rem; }
#IndexBlock7 .ul{ padding-top: 0.1rem; }
#IndexBlock7 .ul li{ padding:0.15rem; position: relative; }
#IndexBlock7 .ul .mark{ display: block; position: absolute; left: 0.15rem; top: 0.15rem; right:0.15rem; bottom: 0.15rem; border-radius: 0.05rem; background-color: transparent; }
#IndexBlock7 .ul .Box{ background-color: #fff; border-radius: 0.05rem; padding:0.15rem; position: relative; display:block; }
#IndexBlock7 .ul .icon{ display: inline-block; position: relative; width: 100%; }
#IndexBlock7 .ul img{ display: block; }
#IndexBlock7 .ul .img1{ opacity: 1; transform: scaleX(1); }
#IndexBlock7 .ul .img2{ opacity: 0; transform: scaleX(0); position: absolute; left: 0; top: 0; }
#IndexBlock7 .ul .title{ font-size: 0.24rem; color:#333333; line-height: 1.2em; margin-bottom:0.25rem; margin-top: 0.15rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#IndexBlock7 .ul .word{ font-size: 0.15rem; color:#888888; line-height: 1.8em; padding-bottom: 0.4rem; }
#IndexBlock7 .more{ margin-bottom: 0.2rem; color:#fff; line-height: 0.48rem; padding:0 0.3rem; font-size: 0.15rem; display: inline-block; background-color: #ff9900; border-radius: 0.05rem; }
#IndexBlock7 .more:hover{ color:#ff9900; background-color: #fff; }
#IndexBlock7 .ul li:hover .mark{ background-color: #258cdb; left: 0.05rem; top:0; right: 0.05rem; bottom: 0.05rem; }
#IndexBlock7 .ul li:hover .Box{ background-color: #258cdb; }
#IndexBlock7 .ul li:hover .title,
#IndexBlock7 .ul li:hover .word{ color:#fff; }
#IndexBlock7 .ul li:hover .img1{ opacity: 0; transform: scaleX(0); }
#IndexBlock7 .ul li:hover .img2{ opacity: 1; transform: scaleX(1); }
/**内页**/
#BankBlock1{}
#BankBlock1 .Autotitle2{}
#BankBlock1 .ul{ height: 5.35rem; margin:0.1rem 0 0.35rem; background: url(../images/img1.png) no-repeat center/contain; position: relative; }
#BankBlock1 .ul li{ position: absolute; width: 4.4rem; }
#BankBlock1 .ul .title{ font-size: 0.24rem; color:#222222; line-height: 1.2em; }
#BankBlock1 .ul .t_en{ font-size: 0.14rem; color:#dfdfdf; line-height: 1.4em; }
#BankBlock1 .ul .word{ font-size: 0.16rem; color:#888888; line-height: 1.2em; clear: both; }
#BankBlock1 .ul .cont{ width: 3.2rem; }
#BankBlock1 .ul .t_en:after{ display: block; vertical-align: top; content: ""; height: 0.03rem; width: 2em; margin-top: 0.12rem; margin-bottom: 0.15rem; }
#BankBlock1 .ul li .imgBox{ width: 0.73rem; }
#BankBlock1 .ul li:nth-child(1){ top: 0.75rem; }
#BankBlock1 .ul li:nth-child(2){ top: 3.75rem; }
#BankBlock1 .ul li:nth-child(3){ top: 3.75rem; }
#BankBlock1 .ul li:nth-child(4){ top: 0.75rem; }
#BankBlock1 .ul li:nth-child(1),
#BankBlock1 .ul li:nth-child(2){ left: 50%; margin-left: 1.25rem; text-align: left; }
#BankBlock1 .ul li:nth-child(1) .imgBox,
#BankBlock1 .ul li:nth-child(2) .imgBox{ float: left; display: inline-block; margin-right: 0.4rem; }
#BankBlock1 .ul li:nth-child(1) .cont,
#BankBlock1 .ul li:nth-child(2) .cont{ float: left; }
#BankBlock1 .ul li:nth-child(1) .t_en:after,
#BankBlock1 .ul li:nth-child(2) .t_en:after{ background-color: #024794; }
#BankBlock1 .ul li:nth-child(3),
#BankBlock1 .ul li:nth-child(4){ right: 50%; margin-right: 1.25rem; text-align: right; }
#BankBlock1 .ul li:nth-child(3) .imgBox,
#BankBlock1 .ul li:nth-child(4) .imgBox{ float: right; display: inline-block; margin-left: 0.4rem; }
#BankBlock1 .ul li:nth-child(3) .cont,
#BankBlock1 .ul li:nth-child(4) .cont{ float: right; }
#BankBlock1 .ul li:nth-child(3) .t_en:after,
#BankBlock1 .ul li:nth-child(4) .t_en:after{ background-color: #f7881b; float: right; }
#BankBlock2 .Autotitle2 .line:before{ border-color:#d7d7d7; }
#BankBlock2 .Autotitle2 .en2:before{ border-color:#d7d7d7; }
#BankBlock2 .Autotitle2 .en2:after{ border-color:#d7d7d7; }
#BankBlock2 .Autotitle2 .cn{ color:#333333; }
#BankBlock2 .ul{ height: 3.93rem; margin:0.95rem 0 1.35rem; background: url(../images/img2.png) no-repeat center/contain; position: relative; }
#BankBlock2 .ul .title{ font-size: 0.24rem; color:#f4802b; line-height: 1.2em; margin-bottom: 0.08rem; }
#BankBlock2 .ul .title .num{ display: none; }
#BankBlock2 .ul .word{ font-size: 0.15rem; color:#888888; line-height: 1.4em; }
#BankBlock2 .ul li{ width: 3.7rem; position: absolute; }
#BankBlock2 .ul li:nth-child(1){ text-align: right; right: 50%; top: -0.95rem; margin-right: -0.3rem; }
#BankBlock2 .ul li:nth-child(2){ text-align: left; left:50%; top: -0.25rem; margin-left: 1.3rem; }
#BankBlock2 .ul li:nth-child(3){ text-align: left; left:50%; top: 1.8rem; margin-left: 2.1rem; }
#BankBlock2 .ul li:nth-child(4){ text-align: right; right: 50%; top: 3.7rem; margin-right: 1.2rem; }
#BankBlock2 .ul li:nth-child(5){ text-align: right; right: 50%; top: 0.4rem; margin-right: 2rem; }
#BankBlock3{ background:url(../images/img3.jpg) no-repeat center/cover; }
#BankBlock3 .Autotitle2 .en{ color:#a7a7ae; opacity: 0.15; }
#BankBlock3 .Autotitle2 .cn{ color:#fff; background-color: #2264ad; }
#BankBlock3 .Autotitle2 .en2{ background-color: #2264ad; color:#e2e2e2; }
#BankBlock3 .Autotitle2 .line:before{ border-color: rgba(255,255,255,0.23); }
#BankBlock3 .Autotitle2 .en2:before,
#BankBlock3 .Autotitle2 .en2:after{ background-color: #fff; }
#BankBlock3 .Box{ background-color: #fff; margin-top:0.1rem; }
#BankBlock3 .imgBox{ width: 30.76%; }
#BankBlock3 .imgBox img{ display: block; width:100%; }
#BankBlock3 .ul{ width: 69.24%; padding:4.44%; }
#BankBlock3 .ul li{ width: 50%; float: left; display: inline-block; border-left:0.01rem solid #f2f2f2; border-bottom:0.01rem solid #f2f2f2; }
#BankBlock3 .ul li:nth-child(1),
#BankBlock3 .ul li:nth-child(3){ border-left: 0 none; padding-right: 8%; }
#BankBlock3 .ul li:nth-child(3),
#BankBlock3 .ul li:nth-child(4){ border-bottom: 0 none; }
#BankBlock3 .ul li:nth-child(2),
#BankBlock3 .ul li:nth-child(4){ padding-left: 8%; }
#BankBlock3 .ul li:nth-child(3) .title,
#BankBlock3 .ul li:nth-child(4) .title{ padding-top: 15%; }
#BankBlock3 .ul .title{ font-size: 0.22rem; color:#333333; line-height: 1.4em; margin-bottom: 0.14rem; }
#BankBlock3 .c1{ color:#f7881b; }
#BankBlock3 .ul .cont{ font-size: 0.15rem; color:#888888; line-height: 1.6em; }
#BankBlock4{}
#BankBlock4 .Autotitle2 .cn{ color:#333333; background-color: #fff; }
#BankBlock4 .Autotitle2 .line:before{ border-color: #d8d2e3; }
#BankBlock4 .Autotitle2 .en2{ background-color: #fff; }
#BankBlock4 .Autotitle2 .en2:before,
#BankBlock4 .Autotitle2 .en2:after{ background-color: #d8d2e3; }
#BankBlock4 .ul{}
#BankBlock4 .ul li{ float: left; display: inline-block; width: 18.07%; background-color: #f2f2f2; position: relative; border-radius: 0.03rem; margin-right: 9.24%; margin-bottom: 4.61%; padding:0.23rem 0.1rem; }
#BankBlock4 .ul li:nth-child(4){ margin-right: 0; }
#BankBlock4 .ul li:nth-child(5),
#BankBlock4 .ul li:nth-child(6),
#BankBlock4 .ul li:nth-child(7),
#BankBlock4 .ul li:nth-child(8){ float: right; margin-bottom: 0; }
#BankBlock4 .ul li:nth-child(5){ margin-right: 0; }
#BankBlock4 .ul .num{ display: block; position: absolute; left: 0; top: 0; width: 0.5rem; line-height: 0.4rem; font-size: 0.22rem; color:#ffffff; font-weight: bold; }
#BankBlock4 .ul .num i{ font-style: normal; position: relative; padding-top: 0.06rem; padding-left: 0.05rem; display: inline-block; }
#BankBlock4 .ul .num:before{ position: absolute; left:0; top:0; display: block; content: ""; border:0.45rem solid transparent; border-left-color:#024794; border-top-color:#024794; border-top-width: 0.4rem; border-bottom-width: 0.41rem; border-radius: 0.03rem;  }
#BankBlock4 .ul .img img{ display: block; margin:0 auto; }
#BankBlock4 .ul .txt{ font-size: 0.18rem; color:#333333; line-height: 1.2em; margin-top: 0.1rem; }
#BankBlock4 .ul .jt{ display: block; position: absolute; left: 100%; top: 0; background:url(../images/img5_9.png) no-repeat center; height: 100%; width: 51.2%; }
#BankBlock4 .ul li:nth-child(4) .jt{ left: 0; top:100%; height: 51.2%; width: 100%; background-image: url(../images/img5_9_2.png); }
#BankBlock4 .ul li:nth-child(5) .jt{ display: none; }
#BankBlock4 .ul li:nth-child(6) .jt,
#BankBlock4 .ul li:nth-child(7) .jt,
#BankBlock4 .ul li:nth-child(8) .jt{ background-image: url(../images/img5_9_3.png); }
#BankBlock4 .MoreBox2{ padding:5.53% 0; }
#BankBlock5{ background: url(../images/img6.jpg) no-repeat center/cover; }
#BankBlock5 .Autotitle2 .en{ color:rgba(255,255,255,0.15); }
#BankBlock5 .Autotitle2 .cn{ color:rgba(255,255,255,1); background-color: #0077c9; }
#BankBlock5 .Autotitle2 .line:before{ border-color: rgba(255,255,255,0.28); }
#BankBlock5 .Autotitle2 .en2{ background-color: #0988d1; }
#BankBlock5 .Autotitle2 .en2:before,
#BankBlock5 .Autotitle2 .en2:after{ background-color: #d8d2e3; }
#BankBlock5 .ul{ margin:0 -0.18rem; padding-top: 3.07%; }
#BankBlock5 .ul li{ padding:0 0.18rem; float: left; display: inline-block; width: 33.33%; }
#BankBlock5 .ul li .Box{ background:rgba(255,255,255,0.9); border-radius: 0.05rem; padding:12% 8.53%; }
#BankBlock5 .ul li .title{ font-size: 0.24rem; color:#f4802b; }
#BankBlock5 .ul li .cont{ padding-top:5.1%; margin-top: 8%; border-top:0.01rem solid #e6e9ea; font-size: 0.16rem; color:#555555; line-height: 2.2em; }
#BankBlock5 .ul li .cont p{ position: relative; padding-left: 0.25rem; }
#BankBlock5 .ul li .cont .num{ display: block; font-style: normal; position: absolute; left: 0; top:0; }
#BankBlock5 .ul li .Box:hover{  background: -webkit-linear-gradient(left top, #f8ba50 , #f78f12); background: -o-linear-gradient(bottom right, #f8ba50 , #f78f12); background: -moz-linear-gradient(bottom right, #f8ba50 , #f78f12); background: linear-gradient(to bottom right, #f8ba50 , #f78f12); transform: translateY(-5%); }
#BankBlock5 .ul li .Box:hover .title,
#BankBlock5 .ul li .Box:hover .cont{ color:#fff; }
#BankBlock5 .MoreBox2{ padding:2.3% 0 5.3%; }
#NewsBlock{}
#NewsBlock .ul{ padding-top:0.15rem; padding-bottom: 0.25rem; }
#NewsBlock .ul li{ display: inline-block; width: 47.69%; padding:0.2rem 0; border-bottom:0.01rem solid #e9e9e9; position: relative; }
#NewsBlock .ul li:nth-child(odd){ float: left; }
#NewsBlock .ul li:nth-child(even){ float: right; }
#NewsBlock .ul .Box{ display: block; font-size: 0.15rem; color:#222222; line-height: 1.2em; padding-left: 0.23rem; padding-right: 0.85rem; position: relative; }
#NewsBlock .ul .line{ display: block; height: 0.01rem; width:0.09rem; position: absolute; left: 0; top:50%; margin-top: -0.005rem; background-color: #222; }
#NewsBlock .ul .Box:hover{ color:#f4802b; }
#NewsBlock .ul .Box:hover .line{ background-color:#f4802b; }
#NewsBlock .ul .Box .time{ display: block; position: absolute; right: 0; top:0; color:#f4802b; }
#NewsBlock .More{}
#NewsBlock .More a{ display: inline-block; font-size: 0.16rem; color:#f4802b; }
#partnerBlock{ background:url(../images/img7.jpg) no-repeat bottom center; }
#partnerBlock .ul{ margin:0 -0.15rem; padding-bottom:6.5%; display: block; }
#partnerBlock .ul li{ float: left; padding:0.15rem; width: 20%; }
#partnerBlock .ul .Box{ display: block; border:1px solid #eaeaea; position: relative; overflow: hidden; }
#partnerBlock .ul .Box:before{ content: ""; display: block; position: absolute; left: 0; top:0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.02); opacity: 0; transition: all 0.3s; z-index: 2; }
#partnerBlock .ul .Box:hover:before{ opacity: 1; }
#partnerBlock .ul .Box:hover img{ transform: scale(1.2); }
#partnerBlock .ul .Box img{ display: block; width: 100%; transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -ms-transition: all 0.15s linear; -o-transition: all 0.15s linear; }

/**内页**/
#CompanyBlock{}
#CompanyBlock .ul{ margin:0 -0.12rem; padding:3% 0 6%; }
#CompanyBlock .ul li{ padding:0.12rem; width: 25%; float: left; display: inline-block; }
#CompanyBlock .ul .imgBox{}
#CompanyBlock .ul img{ display: block; width: 100%; border-radius: 0.05rem; }
#CompanyBlock .ul .Box{ background:#f6f6f6; display: block; padding:0.24rem; border-radius: 0.05rem; }
#CompanyBlock .ul .cont{ font-size: 0.15rem; color:#888888; line-height: 1.7em; -webkit-line-clamp: 3; height: 6.5em; margin-top: 0.2rem; }
#CompanyBlock .ul .Box:hover{ transform: translate(-0.01rem,-0.01rem); box-shadow: 0 0 0.1rem rgba(0,0,0,0.1); background-color: #f1f1f1; }
#CompanyBlock .ul li:nth-child(4n+1){ clear: both; }

/**内页**/
#CompanyRegist1{ background:url(../images/img1.jpg) no-repeat center/cover; }
#CompanyRegist1 .ul{ margin:-0.15rem -0.2rem 3.5%; }
#CompanyRegist1 .ul .img{ width: 1.51rem; margin:0 auto; }
#CompanyRegist1 .ul img{ display: block; margin:0 auto; }
#CompanyRegist1 .ul li{ width: 20%; float: left; display: inline-block; padding:0.2rem; }
#CompanyRegist1 .ul li:nth-child(1) .Box,
#CompanyRegist1 .ul li:nth-child(5) .Box{ margin-top: 0.2rem; }
#CompanyRegist1 .ul li:nth-child(3) .Box{ margin-top: 0.6rem; }
#CompanyRegist1 .ul .title{ font-size: 0.22rem; line-height: 1.2em; font-weight: bold; color:#222222; margin:0.2rem 0 0.1rem; }
#CompanyRegist1 .ul .cont{ font-size: 0.15rem; color:#777777; line-height: 1.8em; }
#CompanyRegist2{ background:url(../images/img2.jpg) no-repeat center/cover; }
#CompanyRegist2 .Autotile1{ padding-bottom: 0; }
#CompanyRegist2 .c_title{ color:#fff; }
#CompanyRegist2 .c_title span{ display: inline-block; background-color: #df0c03; font-size: 0.16rem; padding:0 0.1rem; line-height: 2em; }
#CompanyRegist2 .dl{ line-height: 0.22rem; padding-bottom: 7.5%; }
#CompanyRegist2 .dl dt,
#CompanyRegist2 .dl dd{ display: table; width: 100%; }
#CompanyRegist2 .dl dt{ margin:0.07rem 0 1%; }
#CompanyRegist2 .dl dd+dd{ margin-top: 2%; }
#CompanyRegist2 .wid{ width: 41.5%; display: table-cell; font-size: 0.16rem; color:#333333; vertical-align: middle; }
#CompanyRegist2 .wid2{ width: 17%; display: table-cell; color:#fff; font-size: 0.22rem; vertical-align: middle; }
#CompanyRegist2 .wid,
#CompanyRegist2 .wid2{ padding:0.15rem 4%; }
#CompanyRegist2 dd .t-left{ font-weight: bold; }
#CompanyRegist2 dt .wid{ font-size: 0.26rem; color:#fff; }
#CompanyRegist2 dt .wid2{ font-size: 0.35rem; color:#fff; font-weight: bold; }
#CompanyRegist2 dd .wid{ background-color: #dad5d8; }
#CompanyRegist2 dd:nth-child(odd) .wid2{ background-color: #258cdb; }
#CompanyRegist2 dd:nth-child(even) .wid2{ background-color: #01438f; }
#CompanyRegist3{ background:url(../images/img3.jpg) no-repeat center/cover; }
#CompanyRegist3 .ul{ margin:-0.1rem -0.2rem 0; }
#CompanyRegist3 .ul .img{ display: inline-block; width: 1.35rem; }
#CompanyRegist3 .ul img{ display: block; margin:0 auto; }
#CompanyRegist3 .ul li{ width: 16.666%; float: left; display: inline-block; padding:0.2rem 0.2rem 0; }
#CompanyRegist3 .ul li:nth-child(2) .Box,
#CompanyRegist3 .ul li:nth-child(5) .Box{ padding-top: 0.2rem; }
#CompanyRegist3 .ul li:nth-child(3) .Box,
#CompanyRegist3 .ul li:nth-child(4) .Box{ padding-top: 0.48rem; }
#CompanyRegist3 .ul .cor_1{ color:#258cdb; }
#CompanyRegist3 .ul .cor_2{ color:#01438f; }
#CompanyRegist3 .ul .title{ font-size: 0.24rem; font-weight: bold; line-height: 1.6em; margin:0.18rem 0 0.14rem; }
#CompanyRegist3 .ul .cont{ font-size: 0.16rem; line-height: 1.6em; color:#888888; }
#CompanyRegist4{}
#CompanyRegist4 .Tit{ text-align: center; padding-bottom: 6%; }
#CompanyRegist4 .Tit a{ display: inline-block; vertical-align: middle; font-size: 0.15rem; color:#888888; line-height: 0.4rem; padding:0 0.15rem; border-radius: 0.05rem; border:0.01rem solid #c0c0c0; margin:0 0.04rem; }
#CompanyRegist4 .Tit a.on{ color:#fff; border-color:#258cdb; background-color: #258cdb; }
#CompanyRegist4 .Block{ margin-bottom: 4.61%; }
#CompanyRegist4 .ul1 li{ float: left; display: inline-block; width: 18.07%; background-color: #f2f2f2; position: relative; border-radius: 0.03rem; margin-right: 9.241%; padding:0.35rem 0.1rem 0.28rem; }
#CompanyRegist4 .ul1 li:nth-child(4){ margin-right: 0; }
#CompanyRegist4 .ul1 .num{ display: block; position: absolute; left: 0; top: 0; width: 0.5rem; line-height: 0.4rem; font-size: 0.22rem; color:#ffffff; font-weight: bold; }
#CompanyRegist4 .ul1 .num i{ font-style: normal; position: relative; padding-top: 0.06rem; padding-left: 0.05rem; display: inline-block; }
#CompanyRegist4 .ul1 .num:before{ position: absolute; left:0; top:0; display: block; content: ""; border:0.45rem solid transparent; border-left-color:#258cdb; border-top-color:#258cdb; border-top-width: 0.4rem; border-bottom-width: 0.41rem; border-radius: 0.03rem;  }
#CompanyRegist4 .ul1 .tit{ font-size: 0.22rem; line-height: 1.2em; color:#333333; }
#CompanyRegist4 .ul1 .txt{ font-size: 0.15rem; color:#999999; line-height: 1.2em; margin-top: 0.07rem; }
#CompanyRegist4 .ul1 .jt{ display: block; position: absolute; left: 100%; top: 0; background:url(../images/img4_1.png) no-repeat center; height: 100%; width: 51.2%; }
#CompanyRegist4 .ul1 li:nth-child(4) .jt{ display: none; }
#CompanyRegist4 .ul2{ margin-top: -0.1rem; padding-bottom: 2%; }
#CompanyRegist4 .ul2 li{ float: left; display: inline-block; width: 50%; border-bottom: 0.01rem solid #e9e9e9; position: relative; padding:0.3rem 0; padding-left: 0.45rem; font-size: 0.18rem; color:#333333; line-height: 1.2em; }
#CompanyRegist4 .cor2{ color:#df0c03; }
#CompanyRegist4 .ul2 .icon{ position: absolute; display: block; left: 0; top:0.22rem; height: 0.34rem; width: 0.34rem; background: url(../images/img4_2.png) no-repeat center/contain; }
#CompanyRegist4 .tab3{ font-size: 0.18rem; color:#333333; }
#CompanyRegist4 .tab3 .imgBox{ width: 5.45rem; }
#CompanyRegist4 .tab3 .ullist{ width: 53.84%; }
#CompanyRegist4 .tab3 ul:first-child{ width: 50%; }
#CompanyRegist4 .tab3 ul:last-child{ width: 45%; }
#CompanyRegist4 .tab3 li{ padding:0.25rem 0 0.25rem 0.45rem; position: relative; line-height: 0.34rem; border-bottom: 0.01rem solid #e9e9e9; }
#CompanyRegist4 .tab3 .icon{ position: absolute; left: 0; display: block; width: 0.34rem; height: 0.34rem; font-style: normal; text-align: center; color:#fff; background: #258cdb; border-radius: 50%; }
#CompanyRegist5{ background: url(../images/img5.jpg) no-repeat center/cover; }
#CompanyRegist5 .Autotile1 img{ margin-left: 0.1rem; }
#CompanyRegist5 .form{ margin:0 -0.08rem; }
#CompanyRegist5 .form .label{ display: inline-block; padding:0 0.08rem; display: inline-block; float: left; width: 50%; }
#CompanyRegist5 .form .Box{ display: block; background: #fff; padding:0.12rem 0.2rem; }
#CompanyRegist5 .form .input{ height: 0.4rem; line-height: 0.4rem; font-size: 0.15rem; color:#555555; font-weight: normal; width: 100%; padding-left:0.3rem; }
#CompanyRegist5 .form .tel{ background: url(../images/tel.png) no-repeat left center; }
#CompanyRegist5 .form .name{ background: url(../images/name.png) no-repeat left center; }
#CompanyRegist5 .form .c_name{ background: url(../images/c_name.png) no-repeat left center; }
#CompanyRegist5 .subBox{ padding:3.07% 0 6.14%; }
#CompanyRegist5 .subBox .btn{ display: inline-block; border-radius: 0.05rem; color:#fff; font-size: 0.15rem; width: 2.1rem; line-height: 0.44rem; height: 0.44rem; padding:0 0.15rem; box-sizing: border-box; outline: none; margin:0 0.14rem; vertical-align: middle; }
#CompanyRegist5 .subBox .sub{ background: #df0c03; }
#CompanyRegist5 .subBox .zx{ background: #258cdb; }
#CompanyRegist5 .subBox .sub:hover{ background: #f53f37; }
#CompanyRegist5 .subBox .zx:hover{ background: #49a8f1; }
#CompanyRegist6{}
#CompanyRegist6 .Autotile1{ padding-top: 6.1%; }
#CompanyRegist6 .ul{ padding-bottom: 3.8%; }
#CompanyRegist6 .ul li{ float: left; display: inline-block; width: 16.66%; padding:0.25rem 0.15rem 2.5%; font-size: 0.16rem; color:#333333; line-height: 1.2em; }
#CompanyRegist6 .ul .img{ margin-bottom: 0.3rem; width: 1rem; display: inline-block; vertical-align: middle; }
#CompanyRegist6 .ul img{ display: block; margin:0 auto; }
#CompanyRegist6 .ul a:hover img{-webkit-animation:shake-base 0.6s infinite linear;-moz-animation:shake-base 0.6s infinite linear;-ms-animation:shake-base 0.6s infinite linear;-o-animation:shake-base 0.6s infinite linear; }
#CompanyRegist7{}
#CompanyRegist7 .cont{ padding:1% 0 5.3%; }
#CompanyRegist7 .imgBox{ width: 48%; position: relative; border-radius: 0.05rem; }
#CompanyRegist7 .mark{ display: block; position: absolute; width: 100%; height: 100%; left: 0; top:0; background: none; font-size: 0.16rem; line-height: 1.8em; color:#fff; padding:13% 7.2% 2%; }
#CompanyRegist7 .title{ font-size: 0.24rem; color:#258cdb; color:#ff9900; line-height: 1.8em; padding-left: 0.4rem; position: relative; margin-bottom: 7%; }
#CompanyRegist7 .title .icon{ position: absolute; left: 0; top:0.08rem; display: block; width: 0.3rem; height: 0.3rem; background: url(../images/img7_3.png) no-repeat center/contain; }
#NewsBlock.Backimg1{ background:url(../images/img7.jpg) no-repeat bottom center; }
#NewsBlock.Backimg1 .More{ margin-bottom: 8%; }

/**内页**/
#AccountBlock1{ overflow: hidden; }
#AccountBlock1 .Sword{ color:#cfcfcf; }
#AccountBlock1 .ul{ margin:0 -0.1rem; padding-top: 2%; padding-bottom: 5.76%; }
#AccountBlock1 .ul li{ float: left; display: inline-block; width: 16.66%; padding:0.1rem; font-size: 0.16rem; line-height: 1.6em; color:#333333; }
#AccountBlock1 .ul .bg{ padding-top:0.5rem; position: relative; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; }
#AccountBlock1 .ul .box{ display: table; width: 100%; margin-bottom:0.05rem; }
#AccountBlock1 .ul .word{ display: table-cell; padding:0.26rem 15%; vertical-align: middle; }
#AccountBlock1 .ul .jt{ display: block; position: absolute; right:-0.25rem; top: 25%; height: 0.34rem; width: 0.3rem; background:url(../images/img1_jt.png) no-repeat center/contain; }
#AccountBlock1 .ul .bt{ height: 0.05rem; background-size: 100% auto; background-repeat: no-repeat; background-position: center; }
#AccountBlock1 .ul .li1 .bg{ background-image: url(../images/img1_1.png); }
#AccountBlock1 .ul .li1 .bt{ background-image: url(../images/img1_1_b.png); }
#AccountBlock1 .ul .li2 .bg{ background-image: url(../images/img1_2.png); }
#AccountBlock1 .ul .li2 .bt{ background-image: url(../images/img1_2_b.png); }
#AccountBlock1 .ul .li3 .bg{ background-image: url(../images/img1_3.png); }
#AccountBlock1 .ul .li3 .bt{ background-image: url(../images/img1_3_b.png); }
#AccountBlock1 .ul .li4 .bg{ background-image: url(../images/img1_4.png); }
#AccountBlock1 .ul .li4 .bt{ background-image: url(../images/img1_4_b.png); }
#AccountBlock1 .ul .li5 .bg{ background-image: url(../images/img1_5.png); }
#AccountBlock1 .ul .li5 .bt{ background-image: url(../images/img1_5_b.png); }
#AccountBlock1 .ul .li6 .bg{ background-image: url(../images/img1_6.png); }
#AccountBlock1 .ul .li6 .bt{ background-image: url(../images/img1_6_b.png); }
#AccountBlock1 .ul .li6 .jt{ display: none; }
#AccountBlock2{ background: url(../images/img2.jpg) no-repeat center/cover; overflow: hidden; }
#AccountBlock2 .Autotile3 .Sword{ font-size:0.16rem; line-height: 1.7em; color:#fff; }
#AccountBlock2 .ul{ margin:0 -0.17rem; }
#AccountBlock2 .ul li{ padding:0.12rem 0.17rem; font-size: 0.16rem; line-height: 1.4em; color:#333333; }
#AccountBlock2 .ul .bg{ background: #fff; border-radius: 0.07rem; padding:0.35rem 0.15rem; position: relative; }
#AccountBlock2 .ul .bg:hover{ background-color: #fd9f08; }
#AccountBlock2 .ul .table{ display: table; text-align: center; width: 2.1rem; max-width: 100%; margin:0 auto; }
#AccountBlock2 .ul .t-cell{ display: table-cell; vertical-align: middle; }
#AccountBlock2 .ul .num{ display: block; position: absolute; right: 10%; top:60%; font-size: 0.76rem; font-weight: bold; line-height: 1.2em; color:#fff; opacity: 0.14; }
#AccountBlock2 .More{ font-size: 0.16rem; line-height: 0.56rem; padding:3.07% 0 5%; }
#AccountBlock2 .More a{ color:#fff; display: inline-block; padding:0 0.58rem; border-radius: 0.28rem; background-color: #fd9f08; }
#AccountBlock2 .More a:hover{ background-color: #f7ac35; }
#AccountBlock3{ overflow: hidden; }
#AccountBlock3 .ul{ margin:0 -0.24rem; padding-bottom: 1.5%; }
#AccountBlock3 .ul li{ float: left; display: inline-block; width: 50%; padding:0 0.24rem; }
#AccountBlock3 .ul .title{ font-size: 0.24rem; line-height: 1.2em; color:#fd9f08; padding:0.3rem 0 0.1rem; }
#AccountBlock3 .ul .word{ font-size: 0.15rem; line-height: 2em; color:#555555; }
#AccountBlock4{ overflow: hidden; }
#AccountBlock4 .Sword{ color:#d9d9d9; }
#AccountBlock4 .ul{ text-align: center; margin-bottom: 5.3%; }
#AccountBlock4 .ul li{ float: left; display: inline-block; width: 15.38%; margin-right: 5.775%; padding:0.15rem; }
#AccountBlock4 .ul li:nth-child(5){ margin-right: 0; }
#AccountBlock4 li:nth-child(6){ margin-right: 21%; }
#AccountBlock4 li:nth-child(6),
#AccountBlock4 li:nth-child(7),
#AccountBlock4 li:nth-child(8),
#AccountBlock4 li:nth-child(9){ float: right; }
#AccountBlock4 .ul .Box{ position: relative; }
#AccountBlock4 .ul .table{ margin:0 auto 0.15rem; display:table; width: 1.5rem; height: 1.5rem; border-radius: 50%; background-color: #ff8300; color:#fff; font-size: 0.24rem; line-height: 1.2em; }
#AccountBlock4 .ul .table .t-cell{ display: table-cell; vertical-align: middle; }
#AccountBlock4 .ul .txt{ padding-top: 0.1rem; }
#AccountBlock4 .ul .word{ font-size: 0.16rem; line-height: 1.6em; color:#555555; }
#AccountBlock4 .ul .jt{ position: absolute; left: 100%; top:0; margin-left: 0.15rem; display: block; width: 44.5%; height: 1.5rem; }
#AccountBlock4 .ul .jt:before{ display: block; content: ""; position: absolute; left: 50%; top:50%; width: 0.54rem; height: 0.28rem; margin-top: -0.14rem; margin-left: -0.27rem; background:url(../images/img4_10.png) no-repeat center; }
#AccountBlock4 li:nth-child(5) .jt{ left: auto; top:80%; right: 100%; }
#AccountBlock4 li:nth-child(5) .jt:before{ transform: rotate(140deg); }
#AccountBlock4 li:nth-child(6) .jt,
#AccountBlock4 li:nth-child(7) .jt,
#AccountBlock4 li:nth-child(8) .jt{ left: auto; right: 100%; margin-right: 0.15rem; }
#AccountBlock4 li:nth-child(9) .jt{ display: none; }
#AccountBlock4 li:nth-child(6) .jt:before,
#AccountBlock4 li:nth-child(7) .jt:before,
#AccountBlock4 li:nth-child(8) .jt:before,
#AccountBlock4 li:nth-child(9) .jt:before{ transform: rotate(180deg); }
#AccountBlock5{ background-color: #f7f7f7; }
#AccountBlock5 .Sword{ color:#e7e7e7; }
#AccountBlock5 .ul{ padding-bottom: 7.69%; }
#AccountBlock5 .ul li{ display: inline-block; float: left; border-radius: 0.1rem; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
#AccountBlock5 .ul .li1{ /*-webkit-transform:perspective(7rem) rotateY(2deg);*/ background: url(../images/img5_3.jpg) no-repeat center/100% 100%; }
#AccountBlock5 .ul .li3{ background: url(../images/img5_4.jpg) no-repeat center/100% 100%; }
#AccountBlock5 .ul .wid1{ width: 37%; font-size: 0.16rem; line-height: 2.3em; color:#333333; padding:5% 2.3%; margin-top: 0.4rem; }
#AccountBlock5 .ul .div{ padding-left: 0.5rem; position: relative; min-height: 3.4em; }
#AccountBlock5 .ul .div+.div{ }
#AccountBlock5 .ul .div:before{ content: ""; position: absolute; left: 0; display: block; width:0.33rem; height: 2.3em; background:url(../images/img5_1.png) no-repeat center/contain;  }
#AccountBlock5 .ul .wid2{ width: 26%; padding:3.38% 2%;
  background: -webkit-linear-gradient(#4bc0eb, #376fd8); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#4bc0eb, #376fd8); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#4bc0eb, #376fd8); /* Firefox 3.6 - 15 */
  background: linear-gradient(#4bc0eb, #376fd8); /* 标准的语法 */ }
#AccountBlock5 .ul .word{ font-size: 0.32rem; line-height: 1.6em; }
#AccountBlock5 .More{ font-size: 0.16rem; line-height: 0.56rem; padding:8% 0 5%; }
#AccountBlock5 .More a{ color:#fff; display: inline-block; padding:0 0.38rem; border-radius: 0.28rem; background-color: #fd9f08; }
#AccountBlock5 .More a:hover{ background-color: #f7ac35; }
#AccountBlock6{}
#AccountBlock6 .Sword{ color: #8c8c8c; opacity: 0.34; }
#AccountBlock6 .ul{ text-align: center; padding-bottom: 4.2%; margin-top: -0.15rem; }
#AccountBlock6 .ul li{ padding:0.2rem 0; display: inline-block; text-align: left; }
#AccountBlock6 .ul li:nth-child(1){ float: left; }
#AccountBlock6 .ul li:nth-child(3){ float: right; }
#AccountBlock6 .ul li:nth-child(4){ margin-right: 5%; }
#AccountBlock6 .ul .Box{ position: relative; padding-left: 1.4rem; }
#AccountBlock6 .ul .img{ display: block; border-radius: 50%; background: #ff8300; position: absolute; left: 0; top:0; width: 1.2rem; }
#AccountBlock6 .ul .cont{ padding:0.31rem 0; }
#AccountBlock6 .ul .title{ font-size: 0.24rem; line-height: 1.4em; color:#333333; margin-bottom: 0.05rem; }
#AccountBlock6 .ul .word{ font-size: 0.15rem; line-height: 1.4em; color:#999999; }
#AccountBlock7{ background: url(../images/img7.jpg) no-repeat center/cover; }
#AccountBlock7 .Sword{ color:#333333; opacity: 0.17; }
#AccountBlock7 .word{ font-size: 0.16rem; line-height: 1.6em; color:#333333; width: 9.9rem; max-width: 100%; margin:-0.5% auto 4%; }
#AccountBlock7 .ul{ position: relative; background-color: #fff; padding:0.34rem 0 0.34rem 1.75rem; }
#AccountBlock7 .ul:before{ content: ""; display: block; width: 1.33rem; height: 1.48rem; position: absolute; left: 0; bottom:0; background:url(../images/img7_1.png) no-repeat center/contain; }
#AccountBlock7 .ul li{ position: relative; padding-left: 0.85rem; font-size: 0.24rem; line-height: 0.6rem; color:#222222; float: left; display: inline-block; width: 30%; }
#AccountBlock7 .ul li+li{ margin-left: 5%; }
#AccountBlock7 .ul .num{ font-size: 0.25rem; color:#ffffff; font-weight: bold; text-align: center; width: 0.68rem; line-height: 0.36rem; padding-top: 0.24rem; background: url(../images/img7_2.png) no-repeat center/contain; display: block; position: absolute; left: 0; }
#AccountBlock7 .ul li+li .jt{ display: block; position: absolute; right: 100%; top:0; width: 50%; height: 100%; background:url(../images/img7_3.png) no-repeat center; }
#AccountBlock7 .Tip{ font-size: 0.16rem; line-height: 1.8em; color:#333333; padding-left: 0.95rem; position: relative; margin-top: 3.8%; margin-bottom: 6%; }
#AccountBlock7 .Tip:before{ content: ""; display: block; position: absolute; left: 0.1rem; top:0; width: 0.53rem; height: 0.46rem; background:url(../images/img7_4.png) no-repeat center; }
.account #NewsBlock.Backimg1 .ul{ padding-top: 0; }

/**关于我们**/
.bg2 {
    background: #f7f7f7 !important;
}
#AboutBlock{ margin-top: -0.2rem; }
#AboutBlock .cont{ font-size: 0.16rem; color:#333333; line-height: 1.8em; padding-bottom: 4.2%; }
#AboutBlock2{}
#AboutBlock2 .title1{ font-size: 0.26rem; line-height: 1.4em; color:#333333; padding:4.6% 0; }
#AboutBlock2 .ul{ background: #f7f7f7; margin-bottom: 9.07%; }
#AboutBlock2 .ul li:nth-child(odd) .imgBox,
#AboutBlock2 .ul li:nth-child(even) .cont{ float: left; }
#AboutBlock2 .ul li:nth-child(even) .imgBox,
#AboutBlock2 .ul li:nth-child(odd) .cont{ float: right; }
#AboutBlock2 .ul .imgBox{ padding:0; }
#AboutBlock2 .ul .imgBox img{ display: block; width: 100%; }
#AboutBlock2 .ul .cont{ padding:0; }
#AboutBlock2 .ul .table{ display: table; width: 100%; height: 100%; margin:0; }
#AboutBlock2 .ul .t-cell{ display: table-cell; padding:0.15rem 7.69%; vertical-align: middle; }
#AboutBlock2 .ul .title{ font-size: 0.24rem; color:#333333; line-height: 1.4em; margin-bottom: 0.8em; }
#AboutBlock2 .ul .word{ font-size: 0.16rem; color:#888888; line-height: 2em; }
#AboutBlock2 .ul .word p+p{ margin-top: 0.4em; }
/**内页**/
#BranchBlock{}
#BranchBlock .top{ margin-top: -0.2rem; }
#BranchBlock .top .l_con{ width: 27%; padding-top: 6%; }
#BranchBlock .top .l_con .number{ font-size: 0.43rem; line-height: 1.2em; margin-bottom: 0.1rem; }
#BranchBlock .top .l_con .txt{ font-size: 0.16rem; color:#888888; line-height: 1.2em; }
#BranchBlock .top .l_con .hr{ border:0.05rem solid #ff9900; width: 0.43rem; display: block; margin:0.5rem 0 0.85rem; }
#BranchBlock .top .l_con .word{ font-size: 0.16rem; color:#333333; line-height: 2em; }
#BranchBlock .top .map{ position: relative; width: 71.1%; }
#BranchBlock .top .map img{ display: block; width: 100%; }
#BranchBlock .top .map .ul{}
#BranchBlock .top .map li{ position: absolute; text-align: center; }
#BranchBlock .top .map .word{ font-size: 0.15rem; line-height: 2.1em; color:#333333; min-width: 0.9rem; padding:0 0.15rem; background: #fff; border-radius: 0.05rem; box-shadow: 0 0 0.1rem rgba(0,0,0,0.14); position: absolute; bottom: 100%; left:50%; margin-bottom: 0.12rem;word-break:keep-all; opacity: 0; z-index: -1; }
#BranchBlock .top .map .word:before{ content: ""; display: block; position: absolute; height: 100%; width: 100%; top:100%; }
#BranchBlock .top .map .word:after{ display: block; content: ""; border:0.05rem solid transparent; border-top-color:#fff; position: absolute; left: 50%; margin-left: -0.05rem; top:100%; }
#BranchBlock .top .map .icon{ background:url(../images/icon_map.png) no-repeat center/contain; display: block; width: 0.21rem; height: 0.32rem; cursor: pointer; }
#BranchBlock .top .map .li1{ left: 14%; top:29.5%; }
#BranchBlock .top .map .li2{ left: 43.2%; top:18.8%; }
#BranchBlock .top .map .li3{ left: 79%; top:36.8%; }
#BranchBlock .top .map .li4{ left: 76%; top:52.8%; }
#BranchBlock .top .map li:hover .word{ animation: Anim1 0.6s ease-in-out forwards; opacity: 1; z-index: 1; }
#BranchBlock .ad_list{ padding-bottom: 3%; }
#BranchBlock .ad_list li{ float: left; display: inline-block; width: 50%; padding-top: 0.3rem; border-bottom: 0.01rem solid #dfdfdf; padding-bottom: 0.3rem; }
#BranchBlock .ad_list li:last-child{ border-bottom-color: transparent; }
#BranchBlock .ad_list li:nth-last-child(2){ border-bottom-color: transparent; }
#BranchBlock .ad_list .Box{ padding-left: 1.45rem; position: relative; }
#BranchBlock .ad_list .t_box{ width: 1.45rem; text-align: center; position: absolute; left: 0; top:0.55rem; }
#BranchBlock .ad_list .cn{ font-size: 0.24rem; line-height: 1.4em; color:#258cdb; font-weight: bold; }
#BranchBlock .ad_list .en{ font-size: 0.12rem; color:#999999; line-height: 1.6em; text-transform:uppercase; }
#BranchBlock .ad_list .cont{ position: relative; padding-left: 8.9%; }
#BranchBlock .ad_list .cont:before{ content: ""; display: block; position: absolute; left: 0; top:0; width: 0.01rem; height: 80%; max-height: 1.8rem; background:url(../images/back1.png) no-repeat center/100% 100%; }
#BranchBlock .ad_list li:nth-child(2n+1) .cont{ padding-right: 0.15rem; }
#BranchBlock .ad_list .c_t{ font-size: 0.16rem; font-weight: bold; color:#333333; line-height: 1.4em; margin-bottom: 0.2rem; padding-top: 0.8em; }
#BranchBlock .ad_list .word{ font-size: 0.15rem; line-height: 2em; color:#888888; }
@keyframes Anim1{
    0%{
        -webkit-transform:translate(-50%,0.03rem);
        transform: translate(-50%,0.03rem);
    }
    45%{
        -webkit-transform:translate(-50%,-0.07rem);
        transform: translate(-50%,-0.07rem);
    }
    100%{
        -webkit-transform:translate(-50%,0);
        transform: translate(-50%,0);
    }
}
/**新闻**/
#NewsList{}
#NewsList .nul{}
#NewsList .nul li{ padding-bottom:3.07%; border-bottom: 0.01rem solid #f0f0f0; }
#NewsList .nul li+li{ margin-top:3.07%; }
#NewsList .Box{ display: block; position: relative; }
#NewsList .imgBox{ display: block; position: absolute; overflow: hidden; }
#NewsList .imgBox img{ display: block; width: 3.15rem; height: 2rem; transform: scale(1); }
#NewsList .cont{ margin-left: 3.5rem; padding-top: 0.2rem; height: 2rem; }
#NewsList .title{ font-size: 0.18rem; line-height: 1.5em; color:#333333; margin-bottom: 1.5em; }
#NewsList .des{ font-size: 0.15rem; line-height: 1.6em; color:#888888; margin-bottom: 1.8em; height: 3.2em; }
#NewsList .other .time{ font-size: 0.14rem; line-height: 1.8em; color:#999999; }
#NewsList .other .more{ font-size: 0.15rem; line-height: 1.6em; color:#333333; }
#NewsList .other .more:hover{ color:#258cdb; }
#NewsList .Box:hover .imgBox img{ transform: scale(1.08); }
#NewsList .Box:hover .title{ color:#258cdb; }
/**新闻详情页**/
#SingaleInfo{}
#SingaleInfo .Infopad{ padding-bottom:6.1%; }
#SingaleInfo .l_con{ width: 65.38%; }
#SingaleInfo .l_con .title{ font-size: 0.26rem; line-height: 1.2em; color:#333333; margin:0 0 0.1rem; }
#SingaleInfo .l_con .other{ font-size: 0.15rem; line-height: 1.4em; color:#b3b3b3; }
#SingaleInfo .l_con .cont{ border-top:0.01rem solid #e6e6e6; border-bottom:0.01rem solid #e6e6e6; padding:0.2rem 0; margin:0.2rem 0; font-size: 0.15rem; color:#555555; line-height: 2em; }
#SingaleInfo .Info_btn{ padding-bottom: 0.2rem; }
#SingaleInfo .Info_btn a{ font-size: 0.15rem; color:#333333; line-height: 0.5rem; padding:0 0.35rem; background:#f5f5f5; }
#SingaleInfo .Info_btn a span{ display: inline-block; }
#SingaleInfo .Info_btn .prev span{ display: inline-block; padding-left: 0.25rem; background:url(../images/jt_4_1.png) no-repeat left center; }
#SingaleInfo .Info_btn .next span{ display: inline-block; padding-right: 0.25rem; background:url(../images/jt_4_2.png) no-repeat right center; }
#SingaleInfo .Info_btn a:hover{ color:#fff; background: #258cdb; }
#SingaleInfo .Info_btn .prev:hover span{ background-image:url(../images/jt_4_1_h.png); }
#SingaleInfo .Info_btn .next:hover span{ background-image:url(../images/jt_4_2_h.png); }
#SingaleInfo .PutNews{ width: 28.84%; background:#f7f7f7; padding:1.92%; }
#SingaleInfo .PutNews .title{ font-size: 0.22rem; color:#333333; line-height: 1.4em; padding-top:0.18rem; }
#SingaleInfo .PutNews .ul{ padding:0.3rem 0 0.25rem; }
#SingaleInfo .PutNews li+li{ border-top: 0.01rem solid #e6e6e6; margin-top: 0.22rem; padding-top: 0.22rem; }
#SingaleInfo .PutNews .Box{ display: block; }
#SingaleInfo .PutNews .li_tit{ font-size: 0.16rem; line-height: 1.6em; margin-bottom: 0.5em; }
#SingaleInfo .PutNews .other{ color:#c8c8c8; font-size: 0.14rem; line-height: 1.6em; }
#SingaleInfo .PutNews .Box:hover{ color:#258cdb; }

@media (min-width: 769px) {
    body{ max-width: 100%; }
    .container{ width: 13.3rem; max-width: 13.3rem; }
	/**图片弹框**/
	#TankImg .modal-lg{ width: 6.65rem; }
    /**头部**/
    #header .Bot .title:hover+.Lib,
    #header .Bot .Lib:hover{ /*display: block;*/ }
    #header .Bot li .Lib .Box{ padding-left: 0.15rem; padding-right: 0.15rem; }
    #header .Bot li .Lib .imgBox{ display: none; }
    #header .Bot li .Lib .rList{ padding-left: 0; padding-top: 0; border:0 none; width: 100%; }
    #header .Bot li .Lib .type{ display: none; width: 100%; float: none; }
    #header .Bot li .Lib .aBox{ width: auto; float: none; display: block; margin:0 -0.15rem; }
    #header .Bot li .Lib .aBox a{ width: 20%; margin: 0; min-height: 0; padding:0 0.15rem; text-align: center; }
    #header .Bot li .Lib .aBox a.hot:before{ display: none; }
    #header .Bot li .Lib .aBox a i{ display: none; }
    #header .Bot li .Lib .aBox a .i_icon{ display: block; width: 100%; }
    #header .Bot li .Lib .aBox a .i_icon img{ width: 100%; display: block; }
    #header .Bot li .Lib .aBox a .txt{ padding:0.05rem 0; display: block; background-color: #fafafa; transition: all 0.3s; }
    #header .Bot li .Lib .aBox a:hover .txt{ background-color: #258cdb; color:#fff; }
	#footer .address li:first-child.f_cul { width: 18%; }
	#footer .address li:last-child.last_cul { width: 18%; }
	#footer .address li:nth-child(4).four_cul { width: 18%; }
    #footer .address li:nth-child(-n+3){ width: 12%; }
	#footer .address li:nth-child(n+4){ width: 21.3333%; }
    /**首页**/
    #IndexBlock3 .sBox .swiper-slide:not(.swiper-slide-active){ transform: scale(0.5); }
    #IndexBlock3 .sBox .swiper-slide:not(.swiper-slide-active) .Box{ border-radius: 0.15rem; }
   /* #IndexBlock3 .sBox .swiper-slide.swiper-slide-prev{ transform: scale(0.5) translate(95%,-100%); }
    #IndexBlock3 .sBox .swiper-slide.swiper-slide-next{ transform: scale(0.5) translate(-95%,-100%); }*/

}
@media only screen and (min-width: 1400px){
    /**首页**/
    #IndexBlock6 .Patner .pprev{ left: -0.5rem; }
    #IndexBlock6 .Patner .pnext{ right: -0.5rem; }

}
@media only screen and (min-width: 1550px){
	/**首页**/
    #IndexBlock6 .Patner .pprev{ left: -1rem; }
    #IndexBlock6 .Patner .pnext{ right: -1rem; }
    /**底部**/
    #f_nav .exit{ margin-left: 0.2rem; }
}

@media (max-width: 1400px) and (min-width: 769px){
    html{ font-size: 95px; }
}
@media (max-width: 1200px) and (min-width: 769px){
    html{ font-size: 90px; }
}
@media (max-width: 1100px) and (min-width: 769px){
    html{ font-size: 85px; }
}

@media only screen and (max-width: 769px){
    .container{ width: 6.4rem; }
    body{ padding-top: 1rem; }
    .PhoneShow{ overflow: hidden; height: 100%; }
	/**头部导航**/
    #header{ position: fixed; left: 0; top: 0; }
    #header .Top{ padding:0.25rem 0; }
    #header .logo a{ height: 0.5rem; }
    #header .logo img{ height: 0.5rem; }
    #header .r-con{ display: none; }
    #header .PhoneMenu{ width: 0.5rem; padding-top: 0.07rem; position: relative; float: right; }
    #header .PhoneMenu i{ display: block; background: #0288e1; height: 0.05rem; opacity: 1; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear;  }
    #header .PhoneMenu i+i{ margin-top:0.1rem; }
    #header .Bot{ position: fixed; top: 1rem; left: 0; height: 100%; z-index: 99; background-color: rgba(255,255,255,0.95); background-color: rgba(44,44,44,0.99); opacity: 0; transform:scaleX(0); -webkit-transform:scaleX(0); -ms-transform:scaleX(0); -moz-transform:scaleX(0); -o-transform:scaleX(0); box-shadow: none; }
    #header .Bot .container{ padding:0 0.25rem; }
    #header .Bot .Menu{ padding:0; }
    #header .Bot li{ display: block; float: none; }
    #header .Bot li .title{ margin:0; font-size: 0.26rem; padding:0.1rem 0; color:#fff; }
    #header .Bot li+li .title:before,
    #header .Bot li .title:before{ position: absolute; left:auto; right: 0; top:50%; display: block; content: ""; height:100%; width: 0.5rem; background: url(../images/icon_add.png) no-repeat center;transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
    #header .Bot li.click .title:before{ background-image: url(../images/icon_add2.png); }
    #header .Bot li+li .title:before{ /*display: none;*/ }
    #header .Bot li .title:after{ left: 0; width: 100%; background-color: #404040; }
    #header .Bot li .title:hover:after{ background-color: #0288e1; }
    #header .Bot .Lib{ position: static; box-shadow: none; }
    #header .Bot .Lib .container{ padding:0; }
    #header .Bot .Lib .Box{ padding:0.15rem 0; }
    #header .Bot .Lib .imgBox{ display: none; }
    #header .Bot .Lib .rList{ float: none; display: block; padding:0; border:0 none; width: 100%; }
    #header .Bot .Lib .type{ display: none; }
    #header .Bot .Lib .aBox{ float: none; display: block; width: 100%; }
    #header .Bot .Lib .aBox a{ display: block; float: none; margin:0; width: 100%; font-size: 0.22rem; line-height: 1.2em; min-height: 0; height: auto; padding:0.1rem 0; }
    #header .Bot .Lib .aBox a i{ opacity: 0; }
    #header .Bot .Lib .aBox a:nth-child(2n+1){ margin:0; }
    .PhoneShow #header .PhoneMenu .i1{ transform: rotate(45deg) translate(0.1rem,0.12rem); -webkit-transform: rotate(45deg) translate(0.1rem,0.12rem); -ms-transform: rotate(45deg) translate(0.1rem,0.12rem); -moz-transform: rotate(45deg) translate(0.1rem,0.12rem); -o-transform: rotate(45deg) translate(0.1rem,0.12rem); }
    .PhoneShow #header .PhoneMenu .i2{ opacity: 0; }
    .PhoneShow #header .PhoneMenu .i3{ transform: rotate(-45deg) translate(0.08rem,-0.12rem); -webkit-transform: rotate(-45deg) translate(0.08rem,-0.12rem); -ms-transform: rotate(-45deg) translate(0.08rem,-0.12rem); -moz-transform: rotate(-45deg) translate(0.08rem,-0.12rem); -o-transform: rotate(-45deg) translate(0.08rem,-0.12rem); }
    .PhoneShow #header .Bot{ opacity: 1; transform:scaleX(1); -webkit-transform:scaleX(1); -ms-transform:scaleX(1); -moz-transform:scaleX(1); -o-transform:scaleX(1); }
    .side ul li.mobiletel{display:block;}
    /**底部**/
    #footer{ padding-bottom:.5rem; }
    #footer.small{ padding-bottom:0; }
    #footer .back{ background-size:contain; }
    #footer .logo{ padding:0.4rem 0 0.3rem; }
    #footer .TopTitle{ font-size: 0.3rem; text-align: center; line-height: 1.6em; color:#fff; display: block; padding-top: 1em; }
    #footer .address{ /*display: none;*/ text-align: center; padding:4% 0; }
    #footer .address li{ width: 48%; padding:0; width: 22%; margin:0.02rem 0.1rem; float: none; display: inline-block; }
    #footer .address li:nth-child(2n+1){ clear:both; }
    #footer .address .title{ font-size: 0.24rem; }
    #footer .address .title .icon{ display: none; }
    #footer .address .word{ font-size: 0.18rem; line-height: 1.4em; display: none; }
    #footer .menu{ flex-wrap: wrap; justify-content: start; align-items: start; font-size: 0.18rem; line-height: 1.6em; display: block; text-align: center; }
    #footer .menu a{ /*margin-left:0.15rem; transform: translateX(-0.15rem);*/ margin:0 0.1rem; display: inline-block; }
    #footer .bot{ text-align: center; font-size: 0.18rem; }
    #footer .bot .code{ float: none; display: block; }
    #footer .bot .f_l{ float: none; display: block; }
    #footer .bot .img+.img{ margin-left: 0.35rem; }
    #footer .bot .txt{ font-size: 0.18rem; line-height: 1.6em; }
    /**底部悬浮**/
    #f_nav .block1 .title{ padding-top: 0.25rem; font-weight: bold; text-align: center; }
    #f_nav .block1 .title .word1{ display: none; }
    #f_nav .block1 .title .word2{ display: block; }
    #f_nav .img{ width: 100%; text-align: center; display: none; }
    #f_nav .img img{ position: static; display: block; margin:-0.5rem auto 0; width: 1.6rem; }
    #f_nav .block2 .cont{ padding-top: 0.08rem; font-size: 0.18rem; }
    #f_nav .block2{ display: none; height: auto; }
    #f_nav .block2{ display: block; width: 100%; margin-top: 0.15rem; }
    #f_nav .block2 .des{ display: none; }
    #f_nav .exit{ margin-left: 0.15rem; left:0; }
    #f_nav .block1{ width: 100%; display: block; padding:0; border:0 none; margin:0; }
    #f_nav .block1 .input{ height: 0.4rem; line-height: 0.4rem; border-radius: 0.2rem; font-size: 0.2rem; }
    #f_nav .hideImg{ top:0; margin-top: 0; height: 100%; width: 1.3rem; }
    #f_nav .block1 .submit{ font-size: 0.2rem; height: 0.4rem; line-height: 0.4rem; border-radius: 0.2rem; margin-top: -0.25rem; }
    #f_nav .hideImg .img{ background-position: left bottom; display: block; }
    #f_nav .hideImg .img1{ display: none; }
    #f_nav .hideImg .img2{ display: block; }
    /**右侧悬浮**/
    .side{ background-color: transparent; border:0 none; margin-top: 0; top:auto; bottom: 25%; }
    .side ul li{ height: auto; display: none; }
    .side ul li .word{ display: none; }
    .side ul li i{ margin:0.1rem 0; }
    .side ul li.sidetop{ display: block; border-radius: 50%; }
    .side ul li.sidetop i{ margin:0.26rem 0; }

    /**首页**/
    #IndexBlock1{ padding-top: 0rem; }
    #IndexBlock1 .ul li+li{ margin-left: 0.7%;}
    #IndexBlock1 .ul li.li1{ width: 41.842%; }
    #IndexBlock1 .ul li.li2{ width: 57.158%; }
    #IndexBlock1 .ul li.li3{ width: 57.158%; }
    #IndexBlock1 .ul li.li4{ width: 33%; margin-left: 0; clear: both; }
    #IndexBlock1 .ul li.li5{ width: 32.5%; }
    #IndexBlock1 .ul li.li6{ width: 33%; }
    #IndexBlock1 .ul img{ height: auto; }
    #IndexBlock1 .ul .title{ font-size: 0.20rem; }
    #IndexBlock1 .ul .word{ font-size: 0.16rem; }
    #IndexBlock1 .NumBox{ padding:0.4rem 0; }
    #IndexBlock1 .NumBox .num{ padding:0.15rem; }
    #IndexBlock1 .NumBox .num1{ width: 48%; }
    #IndexBlock1 .NumBox .num2{ width: 48%; }
    #IndexBlock1 .NumBox .num3{ width: 48%; }
    #IndexBlock1 .NumBox .num4{ width: 48%; margin-left: 0; }
    #IndexBlock1 .NumBox .num2:after{ display: none; }
    #IndexBlock2{ padding-bottom: 0.6rem; }
    #IndexBlock2 .ul{ margin:0 -0.05rem; }
    #IndexBlock2 .ul li{ padding:0.05rem; }
    #IndexBlock2 .ul .Box{ padding:0.1rem; }
    #IndexBlock2 .ul .title{ margin-bottom: 0.15rem; }
    #IndexBlock2 .ul .word{ font-size: 0.17rem; }
    #IndexBlock2 .more{ font-size: 0.2rem; }
    #IndexBlock3{ overflow: hidden; }
    #IndexBlock3 .Block{ height: 6.4rem; }
    #IndexBlock3 .Imgs img{ width: auto; max-width: 9999px; }
    #IndexBlock3 .TabTips{ text-align: center; padding:0.15rem 0.2rem 0.1rem; }
    #IndexBlock3 .TabTips .f_r{ float: none; display: block; padding:0.15rem 0 0.1rem; }
    #IndexBlock3 .TabTips .f_r a{ padding:0 0.25rem; font-size: 0.18rem; }
    #IndexBlock3 .sBox{ top: 2.5rem; height: 4rem; padding-top: 0; }
    #IndexBlock3 .sBox .Box{ margin:0.03rem; padding:3%; font-size: 0; }
    #IndexBlock3 .sBox .Box .imgBox{ width: 50%; margin-top:0; float: none; vertical-align: middle; }
    #IndexBlock3 .sBox .cont{ width: 40%; width: 48%; padding-top: 0; margin-left: 2%; float: none; vertical-align: middle; }
    #IndexBlock3 .Block:hover .swiper-button-prev,
    #IndexBlock3 .Block:hover .swiper-button-next{ display: none; }
    #IndexBlock3 .sBox .point span{ height: 0.16rem; width: 0.16rem; }
    #IndexBlock4 .Tit a{ font-size: 0.18rem; }
    #IndexBlock4 .imgBox{ display: block; float: none; }
    #IndexBlock4 .imgBox{ display: block; float: none; }
    #IndexBlock4 .cont{ padding:0.2rem 0.15rem 0.3rem; }
    #IndexBlock4 .cont .word{ padding:0.15rem 0; font-size: 0.20rem; line-height: 1.5em; }
    #IndexBlock4 .cont a{ font-size: 0.18rem; }
    #IndexBlock5{ padding:0.2rem 0 0.5rem; }
    #IndexBlock5 .l-con,
    #IndexBlock5 .r-con{ width: 100%; }
    #IndexBlock5 .Tit a{ font-size: 0.18rem; }
    #IndexBlock5 .l-con .Box .cont{ padding:0.25rem 0.2rem; }
    #IndexBlock5 .l-con .Box .itit{ font-size: 0.24rem; }
    #IndexBlock5 .l-con .Box .icon{ font-size: 0.2rem; }
    #IndexBlock5 .NewsBlock .Box{ padding:0.3rem 0.9rem 0.3rem 0; }
    #IndexBlock5 .NewsBlock .title{ font-size: 0.24rem; }
    #IndexBlock5 .NewsBlock .des{ font-size: 0.2rem; }
    #IndexBlock5 .NewsBlock .time{ top: 0.25rem; }
    #IndexBlock5 .NewsBlock .year{ font-size: 0.20rem; }
    #IndexBlock5 .NewsBlock .pointnews span{ height: 0.16rem; width: 0.16rem; }
    #IndexBlock5 .NewsBlock .more{ font-size: 0.2rem; }
    #IndexBlock6{ padding-top: 0.2rem; }
    #IndexBlock6 .Patner .pnBox span{ display: none; }
    #IndexBlock6 .pointPatner span{ height: 0.16rem; width: 0.16rem; }
    #IndexBlock6 .PatnerBlock .swiper-li{ margin-bottom: 10px; margin:0; padding:5px; width: 33.33%; float: left; display: inline-block; }

    /**公用**/
    .Autotile1 .Sword{ font-size: 0.2rem; }
    .Autotitle2{ padding-top:0.65rem; }
    .Autotitle2 .en{ font-size: 0.38rem; }
    .Autotitle2 .cn{ margin-bottom: 0; }
    .Autotitle2 .en2{ font-size: 0.20rem; line-height: 1.1em; }
    .Autotile3 .Btitle{ font-size: 0.34rem; margin-bottom: 0.1rem; }
    .Autotile3 .Sword{ font-size: 0.2rem; line-height: 1.4em; }
    .MoreBox{ font-size: 0.14rem; line-height: 0.24rem; }
    .MoreBox2{ font-size: 0.18rem; }
    .MoreBox3 .word{ font-size: 0.18rem; }
    /**分页**/
    .PageBox{ font-size: 0.2rem; line-height: 2.8em; }
    .PageBox a{ padding:0 0.2rem; }
    .PageBox form input{ line-height: 0.58rem; height: 0.58rem; font-size: 0.2rem; }
    .PageBox form .num{ width: 0.6rem; text-align: center; }
    /**二级菜单**/
    #SecMenu{ margin-bottom: 0.3rem; }
    #SecMenu .swiper-slide a{ font-size: 0.22rem; padding:0.25rem 0; }
    #SecMenu .container .swiper-button-prev{ margin-left:0; }
    #SecMenu .container .swiper-button-next{ margin-right:0; }

    /**Banner图片**/
    #IndexBan .pc{ display: none; }
    #IndexBan .phone{ display: block; }
    #IndexBan .point{ bottom:0.2rem; }
    #IndexBan .point .swiper-pagination-bullet{ height: 0.16rem; width: 0.16rem; }
    #IndexBan .swiperBtn{ display: none; }
    /**公共Banner**/
    #AutoBanner .pc{ display: none; }
    #AutoBanner .phone{ display: block; }
    #AutoBanner .title{ font-size: 0.22rem; }
    #AutoBanner .ltitle{ font-size: 0.14rem; }

    /**内页**/
    #BankBlock1 .ul{ height: auto; background:none; margin-top: 0; }
    #BankBlock1 .ul li{ position: static; margin:0.5%!important; width: 49%; text-align: center!important; padding:2% 1% 3%; background-color: #f5f5f5; }
    #BankBlock1 .ul li:nth-child(odd){ float: left; }
    #BankBlock1 .ul li:nth-child(even){ float: right; }
    #BankBlock1 .ul li .imgBox{ width: 0.6rem; float: none!important; margin:0!important; }
    #BankBlock1 .ul .cont{ width: 100%!important; }
    #BankBlock1 .ul .t_en{ font-size: 0.18rem; }
    #BankBlock1 .ul .t_en:after{ margin:2% auto 3%; float: none!important; }
    #BankBlock1 .ul .word{ font-size: 0.18rem; }
    #BankBlock2 .swiper-Box{ overflow: hidden; text-align: center; position: relative; }
    #BankBlock2 .ul{ height: auto; background: none; margin:0; }
    #BankBlock2 .ul li{ position: static; margin:0!important; width: 100%; text-align: left!important; padding:0; background-color: transparent; }
    #BankBlock2 .ul .Box{ padding:0; margin:0 0.15rem; background: url(../images/yt_bg.jpg) no-repeat center/cover; }
    #BankBlock2 .ul .title{ position: relative; padding:0.2rem; background-color: #2363ad; border-top-left-radius: 0.15rem; border-top-right-radius: 0.15rem; color:#fff; margin-bottom: 0; }
    #BankBlock2 .ul .title .num{ display: block; padding-left: 0.4rem; position: absolute; right: 0.2rem; font-size: 0.28rem; line-height: 1.2em; display: inline-block; margin-right: 0.1rem; background:url(../images/icon_t.png) no-repeat left center/0.3rem; }
    #BankBlock2 .ul .word{ font-size: 0.24rem; line-height: 1.6em; padding:0.3rem 0.2rem 0.4rem; color:#444; }
    #BankBlock2 .paginations{ padding:0.1rem 0 0.3rem; }
    #BankBlock2 .paginations span{ height: 0.12rem; width: 0.12rem; }
    #BankBlock3 .imgBox{ width: 100%; height: 3rem; }
    #BankBlock3 .ul{ width: 100%; }
    #BankBlock3 .ul .cont{ font-size: 0.18rem; }
    #BankBlock3 .MoreBox2{ padding:6% 0; }
    #BankBlock4 .ul li{ width: 27%; margin-right: 9.5%; margin-bottom: 9.5%; }
    #BankBlock4 .ul li:nth-child(3){ margin-right: 0; }
    #BankBlock4 .ul li:nth-child(4),
    #BankBlock4 .ul li:nth-child(5),
    #BankBlock4 .ul li:nth-child(6){ float: right; margin-bottom: 9.5%; }
    #BankBlock4 .ul li:nth-child(7),
    #BankBlock4 .ul li:nth-child(8){ float: left; }
    #BankBlock4 .ul li:nth-child(5){ margin-right: 9.5%; }
    #BankBlock4 .ul .img img{ width: 0.36rem; }
    #BankBlock4 .ul .jt{ width: 35.2%; }
    #BankBlock4 .ul li:nth-child(3) .jt{ width: 100%; left: 0; top: 100%; height: 0.58rem; background-image: url(../images/img5_9_2.png); }
    #BankBlock4 .ul li:nth-child(4) .jt,
    #BankBlock4 .ul li:nth-child(5) .jt{ width: 35.2%; right: 100%; left: auto; top: 0; height: 100%; background-image: url(../images/img5_9_3.png); display: block; }
    #BankBlock4 .ul li:nth-child(6) .jt{ width: 100%; left: 0; top: 100%; height: 0.58rem; background-image: url(../images/img5_9_2.png); }
    #BankBlock4 .ul li:nth-child(7) .jt{ background-image: url(../images/img5_9.png); }
    #BankBlock4 .ul li:nth-child(8) .jt{ background: none; }
    #BankBlock4 .MoreBox2{ padding:6% 0; }
    #BankBlock5 .ul{ padding:0; }
    #BankBlock5 .ul li{ width: 100%; }
    #BankBlock5 .ul li+li{ margin-top:3%; }
    #BankBlock5 .ul li .Box{ padding:7%; height: auto!important; }
    #BankBlock5 .ul li .cont{ margin-top: 5%; padding-top: 3%; font-size: 0.2rem; line-height: 1.6em; }
    #BankBlock5 .ul li .cont br{ display: none; }
    #BankBlock5 .MoreBox2{ padding:6% 0; }
    #NewsBlock .ul{ padding-top: 0; margin-top: -0.15rem; }
    #NewsBlock .ul li{ width: 100%; }
    #NewsBlock .ul .Box{ font-size: 0.18rem; }
    #NewsBlock .More a{ font-size: 0.22rem; }
    #partnerBlock .swiper-Box2{ overflow: hidden; }
    #partnerBlock .ul{ margin:0 0.04rem; padding-bottom: 0; font-size: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
    #partnerBlock .ul li{ width: 50%; padding:0.04rem; float: none; display: inline-block; vertical-align: middle; }
    #partnerBlock .paginations{ text-align: center; padding:0.15rem 0; }
    #partnerBlock .paginations span{ height: 0.12rem; width: 0.12rem; }
    /**内页**/
    #CompanyBlock{}
    #CompanyBlock .ul{ margin:0 -0.06rem; }
    #CompanyBlock .ul li{ padding:0.06rem; width: 50%; }
    #CompanyBlock .ul .Box{ padding:5%; }
    #CompanyBlock .ul .cont{ font-size: 0.18rem; line-height: 1.6em; height: 4.8em; margin-bottom: 0.2em; }
    #CompanyBlock .ul li:nth-child(2n+1){ clear: both; }

    /**内页**/
    #CompanyRegist1 .ul{ margin:0 -0.1rem 4%; }
    #CompanyRegist1 .ul li{ width: 32%; float: none; vertical-align: top; padding:0.2rem 0.1rem; }
    #CompanyRegist1 .ul li:nth-child(4),
    #CompanyRegist1 .ul li:nth-child(5){ width: 48%; }
    #CompanyRegist1 .ul li:nth-child(1) .Box,
    #CompanyRegist1 .ul li:nth-child(3) .Box,
    #CompanyRegist1 .ul li:nth-child(5) .Box{ margin-top: 0; }
    #CompanyRegist1 .ul .cont{ font-size: 0.18rem; line-height: 1.4em; }
    #CompanyRegist2 dt .wid{ font-size: 0.24rem; }
    #CompanyRegist3 .ul li{ width: 33.33%; }
    #CompanyRegist3 .ul .title{ margin-bottom: 0.05rem; }
    #CompanyRegist3 .ul .cont{ font-size: 0.18rem; }
    #CompanyRegist4 .Tit a{ font-size: 0.17rem; }
    #CompanyRegist4 .ul1 li{ width: 45%; margin-right: 10%; margin-bottom: 10%; }
    #CompanyRegist4 .ul1 li:nth-child(2){ margin-right: 0; }
    #CompanyRegist4 .ul1 li:nth-child(3){ margin-left: 10%; margin-right: 0; }
    #CompanyRegist4 .ul1 li:nth-child(3),
    #CompanyRegist4 .ul1 li:nth-child(4){ float: right; }
    #CompanyRegist4 .ul1 .txt{ font-size: 0.18rem; }
    #CompanyRegist4 .ul1 .jt{ width: 23%; }
    #CompanyRegist4 .ul1 li:nth-child(2) .jt{ left: 40%; top:78%; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
    #CompanyRegist4 .ul1 li:nth-child(3) .jt{ left: auto; right: 100%; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
    #CompanyRegist4 .tab3 .imgBox{ width: 100%; }
    #CompanyRegist4 .tab3 .imgBox img{ width: 100%; }
    #CompanyRegist4 .tab3 .ullist{ width: 100%; }
    #CompanyRegist5 .form .label{ width: 50%; }
    #CompanyRegist5 .form .input{ font-size: 0.18rem; }
    #CompanyRegist5 .form .label:nth-child(3){ width: 100%; padding-top: 0.16rem; }
    #CompanyRegist5 .subBox .btn{ font-size: 0.18rem; width: 47%; margin:0 0.1rem; }
    #CompanyRegist5 .subBox .sub{ float: left; margin-right: 0 }
    #CompanyRegist5 .subBox .zx{ float: right; }
    #CompanyRegist6 .ul{ padding-bottom: 5%; }
    #CompanyRegist6 .ul li{ width: 25%; font-size: 0.18rem; line-height: 1.3em; padding:0.15rem 0.1rem; }
    #CompanyRegist6 .ul .img{ width: 0.9rem; margin-bottom: 0.1rem; }
    #CompanyRegist7 .imgBox{ width: 100%; margin-bottom: 4%; }
    #CompanyRegist7 .mark{ font-size: 0.18rem; padding-top: 7.5%; }
    #CompanyRegist7 .title{ margin-bottom: 5%; }

    /**内页**/
    #AccountBlock1 .ul li{ width: 33.33%; }
    #AccountBlock1 .ul li:nth-child(3) .jt{ display: none; }
    #AccountBlock1 .ul{ padding-top: 0; }
    #AccountBlock2 .ul{ margin:0 -0.04rem; }
    #AccountBlock2 .ul li{ padding:0.04rem; font-size: 0.18rem; }
    #AccountBlock2 .ul .bg{ padding:0.2rem 0.15rem; }
    #AccountBlock2 .More{ font-size: 0.18rem; }
    #AccountBlock3 .ul{ margin:0; }
    #AccountBlock3 .ul li{ padding:0; width: 100%; }
    #AccountBlock3 .ul li+li{ margin-top: 0.35rem; }
    #AccountBlock3 .ul .title{ padding-top: 0.2rem; }
    #AccountBlock3 .ul .word{ font-size: 0.18rem; line-height: 1.6em; }
    #AccountBlock4 .ul{ margin-top: -0.25rem; }
    #AccountBlock4 .ul li{ width: 28%; margin-right: 8%; }
    #AccountBlock4 .ul li:nth-child(3n){ margin-right: 0; }
    #AccountBlock4 .ul li:nth-child(3n) .jt{ display: none; }
    #AccountBlock4 .ul .table{ width: 1.4rem; height: 1.4rem; }
    #AccountBlock4 .ul .word{ font-size: 0.2rem; }
    #AccountBlock4 li:nth-child(5) .jt{ left:100%; top:0; }
    #AccountBlock4 li:nth-child(5) .jt:before{ transform: none; }
    #AccountBlock4 .ul li:nth-child(5){ margin-right: 8%; }
    #AccountBlock4 li:nth-child(6),
    #AccountBlock4 li:nth-child(7),
    #AccountBlock4 li:nth-child(8),
    #AccountBlock4 li:nth-child(9){ float: left; }
    #AccountBlock4 li:nth-child(6) .jt,
    #AccountBlock4 li:nth-child(7) .jt,
    #AccountBlock4 li:nth-child(8) .jt{ left:100%; right: auto; }
    #AccountBlock4 li:nth-child(6) .jt:before,
    #AccountBlock4 li:nth-child(7) .jt:before,
    #AccountBlock4 li:nth-child(8) .jt:before,
    #AccountBlock4 li:nth-child(9) .jt:before{ transform: none; }
    #AccountBlock5 .ul li{ float: none; display: block; }
    #AccountBlock5 .ul .wid1,
    #AccountBlock5 .ul .wid2{ width: 100%; margin-top: 0; }
    #AccountBlock5 .ul .wid2 .img{ display: none; }
    #AccountBlock5 .ul .word{ padding-top: 0.15rem; }
    #AccountBlock5 .ul .wid1{ font-size: 0.2rem; }
    #AccountBlock5 .ul .div{ min-height: 0; }
    #AccountBlock5 .More{ font-size: 0.18rem; padding:5% 0; }
    #AccountBlock6 .ul li{ width: 49%; float: left!important; margin-right: 0; padding:0.2rem 0 0; }
    #AccountBlock6 .ul li:nth-child(2n){ margin-right: 0; }
    #AccountBlock6 .ul li:nth-child(2n+1){ margin-left: 2%; }
    #AccountBlock6 .ul li:nth-child(1){ width: 100%; margin:0; padding:0; }
    #AccountBlock6 .ul .Box{ padding-left: 0; text-align: center; }
    #AccountBlock6 .ul .cont{ padding:0.12rem 0; }
    #AccountBlock6 .ul .img{ width: 0.9rem; position: static; margin:0 auto; }
    #AccountBlock6 .ul .word{ font-size: 0.18rem; }
    #AccountBlock7 .word{ font-size: 0.18rem; line-height: 1.4em; margin-top: -0.1rem; }
    #AccountBlock7 .ul{ padding:0.3rem 0.15rem; text-align: center; }
    #AccountBlock7 .ul:before{ display: none; }
    #AccountBlock7 .ul li{ text-align: left; padding-left: 0.65rem; width: auto; }
    #AccountBlock7 .ul li:nth-child(1){}
    #AccountBlock7 .ul li:nth-child(2){ float: right; }
    #AccountBlock7 .ul li:nth-child(3){ clear: both; margin-left: 0; float: none; margin-top: 0.7rem; }
    #AccountBlock7 .ul .num{ width: 0.58rem; }
    #AccountBlock7 .ul li:nth-child(2) .jt{ display: none; }
    #AccountBlock7 .ul li:nth-child(3) .jt{ position: absolute; bottom: 100%; top:auto; left: 25%; transform: rotate(90deg); }

    /**关于我们**/
    #AboutBlock{ margin-top: 0; }
    #AboutBlock .cont{ font-size: 0.18rem; line-height: 1.8em; }
    #AboutBlock2 .title1{ font-size:0.24rem; }
    #AboutBlock2 .ul .imgBox,
    #AboutBlock2 .ul .cont{ height: auto!important; }
    #AboutBlock2 .ul .t-cell{ padding:0.25rem 0.15rem; }
    #AboutBlock2 .ul .title{ margin-bottom: 0.5em; }
    #AboutBlock2 .ul .word{ font-size: 0.18rem; }
    /**内页**/
    #BranchBlock{}
    #BranchBlock .top .l_con{ width: 100%; }
    #BranchBlock .top .l_con .txt{ font-size: 0.2rem; }
    #BranchBlock .top .l_con .hr{ margin:0.25rem 0; }
    #BranchBlock .top .l_con .word{ font-size: 0.2rem; }
    #BranchBlock .top .map{ display: none; }
    #BranchBlock .ad_list li{ width: 100%; }
    #BranchBlock .ad_list .Box{ height: auto!important; }
    #BranchBlock .ad_list .c_t{ font-size: 0.2rem; margin-bottom: 1em; }
    #BranchBlock .ad_list .word{ font-size: 0.18rem; }
    #BranchBlock .ad_list li:nth-child(2n+1) .cont{ padding-right: 0; }
    #BranchBlock .ad_list li:nth-last-child(2){ border-bottom-color:#dfdfdf; }
    /**新闻**/
    #NewsList{}
    #NewsList .imgBox img{ display: block; width: 2.36rem; height: 1.5rem; }
    #NewsList .cont{ margin-left: 2.6rem; padding-top: 0.05rem; height: 1.5rem; }
    #NewsList .title{ font-size: 0.22rem; margin-bottom: 0.4em; }
    #NewsList .des{ font-size: 0.18rem; margin-bottom: 0.8em;}
    #NewsList .other .time{ font-size: 0.14rem; line-height: 1.8em; color:#999999; }
    #NewsList .other .more{ font-size: 0.15rem; line-height: 1.6em; color:#333333; }
    #NewsList .other .more:hover{ color:#258cdb; }
    #NewsList .Box:hover .imgBox img{ transform: scale(1.08); }
    #NewsList .Box:hover .title{ color:#258cdb; }
    /**新闻详情页**/
    #SingaleInfo{}
    #SingaleInfo .Infopad{ }
    #SingaleInfo .l_con{ width: 100%; }
    #SingaleInfo .l_con .title{ text-align: center; }
    #SingaleInfo .l_con .other{ font-size: 0.18rem; text-align: center;}
    #SingaleInfo .l_con .other .f_l{ width: 100%; }
    #SingaleInfo .l_con .other .bdsharebuttonbox{ width: 100%; padding-bottom: 0.1rem; }
    #SingaleInfo .l_con .other .bdsharebuttonbox a{ float: none; vertical-align: middle; height: 0.3rem; width: 0.3rem; }
    #SingaleInfo .l_con .cont{ font-size: 0.18rem; }
    #SingaleInfo .PutNews{ display: none; }
}

@media only screen and (max-width: 500px){
}

@media only screen and (max-width: 400px){
}
#footer .address .coninfo .btel {
	font-size:24px;
}
#footer .address .coninfo a {
    line-height: 20px;
    font-weight: normal;
    margin:16px 0 4px 0;
    padding-bottom: 8px;
	height:41px;
	display:block;
    color: #afafaf;
    font-size: 26px;
    font-family: Arial;
}
#footer .address .coninfo a:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
/**新增样式**/
.pb-80 {
    padding-bottom: 80px;
}
.pt-80 {
    padding-top: 80px;
}
.service-tit{text-align: center;margin-bottom: 60px;}
.service-tit h3{font-size: 32px;color: #333;line-height: 1;}
.service-tit p{color: #333333;margin-top: 35px;}
.service-tit .f16{margin-top: 20px;}
.service-tit .xs{margin-top: 16px;color: #999;line-height: 1;}
.contact-list li{float: left;width: 32.4%;height: 134px;background-color: #f7f7f7;padding: 0 40px;display: flex;flex-wrap: nowrap;justify-content: center;align-items: center;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;text-align: center;}
.contact-list li:hover{box-shadow: 0 5px 10px rgba(0,0,0,0.1);}
.contact-list li .pic,
.contact-list li .cont{display: inline-block;vertical-align: middle;}
.contact-list li .cont{/* width: 70%; */text-align: left;}
.contact-list li ~ li{margin-left: 1.4%;}
.contact-list li .pic{margin-right: 20px;}
.contact-list li .cont h4{font-size: 18px;}
.contact-list li .cont p{font-size: 20px;}
.contact-list li .cont p.min{font-size: 14px;}
.contact-tit{font-size: 28px;color: #333;line-height: 1;margin-top: 69px;margin-bottom: 47px;text-align: center;}
@media (max-width: 1000px) {
.contact-list li {
		float: none;
		width: 100%;
		justify-content: left;
		height: auto;
		padding: 15px 20px;
	}
	.contact-list li ~ li {
		border-top: 1px dashed #ddd;
	}
	.contact-list li .pic img {
		width: 30px;
	}
	.contact-list li ~ li .pic img {
		width: 26px;
	}
	.contact-list li ~ li {
	    margin-left: 0;
	}
	.contact-list li .cont h4 {
	    font-size: 16px;
	    margin-bottom: 5px;
	}
	.contact-list li .cont p.min {
	    font-size: 14px;
	}
	.contact-list li .cont p {
	    font-size: 14px;
	    line-height: 1.3;
	}
	.contact-tit {
		font-size: 20px;
		margin-top: 30px;
		margin-bottom: 25px;
	}
}
.message {
    padding:80px 0;
}
.message .cont{overflow: hidden;padding-top: 5px;}
.message .cont h3{font-size: 24px;color: #333;line-height: 1;}
.message .cont p{line-height: 1;margin-top: 20px;}
.form{margin-top: 30px;}
.form ul li{float: left;width: 49%;margin-bottom: 20px;list-style: none;}
.form ul li:nth-child(2n+1){margin-right: 2%;}
.form ul li input{width: 100%;background: #fff;height: 50px;padding: 0 15px;border: solid 1px #aaaaaa;font-size: 16px;}
.form ul li:last-child{margin-right: 0;width: 100%;margin-bottom: 0;}
.form ul li textarea{width: 100%;height: 148px;background-color: #ffffff;border: solid 1px #aaaaaa;font-size: 16px;padding: 15px;}
.form .sub{display: block;width: 128px;height: 37px;background-color: #258cdb;text-align: center;line-height: 37px;color: #fff;font-size: 16px;cursor: pointer;margin-top: 35px;}
@media (max-width: 1000px) {
	.message .cont {
	    overflow: hidden;
	    padding-left: 0;
	    padding-top: 0;
	}
	.message .cont h3 {
	    font-size: 20px;
	}
	.message .cont p {
	    margin-top: 15px;
	    font-size: 12px;
	}
	.form {
	    margin-top: 20px;
	}
	.form ul li {
		margin-bottom: 10px;
	}
	.form ul li input {
		padding: 0 10px;
		height: 40px;
		font-size: 14px;
	}
	.form ul li textarea {
	    height: 80px;
	    padding: 10px;
	    font-size: 14px;
	}
	.form .sub {
		margin-top: 10px;
		width: 100%;
	}
	.company-list li {
		margin-bottom: 10px;
	}
	.company-list li .tit {
		font-size: 12px;
		line-height: 35px;
		height: 35px;
		overflow: hidden;
	}
	.company-list li .cont {
		/*opacity: 1;*/
		background: rgba(215, 22, 24, .5);
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		padding: 20% 5%;
	}
	.company-list li h4 {
		font-size: 14px;
		line-height: 1.3;
	}
	.company-list li .des {
	    margin-top: 10px;
	    font-size: 12px;
	    line-height: 1.75;
	}
	.pb-80 {
    padding-bottom: 30px;
}
	.pt-80 {
		padding-top: 30px;
	}
}
.box {
    display: block;
    width: 100%;
    height: 100%;
}
.col { margin-left: -10px; margin-right: -10px; zoom: 1; }
.col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.col>li, .col .item { float: left; padding: 0 10px;}
.col li img, .col .item img { max-width: 100%; width: 100%;}
.col-2 li, .col-2 .item { width: 50%; }
.col-3 li, .col-3 .item { width: 33.3333%; }
.col-4>li, .col-4 .item { width: 25%; }
.col-5 li, .col-5 .item { width: 20%; }
.col-6 li, .col-6 .item { width: 16.6666%; }
.col-8 li, .col-8 .item { width: 12.5%; }

.col.sb20 {
    margin-left: -20px; margin-right: -20px;
}
.col.sb20>li, .col.sb20 .item {
    padding: 0 20px;
}
.company-list li{margin-bottom: 20px; list-style:none;}
.company-list li .box{position: relative;overflow: hidden;}
.company-list li .tit{position: absolute;left: 0;bottom: 0;width: 100%;line-height: 40px;color: #fff;background:rgba(41, 120, 205, .8);z-index: 2;text-align: center;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.company-list li .cont{/*display: none;*/position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;color: #fff;background: rgba(41, 120, 205, .8);z-index: 3;padding: 20% 10%;opacity: 0;-webkit-transform: translateY(50%);-ms-transform: translateY(50%);-o-transform: translateY(50%);transform: translateY(50%);-webkit-transition: .5s;-o-transition: .5s;transition: .5s;}
.company-list li .box:hover .cont{-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);opacity: 1;}
.company-list li .box:hover .tit{opacity: 0;-webkit-transform: translateY(40px);-ms-transform: translateY(40px);-o-transform: translateY(40px);transform: translateY(40px);}
.company-list li h4{font-size: 19px;line-height: 1.3;font-weight: bold;}
.company-list li .des{margin-top: 20px;}
.company-list li .des p br{display: none;}
@media (max-width: 1000px) {
	.col-4>li, .col-4 .item {
	    width: 50%;
	}
	.col {
	    margin-left: -5px;
	    margin-right: -5px;
	}
	.col>li, .col .item {
	    padding: 0 5px;
	}
}
.columnTitle {
  line-height: 40px;
  font-size: 36px;
  color: #333333;
  text-align: center;
}
@media only screen and (max-width: 1200px){
.container .columnTitle {
    line-height: 30px;
    font-size: 22px;
}
}
#HonorList {background: #f7f7f7;}
#HonorList .honorBox {
  margin-top: 40px;
}
#HonorList .honorBox .honorList {
  margin-bottom: 30px;
}
#HonorList .honorBox .honorList:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
#HonorList .honorBox .honorList figure {
  margin: 0 0 20px 20px;
  float: left;
  width: 310px;
}
#HonorList .honorBox .honorList figure:nth-child(4n+1) {
  margin-left: 0;
}
#HonorList .honorBox .honorList figure a {
  display: block;
  padding: 20px 20px 50px 20px;
  box-sizing: border-box;
  background: url(../images/arrow5.png) no-repeat left 22px bottom 22px #ffffff;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
#HonorList .honorBox .honorList figure a:hover {
  box-shadow: 0px 3px 10px 1px #cccccc;
  background-position: left 28px bottom 22px;
}
#HonorList .honorBox .honorList figure a:hover .line::after {
  width: 100%;
}
#HonorList .honorBox .honorList figure .pic {
  height: 169px;
  overflow: hidden;
}
#HonorList .honorBox .honorList figure .pic img {
  width: 100%;
  display: block;
}
#HonorList .honorBox .honorList figure .tit {
  height: 54px;
  line-height: 54px;
  font-size: 16px;
  color: #666666;
  margin-top: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
#HonorList .honorBox .honorList figure .line {
  height: 1px;
  background: #eaeaea;
  position: relative;
}
#HonorList .honorBox .honorList figure .line::after {
  content: " ";
  width: 0%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  background: #175bc0;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}


@media only screen and (max-width: 1200px){
	#HonorList .honorBox {
		margin-top: 20px;
	}
	#HonorList .honorBox .honorList {
		margin-bottom: 20px;
	}
	#HonorList .honorBox .honorList figure {
		width: 33.333%;
		margin: 0;
		padding: 0 5px;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	#HonorList .honorBox .honorList figure a:hover ,
	#HonorList .honorBox .honorList figure a {
		padding: 10px 10px 30px 10px;
		background-position: left 10px bottom 10px;
	}
	#HonorList .honorBox .honorList figure a:hover .line::after {
		width: 0%;
	}
	#HonorList .honorBox .honorList figure .pic {
		height: auto;
	}
	#HonorList .honorBox .honorList figure .tit {
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		margin-top: 0px;
	}
	#HonorList .honorBox .honorList figure .line::after {
		display: none;
	}
}

@media only screen and (max-width: 600px){
	#HonorList .honorBox .honorList figure {
		width: 50%;
	}
}
#CaseList {background: #f7f7f7;}

#CaseList .caseList {
  margin-top: 30px;
}
#CaseList .caseList:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
#CaseList .caseList li {
  width: 420px;
  float: left;
  margin: 0 0 22px 20px;
  text-align: center;
}
#CaseList .caseList li:nth-child(3n+1) {
  margin-left: 0;
}
#CaseList .caseList li a {
  display: block;
}
#CaseList .caseList li a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
#CaseList .caseList li a:hover .filter {
  opacity: 1;
  filter: alpha(opacity=100);
}
#CaseList .caseList li a:hover .txt {
  background: #258cdb;
  color: #fff;
}
#CaseList .caseList li .pic {
  overflow: hidden;
  position: relative;
}
#CaseList .caseList li .pic img {
  width: 100%;
  display: block;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
#CaseList .caseList li .pic .filter {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  background: url(../images/caselist_filter.png) no-repeat;
  background-size: 100% 100%;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  opacity: 0;
  filter: alpha(opacity=0);
}
#CaseList .caseList li .txt {
  background: #fff;
  height: 64px;
  line-height: 64px;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
@media only screen and (max-width: 1200px){
#CaseList .caseList {
	margin-top: 20px;
}
#CaseList .caseList li {
	width: 50%;
	margin: 0 0 14px 0;
	box-sizing: border-box;
	padding-right: 5px;
}
#CaseList .caseList li:nth-child(even){
	padding-right: 0;
	padding-left: 5px;
}
#CaseList .caseList li a:hover .pic img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
#CaseList .caseList li a:hover .filter {
	opacity: 0;
	filter: alpha(opacity=0);
}
#CaseList .caseList li a:hover .txt {
	background: #fff;
	color: #333333;
}
#CaseList .caseList li .pic {
	height: auto;
}
#CaseList .caseList li .pic .filter {
	display: none;
}
#CaseList .caseList li .txt {
	height: 34px;
	line-height: 34px;
	font-size: 14px;
}
}
/**
 * 弹出大图
 */
.pswp {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1500;
  display: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 0;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
}
.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}
.pswp--animate_opacity {
  opacity: 0;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  will-change: opacity;
}
.pswp--open {
  display: block;
}
.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}
.pswp--dragging .pswp__img {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}
.pswp__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp__scroll-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__container,
.pswp__zoom-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-touch-action: none;
  touch-action: none;
}
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -ms-transform-origin: left top;
}
.pswp__bg {
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  will-change: opacity;
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  -webkit-transition: opacity .15s;
  transition: opacity 0.15s;
}
.pswp__img--placeholder {
  display: none;
  -webkit-backface-visibility: hidden;
}
.pswp__img--placeholder--blank {
  background: #222222;
}
.pswp--ie .pswp__img {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.pswp__ui {
  z-index: 1550;
  visibility: visible;
  opacity: 1;
  -webkit-font-smoothing: auto;
}
.pswp__top-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 44px;
}
.pswp__preloader {
  position: absolute;
  position: relative;
  top: 0;
  left: 50%;
  margin-left: -22px;
  width: 44px;
  height: 44px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
}
.pswp__preloader__icn {
  margin: 12px;
  width: 20px;
  height: 20px;
}
.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  background: url(../images/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise .5s linear infinite;
  animation: clockwise 0.5s linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1s cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0;
  width: 14px;
  height: 14px;
  background: 0 0;
  opacity: 0.75;
}
.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  overflow: hidden;
  width: 7px;
  height: 14px;
}
.pswp--css_animation .pswp__preloader__donut {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: 0 0;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
.pswp__error-msg {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -8px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  opacity: 0.7;
}
.pswp__error-msg a {
  color: #fff;
  text-decoration: underline;
}
.pswp__button {
  position: relative;
  float: right;
  display: block;
  overflow: visible;
  margin: 0;
  padding: 0;
  width: 44px;
  height: 44px;
  outline: 0;
  border: 0;
  background: 0 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .75;
  cursor: pointer;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  -webkit-appearance: none;
}
.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.pswp--animated-in .pswp__button {
  -webkit-transition: opacity .25s;
  transition: opacity 0.25s;
}
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  width: 44px;
  height: 44px;
  background: url(../images/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../images/default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: 0 0;
  }
}
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pswp__share-modal {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1600;
  display: block;
  padding: 10px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  -webkit-backface-visibility: hidden;
}
.pswp__share-modal--hidden {
  display: none;
}
.pswp__share-tooltip {
  position: absolute;
  top: 56px;
  right: 44px;
  z-index: 1620;
  display: block;
  width: auto;
  border-radius: 2px;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform .25s;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -ms-transform: translateY(6px);
  will-change: transform;
  -webkit-backface-visibility: hidden;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  color: #000;
  text-decoration: none;
}
.pswp__share-tooltip a:hover:first-child {
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:hover:last-child {
  border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -ms-transform: translateY(0);
}
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}
a.pswp__share--facebook:before {
  position: absolute;
  top: -12px;
  right: 15px;
  display: block;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  content: '';
  border-bottom-color: #fff;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3e5c9a;
  color: #ffffff;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3e5c9a;
}
a.pswp__share--twitter:hover {
  background: #55acee;
  color: #ffffff;
}
a.pswp__share--pinterest:hover {
  background: #ccc;
  color: #ce272d;
}
a.pswp__share--download:hover {
  background: #dddddd;
}
.pswp__button--close {
  background-position: 0 -44px;
}
.pswp__button--share {
  background-position: -44px -44px;
  display: none;
}
.pswp__button--fs {
  display: none;
}
.pswp--supports-fs .pswp__button--fs {
  display: none;
}
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  position: absolute;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  background: 0 0;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right,
.pswp__top-bar {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}
.pswp__button--arrow--left {
  left: 0;
}
.pswp__button--arrow--right {
  right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  position: absolute;
  top: 35px;
  width: 32px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.3);
  content: '';
}
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}
.pswp__counter {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px;
  height: 44px;
  color: #fff;
  font-size: 13px;
  line-height: 44px;
  opacity: 0.75;
}
@media screen and (max-width: 1024px) {
  .pswp_scroll-wrap {
    top: 0;
    bottom: 0;
  }
  .pswp__caption {
    margin-top: 0;
  }
  .pswp__preloader {
    position: relative;
    top: auto;
    left: auto;
    float: right;
    margin: 0;
  }
}
.pswp__caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 44px;
  color: #ffffff;
}
.pswp__caption small {
  color: #bbb;
  font-size: 11px;
}
.pswp__caption__center {
  margin: 0 auto;
  padding: 10px;
  max-width: 420px;
  color: #fff;
  color: #ccc;
  text-align: center;
  font-size: 13px;
  line-height: 20px;
}
.pswp__caption--empty {
  display: none;
}
.pswp__caption--fake {
  visibility: hidden;
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  will-change: opacity;
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}
.pswp__caption,
.pswp__top-bar {
  background-color: rgba(0, 0, 0, 0.5);
}
.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
  background-color: rgba(0, 0, 0, 0.3);
}
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}
.pswp__ui--hidden .pswp__bg,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
  opacity: 0.001;
}
.pswp__element--disabled {
  display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
  background: 0 0;
}
.pswp--minimal--dark .pswp__button--arrow--left,
.pswp--minimal--dark .pswp__button--arrow--right {
  background: 0 0;
}
/*弹出大图end*/
.casePage {
  padding: 58px 0 50px 0;
}
.casePage .tab {
  text-align: center;
  margin-top: 38px;
}
.casePage .tab .tit {
  display: none;
}
.casePage .tab ul {
  display: inline-block;
}
.casePage .tab ul li {
  margin: 0 10px;
  float: left;
}
.casePage .tab ul li a:hover,
.casePage .tab ul li.on a {
  background: #175bc0;
}
.casePage .tab ul li a {
  width: 152px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 4px;
  background: #27262b;
  font-size: 16px;
  color: #fff;
  display: block;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
.casePage .caseList {
  margin-top: 30px;
}
.casePage .caseList:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.casePage .caseList li {
  width: 386px;
  float: left;
  margin: 0 0 22px 20px;
  text-align: center;
}
.casePage .caseList li:nth-child(3n+1) {
  margin-left: 0;
}
.casePage .caseList li a {
  display: block;
}
.casePage .caseList li a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.casePage .caseList li a:hover .filter {
  opacity: 1;
  filter: alpha(opacity=100);
}
.casePage .caseList li a:hover .txt {
  background: #175bc0;
  color: #fff;
}
.casePage .caseList li .pic {
  height: 239px;
  overflow: hidden;
  position: relative;
}
.casePage .caseList li .pic img {
  width: 100%;
  display: block;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.casePage .caseList li .pic .filter {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  background: url(../images/caselist_filter.png) no-repeat;
  background-size: 100% 100%;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  opacity: 0;
  filter: alpha(opacity=0);
}
.casePage .caseList li .txt {
  background: #fff;
  height: 64px;
  line-height: 64px;
  font-size: 16px;
  color: #333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.casePage .paging {
  margin-top: 30px;
}
.casePage .caseDetails {
  margin-top: 30px;
}
.casePage .caseDetails:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.casePage .caseDetails .photo {
  width: 630px;
  float: left;
}
.casePage .caseDetails .photo .swiper-container img {
  width: 100%;
  display: block;
}
.casePage .caseDetails .photo .swiper-container .swiper-button-next,
.casePage .caseDetails .photo .swiper-container .swiper-button-prev {
  width: 54px;
  height: 54px;
  margin: 0;
  background: url(../images/prev3.png) no-repeat;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}
.casePage .caseDetails .photo .swiper-container .swiper-button-next {
  background: url(../images/next3.png) no-repeat;
  left: auto;
  right: 20px;
}
.casePage .caseDetails .content {
  width: 630px;
  float: right;
}
.casePage .caseDetails .content .title {
  line-height: 30px;
  font-size: 26px;
  color: #000000;
}
.casePage .caseDetails .content .line {
  width: 33px;
  height: 2px;
  background: #666666;
  margin: 18px 0;
}
.casePage .caseDetails .content .text {
  line-height: 26px;
  font-size: 16px;
  color: #666666;
  border-bottom: solid 1px #cccccc;
  padding-bottom: 28px;
}
.casePage .caseDetails .content .text.two{
  padding-top: 28px
}
.casePage .caseDetails .content .btn {
  padding-top: 20px;
}
.casePage .caseDetails .content .btn:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.casePage .caseDetails .content .btn a {
  width: 40px;
  height: 40px;
  margin-right: 20px;
  background: no-repeat;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
  display: block;
  float: left;
}
.casePage .caseDetails .content .btn a.btn1 {
  background-image: url(../images/casedetails_btn1.png);
}
.casePage .caseDetails .content .btn a.btn1:hover {
  background-image: url(../images/casedetails_btn11.png);
}
.casePage .caseDetails .content .btn a.btn2 {
  background-image: url(../images/casedetails_btn2.png);
}
.casePage .caseDetails .content .btn a.btn2:hover {
  background-image: url(../images/casedetails_btn22.png);
}
.casePage .caseDetails .content .btn a.btn3 {
  background-image: url(../images/casedetails_btn3.png);
}
.casePage .caseDetails .content .btn a.btn3:hover {
  background-image: url(../images/casedetails_btn33.png);
}
.recommend {
  clear: both;
  margin-top: 40px;
  margin-bottom: 12px;
}
.recommend .title {
  background: #e3e2e2;
}
.recommend .title:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.recommend .title .tit {
  float: left;
  padding: 0 28px;
  font-size: 16px;
  color: #fff;
  background: #258cdb;
  line-height: 50px;
}
.recommend .title .btns {
  float: right;
  margin: 17px 16px;
}
.recommend .title .btns .next,
.recommend .title .btns .prev {
  width: 12px;
  height: 17px;
  float: left;
  margin-left: 2px;
  background: url(../images/triangle6.png) no-repeat center;
  cursor: pointer;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.recommend .title .btns .next:hover,
.recommend .title .btns .prev:hover {
  background-image: url(../images/triangle7.png);
}
.recommend .title .btns .next {
  background-image: url(../images/triangle8.png);
}
.recommend .title .btns .next:hover {
  background-image: url(../images/triangle9.png);
}
.recommend .swiper-container {
  margin-top: 30px;
}
.recommend .swiper-container .swiper-button-prev,
.recommend .swiper-container .swiper-button-next {
  display: none;
}
.recommend .swiper-container .swiper-slide {
  text-align: center;
}
.recommend .swiper-container .swiper-slide a {
  display: block;
}
.recommend .swiper-container .swiper-slide a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.recommend .swiper-container .swiper-slide a:hover .text {
  color: #fff;
  background: #175bc0;
}
.recommend .swiper-container .swiper-slide .pic {
  height: 239px;
  overflow: hidden;
}
.recommend .swiper-container .swiper-slide .pic img {
  width: 100%;
  display: block;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.recommend .swiper-container .swiper-slide .text {
  height: 65px;
  line-height: 65px;
  text-align: center;
  font-size: 16px;
  color: #333333;
  background: #fff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
@media only screen and (max-width: 1200px){
.casePage {
	padding: 30px 14px;
	box-sizing: border-box;
}
.casePage .tab {
	margin-top: 22px;
	position: relative;
}
.casePage .tab .tit {
	width: 100%;
	height: 42px;
	line-height: 42px;
	background: url(../images/triangle5.png) no-repeat right 14px center #175bc0;
	background-size: 12px auto;
	font-size: 16px;
	color: #fff;
	margin: 0 auto;
	display: block;
	border-bottom: solid 1px #666;
}
.casePage .tab ul {
	display: none;
	position: absolute;
	width: 100%;
	top: 42px;
	left: 0;
	z-index: 2;
}
.casePage .tab ul li {
	margin: 0;
	float: none;
}
.casePage .tab ul li a:hover{
	background: #27262b;
}
.casePage .tab ul li.on a {
	background: #175bc0;
}
.casePage .tab ul li a {
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-radius: 0px;
	border-bottom: solid 1px #666;
}
.casePage .caseList {
	margin-top: 20px;
}
.casePage .caseList li {
	width: 50%;
	margin: 0 0 14px 0;
	box-sizing: border-box;
	padding-right: 5px;
}
.casePage .caseList li:nth-child(even){
	padding-right: 0;
	padding-left: 5px;
}
.casePage .caseList li a:hover .pic img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.casePage .caseList li a:hover .filter {
	opacity: 0;
	filter: alpha(opacity=0);
}
.casePage .caseList li a:hover .txt {
	background: #fff;
	color: #333333;
}
.casePage .caseList li .pic {
	height: auto;
}
.casePage .caseList li .pic .filter {
	display: none;
}
.casePage .caseList li .txt {
	height: 34px;
	line-height: 34px;
	font-size: 14px;
}
.casePage .paging {
	margin-top: 10px;
}
.casePage .caseDetails {
	margin-top: 20px;
}
.casePage .caseDetails .photo {
	max-width: 600px;
	width: 100%;
	float: none;
	margin: 0 auto;
}
.casePage .caseDetails .photo .swiper-container .swiper-button-next,
.casePage .caseDetails .photo .swiper-container .swiper-button-prev {
	width: 34px;
	height: 34px;
	background-size: 100% 100%;
	left: 10px;
}
.casePage .caseDetails .photo .swiper-container .swiper-button-next {
	left: auto;
	right: 10px;
}
.casePage .caseDetails .content {
	max-width: 600px;
	width: 100%;
	float: none;
	margin: 20px auto 0 auto;
}
.casePage .caseDetails .content .title {
	line-height: 24px;
	font-size: 20px;
}
.casePage .caseDetails .content .line {
	width: 30px;
	margin: 8px 0;
}
.casePage .caseDetails .content .text {
	line-height: 26px;
	font-size: 16px;
	padding-bottom: 14px;
}
.casePage .caseDetails .content .btn {
	padding-top: 20px;
}
.casePage .caseDetails .content .btn a.btn1:hover {
	background-image: url(../images/casedetails_btn1.png);
}
.casePage .caseDetails .content .btn a.btn2:hover {
	background-image: url(../images/casedetails_btn2.png);
}
.casePage .caseDetails .content .btn a.btn3:hover {
	background-image: url(../images/casedetails_btn3.png);
}
.recommend {
	margin-top: 20px;
	margin-bottom: 0px;
}
.recommend .title .tit {
	line-height: 40px;
	height: 40px;
}
.recommend .title .btns {
	margin: 12px 16px;
}
.recommend .title .btns .next,
.recommend .title .btns .prev {
	width: 12px;
	height: 17px;
	float: left;
	margin-left: 2px;
}
.recommend .title .btns .prev:hover {
	background-image: url(../images/triangle6.png);
}
.recommend .title .btns .next:hover {
	background-image: url(../images/triangle8.png);
}
.recommend .swiper-container {
	margin-top: 10px;
}
.recommend .swiper-container .swiper-slide a:hover .pic img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.recommend .swiper-container .swiper-slide a:hover .text {
	color: #333333;
	background: #fff;
}
.recommend .swiper-container .swiper-slide .pic {
	height: auto;
}
.recommend .swiper-container .swiper-slide .text {
	height: 44px;
	line-height: 44px;
	font-size: 14px;
}
}
#ProList {background: #f7f7f7;}
.productPage {
  padding: 50px 0;
}
.productPage .sidebar {
  width: 280px;
  float: left;
}
.productPage .sidebar .title {
  height: 107px;
  padding: 30px 27px 0 27px;
  box-sizing: border-box;
  background: #258cdb;
}
.productPage .sidebar .title .tit {
  line-height: 30px;
  font-size: 26px;
  color: #fff;
  margin:0;
}
.productPage .sidebar .title .line {
  width: 28px;
  height: 2px;
  background: #fff;
  margin-top: 16px;
}
.productPage .sidebar .menu {
  margin-top: 10px;
  background: #fff;
}
/*
.productPage .sidebar .menu > ul > li {
  border-bottom: solid 1px #fff;
}
.productPage .sidebar .menu > ul > li.on > a {
  background-image: url(../images/triangle11.png);
}

.productPage .sidebar .menu > ul > li > a {
  height: 52px;
  line-height: 52px;
  text-indent: 56px;
  display: block;
  background: url(../images/triangle10.png) no-repeat 30px center #131313;
  font-size: 16px;
  color: #fff;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}*/

.productPage .sidebar .menu ul li a {
  border-bottom: dotted 1px #d9d9d9;
  height: 50px;
  line-height: 50px;
  display: block;
  text-indent: 24px;
  font-size: 16px;
  color: #666666;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  background: url(../images/arrow1.png) no-repeat right -20px center;
}
.productPage .sidebar .menu ul li.on a,
.productPage .sidebar .menu ul li a:hover {
  background-color: #e7e7e7;
  background-position: right 14px center;
}


.productPage .sidebar .menu > ul > li > ul {
  display: none;
}
.productPage .sidebar .menu > ul > li > ul li a {
  border-bottom: dotted 1px #d9d9d9;
  height: 50px;
  line-height: 50px;
  display: block;
  text-indent: 56px;
  font-size: 16px;
  color: #666666;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  background: url(../images/arrow1.png) no-repeat right -20px center;
}
.productPage .sidebar .menu > ul > li > ul li.on a,
.productPage .sidebar .menu > ul > li > ul li a:hover {
  background-color: #e7e7e7;
  background-position: right 14px center;
}
.productPage .sidebar .recommend {
  margin-top: 20px;
}
.productPage .sidebar .recommend .tit {
  height: 50px;
  line-height: 50px;
  text-indent: 26px;
  font-size: 20px;
  color: #fff;
  background: #258cdb;
}
.productPage .sidebar .recommend .tit .btns {
  float: right;
  margin: 17px 18px;
}
.productPage .sidebar .recommend .tit .btns:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.productPage .sidebar .recommend .tit .btns .next,
.productPage .sidebar .recommend .tit .btns .prev {
  width: 13px;
  height: 19px;
  float: left;
  background: url(../images/triangle12.png) no-repeat center;
  background-size: 6px 11px;
  cursor: pointer;
}
.productPage .sidebar .recommend .tit .btns .next {
  background-image: url(../images/triangle10.png);
}
.productPage .sidebar .recommend .content {
  padding: 0 22px;
  margin-top: 4px;
  background: #fff;
}
.productPage .sidebar .recommend .content .swiper-button-next,
.productPage .sidebar .recommend .content .swiper-button-prev {
  display: none;
}
.productPage .sidebar .recommend .content .swiper-slide {
  text-align: center;
  border-bottom: solid 1px #f7f7f7;
}
.productPage .sidebar .recommend .content .swiper-slide a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.productPage .sidebar .recommend .content .swiper-slide a:hover .text {
  color: #175bc0;
  background: #fff;
}
.productPage .sidebar .recommend .content .swiper-slide .pic {
  overflow: hidden;
}
.productPage .sidebar .recommend .content .swiper-slide .pic img {
  width: 100%;
  display: block;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.productPage .sidebar .recommend .content .swiper-slide .text {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #333333;
  border: none;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.productPage .sidebar .advertising {
  margin-top: 6px;
}
.productPage .sidebar .advertising img {
  width: 100%;
  display: block;
}
.productPage .contentRight {
  width: 980px;
  float: right;
}
.productPage .productList:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.productPage .productList li {
  width: 312px;
  float: left;
  margin: 0 0 20px 20px;
}
.productPage .productList li:nth-child(3n+1) {
  margin-left: 0;
}
.productPage .productList li a {
  display: block;
  padding: 20px;
  background: #fff;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.productPage .productList li a:hover {
  box-shadow: 0 5px 15px 1px #cccccc;
}
.productPage .productList li a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.productPage .productList li a:hover .more {
  background: url(../images/arrow2.png) no-repeat right 10px center #258cdb;
  color: #fff;
}
.productPage .productList li .pic {
  height: 240px;
  overflow: hidden;
  border-bottom: solid 1px #f7f7f7;
}
.productPage .productList li .pic img {
  width: 100%;
  display: block;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.productPage .productList li .tit {
  height: 24px;
  line-height: 24px;
  font-size: 20px;
  color: #333333;
  margin-top: 28px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.productPage .productList li .txt {
  height: 72px;
  line-height: 24px;
  font-size: 14px;
  color: #666666;
  margin-top: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.productPage .productList li .more {
  width: 124px;
  height: 36px;
  line-height: 36px;
  text-indent: 20px;
  border-radius: 4px;
  font-size: 14px;
  color: #666666;
  background: url(../images/arrow1.png) no-repeat right 20px center #f4f4f4;
  margin: 10px 0 10px 0;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.productPage .paging {
  margin-top: 30px;
}
.productPage .productDetails .introduction:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.productPage .productDetails .introduction .pic {
  width: 521px;
  float: left;
}
.productPage .productDetails .introduction .pic img {
  width: 100%;
  display: block;
}
.productPage .productDetails .introduction .content {
  width: 400px;
  float: right;
}
.productPage .productDetails .introduction .content .title {
  line-height: 36px;
  font-size: 26px;
  color: #258cdb;
  font-weight: bold;
  padding: 15px 0;
}
.productPage .productDetails .introduction .content .text {
  border-top: solid 1px #e2e2e2;
  padding: 18px 0;
}
.productPage .productDetails .introduction .content .text .p1 {
  line-height: 30px;
  font-size: 16px;
  color: #333333;
  font-weight: normal;
  padding-left:6px;
}
.productPage .productDetails .introduction .content .text .p2 {
  line-height: 26px;
  font-size: 14px;
  color: #333333;
  margin-top: 6px;
}
.productPage .productDetails .details {
  margin-top: 32px;
}
.productPage .productDetails .details .tab {
  background: #e3e2e2;
}
.productPage .productDetails .details .tab:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.productPage .productDetails .details .tab li {
  float: left;
  padding: 0 30px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #333333;
  background: url(../images/productdetails_line.gif) no-repeat 0 center;
  cursor: pointer;
}
.productPage .productDetails .details .tab li:first-child {
  background: none;
}
.productPage .productDetails .details .tab li.on {
  background: #258cdb;
  color: #fff;
}
.productPage .productDetails .details .tabBox .article {
  padding: 26px 30px;
  box-sizing: border-box;
  background: #fff;
  line-height: 30px;
  font-size: 16px;
  color: #333333;
}
.productPage .productDetails .details .tabBox .article .tit {
  font-weight: bold;
}
.productPage .recommend .swiper-container {
  margin-top: 20px;
}
.productPage .recommend .swiper-container .swiper-slide .pic {
  height: auto;
}
.productPage .recommend .swiper-container .swiper-slide .text {
  height: 50px;
  line-height: 50px;
  border-top: solid 2px #f7f7f7;
}

@media only screen and (max-width: 1200px){

.productPage {
	padding: 20px 14px;
	box-sizing: border-box;
}
.productPage .sidebar {
	width: 100%;
	float: none;
}
.productPage .sidebar .title {
	width: 100%;
	height: 50px;
	line-height: 50px;
	padding: 0;
	text-align: center;
	background: url(../images/triangle11.png) no-repeat right 14px center #175abf;
}
.productPage .sidebar .title.on{
	background-image:url(../images/triangle13.png);
}
.productPage .sidebar .title .tit {
	line-height: 50px;
	font-size: 20px;
}
.productPage .sidebar .title .line {
	display: none;
}
.productPage .sidebar .menu {
	margin-top: 0px;
	display: none;
}
.productPage .sidebar .menu > ul > li > a {
	height: 46px;
	line-height: 46px;
	text-indent: 0;
	text-align: center;
}
.productPage .sidebar .menu > ul > li > ul li a {
	height: 44px;
	line-height: 44px;
	text-indent: 0;
	text-align: center;
}
.productPage .sidebar .menu > ul > li > ul li a:hover {
	background-color: #fff;
	background-position: right -20px center;
}
.productPage .sidebar .advertising,
.productPage .sidebar .recommend {
	display: none;
}

.productPage .contentRight {
	width: 100%;
	float: none;
	margin-top: 20px;
}
.productPage .productList li {
	width: 49%;
	margin: 0 0 10px 0;
	padding-right: 5px;
	box-sizing: border-box;
}
.productPage .productList li:nth-child(even) {
	padding-right: 0;
	padding-left: 5px;
}
.productPage .productList li a {
	padding: 10px;
}
.productPage .productList li a:hover {
	box-shadow: none;
}
.productPage .productList li a:hover .pic img {
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
}
.productPage .productList li a:hover .more {
	background: url(../images/arrow1.png) no-repeat right 20px center #f4f4f4;
	color: #666666;
}
.productPage .productList li .pic {
	height: auto;
}
.productPage .productList li .tit {
	height: 20px;
	line-height: 20px;
	font-size: 16px;
	margin-top: 12px;
}
.productPage .productList li .txt {
	height: 60px;
	line-height: 20px;
	font-size: 12px;
	margin-top: 6px;
}
.productPage .productList li .more {
	width: 100px;
	height: 32px;
	line-height: 32px;
	text-indent: 14px;
	font-size: 12px;
	margin: 12px 0 0 0;
	background-position: right 10px center;
}
.productPage .paging {
	margin-top: 10px;
}
.productPage .productDetails .introduction{
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
}
.productPage .productDetails .introduction .content,
.productPage .productDetails .introduction .pic {
	width: 100%;
	float: none;
}
.productPage .productDetails .introduction .content .title {
	line-height: 32px;
	font-size: 22px;
	padding: 12px 0;
}
.productPage .productDetails .introduction .content .text {
	padding: 12px 0;
}
.productPage .productDetails .introduction .content .text .p2 {
	line-height: 24px;
	font-size: 14px;
	margin-top: 2px;
}
.productPage .productDetails .details {
	margin-top: 12px;
}
.productPage .productDetails .details .tab li {
	width: 25%;
	padding: 0;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	text-align: center;
}
.productPage .productDetails .details .tabBox .article {
	padding: 16px 14px;
	line-height: 22px;
	font-size: 14px;
}
.productPage .recommend .swiper-container {
	margin-top: 10px;
}
.productPage .recommend .swiper-container .swiper-slide .text {
	height: 40px;
	line-height: 40px;
	border-top: solid 1px #f7f7f7;
}

}

#prodetail {background-color:#f7f7f7; padding-bottom:40px;}
@media (max-width: 1400px) and (min-width: 1200px){
    .productPage .contentRight {
    width: 930px;
}
}
#SolutionInfo{ background-color: #f7f7f7; }
#SolutionInfo img{ max-width: 100%; }
#SolutionInfo .top{ padding-top: 2.77%; }
#SolutionInfo .top .ImgBlock{ float: left; display: inline-block; width: 41.66%; }
#SolutionInfo .top .BigImg{ display: block; background-color: #fff; margin-bottom: 10px; background: #fff; padding: 20px;}
#SolutionInfo .top .ImgBlock img{ display: block; width: 100%; }
#SolutionInfo .top .r_cont{ float: right; display: inline-block; width: 54.16%; font-size: 16px; color:#666666; padding-top: 3%; }
#SolutionInfo .top .h2{ color:#000000; margin-bottom: 1%; }
#SolutionInfo .top .title{ color:#000000; padding:1.2% 0; }
#SolutionInfo .top .title2{ color:#258cdb; padding:1.2% 0; font-weight:bold; }
#SolutionInfo .top .des{ margin-bottom: 2%; line-height: 1.6em; }
#SolutionInfo .top .line{ height: 1px; background-color: #e0e0e0; display: block; margin:2% 0; }
#SolutionInfo .top .other{ padding-top: 4%; font-size: 16px; }
#SolutionInfo .top .other a{ color:#258cdb; border:1px solid #258cdb; border-radius: 5px; display: inline-block; padding:0 30px; line-height: 40px; transition: all 0.3s ease-in-out; }
#SolutionInfo .top .other span{ display: inline-block; }
#SolutionInfo .top .zxkf{ margin-right: 25px; }
#SolutionInfo .top .zxkf span{ padding-left: 25px; background:url(../images/pi_icons1.png) no-repeat left center; }
#SolutionInfo .top .lyzx span{ padding-left: 29px; background:url(../images/pi_icons2.png) no-repeat left center; }
#SolutionInfo .top .other a:hover{ background-color:#258cdb; color:#fff; }
#SolutionInfo .top .zxkf:hover span{ background:url(../images/pi_icons1_hover.png) no-repeat left center; }
#SolutionInfo .top .lyzx:hover span{ background:url(../images/pi_icons2_hover.png) no-repeat left center; }
#SolutionInfo .TabBox{ padding: 2.6% 0; }
#SolutionInfo .TabBox .ATBox{ margin-bottom: 0; }
#SolutionInfo .ATBox{ background-color: #e3e2e2; line-height: 50px; font-size: 16px; margin-bottom:30px; }
#SolutionInfo .ATBox span{ color:#333333; display: inline-block; padding:0 25px; position: relative; }
#SolutionInfo .ATBox span+span:before{ content: ""; position: absolute; left: 0; top:35%; display: block; height: 30%; background-color: #c3c3c3; width: 1px; }
#SolutionInfo .ATBox .on{ background-color: #258cdb; color:#fff; }
#SolutionInfo .ATBox .on:before{ background-color: transparent; }
#SolutionInfo .ATBox .on+span:before{ background-color: transparent; }
#SolutionInfo .TabBox .TabCont{ padding:2.08%; background-color:#fff; }
#SolutionInfo .TabBox .cont{ font-size: 15px; color:#333333; line-height: 32px; }
#SolutionInfo .TabBox .cont table{ border:1px solid #f3f3f3; width: 100%; text-align: center; vertical-align: middle; border-spacing: initial; }
#SolutionInfo .TabBox .cont table tr:nth-child(odd){ background-color:#f5f5f5; }
#SolutionInfo .TabBox .cont table td{ width: 50%; padding:8px 15px; }
#SolutionInfo .Prolist{ text-align: center; padding-bottom: 2.5%; position: relative; z-index: 2; }
#SolutionInfo .Prolist .Box{ display: block; }
#SolutionInfo .Prolist .imgBox{ display: block; overflow:hidden; position: relative; }
#SolutionInfo .Prolist img{ max-width: 100%; display: block; transition: all 0.3s; transform: scale(1); }
#SolutionInfo .Prolist .item{ padding:0 10px; }
#SolutionInfo .Prolist .owl-pro{ margin:0 -10px; box-sizing: border-box; width: auto; position: static; }
#SolutionInfo .Prolist .owl-buttons{}
#SolutionInfo .Prolist .owl-buttons>div{ position: absolute; top: -60px; margin:0; display: block; border:6px solid transparent; height: 0; width: 0; right: 15px; }
#SolutionInfo .Prolist .owl-buttons .owl-prev{ border-right-color:#ababab; margin-right: 15px; }
#SolutionInfo .Prolist .owl-buttons .owl-next{ border-left-color:#ababab; }
#SolutionInfo .Prolist .owl-buttons .owl-prev:hover{ border-right-color: #787878; }
#SolutionInfo .Prolist .owl-buttons .owl-next:hover{ border-left-color: #787878; }
#SolutionInfo .Prolist .mark{ display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; transition:all 0.3s; transform: translateY(10%); background-color:rgba(0,84,165,0.8); opacity: 0; font-size:14px; color:#fff; line-height: 2.2em; }
#SolutionInfo .Prolist .table{ display: table; height: 100%; width: 100%; }
#SolutionInfo .Prolist .t-cell{ display: table-cell; vertical-align: middle; text-align: center; padding:0 3%; }
#SolutionInfo .Prolist .des{ max-width: 215px; margin:0 auto;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#SolutionInfo .Prolist .title{ font-size: 16px; color:#333333; line-height: 72px; margin:0 2%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
#SolutionInfo .Prolist .Box:hover img{ transform: scale(1.06); }
#SolutionInfo .Prolist .Box:hover .title{ color: #258cdb; }
#SolutionInfo .Prolist .Box:hover .mark{ opacity: 1; transform: translateY(0); }



#SolutionInfo .top .imgList .item{ position: relative; }
#SolutionInfo .top .imgList .item:before{ position: absolute; display: block; height: 100%; width: 100%; content: ""; background-color: rgba(0,84,165,0.15); opacity: 0; transition:all 0.3s; }
#SolutionInfo .top .imgList .on .item:before{ opacity: 1; }
#SolutionInfo .top .imgList{ position: relative; padding:0 20px; }
#SolutionInfo .top .owl-list{ margin:0; position: static; }
#SolutionInfo .top .owl-controls{ margin:0; display: block; }
#SolutionInfo .top .owl-buttons>div{ display: block; height: 100%; width: 15px; background-color: #fff; background-position: center; position: absolute; top:0; background-repeat: no-repeat; cursor: pointer; margin:0; }
#SolutionInfo .top .owl-buttons>div:hover{ background-color:#175abf; }
#SolutionInfo .top .owl-buttons .owl-prev{ background-image: url(../images/p_jt1.png); left: -20px; }
#SolutionInfo .top .owl-buttons .owl-next{ background-image: url(../images/p_jt2.png); right: -20px; }
#SolutionInfo .top .owl-buttons .owl-prev:hover{ background-image: url(../images/p_jt1_hover.png); }
#SolutionInfo .top .owl-buttons .owl-next:hover{ background-image: url(../images/p_jt2_hover.png); }
#SolutionInfo .top .item{ margin:0 5px; cursor: pointer; }


.c_l {
    clear: both;
    height: 0px;
    font-size: 0px;
    overflow: hidden;
}
.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init*/
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon*/
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
/* fix*/
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.owl-theme .owl-controls{/*margin-bottom:20px;*/text-align: center;}
/* Styling Next and Prev buttons*/
.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:38px; height:74px;/*IE7 life-saver*/ text-indent:40px; margin-top:-16%; z-index:9; position:relative; overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{/*background:url(../images/i_pro_left.png) no-repeat;*/ float:left;}
.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{/*background:url(../images/i_pro_left_on.png) no-repeat;*/}
.owl-theme .owl-controls .owl-buttons div.owl-next{/* background:url(../images/i_pro_right.png) no-repeat;*/ float:right;}
.owl-theme .owl-controls .owl-buttons div.owl-next:hover{/*background:url(../images/i_pro_right_on.png) no-repeat;*/ }
/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;}
.owl-theme .owl-controls .owl-page span{display: block;width: 10px;height: 10px;margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#ccc;}
.owl-theme .owl-controls .owl-page.active span{background:#4cb6ed;}
/* If PaginationNumbers is true 
.owl-theme .owl-controls.clickable .owl-page:hover span*/
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
/* preloading images*/
.owl-item.loading{min-height: 150px;background: url(../images/AjaxLoader.gif) no-repeat center center}
@media screen and (max-width: 1440px) {
	#SolutionInfo .top .r_cont{ padding-top: 2%; }
}
@media screen and (max-width: 992px) {
	#Productinfo .top .r_cont{ font-size: 14px; }
}
@media screen and (max-width: 780px) {
	#SolutionInfo .top .ImgBlock{ width: 100%; }
	#SolutionInfo .top .r_cont{ width: 100%; padding-top: 6%; }
	#SolutionInfo .TabBox .cont{ font-size: 14px; }
	#SolutionInfo .top .other{ padding-top: 0; font-size: 14px; }
	#SolutionInfo .top .other a{ line-height: 32px; padding:0 25px; }
	#SolutionInfo .top .other span{ background-size:14px; padding-left:18px; }
	#SolutionInfo .ATBox{ font-size: 14px; line-height: 38px; margin-bottom: 13px; }
	#SolutionInfo .ATBox span{ padding:0 20px; }
	#SolutionInfo .TabBox{ padding:6% 0; }
	#SolutionInfo .Prolist .des{ line-height: 1.6em; }
}
@media screen and (max-width: 640px) {
#SolutionInfo .ATBox:after{ display: block; content: ""; clear: both; }
	#SolutionInfo .ATBox span{ width: 33.33%; float: left; display: inline-block; padding:0; text-align: center; }
	#SolutionInfo .ATBox span:nth-child(4):before{ display: none; }
	#SolutionInfo .Prolist .owl-pro{ margin:0 -2px; }
	#SolutionInfo .Prolist .item{ padding:0 2px; }
	#SolutionInfo .Prolist .owl-pr .icon{ height: 26px; width: 26px; }
	#SolutionInfo .Prolist .owl-pr .des{ font-size:12px; line-height: 18px; }
	#SolutionInfo .Prolist .owl-pr .title{ font-size: 14px; line-height: 22px; margin:5% 0 5%; }
	#SolutionInfo .Prolist .owl-buttons>div{ top: -39px; }
	#SolutionInfo .Prolist .title{ font-size: 14px; }
}
.projectintro{padding: 40px 10px;line-height: 30px}
.yellow {padding: 7px 0; margin: 3px; float:none; display:inline-block;margin-top: 20px}
.yellow B{ padding:0 3px; color:#f00}
.yellow em{ font-style:normal}
.yellow a {border: #ddd 1px solid; margin: 2px; padding: 4px 10px; text-decoration: none; color:#666}
.yellow a:hover {border: #145cbe 1px solid;background: #145cbe; color: #fff; text-decoration:none}
.yellow span.current {border: #145cbe 1px solid; font-weight: bold; margin: 2px; color: #fff; padding: 4px 10px;background: #145cbe; }
.yellow span.disabled {border: #eee 1px solid; padding: 4px 10px; margin: 2px; color: #aaa;background: #fff }

#allmap {width: 100%;height: 500px;margin-top:20px;overflow: hidden;}
#allmap b{color: #CC5522;font-size: 14px;}
#allmap img{max-width: none;}