﻿.t{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

.fc999{color:#999;}

.fc666{color:#666;}

.fc333{color:#333;}

.fcb4{color:#b4b4b4;}

.fc5a{color:#5a5a5a;}

.f12{font-size:12px;}

.f14{font-size:14px;}

.f16{font-size:16px;}

.f18{font-size:18px;}

.f21{font-size:21px;}

.f24{font-size:24px;}

.fwn{font-weight:normal;}

.fl{float:left;}

.fr{float:right;}

.text-center{text-align: center}

.mb50{margin-bottom: 50px;}

.xybg{background:url("../jpg/rctusx.jpg") repeat-y top center!important;}



/*body{zoom:0.9}*/

@font-face{font-family:'helveticainseratcyr';src:url('../eot/v44d8f.eot');src:local('☺'),url('../woff/v44d8f.woff') format('woff'),url('../ttf/v44d8f.ttf') format('truetype'),url('../svg/v44d8f.svg') format('svg');font-weight:normal;font-style:normal;}



@font-face {
  font-family: "sourcehansans"; /* 这个名字可以自己定义 */
  src: url("/templets/default/fonts/sourcehansans.eot"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/
  src: url("/templets/default/fonts/sourcehansans.eot?") format("embedded-opentype"),
    /* IE6-IE8 */ url("/templets/default/fonts/sourcehansans.woff") format("woff"),
    /* Modern Browsers */ url("/templets/default/fonts/sourcehansans.ttf") format("truetype"),
    /* Safari, Android, iOS */ url("/templets/default/fonts/sourcehansans.svg")
      format("svg"); /* Legacy iOS */
  font-weight: bold;
  font-style: normal;
}



body{font-family: "sourcehansans";}


.HomeF2{margin-top: -144px}


.fmh{font-family:helveticainseratcyr;}

.w1200{max-width:1110px;padding:0 15px;margin:0 auto;}
.w1000{max-width:1000px;padding:0px;margin:0 auto;}
.w910{max-width:910px;padding:0px;margin:0 auto;}
.w800{max-width:800px;padding:0px;margin:0 auto;}


.mianboxF{padding:30px 0;}

.mainTitle{ font-weight:600;text-align:center;text-transform:uppercase;line-height:1.1em;position:relative;top:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;color:#ccc;font-size:21px;font-family:helveticainseratcyr;}

.mainTitle .i{position:absolute;left:0;top:0;display:block;width:100%;height:100%;}

.mainTitleOn{top:-10px;}



.mainTitle .h4{font-weight:normal;font-size:16px;}

.mainTitleColor{color:#ccc;}

.red{ color: #7b181d }
.white{ color: #fff }
/*.mainTitleColor .span {background-image: url('../images/titlebg02-1.png');}

.mainTitleColor .bg {background-image: url('../images/titlebg03-1.png');}*/

.mainTitleColorF{color:#FFF;}



.yc_animate{opacity:0;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);}

.mainTitleOn{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);opacity:1;}

@media screen and (min-width:768px){

  .mianboxF{padding:50px 0;}

  .mainTitle{font-size:24px;}

}

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

  .mianboxF{padding:100px 0;}

  .mainTitle{font-size:40px;}

  .mainTitle .h4{font-size:18px;}

}

@media screen and (min-width:1230px){

  .w1200{padding:0;}

  .mianboxF{padding:100px 0;}

  .mainTitle{font-size:46px; letter-spacing:5px;color: #c4a7a8}

  .mainTitle .h4{font-size:28px;letter-spacing:1px;font-weight: 600;font-family: sourcehansans;}

}



/* -------------------------------------- 默认样式 -------------------------------------------------- */

.lang{background:#141414;padding:10px 15px;text-align:right;}

.lang a{color:#b4b4b4;}

.Hlang{display:none;float:left;}

.headbox{padding-right:15px;background:url(../jpg/nf1o68.jpg) no-repeat top center;}

.header{height: 58px; position: relative; z-index: 9999;}

.header .logo{width:200px;display:block;float:left;}

.header .navBtn{display:block;height:30px;width:45px;position:relative;margin-top:14px;cursor:pointer;float:right;}

.header .navBtn span{display:block;width:80%;height:4px;background: #ffffff;border-radius:5px;position:absolute;left:10%;transition:all .3s;}

.header .navBtn span.span1{top:70%;}

.header .navBtn span.span2{top:50%;margin-top:-2px;width:50%;}

.header .navBtn span.span3{bottom:70%;}

.header .navBtnon span.span1{transform:rotate(-45deg);top:50%;}

.header .navBtnon span.span2{background-color:transparent;}

.header .navBtnon span.span3{transform:rotate(45deg);top:50%;}

.header .headboxFidex{position:fixed;left:0;top:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s; width: 100%;}







.mainnav{margin-left:0px;margin-right:-15px;background:#141414;display:none;padding:10px 0;}

.mainnav ul li .navA{color:#FFF;display:block;padding:5px 10px;line-height:28px;font-size:16px;}

.mainnav ul li .dl a{padding:5px 15px 5px 30px;display:block;color:#fff;}

.mainnav ul li a:hover,.mainnav ul li.on .navA{background: #92262edb;color:#fff;}

.mainnav ul li .xl{display:none;}



/* banner */

.HomeBan .ul li a{display:block;}

.HomeBan .ul li a .pc{display:none;}

.HomeBan .list{position:relative;}

.HomeBan .bx-pager{position:absolute;width:100%;bottom:20px;text-align:center;}

.HomeBan .bx-pager .bx-pager-item{display:inline-block;margin:0 5px;}

.HomeBan .bx-pager .bx-pager-item a{display:block;width:10px;height:10px;background:#837a6d;border:2px solid transparent;overflow:hidden;line-height:999px;border-radius:100%;}

.HomeBan .bx-pager .bx-pager-item a.active,.HomeBan .bx-pager .bx-pager-item a:hover{border:2px solid #837a6d;background:none;}

.HomeBan .bx-prev{display:none;background:rgba(255,255,255,0.2) url('../png/nf1o68.png') no-repeat center;position:absolute;width:80px;height:80px;top:50%;margin-top:-40px;left:3%;border-radius:100%;line-height:999px;overflow:hidden;}

.HomeBan .bx-next{display:none;background:rgba(255,255,255,0.2) url('../png/oyqb2l.png') no-repeat center;position:absolute;width:80px;height:80px;top:50%;margin-top:-40px;right:3%;border-radius:100%;line-height:999px;overflow:hidden;}

.banner{position:relative;background: #fff;}

.banner .pc{display:none;}

.banner .bnext{background:url('../png/f1zwfx.png') no-repeat center / 100%;display:block;width:30px;height:91px;display:none;}

.banner .bnext .icon{width:2px;height:80px;display:block;background:#e60012;margin:100px auto 0;}

@keyframes dhuan{

  from{margin-bottom:30px;}

  50%{margin-bottom:0px;}

  to{margin-bottom:30px;}

}

@-moz-keyframes dhuan{

  from{margin-bottom:30px;}

  50%{margin-bottom:0px;}

  to{margin-bottom:30px;}

}

@-webkit-keyframes dhuan{

  from{margin-bottom:30px;}

  50%{margin-bottom:0px;}

  to{margin-bottom:30px;}

}

@-o-keyframes dhuan{

  from{margin-bottom:30px;}

  50%{margin-bottom:0px;}

  to{margin-bottom:30px;}

}

@media screen and (min-width:768px){

  .HomeBan .ul li a .pc{display:block;}

  .HomeBan .ul li a .pc img{width:100%;}

  .HomeBan .ul li a .wap{display:none;}

  .banner .pc{display:block;}

  .banner .pc  img{width:100%;}

  .banner .wap{display:none;}

}

@media screen and (min-width:1000px){

  .header{height:71px;background:url(../jpg/nf1o68.jpg) no-repeat top center;}

  .header .headbox{width:100%;z-index:999;padding-left:15px;padding-right:15px;}

  .headeron .headbox{box-shadow:0 0 5px #a0a0a0;}

  .header .logo{width:auto;padding:2px 80px; display: inline-block;float:none;}

  .header .logo img{ vertical-align: middle; height: 60px;}

  .header .navBtn{display:none;}



.header .mlogo{ display: none }







  .clear1000{display:none;}

  .mainnav{display:block;background:none;padding:0;float:left; width: 100%; text-align: center;margin-left:-68px;}

  .mainnav ul li{position:relative;width:160px;margin-left:5px; display: inline-block}

  .mainnav ul li .navA{background:none;color:#fff;display:block;line-height:71px;padding:0px 20px;position:relative;text-align:center;z-index:99;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

  .mainnav ul li .xl{position:absolute;width:100%;left:0;top:0;z-index:8;background:#e60012;padding:100px 0 10px;}

  .mainnav ul li .dl{opacity:0;position:relative;top:8px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

  .mainnav ul li .dl.dlon{opacity:1;top:0px;}

  .mainnav ul li .dl a{padding:5px 0;text-align:center;color:rgba(255,255,255,0.7);}

  .mainnav ul li .dl a:hover{color:#fff;}

  .mainnav ul li .navA span{display:block;position:relative;font-weight: bold;}

  .mainnav ul li .navA .i{position:absolute;width:0;bottom:-1px;display:block;height:1px;background:#fff;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

  .mainnav ul li.on .navA{color:#e60012;background:none;}

  .mainnav ul li:hover .navA{color:#fff;}

  .mainnav ul li:hover .navA .i{width:100%;}

  .Hlang span{display:inline-block;width:10px;text-align:center;font-size:21px;color:#b4b4b4;}

  .Hlang a{line-height:75px;position:relative;font-size:21px;color:#b4b4b4;}

  .Hlang a .i{display:block;width:0;height:1px;background:#b4b4b4;position:absolute;left:0;bottom:-5px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

  .Hlang a.on .i,.Hlang a:hover .i{width:100%;}

  .HomeBan .bx-prev{display:block;}

  .HomeBan .bx-next{display:block;}

  .HomeBan .bx-pager{bottom:50px;}

  .HomeBan .bx-pager .bx-pager-item{margin:0 10px;}

  .HomeBan .bx-pager .bx-pager-item a{width:16px;height:16px;border-width:1px;}

  .banner .bnext{display:block;position:absolute;bottom:20px;left:50%;margin-left:-22px;animation:dhuan 2s infinite;-moz-animation:dhuan 2s infinite;-webkit-animation:dhuan 2s infinite;-o-animation:dhuan 2s infinite;}

}





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

  .header .logo{ display: none;}



    .header .mlogo img{ display: inline-block;padding:5px; height: 60px; }

}









/* banner */

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

  .lang{display:none;}

  .Hlang{display:block;padding-left:20px;}

  .mainnav ul li{margin-left:5px;}

}

@media screen and (min-width:1000px){

  .header .headbox{padding:0 30px;}

  .Hlang{padding-left:40px;}

}

@media screen and (min-width:1400px){

  .header .headbox{padding:0 80px;}

}

@media screen and (min-width:1920px){

  .header .headbox{padding-left:105px;padding-right:100px;}

}

.HomeF1{padding:20px 0;}

.HomeF1 .HomeTitle{position:relative;padding-left:100px;line-height:35px;max-width:500px;margin:0 auto 20px;font-size:14px;border:1px solid #5a5a5a;}

.HomeF1 .HomeTitle span.span{display:block;width:100px;text-align:center;line-height:35px;font-weight:bold;color:#fff;height:100%;background:#5a5a5a;position:absolute;left:0;top:0;}

.HomeF1 .HomeTitle .time{text-align:center;}

.HomeF1 .List{position:relative;}

.HomeF1 .List .yc_zp{position:absolute;bottom:100px;left:0;opacity:0;z-index:-10;}

.HomeF1 .List ul li{margin-bottom:20px;width:49%;margin-right:2%;float:left;}

.HomeF1 .List ul li:nth-child(2n){margin-right:0;}

.HomeF1 .List ul li a.libox{display:block;position:relative;color:#fff;}

.HomeF1 .List ul li a.libox .img{overflow:hidden;}

.HomeF1 .List ul li a.libox .img img{width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

.HomeF1 .List ul li a.libox .txtbox{width:100%;display:none;height:100%;background:rgba(0,0,0,0.2);text-align:center;}

.HomeF1 .List ul li a.libox .txtbox .twap{padding:15px 0;}

.HomeF1 .List ul li .listT{text-align:center;}

.HomeF1 .List ul li .listT .sbg{line-height:40px;display:inline-block;color:#5a5a5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;}

.mianboxF .bt{text-align:center;}

.mianboxF .btbg{padding:0 40px;display:inline-block;background:url('../png/mp8l37.png') no-repeat 0 0;}

.mianboxF .bt .bg{background:url('../png/mdxpu8.png') no-repeat right 0;display:inline-block;}

.HomeF2{background:#fff;}

.HomeF2 .List{padding-top:20px;}



.HomeF2 .List ul li{position:relative;margin-bottom:10px;overflow:hidden; text-align: center; width: 25%;}

.HomeF2 .List ul li a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}



.HomeF2 .List ul li h3{ font-size: 24px; line-height: 48px; }









.HomeF2 .List .libox{width:inherit;height:inherit;display:block;position:relative;overflow:hidden;cursor:pointer;}

.HomeF2 .List .libox .icon{display:inline-block;width:77px;height:77px;margin-bottom:10px;}

.HomeF2 .List .libox .zm{color:#b4b4b4;border:1px solid #b4b4b4;background:#1e1e1e;}

.HomeF2 .List .libox .zm,.HomeF2 .List .libox .fm{padding:15px 20px;width:100%;height:100%;position:absolute;-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden; /* Chrome 和 Safari */-moz-backface-visibility:hidden;  /* Firefox */-ms-backface-visibility:hidden;}

.HomeF2 .List .libox .zm{z-index:2;display:none\0;}

.HomeF2 .List .libox .zm img,.HomeF2 .List .libox .fm img{width:100%;height:100%;}

.HomeF2 .List .libox .fm{background:#e6000a;color:#fff;border:1px solid #e6000a;}

.HomeF2 .List .libox:hover .zm{opacity:0;}

.HomeF2 .List .libox:hover .fm{opacity:1;}

.HomeF2 .List .libox .h3{font-size:16px;font-weight:normal;}

.HomeF3 .List{padding-top:15px;}

.HomeF3 .List .swiper-container a{display:block;text-align:center;}

.HomeF3 .List .swiper-container .swiper-slide{padding:0px;}

/**.HomeF3 .List .swiper-container a.on img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}

**/.HomeF3 .swiper-pagination{position:static;margin-top:15px;}

.HomeF3 .swiper-pagination .swiper-pagination-bullet-active{background:none;border:2px solid #b4b4b4;}

.HomeF3 .List .swiper-container a img{width:100%;}

@media screen and (min-width:540px){

  .HomeF1 .HomeTitle{padding-left:165px;}

  .HomeF1 .HomeTitle span.span{width:165px;}

  .HomeF1 .List ul li{width:48%;margin-right:4%;float:left;}

  .HomeF1 .List ul li:nth-child(2n){margin-right:0;}

  .HomeF2 .List ul li{width:48%;position:relative;float:left;margin-right:4%;margin-bottom:4%;}

  .HomeF2 .List ul li:nth-child(2n){margin-right:0;}

}

@media screen and (min-width:768px){

  .HomeF1 .List{padding:20px 0;}

  .HomeF1 .List ul li{width:23.5%;margin-right:2%;float:left;}

  .HomeF1 .List ul li:nth-child(2n){margin-right:2%;}

  .HomeF1 .List ul li:nth-child(4n){margin-right:0;}

  .HomeF1 .HomeTitle{margin:30px auto;line-height:40px;font-size:24px;}

  .HomeF1 .HomeTitle span.span{line-height:40px;}

  .HomeF2 .List ul{ text-align: center }

  .HomeF2 .List ul li{width:19%;position:relative;display:inline-block;margin:2% 3%; float: none}

  .HomeF2 .List ul li:nth-child(2n){margin-right:2%;}

  .HomeF2 .List ul li:nth-child(3n){margin-right:0;}

}

@media screen and (min-width:1000px){

  .HomeF1 .List{padding:40px 0;}

  .HomeF1 .List ul li .listT .sbg{margin-top:10px;font-size:18px;background:url('../png/0o61w6.png') no-repeat 0 center;padding-left:25px;text-align:left;width:auto;max-width:100%;}

  .HomeF1 .List ul li a.libox .txtbox{display:block;opacity:0;position:absolute;width:100%;top:0;left:0;height:100%;background:rgba(0,0,0,0.5);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

  .HomeF1 .List ul li a.libox:hover .txtbox{opacity:1;}

  .HomeF1 .List ul li a.libox:hover .img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}

  .HomeF1 .List ul li a.libox .txtbox .twap{position:absolute;font-size:18px;width:100%;top:50%;--webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}

  .HomeF1 .List ul li a.libox .txtbox .twap .h3{font-size:28px;padding-bottom:10px;font-weight:bold;}

  .HomeF1 .List ul li a.libox .txtbox .twap .h4{font-weight:bold;font-size:21px;padding-bottom:20px;}

  .HomeF1 .List ul li a.libox .txtbox .twap .txt,.HomeF1 .List ul li a.libox .txtbox .twap .h5{font-size:16px;font-weight:normal;line-height:30px;}

  .mianboxF .bt{position:relative;top:30px;}

  .mianboxF .btbg{font-size:26px;padding:0 50px;}

  .mianboxF .btbg .p{font-size:16px;}

  .HomeF2 .List{padding-top:80px;}

  .HomeF2 .List ul li.li4,.HomeF2 .List ul li.li5,.HomeF2 .List ul li.li6,.HomeF2 .List ul li.li7{width:23.5%;text-align:center;}

  .HomeF2 .List ul li.li6{margin-right:2%;}

  .HomeF2 .List ul li.li7{margin-right:0;}

  .HomeF2 .List ul li.li1,.HomeF2 .List ul li.li2,.HomeF2 .List ul li.li3{height:155px;}

  .HomeF2 .List ul li.li1 .zm,.HomeF2 .List ul li.li1 .fm{padding-right:90px;padding-top:60px;}

  .HomeF2 .List ul li.li2 .zm,.HomeF2 .List ul li.li2 .fm{padding-right:90px;padding-top:60px;}

  .HomeF2 .List ul li.li3 .zm,.HomeF2 .List ul li.li3 .fm{padding-right:90px;padding-top:60px;}

  .HomeF2 .List ul li.li1 .zm .iconbox,.HomeF2 .List ul li.li1 .fm .iconbox{position:absolute;top:50%;margin-top:-40px;right:10px;}

  .HomeF2 .List ul li.li2 .zm .iconbox,.HomeF2 .List ul li.li2 .fm .iconbox{position:absolute;top:50%;margin-top:-40px;right:10px;}

  .HomeF2 .List ul li.li3 .zm .iconbox,.HomeF2 .List ul li.li3 .fm .iconbox{position:absolute;top:50%;margin-top:-40px;right:10px;}



  .HomeF3 .swiper-pagination{margin-top:20px;}

  .HomeF3 .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;}

  .HomeF3 .List{padding-top:30px;}

}

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

  .HomeF2 .List ul li.li1 .zm,.HomeF2 .List ul li.li1 .fm{padding-right:135px;padding-left:45px;padding-top:40px;}

  .HomeF2 .List ul li.li2 .zm,.HomeF2 .List ul li.li2 .fm{padding-right:135px;padding-left:45px;padding-top:40px;}

  .HomeF2 .List ul li.li3 .zm,.HomeF2 .List ul li.li3 .fm{padding-right:135px;padding-left:45px;padding-top:40px;}

  .HomeF2 .List ul li.li1 .zm .iconbox,.HomeF2 .List ul li.li1 .fm .iconbox{right:55px;}

  .HomeF2 .List ul li.li2 .zm .iconbox,.HomeF2 .List ul li.li2 .fm .iconbox{right:55px;}

  .HomeF2 .List ul li.li3 .zm .iconbox,.HomeF2 .List ul li.li3 .fm .iconbox{right:55px;}

  .HomeF2 .List .libox .h3{font-size:27px;}

  .HomeF2 .List .libox .p{font-size:19px;}

  .HomeF2 .List ul li{height:188px;}

  .HomeF2 .List ul li.li1,.HomeF2 .List ul li.li2,.HomeF2 .List ul li.li3{height:165px;}

}

.bottomBottom{background:#3d3d3d;padding:10px 0;text-align:center;}

.bottomBottom,.bottomBottom a{color:#787878;}

.w1600{max-width:1600px;margin:0 auto;padding:0 15px;}
.w1250{max-width:1250px;margin:0 auto;padding:0px;}
.footer{background-repeat:no-repeat;background-position:center;padding:80px 0;display:none; color: #adadad}

.footer .address{margin:50px 0 0px 0px; font-size: 16px;font-weight: 600;text-indent: 2em;color: #adadad}
.footer .address .fr{ text-indent: 0px; padding-right:30%;}
.footer .w1250 .Bcon{padding:0 110px 0 160px;position:relative;}

.footer .w1250 .Bcon .bimg{position:absolute;left:0;top: 30px;}

.footer .w1250 .Bcon .rwm{position:absolute;right:0;top:50px;}

.footer .w1250 .Bcon .bottomCon{min-height:230px;border-left:1px solid #fff; padding-left:30px;}

.footer .w1250 .Bcon .bottomCon ul li{float:left;}

.footer .w1250 .Bcon .bottomCon ul li:nth-child(1){width:18%;}
.footer .w1250 .Bcon .bottomCon ul li:nth-child(2){width:13%;}
.footer .w1250 .Bcon .bottomCon ul li:nth-child(3){width:20%;}
.footer .w1250 .Bcon .bottomCon ul li:nth-child(4){width:12%;}
.footer .w1250 .Bcon .bottomCon ul li:nth-child(5){width:12%;}
.footer .w1250 .Bcon .bottomCon ul li:nth-child(6){width:12%;}
.footer .w1250 .Bcon .bottomCon ul li:nth-child(7){width:10%;}




.footer .w1250 .Bcon .bottomCon ul li .dl dt{font-size:16px;color:#fff;padding-bottom:5px;}

.footer .w1250 .Bcon .bottomCon ul li .dl dd a{line-height:24px;color:#adadad;display:block; font-weight: 600}

.footer .w1250 .Bcon .bottomCon ul li .dl dd a:hover{color:#fff;}

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

  .bottomBottom{padding:25px 0;font-size:18px;}

  .footer{display:block;background-size:cover}


}

.bottomBottom a:hover{color:#fff;}

@media screen and (min-width:1400px){

  .footer .w1250 .Bcon{padding:0 110px 0 160px;}

  .footer .w1250 .Bcon .bottomCon ul li .dl dt{padding-bottom:8px;font-size:18px;}

  .footer .w1250 .Bcon .bottomCon ul li .dl dd a{line-height:28px;font-size:16px;}

}

@media screen and (min-width:1600px){

  .footer .w1250 .Bcon{padding:0 110px 0 160px;}



}

.IndexInfoTitle .span{display:inline-block;padding:8px 25px;border:1px solid #313131;color:#5a5a5a;font-size:18px;}

.IndexInfoBox{position:relative;}

.IndexInfoBox img{max-width: 100%!important; height: auto!important}

.IndexInfoBox .pc{display:none;}

.IndexInfoBox{padding:20px 0;}

.IndexInfoBox .videoBox{position:relative;overflow:hidden;font-size: 16px;}













/*.IndexInfoBox .videoBox .img {position: relative;z-index: 3;}*/

.IndexInfoBox .videoBox .img img{width:100%;}

.IndexInfoBox .videoBox .video{width:100%;height:100%;}

.IndexInfoBox .videoBox .video video{width:100%;height:100%;object-fit:cover;}

.IndexInfoBox .videoBox .btn{position:absolute;display:block;left:0;top:0;width:100%;height:100%;z-index:4;background:url(../png/nl3l50.png) no-repeat center;}

.IndexInfoBox .videoBox .videoon{z-index:8;}

.IndexInfoBox .partakeTopList ul{font-size:0;}

.IndexInfoBox .partakeTopList ul li{display:inline-block;padding:10px;width:50%;line-height:30px;}

.IndexInfoBox .partakeTopList ul li a{display:block;margin:0 auto;max-width:156px;position:relative;padding:1px;}

.IndexInfoBox .partakeTopList ul li a img{width:100%;border-radius:156px;overflow:hidden;}

.IndexInfoBox .partakeTopList ul li a svg{position:absolute;width:100%;height:100%;z-index:3;left:0;top:0;}

.IndexInfoBox .partakeTopList ul li .h3{text-align:center;color:#7c191e;padding-top:10px;font-size:16px;font-weight:bold;}

.IndexInfoBox .partakeTopList ul li .h4{text-align:center;color:#5a5a5a;font-size:14px;font-weight:normal;}

.IndexInfoBox .partakeInfo{padding:20px 0 0;}

.IndexInfoBox .partakeInfo ul li{color:#5a5a5a;line-height:2em;}

.IndexInfoBox .divp{padding:15px 0;}

.IndexInfoBox .iconpimg{position:absolute;right:-8%;bottom:-108px;max-width:28%;text-align:right;display:none;}

.IndexInfoBox .iconpimg01{right:-3px;bottom:-110px;}



.ptlogo{ line-height:39px; margin-top:10px;  }

.ptlogo a{ margin-right:15px;}

@media screen and (min-width:640px){

  .IndexInfoBox .partakeTopList ul li{width:33.33%;}

}

@media screen and (min-width:768px){

  .IndexInfoBox .partakeTopList ul li{width:25%;}

}

@media screen and (min-width:1000px){

  .IndexInfoTitle .span{font-size:28px;}

  .IndexInfoBox .pc{display:block;}

  .IndexInfoBox .wap{display:none;}

  .IndexInfoBox{padding:50px 0;}

  .IndexInfoBox .partakeTopList ul li{width:16.66%;}

  .IndexInfoBox .partakeTopList ul li .h3{font-size:21px;}

  .IndexInfoBox .partakeTopList ul li .h4{font-size:16px;}

  .IndexInfoBox .partakeInfo ul li{float:left;width:485px;font-size:16px;}

  .IndexInfoBox .divp{font-size:16px;line-height:2em;padding-top:30px;}

}

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

  .IndexInfoBox .iconpimg{display:block;}

  .IndexInfoBox .partakeInfo{padding-top:40px;}

}

@media screen and (min-width:1920px){

  .IndexInfoBox .iconpimg01{max-width:40%;}

}

.ZJMultilinkage{max-width:1200px;margin:0 auto;overflow:hidden;}

.ZJMultilinkage .list_img{position:relative;}

.ZJMultilinkage .big_img{position:relative;width:84%;float:left;}

.ZJMultilinkage .big_img img{width:100%;}

.ZJMultilinkage .list{position:relative;max-width:100%;float:right;width:13.5%;height:100%;}

.ZJMultilinkage .list .bd{position:relative;width:100%;padding:40% 0;}

.ZJMultilinkage .list a{position:absolute;width:100%;height:20px;left:0px;border-radius:100%;z-index:88;background:url('../png/ttto0u.png') no-repeat center top;cursor:pointer;}

.ZJMultilinkage .list a.prev{top:0;}

.ZJMultilinkage .list a.onA{background-color:#2c7ede;border-color:#2c7ede;}

.ZJMultilinkage .list a.next{bottom:0;background:url('../png/jlijya.png') no-repeat center bottom;}

.ZJMultilinkage .list a.prevStop,.ZJMultilinkage .list a.nextStop{cursor:default;}

.ZJMultilinkage .list li{position:relative;width:100%;margin-bottom:10%;}

.ZJMultilinkage .list li .Ispic{width:100%;}

.ZJMultilinkage .list li .imgBox{opacity:.8;}

.ZJMultilinkage .list li.on .imgBox{opacity:1;}

@media screen and (min-width:1000px){

  .ZJMultilinkage .list a{right:0px;}

  .ZJMultilinkage .list{width:13.2%;}

  .ZJMultilinkage .list li{position:relative;width:100%;margin-bottom:13%;}

  .ZJMultilinkage .list a{height:40px;}

  .ZJMultilinkage .list a.prev{background-position:center;}

  .ZJMultilinkage .list a.next{background-position:center;}

}

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

  .ZJMultilinkage .big_img{width:990px;}

  .ZJMultilinkage .list{width:195px;}

  .ZJMultilinkage .list .bd{padding:40px 0;}

  .ZJMultilinkage .list li{margin-bottom:15px;}

  .ZJMultilinkage .list a.next{bottom:16px;}

}

.CooperationF4{color:#fff;background-repeat:no-repeat;background-size:cover;background-position:center;}

.CooperationF4 .mainTitle{color:#fff;}

.CooperationF4 .CoopTxt{max-width:350px;margin:0 auto;padding-top:30px;text-align:center;}

.CooperationF4 .CoopTxt .h3{font-weight:normal;}

.CooperationF4 .CoopTxt .h3 .span{position:relative;display:inline-block;padding:0 10px;}

.CooperationF4 .CoopTxt .h3 .span .i{width:30px;height:1px;background:#fff;position:absolute;left:-30px;top:50%;}

.CooperationF4 .CoopTxt .h3 .span .ic{left:auto;right:-30px;}

.CooperationF4 .CoopTxt .txt{padding-top:20px;text-align:left;}

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

  .CooperationF4{padding:120px 0 80px;}

  .CooperationF4 .CoopTxt{padding-top:120px;}

  .CooperationF4 .CoopTxt .h3{font-size:26px;}

  .CooperationF4 .CoopTxt .txt{font-size:21px;line-height:40px;text-align:center;}

}

.CooperationF5{background:#313131;color:#fff;}

.CooperationF5 .h3 .i{padding-left:10px;display:none;overflow:hidden;}

.CooperationF5 .on .h3 .i{display:inline-block;}

.CooperationF5 .ul{overflow:hidden;}

.CooperationF5 .ul li{border-bottom:1px solid rgba(255,255,255,0.5);padding:15px 0;cursor:pointer;}

.CooperationF5 .ul li.last{border-bottom:none;}

.CooperationF5 .ul li .h3{font-weight:normal;padding-bottom:8px;font-size:16px;}

.CooperationF5 .ul li .h4{font-weight:normal;padding-bottom:8px;font-size:14px;}

@media screen and (min-width:1000px){

  .CooperationF5 .ul{text-align:center;padding-left:80px;}

  .CooperationF5 .ul li{border-bottom:none;display:inline-block;max-width:390px;text-align:left;padding-right:110px;}

  .CooperationF5 .ul li:nth-child(2){max-width:460px;padding-left:110px;padding-right:0;background:url(../png/ha9teg.png) no-repeat left center;}

  .CooperationF5 .ul li.last{border-left:1px solid rgba(255,255,255,0.5);}

  .CooperationF5 .ul li .libox{max-width:366px;margin:0 auto;font-size:18px;}

  .CooperationF5 .ul li .libox .h3{font-size:26px;padding-bottom:40px;}

  .CooperationF5 .ul li .libox .h4{font-size:19px;padding-bottom:30px;}

  .CooperationF5 .h3 .i{padding-top:2px;height:1em;}

}

.CooperationF6 .map .mapCon img{max-width:none;}

.CooperationF6 .map .mapCon{width:100%;height:300px;}

@media screen and (min-width:1000px){

  .CooperationF6 .map .mapCon{height:610px;}

}

.usF01 .TxtCon{padding-top:30px;}

@media screen and (min-width:1000px){

  .usF01{text-align:center;}

  .usF01 .TxtCon{font-size:18px;}

}

.usF02{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;}

.usF02 .usF02Con{margin-top:50px;vertical-align:bottom;position:relative;top:30px;width:100%;background:rgba(255,255,255,0.7);color:#3d3d3d;padding:20px 0;}

.usF02 .usF02Con .h3{font-weight:normal;font-size:16px;text-align:center;font-family:helveticainseratcyr;color: #7b181d}

.usF02 .usF02Con .h3 span{display:block;}

.usF02 .usF02Con .txt{padding-top:20px;}




@media screen and (min-width:768px){

  .usF02 .usF02Con{top:50px;}

  .usF02 .usF02Con .h3 span{margin-left:40px;    text-align: left;}

}

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

  .usF02 .usF02Con{top:100px;text-align:center;padding:40px 0;margin-top:300px;font-size:16px;line-height:2.5em;color: #3d3d3d;}

  .usF02 .usF02Con .h3{font-size:52px; font-weight: 600;color: #7b181d}

  .usF02 .usF02Con .h3 span{display:inline-block;font-size:28px;vertical-align: middle;}

}









.usF03 .IndexInfoBox ul li a.more{display:block;width:115px;height:24px;border-radius:24px;font-size:14px;text-align:center;line-height:24px;border:1px solid #b4b4b4;color:#b4b4b4;padding:0 10px;margin:15px auto 0;}

.usF03 .IndexInfoBox ul li a.more:hover{color:#e6000a;border-color:#e6000a;}

.usF03 .IndexInfoBox .partakeTopList ul li a.svgA{padding:8px;}

@media screen and (min-width:640px){

  .usF03 .IndexInfoBox .partakeTopList ul{text-align:center;}

  .usF03 .IndexInfoBox .partakeTopList ul li{width:33.33%;padding:30px 10px;}

  .usF03 .IndexInfoBox .partakeTopList ul li a{display:block;margin:0 auto;max-width:305px;}

  .usF03 .IndexInfoBox .partakeTopList ul li .h3{padding-top:28px;font-size:33px;}

  .usF03 .IndexInfoBox .partakeTopList ul li .h4{font-size:17px;padding-top:6px;}

  .usF03 .IndexInfoBox ul li a.more{margin-top:20px;}

}

@media screen and (min-width:1000px){

  .usF03 .IndexInfoBox .partakeTopList ul li a.svgA{padding:10px;}

}

.usF04{background:#1b1b1b;}

.usF04 .usF04List{padding-top:20px;}

.usF04 .usF04List ul li{padding:15px 0;float: left; width: 33.33%;}

.usF04 .usF04List ul li a{display:block;text-align:center;}

.usF04 .usF04List ul li a img{max-width:80%;}

.usF04 .usF04Txt{max-width:950px;margin:30px auto;background:url('../png/mp8l37.png') no-repeat 0 0;}

.usF04 .usF04Txt .usF04TxtBG{padding:0 50px;background:url('../png/mdxpu8.png') no-repeat right bottom;color:#b4b4b4;line-height:2em;}

.usF04 .usF04Txt .h3{color:#e6000a;}

.usF04 .usF04Txt .txtCon{padding-top:10px;}

@media screen and (min-width:640px){

  .usF04 .usF04List{padding:50px 0 30px;}

  .usF04 .usF04List ul li{width:33.33%;border-right:1px solid #a0a0a0;padding:0;float:left;}

  .usF04 .usF04List ul li:nth-child(3n){border-right:none;}

}

@media screen and (min-width:1000px){

  .usF04 .usF04Txt .usF04TxtBG{padding:0 110px;background-image:url('../png/np0yie.png');line-height:2.5em;}

  .usF04 .usF04List{padding:105px 0 95px;}

  .usF04 .usF04Txt .txtCon{padding-top:30px;}

  .usF04 .usF04Txt{background-image:url('../png/gqksxm.png');font-size:16px;}

  .usF04 .usF04Txt .h3{font-size:28px;}

}

.usF05{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;}

.usF05 .usF05Con{color:rgba(255,255,255,0.7);}

.usF05Con .List ul li{position:relative;cursor:pointer;padding-top:110px;margin-bottom:10px;overflow:hidden;text-align:center;margin-top:30px;}

.usF05Con .List ul li .a{display:block;position:absolute;left:0;top:0;width:100%;height:100px;}

.usF05Con .List ul li .a1{color:rgba(255,255,255,0.7);display:block;-webkit-transition:0.3;-moz-transition:0.3;-ms-transition:0.3;-o-transition:0.3;transition:0.3;}

.usF05Con .List ul li:hover .a1{color:#fff;}

.usF05Con .List .libox{width:inherit;height:inherit;display:block;position:relative;overflow:hidden;cursor:pointer;text-align:center;}

.usF05Con .List .libox .icon{display:inline-block;width:100px;height:100px;margin-bottom:10px;}

.usF05Con .List .libox .zm,.usF05Con .List .libox .fm{width:100%;height:100%;position:absolute;transition:all .5s;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden; /* Chrome 和 Safari */-moz-backface-visibility:hidden;  /* Firefox */-ms-backface-visibility:hidden;}

.usF05Con .List .libox .zm{z-index:2;display:none\0;}

.usF05Con .List .libox .zm img,.usF05Con .List .libox .fm img{width:100%;height:100%;}

.usF05Con .List .libox .fm{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);color:#fff;}

.usF05Con .List ul li:hover .libox .zm{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}

.usF05Con .List ul li:hover .libox .fm{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);}

.usF05Con .List .txt{font-size:15px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;}

.usF05Con .List ul li:hover .txt{color:#fff;}

.usF05Con .List ul li .txt .h3{font-weight:normal;font-size:18px;}

.usF05Con .List ul li .txt div.p{padding-top:8px;}

.usF05.mainTitleOn{/*top: 0;*/}


.usF05 .p{ font-family: "sourcehansans;";  font-size:28px; line-height: 46px; letter-spacing: 0px}
.usF05 h4{ font-size: 38px!important; line-height: 48px }




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

.usF05 .usF05Con{padding:0 10px;}
.usF05 .p{ font-family: "sourcehansans;";  font-size:16px; line-height: 28px; letter-spacing: 0px}
.usF05 h4{ font-size: 28px!important; line-height: 38px }




  .usF05Con .List ul li{padding-top: 0; padding-left: 100px; min-height: 80px;}

  .usF05Con .List .libox .icon{width: 80px;height: 80px;}

  .usF05Con .List ul li .a{height: 80px;left: 0;top:0; width: 80px;}

  .usF05Con .List ul li .a1{text-align: left;}

}





@media screen and (min-width:540px){

  .usF05Con .List ul li{float:left;width:50%;margin-bottom:20px;}

}

@media screen and (min-width:768px){

  .usF05Con .List ul li .txt{padding-top:20px;}

  .usF05Con .List ul li .txt .h3{font-size:26px;}

  .usF05Con .List ul li .txt div.p{line-height:1.8em;font-size:14px;padding-top:10px;}

}

@media screen and (min-width:1000px){

  .usF05Con .List ul li{float:left;width:25%;margin-bottom:0px;}

  .usF05Con .List{padding-top:135px;}

  .usF05Con .List ul li .txt{padding-top:30px;}

}

.bodyBG{background:#f5f5f5;}

.usF06List{padding-top:30px;}

.usF06List ul li{padding:20px 10px;}

.usF06List ul li a{display:block;margin:0 auto;max-width:156px;position:relative;padding:8px;}

.usF06List ul li a img{width:100%;border-radius:156px;overflow:hidden;}

.usF06List ul li a svg{position:absolute;width:100%;height:100%;z-index:3;left:0;top:0;}

.usF06List ul li .h3{text-align:center;color:#7c191e;padding-bottom:10px;font-size:16px;font-weight:bold;}

.usF06List ul li .h4{text-align:center;color:#5a5a5a;font-size:14px;font-weight:normal;}

.usF06List ul li .w1200{border-top:1px solid #7c191e;padding:10px;}

.usF06List ul li.last .w1200{border-bottom:1px solid #b4b4b4;}

.usF06List ul li .txtBox{padding-top:10px;line-height:30px;}

.usF06List ul li .txtdd{padding-top:15px;}

.usF06List ul li .txtdd .dl dd{padding-left:15px;background:url('../png/6475hc.png') no-repeat 0 10px;line-height:30px;}

@media screen and (min-width:768px){

  .usF06List{padding-top:60px;}

  .usF06List ul li{font-size:16px;}

  .usF06List ul li .h3{text-align:left;font-size:35px;}

  .usF06List ul li .h4{text-align:left;font-size:18px;}

  .usF06List ul li .w1200{position:relative;padding-left:200px;}

  .usF06List ul li .svgA{position:absolute;left:0;top:50%;--webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}

}

@media screen and (min-width:1000px){

  .usF06List{padding-top:120px;}

  .usF06List ul li{padding:0;}

  .usF06List ul li .txtdd{padding-top:35px;}

  .usF06List ul li .w1200{padding-top:75px;padding-bottom:75px;}

  .usF06List ul li .txtdd{display:none;}

  .usF06List ul li .w1200{padding-left:360px;}

  .usF06List ul li a.svgA{width:270px;max-width:270px;}

  .usF06List ul li:hover{background:#dcdcdc;}

}

.project-list{position:relative;overflow:hidden;}

.project__image{width:100%;background-size:100%;display:block;position:relative;}

.project__image:after{content:" ";width:100%;height:100%;position:absolute;left:0;top:0;transition:opacity .3s ease;opacity:0;}

.project__card{position:relative;will-change:transform;transition:box-shadow 0.3s ease;}

.project__card.hover-in{transition:-webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out;transition:transform 0.2s ease-out,-webkit-transform 0.2s ease-out;}

.project__card.hover-out{transition:-webkit-transform 0.2s ease-in;transition:transform 0.2s ease-in;transition:transform 0.2s ease-in,-webkit-transform 0.2s ease-in;}

.project:hover .project__image:after{opacity:1;}

.Gyzp_item{position:relative;}

.Gyzp_item .IndexInfoBox{position:static;}

.Teacherbox{position:relative;overflow:hidden;}



/*左侧大图和内容*/

.graybox2{position:relative;}

.graybox2 .img1{display:block;width:84%;}

.Teacherbox{position:absolute;top:0;left:0;right:0;bottom:0;}

.graybox2 .container{padding:0;margin:0;}

.Teacherbox #ifocus_tx{width:84%;float:left;position:relative;}

.Teacherbox #ifocus_tx ul{padding:0;margin:0;}

.Teacherbox #ifocus_tx li{width:100%;}

.Teacherbox #ifocus_tx li img{width:100%;}

.Teacherbox #ifocus_tx li.current{z-index:99;}



/*右侧小图*/

.Teacherbox #tFocusBtn{float:right;position:relative;width:14%;height:100%;}

.Teacherbox .tFocus-prevBtn{width:168px;height:20px;display:block;background:url(../png/zcl4b3.png) center center no-repeat;cursor:pointer;position:absolute;left:0px;top:47px;}

.Teacherbox .tFocus-prevBtn:hover{background:url(../png/l8dsxq.png) center center no-repeat;}

.Teacherbox .tFocus-nextBtn{background:url(../png/r459cw.png) center center no-repeat;position:absolute;left:0px;bottom:0px;height:20px;width:168px;cursor:pointer;}

.Teacherbox .tFocus-nextBtn:hover{background:url(../png/e8ynbs.png) center center no-repeat;}

.Teacherbox #ifocus_btn{position:absolute;overflow:hidden;top:0;right:0px;left:0;bottom:0;}

.Teacherbox #ifocus_btn ul{height:10000px;position:absolute;left:0;top:0;margin:0;padding:0;width:100%;}

.Teacherbox #ifocus_btn li{cursor:pointer;margin:7px 0;}

.Teacherbox #ifocus_btn li img{width:100%;}



/*人才储备系统*/

.reserve{max-width:1200px;margin:0 auto;padding:10px;padding-bottom:240px;}

.reserve .title{margin:150px 0 130px;}

.reserve .title .h1{font-size:21px;color:#ccc;margin:0;text-align:center;font-family:helveticainseratcyr;font-weight:400;}

.reserve .title .h1 img{display:inline-block;margin:0 10px 5px;vertical-align:middle;}

.reserve .title .h2{font-size:16px;margin:0;margin-top:20px;text-align:center;font-weight:400;}

.reserve .content{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:50px 0;}

.reserve .content h3{font-size:18px;text-align:center;margin-bottom:30px;}

.reserve .content p{text-align:center;line-height:30px;font-size:16px;margin:0 auto;max-width:1050px;}

.reserve  .h4{line-height:44px;background:#5a5a5a;font-size:21px;color:#fff;text-align:center;margin-top:110px;}

.reserve .img{width:100%;padding:100px 0;text-align:center;}

@media only screen and (min-width:768px){

  .reserve .title .h1{font-size:24px;}

  .reserve .title .h2{font-size:18px}

}

@media only screen and (min-width:1024px){

  .reserve .title .h1{font-size:55px;}

  .reserve .title .h2{font-size:28px}

}

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

  .reserve .title{margin:50px 0;}

}



/*生产运维系统*/

.trend{padding-bottom:240px;}

.trend .em{font-size:72px;color:#b4b4b4;}

.trend .em span{font-size:36px;}

.trend .trend_title{overflow:hidden;font-size:0;padding:80px 0 70px;}

.trend .trend_title .left{border-right:1px solid #ccc;padding:0 30px;display:inline-block;width:130px;vertical-align:middle;}

.trend .trend_title .right{width:calc(100% - 131px);display:inline-block;font-size:14px;line-height:30px;padding-left:30px;vertical-align:middle;}

.trend1{margin-top:20px;}

.trend1 .trend_content{position:relative;}

.trend1 .txt{position:absolute;background:rgba(230,22,31,0.9);font-size:0;padding:40px 90px;overflow:hidden;bottom:0;left:0;width:100%;}

.trend1 .txt .left{width:180px;display:inline-block;vertical-align:middle;}

.trend1 .txt .left div{line-height:44px;font-size:28px;color:#fff;text-align:center;border:1px solid #fff;}

.trend1 .txt .right{font-size:14px;line-height:30px;color:#fff;display:inline-block;vertical-align:middle;width:calc(100% - 210px);margin-left:30px;}

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

  .trend1 .txt{position:static;padding:20px 10px;}

  .trend1 .txt .left,.trend1 .txt .right{width:100%;margin-left:0;}

}

.trend2{}

.trend2 .trend2_content{overflow:hidden;font-size:0;background:#d2d2d2;}

.trend2 .trend2_content .left{width:58%;display:inline-block;vertical-align:top;}

.trend2 .trend2_content .left img{width:100%;}

.trend2 .trend2_content .right{width:42%;display:inline-block;font-size:14px;padding:50px;}

.trend2 .trend2_content .right .txt{line-height:26px;}

.trend2 .trend_img2{margin-top:10px;}

.trend2 ul{overflow:hidden;list-style:none;padding:0;margin:20px 0;}

.trend2 ul li{width:32%;margin-right:2%;float:left;padding:24px 0;background:#d2d2d2;text-align:center;}

.trend2 ul li:nth-child(3n){margin-right:0;}

.trend2 ul li:hover{background:#e6000a;color:#fff;}

.trend2 ul li h3,.trend2 ul li p{font-size:16px;}

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

  .trend2 ul li{width:100%;margin-bottom:20px;margin-left:0;}

  .trend2 .trend2_content .left,.trend2 .trend2_content .right{width:100%;display:block;}

}

.trend3{}

.trend3 .trend_title{padding:80px 0 40px;}

.trend4{overflow:hidden;background:#d2d2d2;margin-top:80px;}

.trend4 h3{font-size:16px;margin:0;}

.trend4 .left{width:44%;float:left;padding:30px 0 0px 120px;}

.trend4 .left ul{list-style:none;padding-left:0;}

.trend4 .left ul li{line-height:30px;padding-left:20px;position:relative;}

.trend4 .left ul li:after{display:block;content:'';position:absolute;left:0;top:10px;background:url(../png/6475hc.png) no-repeat left top;width:5px;height:10px;}

.trend4 .right{width:56%;float:right;}

.trend5{overflow:hidden;background:#d2d2d2;margin-top:80px;}

.trend5 h3{font-size:16px;margin:0;}

.trend5 .left{width:54%;float:right;padding:30px 0 0px 120px;}

.trend5 .left ul{list-style:none;padding-left:0;}

.trend5 .left ul li{line-height:30px;padding-left:20px;position:relative;}

.trend5 .left ul li:after{display:block;content:'';position:absolute;left:0;top:10px;background:url(../png/6475hc.png) no-repeat left top;width:5px;height:10px;}

.trend5 .right{width:46%;float:left;}

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

  .trend4 .left{padding:30px;}

  .trend4 .left,.trend4 .right{width:100%;float:none;}

  .trend5 .left{padding:30px;}

  .trend5 .left,.trend5 .right{width:100%;float:none;}

}





/*硬件设施系统*/

.hardware{overflow:hidden;max-width:1200px;margin:50px auto;color:#333;padding-bottom:240px;}

.hardware .left{width:50%;float:left}

.hardware .left h4{margin:0;}

.hardware .left p{margin:5px 0 20px;}

.hardware .right{width:50%;float:right}

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

  .hardware .left,.hardware .right{width:100%;float:none;padding:10px;}

}



/*红鲤出品*/

.produce{background:#e5e5e5;position:relative;height:760px;}

.produce_img{position:absolute;left:0;right:0;top:50%;margin:-50px auto 0;backface-visibility:hidden;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;}

.produce_img2{transform:rotateY(-180deg);}



/*红鲤出品*/

.culture_list{background:#313131;padding:136px 0;}

.culture_list .content{max-width:840px;margin:0 auto; padding:0 10px;}

.culture_list .content dl{overflow:hidden;}

.culture_list .content dl dd{width:32%;float:left;color:#333;margin:0;margin-right:2%;font-size:24px;line-height:80px;text-align:center;background:#fff;}

.culture_list .content dl dd.on{background:#e6000a;color:#fff}

.culture_list .content dl dd span{display:inline-block;vertical-align:middle;width:32px;height:40px;margin-right:10px;margin-top:-2px;}

.culture_list .content dl dd:nth-child(3){margin-right:0;}

.culture_list .content dl dd:nth-child(1) span{background:url(../png/zdowsz.png) no-repeat  center right;}

.culture_list .content dl dd:nth-child(1).on span{background:url(../png/are0v3.png) no-repeat center right;}

.culture_list .content dl dd:nth-child(2) span{background:url(../png/ozrzd1.png) no-repeat  center right;}

.culture_list .content dl dd:nth-child(2).on span{background:url(../png/q1x124.png) no-repeat center right;}

.culture_list .content dl dd:nth-child(3) span{background:url(../png/e71k1i.png) no-repeat  center right;}

.culture_list .content dl dd:nth-child(3).on span{background:url(../png/oma3f8.png) no-repeat center right;}

.culture_list .content h3{font-size:24px;color:#fff;text-align:center;margin:90px 0 40px;}

.culture_list .content p{font-size:16px;color:#fff;line-height:30px;text-align:center;}

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

  .culture_list{padding:50px 0;}

  .culture_list .content h3{margin:50px 0 20px;}

  .culture_list .content dl dd{margin-bottom:10px;padding-left:0; font-size: 16px; line-height: 40px;}

  .culture_list .content dl dd span{display: none;}

}



/*环境*/

.environment{max-width:1200px;margin:0 auto 150px;overflow:hidden;}

.yc_title{margin:80px 0 50px;}

.yc_title .h1{font-size:21px;color:#c4a7a8;margin:0;text-align:center;font-family:helveticainseratcyr;font-weight:600;text-transform:Uppercase}

.yc_title .h1 img{display:inline-block;margin:0 18px 5px;vertical-align:middle;}

.yc_title .h2{font-size:16px;margin:0;margin-top:0px;text-align:center;font-weight:400;color:#c4a7a8;}

.environment .img{text-align:center;margin:50px 0;}

@media only screen and (min-width:768px){

  .yc_title .h1{font-size:24px;}

  .yc_title .h2{font-size:18px}

}

@media only screen and (min-width:1024px){

  .yc_title .h1{font-size:55px;}

  .yc_title .h2{font-size:28px}

}

.environment0 .content{overflow:hidden; padding:0 10px;}

.environment0 .content .left{width:23.5%;float:left;position:relative;}

.environment0 .content .left img{width:100%;}

.environment0 .content .left p{position:absolute;left:0;bottom:0;margin:0;width:100%;line-height:34px;text-align:center;color:#fff;font-size:14px;background:rgba(188,10,8,0.8);}

.environment0 .content .right{width:75%;float:right;}

.environment0 .content .right ul{list-style:none;padding:0;margin:0;overflow:hidden;}

.environment0 .content .right ul li{float:left;width:32%;margin-right:2%;margin-bottom:20px;position:relative;}

.environment0 .content .right ul li:nth-child(3n){margin-right:0;}

.environment0 .content .imgs{overflow:hidden;}

.environment0 .content  img{width:100%;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transition:0.3s;}

.environment0 .content .imgs:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}

.environment0 .content p{position:absolute;opacity:0;left:0;bottom:0;margin:0;width:100%;line-height:34px;text-align:center;color:#fff;font-size:14px;background:rgba(188,10,8,0.8);-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transition:0.3s;}

.environment0 .content  ul li:hover p{opacity:1;}

.environment0 .content  .left:hover p{opacity:1;}





.environment_title{overflow:hidden;font-size:0;padding:80px 0 70px;max-width:940px;margin:0 auto;}

.environment_title .left{font-size:26px;max-width:180px;color:#e60012;font-weight:bold;display:inline-block;padding:0 10px 40px 10px;border-right:1px solid #ccc;vertical-align:middle;}

.environment_title .left b{font-size:48px;vertical-align:top;}

.environment_title .right{font-size:14px;line-height:30px;display:inline-block;padding-left:40px;width:calc(100% - 180px);vertical-align:middle;}

.environment2 .content .left{float:right;}

.environment2 .content .right{float:left;}





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

  .environment0 .content .right ul li{margin-bottom:2.4%;}

  .environment1 .left,.environment1 .right{/* width:100%!important;float:none!important; */margin-bottom:20px;}

  .environment{margin-bottom: 20px;}

   .environment .yc_animate{padding:0 10px; margin:20px 0;}

  .yc_title{margin:30px auto 15px;}

   .environment_title .left{display: none;}

   .environment_title .right{float: none; width: 100%; padding-left: 0;}



}





/*加入红鲤*/

.join{margin-bottom: 100px;}

.job{overflow:hidden;margin:0 auto;max-width:1200px;}

.job .left{width:360px;float:left;background:#f1dedb;padding:20px 0px 50px 0px;}

.job .left dl dd{display:none;}

.job .left dl.on dd{display:block;}

.job .left dl dt{font-size:18px;cursor:pointer;padding:0 40px 0 60px;line-height:50px;background:url(../png/pyqnrf.png) no-repeat 30px center;}

.job .left dl.on dt{background:url(../png/m1icun.png) no-repeat 30px center;}

.job .left dl dd{background:#7c191e;color:#fff;margin:0;padding:30px;}

.job .left dl dd ul{padding:0;padding-left:30px;list-style:none;}

.job .left dl dd ul li{line-height:42px;padding-left:20px;position:relative;font-size:17px;color:#fff;cursor:pointer;}

.job .left dl dd ul li:after{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#fff;display:block;content:'';}

.job .left dl dd ul li:hover,.job .left dl dd ul li.aon{color:#e6000a}

.job .left dl dd ul li:hover:after,.job .left dl dd ul li.aon:after{background:#e6000a}

.job .right{width:calc(100% - 360px);float:right;padding-top:24px;}

.job .right h3{font-size:28px;}

.job .right h4{font-size:20px;margin:0;margin-top:20px;}

.job .right p{font-size:14px;line-height:30px;margin:5px 0;}

.job .right .img{text-align:right;margin-top:20px;}

.job .right .img a{vertical-align:middle;display:inline-block;margin-left:20px;}

.job .right .img a:nth-child(1){margin-left:0;}

@media only screen and (min-width:769px){

  .job .left,.job .right{height:900px;}

  .job .right{overflow-y:auto;padding-left:50px;}

}

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

  .job .left,.job .right{width:100%;float:none;}

  .job .right{padding:10px 10px 0;}

  .job .right .img a{max-width: 30%;}

  .job .left{ padding: 20px 0; }

}



/*招聘问答*/

.qa{margin:0 auto 300px;max-width:1200px;overflow:hidden;padding-bottom:200px;position:relative;}

.qa_title{line-height:42px;border-bottom:1px solid #ccc;text-align:center;margin-bottom:50px;margin-top:40px;}

.qa_title span{font-size:18px;padding:0 10px;margin-left:80px;font-weight:bold;cursor:pointer;display:inline-block;}

.qa_title span:nth-child(1){margin-left:0;}

.qa_title span.on{color:#e6000a;border-bottom:1px solid #e6000a;}

.qa dl{margin-bottom:30px;}

.qa dl dt{font-size:18px;line-height:40px;font-weight:bold;}

.qa dl dd{font-size:14px;padding-left:54px;position:relative;line-height:30px;margin:0;}

.qa dl dd span{position:absolute;left:33px;top:0px;}

.show1{padding:0 10px;overflow:hidden;max-height:580px;}

.xiax{animation:container 3s linear forwards infinite;padding:10px;cursor:pointer;display:inline-block;position:absolute;bottom:50px;left:0;right:0;margin:0 auto;z-index:10;}

@keyframes container{

  0%,100%,20%,50%,80%{transition-timing-function:cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/transform:translate3d(0,0,0); /*设置只在Z轴上移动*/}

  40%,43%{transition-timing-function:cubic-bezier(0.755,0.50,0.855,0.060);transform:translate3d(0,-30px,0);}

  70%{transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-15px,0);}

  90%{transform:translate3d(0,-4px,0);}

}





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

  .qa{margin:0 auto 20px;padding-bottom:50px;}

  .xiax{bottom: 0;}



}



.join_bannerBtn{margin: 20px 0;}

@media only screen and (min-width:1000px){

  .join_bannerBtn{margin: 100px 0;}

}







@font-face {


  font-family: 'iconfont';

  src: url('/templets/default/fonts/iconfont.eot');

  src: url('/templets/default/fonts/iconfont.eot') format('embedded-opentype'), url('../woff2/v44d8f.woff2') format('woff2'), url('/templets/default/fonts/iconfont.woff') format('woff'), url('/templets/default/fonts/iconfont.ttf') format('truetype'), url('/templets/default/fonts/iconfont.svg') format('svg');

}



.iconfont {

    font-family: "iconfont" !important;

    font-size: 16px;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}







.post-nav {

  border: 0px solid #eee;

  padding: 10px 0 10px 0;

  margin: 0px;

  clear: both;

  overflow: hidden;

}

.post-nav div {

  width: 40%;

  color: #999;

  font-size: 14px;

  position: relative;

  display: block;

}

.post-prev {

  float: left;

}

.post-next {

  float: right;

  text-align: right;

}

.post-nav div span {

  display: none;

  color: #999;

}

.post-nav div a {

  display: block;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  position: relative;

}

.post-nav div a i {

  color: #aaa;

  font-size: 18px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transition: all .5s ease;

  -o-transition: all .5s ease;

  transition: all .5s ease;

}







.post.news {

        max-width: 1260px;

    }



    .post.news .PostNews .imgBox {

        position: relative;

        overflow: hidden;

    }

.post.news .PostNews .imgBox img{ width: 100% }



    .post.news .owl-carousel .item .imgBox img {

        position: absolute;

        top: 0;

        left: 0;

        -webkit-transition: all .3s ease;

        -o-transition: all .3s ease;

        transition: all .3s ease;

    }



    .post.news .owl-carousel .item:hover .imgBox img {

        transform: scale(1.1)

    }



    .post.news li {

        width: calc(100% / 3 - 20px);

        float: left;

        margin: 15px 20px 15px 0;

        -webkit-transition: all .3s ease;

        -o-transition: all .3s ease;

        transition: all .3s ease;

        padding: 0;

    }



    .post.news .PostNews {

        margin-right: -20px;

    }





.post.news .PostNews ul{margin:0px; padding:0px;}







.post.news li{ list-style-type: none }

    .post.news li .imgText {

        text-align: left;

        background: #f5eded;

       

        position: relative;

        -webkit-transition: all .3s ease;

        -o-transition: all .3s ease;

        transition: all .3s ease;

    }



    .post.news li:hover .imgText {

        background: #e60012;

    }







.secnav { text-align: left;line-height: 28px; font-size: 16px;margin-bottom: 20px }

.secnav li{ display: inline-block; list-style-type: none;margin-right: 20px; }

.secnav li a{ font-weight: 600 }

.secnav li.on a{color: #a7393f;}





.post.news li:nth-child(1n) .imgText{background-color: #f5eded; }

.post.news li:nth-child(2n) .imgText{background-color: #e5d1d2; }

.post.news li:nth-child(3n) .imgText{background-color: #7b181d; color: #fff}

.post.news li:nth-child(3n) .imgText a{color: #fff}

.post.news li:nth-child(3n) .imgText p{color: #fff}

.pageNav li{ display: inline-block;list-style-type: none }



 .post.news .imgText h4 a{



        color: #3d3d3d;



    }



    .post.news .imgText p {

       

        overflow: hidden;

        line-height: 22px;

        padding: 0px;

        font-size: 12px;

        color: #3d3d3d;

        -webkit-transition: all .3s ease;

        -o-transition: all .3s ease;

        transition: all .3s ease;
         padding: 0px 15px 35px 15px;

    }




.post.news .imgText p.time{background:url(../png/eo576j.png) no-repeat bottom left; height: 44px; line-height: 54px; font-size:14px;margin:0px;}


.post.news li:nth-child(3n) .imgText p.time{background:url(../png/47kurv.png) no-repeat bottom left;}

    .post.news .imgText i {

     font-size: 14px;

        line-height: 16px;

        height:16px;

    }



    .post.news .imgText h4 {

        font-size: 16px;

        padding: 0px 0 5px;

        font-weight: normal;

        overflow: hidden;

        text-overflow: ellipsis;

        white-space: nowrap;

        margin:0px;
         padding: 5px 15px 5px 15px;

    }



    .post.news .imgText i a {

        color: #F4CE58

    }



    .post.news .imgText i {

        left: auto;

        right: 55px;

        bottom: 10px;

        -webkit-transition: all .3s ease;

        -o-transition: all .3s ease;

        transition: all .3s ease;

        opacity: 0

    }



   



    .post.news .owl-carousel .item .imgText {

        padding: 15px 15px 40px;

        text-align: left;

        background: #f6f5f5;

        -webkit-transition: all .3s ease;

        -o-transition: all .3s ease;

        transition: all .3s ease;

    }



  



    .post li a i.fa,

    .imgShow a i.fa,

    .post .PostShow .owl-item a i.fa {

        font-family: FontAwesome;

        top: 50%;

        color: #FFF;

        text-align: center;

        position: absolute;

        width: 100%;

        z-index: 2;

        -webkit-transition: all .3s ease;

        -o-transition: all .3s ease;

        transition: all .3s ease;

        filter: alpha(opacity=0);

        opacity: 0;

        text-shadow: none;

        font-size: 0;

        line-height: 0;

        overflow: visible

    }



    .post li a:hover i.fa,

    .imgShow a:hover i.fa,

    .post .PostShow .owl-item a:hover i.fa {

        font-size: 25px;

        filter: alpha(opacity=100);

        opacity: 1;

    }



    .post.news li a:hover i.fa {

        font-size: 25px;

    }









.breadcrumb {

        max-width: 1220px;

        margin: 0 auto;

        padding: 12px 0;

        clear: both;

        overflow: hidden;

        border-bottom: 1px solid rgb(0 0 0 / 10%);

        text-indent: 0px

    }



    .fa-angle-right,

    .fa-bullhorn {

        font-size: 16px;

        margin: 0 4px;

    }



    .article-box {

        padding: 0 0px 20px;

        margin: 20px 0 16px;

        background: rgba(0, 0, 0, 0);

    }



    .article-top {

        padding: 20px 0 15px;

        border-bottom: 1px solid rgb(0 0 0 / 10%);

    }



    .article-tit {

        margin-top: 5px;

        margin-bottom: 0px;

        font-size: 22px;

        font-weight: 400;

    }



    .article-mt {

        margin-top: 10px;

    }



    .article-mt span {

        font-size: 14px;

        color: #999;

        display: inline-block;

        margin-right: 5px;

    }



    .article-mt span a {

        font-size: 14px;

        color: #999;

        display: inline-block;

    }



    .article-mt span i {

        width: 13px;

        display: inline-block;

        margin-right: 4px;

        font-size: 13px;

    }



    .article-main {

        font-size: 14px;

        line-height: 28px;

        padding: 18px 0;

        word-wrap: break-word;

    }



    .article-main img {

        margin: 5px 0;

        max-width: 100%;

        height: auto;

    }



    .article-main h2,

    .article-main h3,

    .article-main h4,

    .article-main h5 {

        padding: 0;

        margin: 25px 0;

        color: #AAA;

        font-weight: 600;

    }



    .article-main h2 {

        font-size: 20px;

        line-height: 24px;

        font-weight: bold;

        border-left: 5px solid #F4CE58;

        padding: 0 0 0 10px;

    }



    .article-main h3 {

        font-size: 18px;

    }



    .article-main h4 {

        font-size: 16px;

    }



    .article-main h5 {

        font-size: 14px;

    }



    .article-main ul,

    .article-main ol {

        margin: 0 0 18px 42px

    }



    .article-main ul {

        list-style: disc;

    }



    .article-main ol {

        list-style: decimal;

    }



    .article-main li {

        margin-bottom: 6px;

        list-style: inherit;

    }



    .article-main p {

        margin-bottom: 0px;

        word-wrap: break-word

    }



    .article-main pre {

        word-wrap: break-word

    }



    .article-main table {

        width: 100%;

        border-top: solid 1px rgba(255, 255, 255, 0.2);

        border-left: solid 1px rgba(255, 255, 255, 0.2);

        margin-bottom: 18px;

        border-collapse: collapse

    }



    .article-main table th {

        text-align: center;

        background-color: #282828;

    }



    .article-main table td,

    .article-main table th {

        border-bottom: solid 1px rgba(255, 255, 255, 0.2);

        border-right: solid 1px rgba(255, 255, 255, 0.2);

        padding: 5px 10px

    }



    .article-main a {

        color: #F4CE58;

    }



    .article-main a:hover {

        color: #F4CE58;

    }



    .article-main pre,

    .comment pre {

        margin: 20px 0;

        font: 14px/22px 'courier new';

        background: #272822;

        padding: 10px 16px;

        color: #F8F8D4;

        border: none

    }



    .article-main blockquote {

        margin: 30px;

        padding: 25px 30px 15px;

        font-size: 14px;

        color: #aaa;

        border-left: 6px solid #484848;

        background: #181818;

        border-radius: 8px;

    }



    .article-main blockquote p {

        margin: 0;

        padding: 0;

        margin-bottom: 10px;

    }



    .article-main embed {

        display: block;

        margin-left: auto;

        max-width: 100%;

        margin-right: auto;

    }



    .article-copyright {

        margin-top: 42px;

        background-color: #eee;

        padding-right: 30px;

        font-size: 12px;

        padding: 5px 0;

        color: #aaa;

        text-align: center;

    }



    .article-copyright a,

    .article-copyright a:hover {

        color: #aaa;

        text-decoration: none;

    }



    /*----------- tag-a -----------*/

    .tag-box .tag-a {

        padding: 20px 0 20px;

        line-height: 32px;

    }



    .tag-box .tag-a a {

        padding: 6px 10px 4px 10px;

        margin-right: 6px;

        background: rgba(255, 255, 255, .1);

        border-radius: 50px;

    }



    .tag-box .tag-a a:hover {

        background: #F4CE58;

        color: #000

    }



    .relates {

        padding: 20px 0;

        margin-bottom: 16px;

        background: rgba(0, 0, 0, 0);

    }



    .relates.imgRel {

        padding: 10px 0;

    }



    .relates.imgRel ul {

        margin: 0;

    }



    .relates.imgRel .title {

        text-indent: 10px;

        margin-top: 10px;

    }



    .post.relates.imgRel .PostShow li {

        margin: 1% 0.75% 1% 0.75%;

        /*margin:0;transition:none;*/

    }



    .title {

        margin-bottom: 10px;

        overflow: hidden;

    }



    .title h3 {

        font-size: 1.2em;

        font-weight: 500;

        margin: 0;

        float: left

    }



    .relates ul {

        list-style: disc;

        margin-left: 20px;

        color: #999

    }



    .relates li {

        margin-top: 10px;

        list-style: inherit

    }



    .relates li.nothing {

        width: 100%;

        text-align: left;

    }



    .relates time {

        font-size: 12px;

        margin-left: 20px;

        color: #bbb

    }



    .post.relates.imgRel .PostShow li {

        margin: 1% 0.75% 1% 0.75%;

        /*margin:0;transition:none;*/

    }



    .post .PostShow ul {

        width: 100%;

       

    }





    .relates.imgRel ul{ margin:0px;

        padding:0px;}



    .post .PostShow li,

    .imgShow {

        width: 23.5%;

        float: left;

        display: inline;

        margin: 1.5% 0.65% 1.5% 0.85%;

        overflow: hidden;

        -webkit-transition: all 0.3s ease-in-out 0s;

        -o-transition: all 0.3s ease-in-out 0s;

        transition: all 0.3s ease-in-out 0s;

        text-align: center;

        vertical-align: top;

    }







    .post li:hover a .msk,

    .imgShow a:hover .msk,

    .post .PostShow .item .post-img:hover .msk {





        background: #000;

        opacity: 0.7;

        width: 100%;

        height: 89%;

    }







.search {

                        width: 170px;

                        height: 60px;

                        line-height: 60px;

                        display: inline-block;

                        background: #3f4fe3;

                        text-align: center;

                        border-top-right-radius: 30px;

                        border-bottom-right-radius: 30px;

                    }



                    .searchInput {

                        height: 30px;

                        position: absolute;

                        left: 50px;

                        top: 15px;

                        font-size: 18px;

                        border: none;

                        width: 350px;

                        outline: none;

                        -webkit-appearance: none;

                    }



                    .searchText {

                        position: absolute;

                        left: 58px;

                        font-family: 'SourceHanSansCN-Regular';

                        font-size: 24px;

                        font-weight: normal;

                        font-stretch: normal;

                        /* line-height: 37px; */

                        letter-spacing: 2px;

                        color: #ffffff;

                    }



                    input[type=search]::-webkit-search-cancel-button {

                        -webkit-appearance: none;

                    }



                    .yu {

                        height: 81px;

                        font-family: 'SourceHanSansCN-Bold';

                        font-size: 85px;

                        font-weight: normal;

                        font-stretch: normal;

                        letter-spacing: 0px;

                        color: #ffffff;

                    }



                    .yu1 {

                        height: 50px;

                        font-family: 'DIN-Black';

                        font-size: 38px;

                        font-weight: normal;

                        font-stretch: normal;

                        letter-spacing: 0px;

                        color: #ffffff;

                    }



                    .tab {

                        /* margin-top:100px;   */

                        height: 45px;

                        /* line-height: 36px; */

                        border-bottom: 1px solid #dcdcdc;

                        background-color: #fafafa;

                        white-space: nowrap;

                        text-align: center;

                    }



                    .tabspan {

                        width: 46px;

                        height: 23px;

                        font-family: 'SourceHanSansCN-Light';

                        font-size: 24px;

                        font-weight: normal;

                        font-stretch: normal;

                        letter-spacing: 0px;

                        color: #333333;

                        cursor: pointer;

                    }



                    .tabspan:hover {

                        font-weight: bold;

                    }



                    .active1 {

                        font-weight: bold;

                    }



                    .cardBox {

                        padding: 75px 0 150px 0;

                        background-color: #fafafa;

                        width: 1452px;

                        margin: 0 auto;

                        position: relative;

                    }



                    .card {

                        width: 31%;

                        height: 150px;

                        border-radius: 12px;

                        background-color: #fafafa;

                        padding-left: 25px;

                        margin: 0 1%;

                        margin-bottom: 30px;

                        display: inline-block;

                        cursor: pointer;

                    }



                    .card:hover {

                        box-shadow: 0px 0px 27px 0px rgba(178, 178, 178, 0.2);

                    }



                    .card:hover .span2 {

                        color: #3f4fe3;

                    }



                    .jobName {

                        height: 29px;

                        font-family: 'SourceHanSansCN-Medium';

                        font-size: 26px;

                        font-weight: normal;

                        font-stretch: normal;

                        line-height: 19px;

                        letter-spacing: 0px;

                        color: #333333;

                        margin-bottom: 15px;

                        margin-top: 22px;

                    }



                    .span1 {

                        height: 17px;



                        font-size: 16px;

                        font-weight: normal;

                        font-stretch: normal;

                        line-height: 19px;

                        letter-spacing: 0px;

                        color: #999999;

                        margin-right: 17px;

                        margin-left: 5px;

                        display: inline-block;

                        vertical-align: middle;

                    }



                    .span2 {

                        height: 17px;



                        font-size: 16px;

                        font-weight: normal;

                        font-stretch: normal;

                        line-height: 19px;

                        letter-spacing: 0px;

                        color: #999999;



                        vertical-align: middle;

                        width: 100%;

                        display: block;

                    }



                    .over {

                        width: 100%;

                        height: 261px;

                        background-color: #222222;

                    }



                    .input-area:hover {

                        border: 1px solid #3f4fe3;

                        height: 58px !important;

                        width: 408px !important;

                        /* border-right: none; */

                    }



                    input::-webkit-input-placeholder {

                        font-family: 'SourceHanSansCN-Normal';

                        font-size: 18px;

                        font-weight: normal;

                        font-stretch: normal;

                        line-height: normal;

                        letter-spacing: 0px;

                        color: #cccccc;

                    }





                    .imgview {

                        display: inline-block;



                        font-size: 14px;

                        margin-top: 10px;

                    }



                    .imgsty {

                        width: 18px;

                        height: 22px;

                        display: inline-block;

                        vertical-align: middle;

                    }



                    .imgsty1 {

                        width: 16px;

                        height: 24px;

                        display: inline-block;

                        vertical-align: middle;

                    }



                    .imgsty2 {

                        width: 21px;

                        height: 21px;

                        display: inline-block;

                        vertical-align: middle;

                    }





                    .imgsty3 {

                        display: inline-block;

                        vertical-align: middle;

                        margin-top: 2px;

                    }





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

                        .qa_title span {

                            margin-left: 0px

                        }



                        .card {

                            width: 100%

                        }

                    }



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

.post .PostShow li {

  width: 47%;

  margin: 0 1.46% 25px;

}

.post.relates.imgRel .PostShow li {

  width: 47%;

  margin: 5px 1.5% 10px;/*  margin:0;*/

}

.relates.imgRel .title {

  text-indent: 6px;

  margin-top: 6px;

}

.post-img {

  max-width: 284px;

}









.post.news .PostNews li {

  width: 48%;

  margin: 1%;

}

.post.news .PostNews {

   margin-right:0px;

}





 }













#hzyx p{ font-size: 16px; font-weight: 600; }





#hznr li{ width: 30.3333%;margin:1%;background-color: #fff;border:1px solid #7c191e; vertical-align: middle;padding:50px 0; }





#hznr li:nth-child(4){ width: 38%;margin:1%;background-color: #fff;border:1px solid #7c191e; vertical-align: middle;padding:60px 80px; height: auto }

#hznr li:nth-child(5){ width: 38%;margin:1%;background-color: #fff;border:1px solid #7c191e; vertical-align: middle;padding:60px 80px; height: auto}





#hznr li:nth-child(4) .txt{ float: left;  }

#hznr li:nth-child(4) .iconbox{ float: right;}



#hznr li:nth-child(5) .txt{ float: left;  }

#hznr li:nth-child(5) .iconbox{ float: right;}











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



#hznr li:nth-child(4) .txt{ float: none;  }

#hznr li:nth-child(4) .iconbox{ float: none;}

#hznr li:nth-child(5) .txt{ float: none;  }

#hznr li:nth-child(5) .iconbox{ float: none;}

#hznr li:nth-child(4){width: 30.3333%;margin:1%;background-color: #fff;border:1px solid #7c191e; vertical-align: middle;padding:50px 0;}

#hznr li:nth-child(5){width: 30.3333%;margin:1%;background-color: #fff;border:1px solid #7c191e; vertical-align: middle;padding:50px 0;}





}



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

.HomeF2 .List .iconbox img{ width: 80px }

#hznr li{padding:10px 0;}

#hznr li:nth-child(4){padding:10px 0;}

#hznr li:nth-child(5){padding:10px 0;}

.HomeF2 .List ul li h3{ font-size: 18px; }

.HomeF2 .List ul li p{ font-size: 12px; }

.HomeF3 .List .swiper-container a img{ width: 90% }

}







.pc{ display: block; }

.wap{ display: none; }



















.buss_bottom {

            width: 100%;

            background-color: #eaeaea;

            box-shadow: 0 0.010417rem 0.0625rem 0 rgba(0, 0, 0, .1);

            text-align: center;

            padding-bottom: 100px;

        }



        .media_transform {

overflow: hidden;

width: 100%;

zoom: 1;

}



        .buss_title_name {

            font-family: 'SourceHanSansCN-Regular';

            font-size: 36px;

            letter-spacing: 0px;

            color: #333333;

        }



        .buss_title_name_small {

            font-family: 'SourceHanSansCN-Light';

            font-size: 18px;

            letter-spacing: 2px;

            color: #999999;

            margin-top: 15px;

        }



        .email {



            font-size: 34px;

            font-weight: 600;

            color: #3d3d3d;

            text-align: left;
            margin-top: 50px;
        }









        .cooperation_email {

            font-size: 34px;

            font-weight: 900;

            color: #3d3d3d;



            text-align: left;

            margin-bottom: 20px;



        }



        .cooperation_msg_top {

            background-color: #7c191e;

            text-align: center;

            border-top-left-radius: 12px;

            border-top-right-radius: 12px;

            width: 100%;

            height: 80px;

            font-family: 'SOURCEHANSANSCN-MEDIUM';

            font-size: 36px;

            line-height: 80px;

            color: #ffffff;

        }



        .cooperation_msg_bottom {

            width: 100%;



            background-color: white;

            border-bottom-left-radius: 12px;

            border-bottom-right-radius: 12px;

            padding-bottom: 50px;

        }



        .bottom_text {

white-space: nowrap;

margin-top: 30px;

14: px;

}



        .bottom_value {

            display: inline-block;

            width: 50%;

            text-align: left;

        }



        .bottom_value_one {

font-size: 20px;

color: #3d3d3d;

text-align: left;

}



        .bottom_value_two {

font-size: 20px;

color: #3d3d3d;

/* width: 100%; */

text-align: left;
}

.line_bottom{border-bottom: 9px solid #7a171c;width: 100px;}

        .input_style {

            border-radius: 4px;

            border: 1px solid #dcdfe6;

            box-sizing: border-box;

            outline: none;

            padding: 0 15px;

            transition: border-color .2s cubic-bezier(.645, .045, .355, 1);

            font-family: 'SourceHanSansCN-Light';

            font-size: 18px;

        }







        .input_style2 {

            border-radius: 4px;

            border: 1px solid #dcdfe6;

            box-sizing: border-box;

            outline: none;

            padding: 0 15px;

            transition: border-color .2s cubic-bezier(.645, .045, .355, 1);

            font-family: 'SourceHanSansCN-Light';

            font-size: 18px;

            width: 40%;



    height: 38px;

    margin-top: 15px;

        }











        .bottom_btn {

            width: 249px;

            height: 48px;

            background-color: #7c191e;

            border-radius: 24px;

            line-height: 48px;

            font-family: 'SOURCEHANSANSCN-MEDIUM';

            font-size: 24px;

            color: white;

            margin: 0 auto;

            margin-top: 60px;

            cursor: pointer;

        }



        .case_icon-box {

            position: relative;

        }



        .case_icon1 {

            width: 78px;

            height: 78px;

            position: absolute;

            top: 0;

            left: 0;

            display: none;

        }



        .case_icon {

            display: inline-block;

            vertical-align: middle;

            cursor: pointer;

        }



        .case_icon-box:hover .case_icon {

            border: solid 4px #3f4fe3;

            border-radius: 50%;

            margin-left: 11px !important;

            margin-right: 11px !important;

            margin-top: -10px !important;

        }



        .case_icon-box:hover .case_icon1 {

            display: block;

            border-radius: 50%;

            margin-top: -6px !important;

        }



        .swiper_content {

            margin-top: 60px;

        }





.left_xm{width: 52%;float: left;margin-top: 104px;}

.right_xm{ width:38%;margin-right:10%;float: right;display: inline-block;vertical-align: top;margin-top: 104px;box-shadow: 0 0 50px rgba(0,0,0,0.1)}

.cooperation_msg_bottom{padding-top:20px;}

.input_style{width: 80%;height: 38px;margin-top: 15px}

.bottom_btn{margin-top: 20px;}

.textarea_style{width: 80%;padding:2%;height: 160px;margin-top:10px;padding-top:10px;border: 1px solid #dcdfe6;

    box-sizing: border-box;

    outline: none;

  border-radius: 4px;



    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);

    font-family: 'SourceHanSansCN-Light';

    font-size: 18px;}









::-webkit-input-placeholder { /* WebKit browsers */

  color: #ccc;

  font-size: 18px;

}



::-moz-placeholder { /* Mozilla Firefox 19+ */

  color: #ccc;

  font-size: 18px;

}



:-ms-input-placeholder { /* Internet Explorer 10+ */

  color: #ccc;

  font-size: 18px;

}



















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



.left_xm{width: 95%;/* float: left; */margin-top:10px;margin-left: 15px;margin-bottom: 10px;}

.right_xm{ width:96%;margin:2%;float: right;display: inline-block;vertical-align: top;margin-top: 10px;box-shadow: 0 0 50px rgba(0,0,0,0.1)}



.inputxt{width: 96%;margin:2%;}









}











 @media screen and (max-width:768px) {
.HomeF2{margin-top: -74px}
.pc{ display:none ; }

.wap{ display: inline-block; }

.email{ font-size: 16px; }

.cooperation_email{ font-size: 16px; }

.bottom_value_one{font-size: 14px;}

.bottom_value_two {font-size: 14px;}

.bottom_text{margin-top:10px;}
.side{ display: none }
}









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

.HomeF2 .List ul li{ float: left; width: 50%}



}







.side *{padding:0;margin:0;font-family:"微软雅黑"}
.side ol,ul{list-style:none}
.side a{text-decoration:none;color:#686868}
.side img{border:0}
.side{position:fixed;width:78px;right:20px;top:50%;margin-top:-200px;z-index:100;border:0px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:0px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#7b181d;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../png/8005mj.png)}
.side ul li i.bgs2{background-image:url(../png/3vutko.png)}
.side ul li i.bgs3{background-image:url(../png/lckrpb.png)}
.side ul li i.bgs4{background-image:url(../png/vcnogm.png)}
.side ul li i.bgs5{background-image:url(../png/nrp08h.png)}
.side ul li i.bgs6{background-image:url(../png/x4g4p1.png)}
.side ul li:hover i.bgs1{background-image:url(../png/oqo8j9.png)}
.side ul li:hover i.bgs2{background-image:url(../png/2veqv3.png)}
.side ul li:hover i.bgs3{background-image:url(../png/9nrj8p.png)}
.side ul li:hover i.bgs4{background-image:url(../png/httor5.png)}
.side ul li:hover i.bgs5{background-image:url(../png/4cwm5p.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#7b181d;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../png/irxsc9.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../png/ww3nwu.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(../png/i75v1v.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}