blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
abbr,acronym,fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}
q:after,q:before{content:''}
.contentpage{height: 155px; overflow: hidden;}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right}
.c{clear:both}
.n,em{font-weight:400;font-style:normal}
.b{font-weight:700}
.i{font-style:italic}
.fa{font-family:Arial}
.fg{font-family:Georgia}
.ft{font-family:Tahoma}
.fl{font-family:Lucida Console}
.fs{font-family:'宋体'}
.fw{font-family:'微软雅黑'}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left}
.tdu{text-decoration:underline}
.tdn,.tdn:hover,a.tdl:hover{text-decoration:none}
.fc0{color:#000}
.fc3{color:#333}
.fc6{color:#666}
.fc9{color:#999}
.fcr{color:red}
.fcw{color:#fff}
.fcb{color:#00f}
.fcg{color:green}
.f0{font-size:0}
.f10{font-size:10px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f20{font-size:20px}
.f24{font-size:24px}
.vm{vertical-align:middle}
.vtb{vertical-align:text-bottom}
.vt{vertical-align:top}
.vn{vertical-align:-2px}
.vimg{margin-bottom:-3px}
.m0{margin:0}
.ml0{margin-left:0}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.mr0{margin-right:0}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.ml-1{margin-left:-1px}
.mt-1{margin-top:-1px}
.p1{padding:1px}
.pl5{padding-left:5px}
.p5{padding:5px}
.pt5{padding-top:5px}
.pr5{padding-right:5px}
.pb5{padding-bottom:5px}
.p10{padding:10px}
.pl10{padding-left:10px}
.pt10{padding-top:10px}
.pr10{padding-right:10px}
.pb10{padding-bottom:10px}
.p20{padding:20px}
.pl20{padding-left:20px}
.pt20{padding-top:20px}
.pr20{padding-right:20px}
.pb20{padding-bottom:20px}
.pr,.rel{position:relative}
.abs,.pa{position:absolute}
.dn{display:none}
.db{display:block}
.dib{-moz-inline-stack:inline-block;display:inline-block}
.di{display:inline}
.ovh{overflow:hidden}
.ovs{overflow:scroll}
.vh{visibility:hidden}
.vv{visibility:visible}
.lh14{line-height:14px}
.lh16{line-height:16px}
.lh18{line-height:18px}
.lh20{line-height:20px}
.lh22{line-height:22px}
.lh24{line-height:24px}
.fix{*zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
.z{_zoom:1}
.h1{height:1px}
.h5{height:5px}
.h,.h10{height:10px}
.h15{height:15px}
.h20{height:20px}
.h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both}
@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot'); 
  src: url('../font/iconfont.eot') format('embedded-opentype'),
  url('../font/iconfont.woff') format('woff'),
  url('../font/iconfont.ttf') format('truetype'),
  url('https://www.youyitape.com/template/default/index/font/iconfont.svg') format('svg'); 
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  
}
.clear::after{ content: ' '; display: block; clear: both; }
.pull-left {float: left;}
.pull-right {float: left;}
body{font:12px/1.5 "微软雅黑","Microsoft Yahei";color:#525252}
a{text-decoration:none;color:#828282}
a:hover{color:#f60}
img{max-width:100%;}
input,select,textarea{font-size:12px;color:#828282;font-family:"微软雅黑","Microsoft Yahei";outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
select::-ms-expand{display:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
.ani{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.clearFlex:after {display: block; content: '';clear: both;}
.wp{width:100%;max-width:1440px; margin:0 auto; overflow: hidden;}
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
/*@font-face{font-family:CAInfoTypeOPCY-BoldCond;src:url(../fonts/CAInfoTypeOPCY-BoldCon.otf)}*/
/*导航部分*/
.header {background-color: rgba(0,0,0,0.2); position: fixed; left: 0; top: 0; width: 100%; z-index: 9999;}
.header.fixed{box-shadow:0 0 5px 2px rgba(50,50,50,.8)}
.header:after{
    content:'';
    display:block;
    clear:both;
    /*visibility:hidden;*/
    width:100%;
    height:0;
}
.header .hdt{/*overflow:hidden;*/ position: relative; width:100%; padding:0 3.5%; z-index: 999;}
.header .l{overflow:hidden}
.header .logo{ padding-top: 26px; padding-bottom:26px;  }
.header .logo img{display:inline-block;vertical-align:middle; height: 48px;}

.nav{padding: 20px 0; float: right; padding-right: 112px;}
.nav li{float:left; margin:0 15px; position: relative; background-color: transparent !important;}
.nav li .navLi-title{display:block; padding:0 5px; font-size:16px;color:#dedede; line-height: 60px; position:relative; background-color: transparent !important;}
.nav li .navLi-title i{ font-size: 10px; }
.nav li.on .navLi-title,.nav li:hover .navLi-title{ color:#fff !important; position:relative}
.nav li .navLi-title::after{ content: ' '; width:10px; height: 2px; background-color: #fff; position: absolute; left:50%; margin-left: -5px; bottom:0; display: none; }
.nav li:hover .navLi-title::after,.nav li.on .navLi-title::after{ display: block; }
.nav li:hover .navLi-title,.nav li.on .navLi-title {background: url("../image/icon_sj.png") bottom 5px center no-repeat; }
.nav li:last-child{margin-right:0}
.nav dl{
    /*width: 150px;*/
    width: 100%;
    height: auto;
    position: absolute;
    box-sizing: border-box;
    /*border:1px solid #EEE; */
    /*border-top:0;*/
    left: 0;
    top: 100%;
    z-index: 10;
    /*background-color: #fff;*/
    background-color: transparent;
    padding: 15px 0;
    /*border-top: 2px solid #34b8a1;*/
    opacity: 0;
    visibility: hidden;
    transform: translate3d(0px, 10px, 0px);
    -moz-transform: translate3d(0px, 10px, 0px);
    -webkit-transform: translate3d(0px, 10px, 0px);
    transition: all 0.3s ease-out 0s;
}
/*.nav li:hover dl{*/
/*opacity: 1;*/
/*visibility: visible;*/
/*transform: translate3d(0px, 0px, 0px);*/
/*-moz-transform: translate3d(0px, 0px, 0px);*/
/*-webkit-transform: translate3d(0px, 0px, 0px);*/
/*}*/

.nav dd a{
    display: block;
    text-align: left;
    padding: 0 5px;
    font-size: 14px;
    color: #b0b0b0;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.nav dd a:hover{
    color: #fff;
}


.header:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1rem;
    z-index: 15;
    left: 0;
    top: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
    -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
    -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform-origin: 50% 0;
}
.header.active:after{
    height: 0.6rem;
}

.header.on {background-color:rgba(0, 0, 0,.5); }

.header.on:after {
    opacity: 1;
    top: 100%;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    height: 160px;
    background-color: rgba(0, 0, 0,.5);
}

.header.on li dl{
    opacity: 1;
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
}


.tools{height: 36px;  position: absolute; right:3.5%; top: 32px; }
.tools-language{ border-radius: 16px; float: left; box-sizing: border-box; padding:1px; }
.tools-language a{ display: block; height: 34px; line-height: 34px; float: left; text-align: center;padding: 0 15px; font-size: 16px; color: #fff;z-index: 1;}
.tools-language a.on{ background-color: #FFF; color: #828282 !important; }

.mn-nav{display:none}
.mn-nav li dl{display:none;background-color:#282828}
.mn-nav li dl.active {display: block !important;}
.mn-nav dl a{display:block;line-height:60px;border-bottom:1px solid #323232}
.mn-nav .ss{ -webkit-background-size:20px 20px;background-size:20px 20px}
.mn-nav .ss.ok{color:#fff}
.menuBtn{position:relative;z-index:9;display:none;float:right;width:36px;height:36px;cursor:pointer;background:url(../image/list.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s; margin-top: 13px;margin-right: 190px;}

.crollView .logo {padding: 16px 0;  transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.crollView .nav {padding: 10px 0; padding-right: 112px; transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.crollView .tools {top:23px; transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}

/*底部*/
.footerView {padding-top: 155px; margin-top: -100px; background: url("../image/foot-bg.png") top center no-repeat; position: relative; z-index: 99;}
.row-server{ background-color: transparent; }
.serv-contact{ width:100%; height: auto; padding-top: 1%; padding-bottom:2.5%; margin-bottom: 2%; border-bottom:1px solid rgba(255,255,255,0.2);}
.serv-contact .scItem{ display: inline-block; float: left; height: 30px; line-height: 30px; font-size: 14px; text-align: center; line-height: 30px; color: rgba(255,255,255,0.8); margin-right:3%; margin-top: 2%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.serv-contact .scItem p{ width: 30px; height: 30px; background-color: rgba(255,255,255,0.3); display: inline-block; float: left; border-radius:50%; }
.serv-contact .scItem p i{ font-size: 16px; color: rgba(29,51,72,0.8);  }
.serv-bottom{ width: 100%; box-sizing: border-box; padding-right:23%; position: relative; padding-bottom:2%;  }
.serv-menu{ width: 100%; height: auto;  }
.serv-menu li{ width: 20%; padding-left: 45px; height: 245px; float: left; cursor: pointer; border-right: 1px solid #272727; }
.serv-menu li h3,.serv-menu li p{ width:100%; height: 30px; line-height: 30px; font-weight: normal; font-size: 14px; color: rgba(255,255,255,0.8);  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.serv-menu li p{ box-sizing: border-box; line-height: 24px; height: auto;}
.serv-menu li p a{ color: rgba(255,255,255,0.5); }
.serv-menu li p a:hover{ color: rgba(255,255,255,0.8) !important; }
.serv-menu li h3 { font-size: 16px; line-height: normal; position: relative; padding-bottom:12px; margin-bottom:30px;  }
.serv-menu li h3:after {display: block; content: ''; position: absolute; left: 0;bottom: 0; width: 18px; height: 2px; background-color: #fff;}
.serv-ewm{ height: auto; position: absolute; right:0; top:0; }
.serv-ewm p{ width:100%; overflow: hidden; }
.serv-ewm p img{ width:100%; display: block; }
.serv-ewm h3{ width: 100%; font-size: 14px; color: rgba(255,255,255,1); font-weight: normal; text-align: center; overflow: hidden; padding-top: 5%; padding-bottom:5%; }
.serv-ewm a{ width:100%; height: 32px; line-height: 32px; display: block; background-color: #1a83f6; color: #FFF; font-size: 14px; display: block; text-align: center; }
.serv-ewm a:hover{ background-color: rgba(255,255,255,0.3);; color: #FFF !important; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; }

.footer{background-color:#232427;overflow:hidden; padding-bottom: 10px; padding-top:10px; position: relative; z-index: 99;}
.copyright{line-height: 24px; text-align: center; font-size: 14px; text-align: center; color:rgba(255,255,255,0.8); }


/*============首页内容============*/

/*轮播图*/
.homeBanner {background-color: transparent; position: relative; z-index: 99;}
.homeBanner img {display: block; width: 100%;}
.pageInfo {position: absolute; width: 200px; height: 60px; bottom: 14%; left: 50%; transform: translateX(-50%); padding:0 45px; z-index: 99; }
.home-next1 {background: url("../image/right.png") right center no-repeat; bottom: 10%; top: auto; }
.home-prev1 {background: url("../image/left.png") left center no-repeat; top: -8px;}
.home-next1:hover , .home-prev1:hover {animation:btnAnimations 0.82s infinite;transform: translate3d(0, 0, 0);}
/*左右晃动动画*/
@keyframes btnAnimations {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }
    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }
}

.pageView1 {font-size: 45px;color: #fff;   font-weight: lighter; background: url("../image/icon_xk.png") center no-repeat;}
.pageView1 span {font-size: 32px; margin: 0 10px; color: #fff; display: inline-block; font-weight: normal;}
.pageView1 .swiper-pagination-current {color:#c30d23; position: relative; top: -24px; right: 0px; margin-right: 0;}
.pageView1 .swiper-pagination-total {position: relative; top: 12px; right: 0px; margin-left: 15px;}
.home-jj {padding-top: 134px; margin-top: -92px; /*background: url("../image/bg-v1.png") top center no-repeat;*/}
.row-h1 .col-6 {width: 50%; float: left;}
.company-t1 {padding-left: 50px;}
.company-t1 h2 {font-size: 36px; line-height: 36px; color: #c30d23; font-weight: bold;}
.company-t1 p {font-size:24px; color: #333; }
.company-cv {margin-top: 150px;padding-right: 1%; }
.company-cv h3 {font-size: 22px; margin-bottom: 50px; color: #333; padding-bottom: 20px; position: relative;}
.company-cv h3:after {display: block; content: ''; position: absolute; left: 0; bottom: 0; width:20px; height: 2px; background-color:#c30d23;  }
.company-cv p {display: block; line-height: 34px; margin-bottom: 35px; font-size:18px; }
.company-rv {position: relative; padding-top: 115%;}
.company-rv .content {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.cont-cv {position: relative;}
.company-ic {padding:10px; box-shadow: 0 0 10px #eee; position: relative; z-index: 99; background-color: #fff; float: right; }
.moreBtn1 {position: absolute; display: block; top: 100%; left: 7%; color: #e69697; border: 1px solid #e69697; width: 230px; height: 230px; margin-top: -146px; text-align: center; font-size: 18px; font-weight: bold; line-height: 44px; padding-top: 170px; padding-bottom: 16px;}
.moreBtn1 span {display: block; position: absolute;}
.moreBtn1 .left {left: 0; bottom: 0; height: 0; background-color:#c30d23;  width: 1px;  transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.moreBtn1 .bottom {left: 0; bottom: 0; height: 1px; width: 0; background-color:#c30d23; transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.moreBtn1 .top {right: 0; top: 0; height: 1px; width: 0; background-color:#c30d23; transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.moreBtn1 .right {right: 0; top: 0; height: 0; width: 1px; background-color:#c30d23; transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.moreBtn1:hover {color:#c30d23; }
.moreBtn1:hover .left {height: 100%;transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.moreBtn1:hover .bottom {width: 100%;transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.moreBtn1:hover .top {width: 100%;transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.moreBtn1:hover .right {height: 100%;transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.pv-cont {
    position: relative;
    background: top center no-repeat;
     padding-top: 49%;
 }
.pv-cont .content {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.row-pv {height: 100%;}
.row-pv .col-3 {width: 25%;float: left; height: 100%; position: relative; }
.row-pv .col-3 a { 
    display: block; 
    position: relative; 
    height: 100%; 
    background: url("../image/bg-m11.png") no-repeat; 
    transition: 0.5s all ease-in-out;  
    -o-transition: 0.5s all ease-in-out; 
    -webkit-transition: 0.5s all ease-in-out; 
    position: relative;
}
.row-pv .col-3 a:after {display: block; content:'';  position: absolute; right: 0; top: 10%; height: 80%; width: 1px; background-color: rgba(255,255,255,0.3);}
.pv-bi {display: none;}
.pv-title {position: absolute; left:44px; top:15%;  }
.pv-title h3 {font-size: 36px; color: #fff; font-weight: bold; opacity: 0.6;}
.pv-title p {color: #cfcfcf; font-size: 24px;}
.pv-vc {position: absolute; left: 0; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; text-align: center; width: 100%; }
.pv-vc .title {position: relative; padding-bottom: 15px; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.pv-vc .title:after {display: block; content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -25px;  width: 40px; height: 2px; background-color: #fff; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; display: none;}
.pv-vc .title h3 {font-size: 20px; color: #fff; position: relative; padding-bottom: 15px;}
.pv-vc .title h3::after {display: block; content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -10px;  width: 20px; height: 2px; background-color: #fff; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.pv-vc .title p {display: block; font-size:16px; color:#fff; margin-top: 15px; }
.pv-tv {width: 45%; margin: auto; text-align: left; display: block; height: 0; opacity: 0; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.pv-tv p {font-size: 16px; color: #fff; line-height: 30px;}
.pv-tv span {display: block; width: 222px; text-align: center; line-height: 61px; background: url("../image/btn_bg.png")center no-repeat; font-size: 18px; color: #fff; margin-top:85px;transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; }
.pv-tv span i {height: 61px; width: 61px; font-style: normal; display: inline-block; background: url("../image/icon-r1.png") center no-repeat; margin-left: 30px; }
.row-pv .active .title, .row-pv a:hover .title{padding-bottom: 40px; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; margin-bottom: 30px;}
.row-pv .active .title h3, .row-pv a:hover .title h3{padding-bottom: 5px; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.row-pv .active .title h3:after, .row-pv a:hover .title h3:after{display: none; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.row-pv .active .title:after, .row-pv a:hover .title:after{display: block; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.row-pv .active .pv-tv , .row-pv .col-3 a:hover .pv-tv {opacity: 1; height: auto;  transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}

.row-pv .col-3 a:hover {
    background: url("../image/bg-m1.png")no-repeat; 
    transition: 0.5s all ease-in-out;  
    -o-transition: 0.5s all ease-in-out; 
    -webkit-transition: 0.5s all ease-in-out;
}

.pv-tv span:hover {padding-left: 10px; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.row-pv .col-3:first-child a { background-position: top 66px center;}
.row-pv .col-3:nth-child(2) a { background-position: top 42px center;}
.row-pv .col-3:nth-child(3) a { background-position: top 23px center;}
.row-pv .col-3:nth-child(4) a { background-position: top 0px center;}
.home-news {padding-top: 12px; padding-bottom: 140px; background: url("../image/bg_n1.png") bottom center no-repeat;}
.company-t2 {text-align: right;}
.row-news {margin-top: 105px;}
.h-n-l {width: 38.5%; float: left;}
.news-s-c {position: relative; padding-right:150px; margin-top: 30px; opacity: 0;}
.newsSwiper .swiper-slide .productLogo {width: 100%; display: block;}
.newsSwiper .swiper-slide {opacity: 0 !important; transition: 1s all ease-in-out;  -o-transition: 1s all ease-in-out; -webkit-transition: 1s all ease-in-out;}
.newsSwiper .swiper-slide.swiper-slide-active {opacity: 1!important; transition: 1s all ease-in-out;  -o-transition: 1s all ease-in-out; -webkit-transition: 1s all ease-in-out;}
.newsSwiper .swiper-slide.swiper-slide-active .news-s-c {opacity: 1!important; transition: 1s all ease-in-out;  -o-transition: 1s all ease-in-out; -webkit-transition: 1s all ease-in-out;}
.news-l-t h3 {font-size:20px; color: #333; margin-bottom: 20px;}
.n-t1 {font-size:14px; color: #999; line-height: 28px; height: 84px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; }
.r-v {position: absolute; right: 0; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%);; -webkit-transform: translateY(-50%); }
.r-v p {display: block; font-size: 24px; color: #a8a8a8;}
.r-v span {display: block; margin-top: 25px; line-height: 30px; vertical-align: middle; padding-left: 27px; border-left: 1px solid #ddd;}
.pageInfo2 {position: relative; height: 36px; margin-top:35px; text-align: center;}
.swiper-kj {display: inline-block;}
.swiper-kj .home-next2 , .swiper-kj .home-prev2 {float: left; margin: 0 4px;}
.pageView2 {position: relative; left: auto; display: inline-block;float: left;}
.pageView2 .swiper-pagination-bullet {width: 25px; height: 25px; border-radius: 50%; border: 1px solid #c7c7c7; line-height: 25px; color: #c7c7c7; background-color: transparent; opacity: 1; margin: 0 4px; font-size: 14px;}
.pageView2 .swiper-pagination-bullet-active {width: 25px; height: 25px; border-radius: 50%; border-color: #c30d23; line-height: 25px; color: #fff; background-color: #c30d23; margin: 0 4px;}
.home-next2 {position: relative; right: auto; top: auto; margin-top: 0; display: inline-block; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #c7c7c7; color: #c7c7c7; text-align: center; line-height: 25px; background: transparent;}
.home-prev2 {position: relative; left: auto; top: auto; margin-top: 0; display: inline-block; width: 25px; height: 25px; border-radius: 50%; border: 1px solid #c7c7c7; color: #c7c7c7; text-align: center; line-height: 25px; background: transparent;}
.home-next2:hover , .home-prev2:hover {color:#c30d23; border-color:#c30d23;}
.swiper-img {overflow: hidden;max-height:350px;}
.swiper-img:hover img {transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.h-n-r {float: right; width: 54.5%;}
.news-item a{display: block; padding: 30px 45px;border-radius: 6px; border-bottom-left-radius: 50px; border-top-right-radius: 50px;  transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; }
.info-nc {padding-right: 150px; position: relative;}
.info-nc .news-img {float: left; display: block; overflow: hidden;}
.info-nc .news-img img { max-width: 120px; display: block;transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.info-t1 {padding-left: 150px; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; }
.info-t1 h3 {font-size: 20px; color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.info-t1 p {display: block; margin-top: 20px; font-size: 14px; color: #999; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news-item a:hover img {transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.news-item a:hover {box-shadow: 0 0 15px #ddd; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; }
.news-item a:hover h3 {color:#c30d23; }
.news-item a:hover .info-t1 {transform: translateX(10px); transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;  }
.moreBtn2 {margin-top: 62px;}
.moreBtn2 a {display: block; width: 222px; text-align: center; line-height: 61px; background: url("../image/btn_bg2.png")center no-repeat; font-size: 18px; color: #fff;transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; margin: auto;}
.moreBtn2 a i {height: 61px; width: 61px; font-style: normal; display: inline-block; background: url("../image/icon-r1.png") center no-repeat; margin-left: 30px; }
.moreBtn2 a:hover { background: url("../image/btn_bg.png")center no-repeat;}

.swiper-slide.swiper-slide-active .productLogo {
    max-width: none;
    -webkit-animation:animations 13s linear infinite alternate;

}
/*banner 动画*/
@-webkit-keyframes animations{
    0%{-webkit-transform:translate3d(0, 0 , 0) scale(1);}
    100%{-webkit-transform:translate3d(-5.166%, 0 , 0px) scale(1.15);}
}


@-webkit-keyframes animations2{
    0%{-webkit-transform:translate3d(0, 0 , 0) scale(1);}
    100%{-webkit-transform:translate3d( 0px ,-20.166%, 0px) scale(1.32335);}
}


@-webkit-keyframes animations2{
    0%{-webkit-transform:translate3d(0, 0 , 0) scale(1);}
    100%{-webkit-transform:translate3d(-10.166%, -10% , 0px) scale(1.32335);}
}
.banner-jt {margin-top: -1.5%}
.productSwiper a {position: initial;}
.swiper-cv {position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.swiper-tv {text-align: center; padding:55px 0; opacity: 0;  transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; background: url("../image/title_b1.png") right center no-repeat;}
.swiper-tv h3 {font-size: 40px; color: #c30d23; font-weight: bold; margin-bottom: 25px;}
.swiper-tv p {display: block; line-height: 40px; font-weight: bold; font-size:24px; color: #fff;text-transform: uppercase; }
.swiper-tv2 {display: inline-block; padding: 71px 0; padding-right: 220px; text-align: left; background: url("../image/title_b2.png") right center no-repeat; margin-left: 6%;}
.swiper-tv2 h3 {color: #fff; position: relative; margin-bottom:65px; }
.swiper-tv2 h3 span {color: #c30d23;}
.swiper-tv2 h3:after {display: block; content: ''; position: absolute; top: 100%; margin-top: 30px; width: 50px; height:5px; background-color: #c30d23; }
.swiper-jt {margin-right: 30%;}
.swiper-wrapper , .swiper-slide{height: auto;}
.time-s1 {display: none;}
.productSwiper .swiper-slide-active .swiper-tv { opacity: 1; transform: scale(1.2);-webkit-animation: scaleDownFadeIn 1.4s forwards ease;
    animation: scaleDownFadeIn 1.4s forwards ease; -webkit-filter: blur(12px);filter: blur(12px);}
/*banner 动画*/
@-webkit-keyframes scaleDownFadeIn {
    50% {
        opacity: 0;
        -webkit-transform: scale(1.1);

    }
    100% {
        opacity: 1;
        -webkit-filter: blur(0px);    filter: blur(0px);
        -webkit-transform: scale(1);
    }
}

@keyframes scaleDownFadeIn {
    0% {
        opacity: 0;
        transform: scale(1.2);
    }
    100% {
        opacity: 1;
        -webkit-filter: blur(0px);    filter: blur(0px);
        transform: scale(1);
    }
}


/*============集团简介============*/
.animatedTime {transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.banner-v {position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);  z-index: 99; text-align: center;}
.banner-v .swiper-tv {display: inline-block; text-align: left; padding:70px 0 40px 76px;  background: url("../image/title_b3.png") left center no-repeat;}
.banner-v .swiper-tv h3 {font-size: 36px; color: #333; margin-bottom: 0;}
.banner-v .swiper-tv p {font-size: 26px; color: #333;}
.banner-v.active .swiper-tv{ opacity: 1; transform: scale(1.2);-webkit-animation: scaleDownFadeIn 1.4s forwards ease;
    animation: scaleDownFadeIn 1.4s forwards ease; -webkit-filter: blur(12px);filter: blur(12px);display: none;}
.companyView {position: relative; padding-top: 172px; background: url("../image/video-vbg.png") bottom center no-repeat;}
.banner-v2 {margin-top: -5%;}
/*斜角切面*/
.skewView {
    /* transform: skew(0, -2.8deg);
    -webkit-transform: skew(0, -2.8deg);
    -moz-transform: skew(0, -2.8deg);
    -o-transform: skew(0, -2.8deg); */
    z-index: 100;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    transform-origin: left top; 
    background-color: #fff;
}
.tab-cv {padding: 55px 0; text-align: center;}
.tab-cv ul {display: inline-block;}
.tab-cv ul li {float: left; margin: 0 100px; width: 192px;}
.tab-cv ul li a {
    display: block; 
    line-height: 80px; 
    text-align: center;
    background-color: #999;  
    transition: 0.5s all ease-in-out;  
    -o-transition: 0.5s all ease-in-out; 
    -webkit-transition: 0.5s all ease-in-out;
}
.tab-cv ul li a span {
    font-size: 16px; 
    color: #fff; 
    display: inline-block; 
    padding-left: 38px; 
    transition: .5s;.lr_text1 {}
    /* transform: skew(0, 2.8deg);
    -webkit-transform: skew(0, 2.8deg);
    -moz-transform: skew(0, 2.8deg);
    -o-transform: skew(0, 2.8deg); */
}
.tab-cv ul li:hover a span:hover {
    font-size: 20px;
    transition: .5s;
}


.icon-cj {background: url("../image/icon_c1.png")left center no-repeat;}
.icon-cq {background: url("../image/icon_c2.png")left center no-repeat;}
.icon-cc {background: url("../image/icon_c3.png")left center no-repeat;}
.tab-cv ul li a:hover , .tab-cv ul li.active a {background-color: #c30d23;  transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.main_cv1 {padding: 0 2.8%; position: relative; z-index: 199;}
.m-c-v1 {position: relative; padding-bottom: 100px;}
.mc-i {overflow: hidden; float: left; text-align: center; margin-top: 70px;  position: absolute; left: 0;}
.mc-i img {display: block;}
.company-info {background-color: #325ca3; z-index: 300; text-align: center; position: relative;  width: 55.83%; padding:65px 5%; animation-delay: 0.2s; float: right;}
.titleView h5 {margin-top: 55px; font-size: 20px; color: #fff; padding-bottom: 40px; letter-spacing: 2px;}
.company-info p {display: block; text-align: left; margin-bottom: 30px; font-size:16px; text-indent: 32px; color: #fff; line-height: 28px;}
.company-sj {left: 5%; float: left;  position: relative; background-color: rgba(50,92,163,0.9); width: 66.11%; padding: 120px 2.7%; z-index: 200;  animation-delay: 0.4s; margin-top: -122px;}
.row-sj .col-4 {width: 33.333333%; float: left; text-align: center;}
.numer-t1 .counter {font-size: 100px; color: #fff; font-weight: bold;line-height: 100px;}
.numer-t1 em {font-size:18px; color: #fff; }
.row-sj .col-4 p {font-size:18px; color: #fff; text-align: center; margin-top: 15px; }
.main_cs1 {margin-top: 125px; position: relative; z-index: 200; background: url("../image/bg_n1-2.png") center no-repeat;}
.video-vc { padding-bottom: 50px; background: url("../image/video-bg2.png")bottom center no-repeat;}
.videoView {width: 1032px; height: 553px; margin: auto; position: relative;}

/*display: block; font-size: 0; object-fit: cover; !*设置视频自动占满*!*/
.videoView video{width: 100%; height: 100%;}
.video-v1 {position: absolute;left: 0;top: 0;padding: 0 5px;width: 100%;height: 100%;}
.js_start {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); text-align: center; font-style: normal;}
.js_start p {display: block; font-size: 30px; margin-top: 10px; color: #fff;}
.main_cx {text-align: center; padding-bottom: 50px;}
.video-vt {text-align: center; padding-bottom: 50px;}
.row-cv {margin: auto; margin-top: 70px; max-width: 1011px; position: relative; margin-bottom: 30px;}
.row-cont {background-color: transparent; position: relative; z-index: 99;}
.row-cont .col-6 {width: 50%; float: left; padding: 8% 0; text-align: center; position: relative; }
.r-c-t {display: inline-block; padding-left:55px; font-size: 18px; color: #525252; font-weight: bold; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.row-cont .col-6:nth-child(1)::after{display: block; content: ''; position: absolute; right: 0; top: 50%; margin-top: -27px; height: 54px; width: 2px; background-color:#eee;}
.icon-ct1 {background: url("../image/icon_c4.png") left top 4px no-repeat;}
.row-cont .col-6:hover .icon-ct1 {background: url("../image/icon_c4-2.png") left top 4px no-repeat;  }
.icon-ct2 {background: url("../image/icon_c5.png") left top 4px  no-repeat;}
.row-cont .col-6:hover .icon-ct2 {background: url("../image/icon_c5-2.png") left top 4px no-repeat;}
.row-cont .col-6:hover .r-c-t {color:#c30d23; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.view-k1 {position: absolute; left: 30px; top: 0; width: 100%; height: 100%; border: 5px solid #e3e3e3; z-index: 10; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.view-k2 {position: absolute; left: 0px; top: 30px; width: 100%; height: 100%; border: 5px solid #c30d23; z-index: 20; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.showLine .view-k1 {z-index: 30; border-color:#c30d23; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.showLine .view-k2 { border-color:#e3e3e3; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}

/*底部*/
.footerView2 {position: relative; overflow: hidden;}
.footerView2 .wp {width: 1200px;}
.foot-bg {position: absolute; /*background-color: #232427;*/ z-index: 1; left: 0; bottom: -10%; transform: skew(0, -2.4deg);-webkit-transform: skew(0, -2.8deg);-moz-transform: skew(0, -2.8deg);-o-transform: skew(0, -2.8deg); height: 60%; width: 100%; }
.footerView2 .row-server {width: 83.333333%; position: relative; z-index: 99; padding: 60px 0; margin: auto; box-shadow: 0 0 5px #ddd;}
.footerView2 .serv-menu li {border-right: none; height: 228px; position: relative;}
.footerView2 .serv-menu li h3 {color:#333; }
.footerView2 .serv-menu li p a {color: #666;}
.footerView2 .serv-menu li:after {display: block; content: ''; position: absolute; width: 1px; right: 0; top:60px; bottom: 0; background-color: #eee; }
.footerView2 .serv-menu li p a:hover  {color: #999 !important;}
.footerView2 .serv-ewm h3 {color: #333;}
.view-ry {padding-top: 90px; text-align: center; position: relative; padding-bottom: 30px;}
.ry-t1 {display: inline-block; width: 400px;margin: auto; line-height: 50px; padding: 30px 0; position: relative;}
.ry-t1 .view-k1 {left: 12px; top: -14px;}
.ry-t1 .view-k2 {top: 0px;}
.ry-t1 h3 {font-size: 24px;}
#views svg {display: none;}

.view-ry span {
    display: block;
    font-size: 17px;
    height: 30px;
    line-height: 30px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}


/*.IRJS_Overlay {background: transparent !important;}*/


#Ellipse{
    position:relative;
    visibility:visible;
    z-index:1;
    width:700px;
    height:200px;
    margin-top: 90px;
    border:none;
}
.RotatingIcon{
    border:none;
    width:80px;
}
.IRJS_Overlay {background: transparent !important;}







/*============企业简介============*/
#corporate {background: url("../image/view-bg.png") bottom 140px center no-repeat; }
#corporate .companyView , #corporate .skewView {background: transparent;}
.swiper-tv3 {margin-right: 45%;}
.corporate_c1 {text-align: center; position: relative; z-index: 199; }
.corporate_c1 .wp {width: 1600px; margin: auto; max-width: initial;}
.corporate_t1 {padding: 30px 0; margin-bottom:10%;  background: url("../image/corporate_culture.png") center no-repeat;}
.corporate_vcs {padding-top: 12.55%; position: relative; margin-bottom:30px; }
.row_corporate {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.row_corporate .col-6 {width: 50%; height: 100%; float: left; }
.corporate_cv {height: 100%;}
.corporate_cv .cor-l1 {width:56.25%; float: left; }
.corporate_cv .cor-l1 img {display: block;}
.corporate_cv .cor-r1 { width:43.75%; float: left; height: 100%;}
.corporate_vcs2 .corporate_cv .cor-r1 {float: right;}
.corporate_vcs2 .corporate_cv .cor-l1 {float: left;}

.cor-t1 {padding:18px 48px; height: 100%; text-align: left; }
.cor-t1 h3 {font-size: 24px; color: #525252; margin-top: 20px;}
.cor-t1 p {font-size: 18px; color: #525252; margin-top: 15px;}
.corporate_c2 {margin-top:60px; position: relative; z-index: 200;}
.corporate_ts2 h2 {font-size: 36px; color: #525252;}
.corporate_t2 h2 {font-size: 36px; color: #525252;}
.corporate_ct1 {margin-top:55px; margin-bottom: 10%; text-align: center;}
.title_yy {display: inline-block; width: 60%; padding: 90px 0; margin: auto; transform: skew(-15deg , 0);-webkit-transform: skew(-15deg , 0);-moz-transform: skew(-15deg , 0);-o-transform: skew(-15deg , 0); border: 1px solid #ddd;}
.title_yy span {font-size: 48px; line-height: 48px; display: inline-block; padding: 0 54px;  transform: skew(15deg , 0);-webkit-transform: skew(15deg , 0);-moz-transform: skew(15deg , 0);-o-transform: skew(15deg , 0); color: #c30d23; font-weight: bold; position: relative;}
.title_yy span:before {display: block; content: ''; width: 45px; height: 40px; position: absolute; right: 100%; bottom: 100%; background: url("../image/fh_01.png") center no-repeat;}
.title_yy span:after {display: block; content: ''; width: 45px; height: 40px; position: absolute; left: 100%; top: 100%;  background: url("../image/fh_02.png") center no-repeat;}
.row_zq {margin-top: 80px;}
.row_zq .col-6 {float: left; padding: 0 6.9%; width: 50%; margin-bottom:72px; }
.zq_cv {position: relative; transform: skew(0,-3deg);-webkit-transform: skew(0,-3deg);-moz-transform: skew(0,-3deg);-o-transform: skew(0,-3deg);}
.icon-zq {height: 74px; line-height: 74px; z-index: 100; vertical-align: middle; background-color: #e26e7c; text-align: center; width:190px; position: absolute; left: 50%; top: 0%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.icon-zq img {display: inline-block; vertical-align: middle; }
.zq_img {display: block;}
.zq_ct {position: absolute; left: 0; top: 0; z-index: 50; width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.ct1 {text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}
.ct1 h3 {font-size: 24px; color: #c30d23;}
.ct1 p {font-size: 14px; color: #999999;}
.zq_cv:hover .zq_ct {background-color: rgba(255,255,255,0.5); transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.zq_cv:hover .icon-zq {background-color:#c30d23;transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}

/*============联系我们============*/
#contact {background-color:#f7f7f7; }
#contact .companyView , #contact .skewView {background: transparent;}
.corporate_t2 {background: url("../image/contact_us.png") center no-repeat; margin-bottom: 5%; display: none;}
.row-contact .col-6 {float: left; width: 50%; text-align: center; padding-left:77px; }
.row-contact .col-6 a {display: inline-block; position: relative;}
.row-contact .col-6 a img {display: block;}
.row-contact .col-6:first-child {padding-left: 0;}
.row-contact .col-6:first-child a{margin-right: 5%;}
.row-contact .col-6:nth-child(2) a {float: right;}
.contact_cv {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top:45px; text-align: center; }
.contact_cv h3 {font-size:22px; color: #666666; margin-bottom: 45px; }
.contact_cv p {font-size:24px; color: #525252; margin-bottom: 55px; font-weight: bold;}
.contact_cv span {width:140px; line-height: 40px; font-size: 18px; text-align: center; border-radius: 6px; color: #fff; margin: auto; background-color:#25c3e9;  display: block;}
.icon-contact {position: absolute; left: 0; top: 50%; margin-left: 10px; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.contact_cv2 span {background-color:#f55982; }
.row-contact2 {margin-top: 100px;}
.contact-lv {width: 35%; float: left; text-align: left;}
.contact-title h2 {font-size: 24px; color:#525252; margin-bottom: 50px;}
.inputView {margin-bottom: 35px;}
.inputView label {display: block; font-size:19px; color: #515862; }
.inputView label em {color: #ff0000;}
.inputView input {height: 50px; width: 100%; padding: 8px 15px; box-shadow: transparent !important;}
.inputView input:focus , .inputView input:hover {border:1px solid #ffb4b4; box-shadow: transparent !important; outline: none !important; }
.inputView textarea {width: 100%; height:200px; padding: 10px; }
.inputView2 {height: 70px; position: relative;}
.inputView2 a {float: left; display: block; position: relative; width: 54%; line-height: 70px; height: 70px;}
.inputView2 a img {position: absolute; left: 0; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.yz-cv {float: right; width: 40%; }
.yz-cv span {display: block; font-size: 18px; color: #525252; line-height: 30px;}
.yz-cv input {width: 100%; height: 40px; padding: 0 10px;}
.upBtn {line-height:48px; width: 145px; text-align: center; font-size: 24px; color: #fff; background-color: #2190c1;border-radius: 6px; box-shadow: none; margin-right: 0; float: right; margin-top: 25px; border: none; margin-bottom: 150px; }
.upBtn:hover , .upBtn:focus {background-color: #c30d23;}
.contact-map {margin-top:40px; padding: 10px; background-color: #fff; width: 53%; float: right;}
.map-vc {padding-top: 85%; position: relative;}
.map-vc .map {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f8f8f8;}
#map .BMap_bubble_title {font-size: 20px; font-weight: bold;}
#map .BMap_bubble_content {margin-top: 15px;}
#map .BMap_bubble_content p {display: block; font-size: 18px;}

/*============产品服务============*/
.serviceView {padding-top: 30px; position: relative;}
.serviceView .corporate_c1 {padding-bottom: 40px;}
.service_swiper {padding: 0 80px; position: relative;}
.service_swiper .swiper-slide {float: left; height: auto; width: 16.666666%; text-align: center; transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.service_img {height: 120px; line-height: 120px; vertical-align: middle; text-align: center;}
.service_img img {display: inline-block;}
.serviceSwiper {padding: 15px 0;}
.service_swiper .swiper-slide a {display: block; position: relative;}
.service_swiper .swiper-slide a:after {display: block; content: ''; position: absolute; left: 0; top: 50%; width: 2px; height: 20px; margin-top: -10px; background-color: #eee; margin-left: -2px;}
.service_swiper .swiper-slide a p{display: block; margin-top:15px; color: #525252; font-size: 16px; background-color: transparent; }
.service_swiper .swiper-slide:hover {transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.service_swiper .swiper-slide a:hover p {color: #c30d23;}
.service-next1 {background: url("../image/right2.png") center no-repeat; width: 50px; height: 50px; margin-top: -25px; }
.service-prev1 {background: url("../image/left2.png") center no-repeat; width: 50px; height: 50px; margin-top: -25px; }
.service-next1:hover {background: url("../image/right2-2.png") center no-repeat; -webkit-animation:haha1 .5s linear ; -o-animation: haha1 .5s linear ; animation: haha1 .5s linear; }
.service-prev1:hover {background: url("../image/left2-2.png") center no-repeat; -webkit-animation:haha1 .5s linear ; -o-animation: haha1 .5s linear ; animation: haha1 .5s linear; }
.corporate_s1 {padding: 70px 0; position: relative;z-index:199; background:#f7f7f7 url("../image/service_bg.png") center no-repeat;}
.serviceSwiper2 .row-sv{opacity: 0 !important; transform: scale(1.2); transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.serviceSwiper2 .swiper-slide-active .row-sv {opacity: 1 !important; transform: scale(1); transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out; }
.service-sv {position: relative;}
.swiper-si {float: left; width: 56.25%;}
.swiper-si img {display: block;}
.swiper-rs {position: absolute; right: 0; top: 0; height: 100%; width: 43.75%; background-color: #f9f9f9;}
.swiper-vs { padding: 0 13%;padding-top: 10%; text-align: left;}
.swiper-vs h3 {font-size:24px; color: #525252;}
.swiper-vs p {margin-top: 60px; font-size:18px; color: #525252; }
.pageService {position: absolute; right: 0; width: 43.75%; bottom: 10%; padding: 0 5%;}
.service-next2 {background: transparent; font-size: 24px; left: 13%; margin-left: 16%; width: 50px; height: 40px;}
.service-prev2 {background: transparent; font-size: 24px; left: 13%; width: 50px; height: 40px;}
.service-next2 i , .service-prev2 i {width: 50px; height: 40px; display: block; text-align: center; line-height: 40px; border: 1px solid #ddd;}
.service-next2 i:hover , .service-prev2 i:hover {color: #325ca3; border-color: #325ca3; transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.serviceMore {margin-left: 45%; width: 140px; height: 50px; line-height: 50px; background: url("../image/btn_bg3.png") center no-repeat; font-size:16px; color: #fff; display: block; position: relative; z-index: 99; transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.serviceMore:hover { background: url("../image/btn_bg3-2.png") center no-repeat; color: #fff; transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.corporate_s2 {padding: 40px 0;}
.service-title {margin-bottom: 45px;}
.service-title h3 {font-size: 22px; color: #333; text-transform: uppercase;}
.row-server2 {margin: 0 -13px;}
.row-server2 .col-3 {padding: 0 13px; width: 25%; float: left; margin-bottom: 26px;}
.row-server2 .col-3 a {display: block; position: relative;}
.service-img {position: relative; border: 1px solid #ddd; overflow: hidden;}
.service-img img {width: 100%; display: block; height: 18.6rem; }
.row-server2 .col-3 a p {font-size: 18px; color:#333333; display: block; margin-top:20px; transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out; }
.service-dt {position: absolute; left: 0; top: -150%; width: 100%; height: 100%; padding-top: 30%; background-color: rgba(0,0,0,0.5); transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.service-dt h3 {font-size: 22px; color: #fff; text-align: center; font-weight: normal; opacity: 0;}
.service-dt span {padding-top: 20%; display: block; font-size:18px; color: #fff; opacity: 0;}
.row-server2 .col-3 a:hover .service-dt {top: 0; transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}
.row-server2 .col-3 a:hover .service-dt h3 ,.row-server2 .col-3 a:hover .service-dt span  {transition-delay: 0.8s;-moz-transition-delay: 0.8s; /* Firefox 4 */-webkit-transition-delay: 0.8s; /* Safari 和 Chrome */-o-transition-delay: 0.8s; /* Opera */ opacity: 1; transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out; visibility: visible;}
.row-server2 .col-3 a:hover p {opacity: 1; transition: 0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; -webkit-transition:  0.5s all ease-in-out;}

/*============服务详情============*/
#detail { background:#f7f7f7 url("../image/detail_bg.png")}
#detail  .wp {width: 1500px;}
#detail .skewView {background-color: transparent;}
.detail-nav {margin-bottom: 30px;}
.view-nav {float: right; }
.view-nav a , .view-nav span { font-size: 16px; color: #525252;}
.details-v1 { 
    padding: 40px 30px; 
    /* background:#fff url("../images/detail-02.png") right 10% bottom 15% no-repeat; */
}
.detail-lv {float: left; padding: 28px; width: 40%;}
.detail-rv {float: left; padding: 30px; width: 60%;}
.car-inv .item {border: 1px solid #ddd;}
.car-ind {position: relative; bottom: auto; left: 0; margin: 0 -5px; margin-top:10px; width: 100%; text-align: left; overflow-x: auto; overflow-y: hidden; height: 122px; white-space: nowrap;}
.car-ind li {width: 25%; padding:0 5px; margin: 0 !important; height: auto; line-height: 120px; vertical-align: middle; text-align: center; text-indent: 0; border:none; box-sizing: border-box; display: inline-block;}
.car-ind li.active {width: 25%; height: auto;}
.cor-img {border: 1px solid #ddd;}
.carousel-fade .carousel-inner .item{ opacity:0; -webkit-transition-property:opacity;-moz-transition-property:opacity ; -ms-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity ;}
.carousel-fade .carousel-inner .active{ opacity: 1;}
/*.carousel-control {display: none;}*/
.detail-lv .carousel-control.car_left , .detail-lv .carousel-control.car_right {width: 30px; height: 40px; background-image: none; bottom: 60px; margin-bottom: -20px; top: auto; z-index: 999;}
.detail-lv .iconfont {font-size: 35px; color: #000; line-height: 40px;}
.gallery-thumbs {margin-top: 15px;}
.gallery-thumbs .swiper-slide {width: 25%; padding: 0 5px;}
.pageImg {height: 120px; line-height: 120px; border: 1px solid #ddd;}

.detail-rv {padding: 0 30px;}
.details-tv {padding-top: 30px; text-align: left; }
.details-tv h3 {font-size: 24px; color: #525252; font-weight: bold;}
.details-tv a {float: left;}
.detail-t1 {margin-top: 55px; margin-bottom: 75px;}
.detail-t1 p {display: block; font-size: 16px; color:#525252; margin-bottom: 10px;}
.detail-it {padding-bottom: 15px; width: 200px; border-bottom: 1px solid #ddd; }
.detail-it p {display: block; font-size: 16px; color:#525252; margin-bottom: 10px;}
.moreBtn3 {display: block; padding: 0 36px; text-align: center; line-height: 61px; background: url("../image/btn_bg2.png")center no-repeat; background-size: 100% 100%; font-size: 18px; color: #fff; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; margin-top:58px; }
.moreBtn3 i {height: 61px; width: 30px; margin-left:14px; font-style: normal; display: inline-block;}
.moreBtn3:hover { background: url("../image/btn_bg2-2.png")center no-repeat; background-size: 100% 100%; color: #fff; text-decoration: none;}
.moreBtn3.downBtn {padding: 0 24px;background: url("../image/btn_bg4.png")center no-repeat; background-size: 100% 100%; margin-left: 15px;}
.moreBtn3.downBtn i {margin-left: 10px; width: auto;}
.moreBtn3.downBtn:hover {background: url("../image/btn_bg4-2.png")center no-repeat; background-size: 100% 100%;}
.detail-info {margin-top: 10px; padding: 20px 5%; background-color: #fff; text-align: left; display: block;}
.detail_title {padding-bottom: 20px;}
.detail_title h2 {font-size:22px; color: #525252; text-align: left; font-weight: bold; text-transform: uppercase;}
.detail_title h2 span {color:#ce1b34; }
.detail_title2 {margin-top: 50px;  }
.detail_title2 h3 {font-size: 18px; color: #525252;font-weight: bold;}
.detail_tt1 {margin-top:35px; padding-bottom: 25px; font-size: 16px; color:#525252;   }
.row-detail {margin: 0 -3%;}
.row-detail .col-3 {width: 25%; float: left; padding: 0 3.03%; margin-bottom: 40px;}
.row-detail .col-3 a {display: block; position: relative;}
.row-detail .col-3 a img {width: 100%; display: block;}
.row-detail .col-3 a span {display: block; background-color: rgba(0,0,0,0.4); font-size:18px; color: #fff; line-height: 40px; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%;}
.tableViews {padding: 0 15px; margin-top: 15px; }
.tableViews .table {border-top: 2px solid #ce1b34; border-bottom: 1px solid #ddd;}
.tableViews .table>thead>tr>th {font-size: 16px; font-weight: normal;}
.tableViews .table>tbody>tr>td {font-size: 16px;}
.tableViews0 .table>tbody>tr>td {min-width: 26.5%;}
.tableViews2 .table>thead>tr>th {border-bottom: 2px solid #ce1b34; vertical-align: middle; text-align: center; }
.tableViews2 .table>tbody>tr>td { text-align: center; vertical-align: middle; max-width: 200px;}
.tableViews2 .table>tbody>tr>td a {opacity: 0.5;}
.tableViews2 .table>tbody>tr>td a:hover {opacity: 1;}
.upBtn2 {display: block; width: 188px; text-align: center; line-height: 61px; background: url("../image/btn_bg2.png")center no-repeat; font-size: 18px; color: #fff;transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; margin:58px auto; }
.upBtn2 i {height: 61px; width: 40px; font-style: normal; display: inline-block;}
.upBtn2:hover { background: url("../image/btn_bg2-2.png")center no-repeat; color: #fff; text-decoration: none;}
.downBtn i {transform: rotate(-90deg); -o-transform:rotate(-90deg); -webkit-transform: rotate(-90deg); }


/*============营销服务============*/
.service_t1 {text-align: center; padding: 30px 0;/* background:url("../image/networkg.png") center no-repeat;*/  }
/*service_bg3.png*/
#service_b {background:#f7f7f7 url("../image/service_bg3.png")  center no-repeat;}
#service_b .skewView {background-color: transparent;}
.service-yt1 {text-align: center; width: 65%; margin: auto; }
.service-yt1 h3 {font-size: 20px; color: #525252; font-weight: bold;margin-top: 30px; }
.service-yt1 p{display: block; margin-top: 20px; font-size: 16px; color: #525252; text-indent: 32px; text-align: left;}
.serviceMap {margin-top: 30px; margin-bottom: 100px; padding:10px; background-color: #fff; }
.maps {height: 650px; background-color: #f8f8f8;}


/*============解决方案============*/
#solution {background-color: #f7f7f7;}
#solution .skewView {background-color: transparent;}
.banner-v .swiper-tv4 {min-width: 324px; margin-left: 24%; margin-top: 6%;}
.solutionCont .wp {width: 1370px;}
.solution-lv {float: left; width: 240px; background-color: #fff; position: relative; z-index: 200;}
.solution-title {background-color: #c30d23; text-align: center; padding:34px 10px; }
.solution-title h2 {font-size: 24px; color: #fff;}
.solution-title p {font-size: 18px; color: #fff;}
.solution_nav li h3 {line-height: 70px; font-size: 18px;padding-left: 25px; padding-right: 15px; font-weight: normal; color: #525252; position: relative; background: url("../image/icon_add2.png") right 15px center no-repeat; text-align: left;border-bottom: 1px solid #ddd;}
.solution_nav li h3.active {background: url("../image/icon_reduce.png")right 15px center no-repeat; }
.navMenu {display: none;}
.navMenu li {border-bottom: 1px #ddd dashed;}
.navMenu li a {line-height: 60px; font-size: 16px; text-align: left; color:#525252; display: block; padding-left: 50px; padding-right: 15px; background: url("../image/icon-arrow.png") right 35px center no-repeat;}
.navMenu li a:hover {color: #c30d23;}
.solution-rv {padding-left: 270px;}
.solution-rc {padding: 24px 4.5%; background-color: #fff;}
.solution-h1 {background-color:#f7f7f7; transform: skew(-15deg , 0);-webkit-transform:  skew(-15deg , 0);-moz-transform:  skew(-15deg , 0);-o-transform:  skew(-15deg , 0); }
.solution-h1 h3 {font-size:18px; color: #525252; line-height: 50px;  transform: skew(15deg , 0);-webkit-transform:  skew(15deg , 0);-moz-transform:  skew(15deg , 0);-o-transform:  skew(15deg , 0); text-align: left; margin-left: 40px;}
.s-r-n {margin-top: 30px;}
.solution_tab { height: 50px;}
.solution_tab li {float: left; width: 170px;transform: skew(-15deg , 0);-webkit-transform:  skew(-15deg , 0);-moz-transform:  skew(-15deg , 0);-o-transform:  skew(-15deg , 0); display: block; margin-right: 10px; margin-bottom: 10px;}
.solution_tab li a {display: block; background-color:#f7f7f7; color:#333; text-align: center;}
.solution_tab li a span {display: inline-block; font-size: 16px; transform: skew(15deg , 0);-webkit-transform:  skew(15deg , 0);-moz-transform:  skew(15deg , 0);-o-transform:  skew(15deg , 0); line-height: 50px;}
.solution_tab li.active a , .solution_tab li a:hover {background-color:#c30d23;  transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; }
.solution_tab li.active a span, .solution_tab li a:hover span {color: #fff;  transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.tab_cont { width: 100%; padding: 20px 0; text-align: center; height:580px; position: relative; }
.tab_cont img {max-width: 200%; /*max-height: 150%;*/ display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.tableViews3 .table {border-top: 2px solid #ce1b34; text-align: left; border-bottom: 1px solid #ddd;}
.tableViews3 .table>thead>tr>th {font-size: 16px; font-weight: bold;}
.tableViews3 .table>tbody>tr>td {font-size: 16px;}

/*============友谊动态============*/
.newsCont .wp {width: 1400px;}
.tab-cv2 ul li a span {padding-left: 0; font-size: 24px;}
.newsView {background-color: #fff; padding: 62px 0;}
.left-nv1 {text-align: center; padding: 0 5%; float: left; width: 45%;max-height:350px;overflow:hidden; background: url("../image/U.png") right center no-repeat;}
.left-nv1 img {max-width: 100%; }
.right-nv1 {float: left; width: 55%; padding-right: 11.14%;}
.right-nv1 h2 {margin-top: 30px; font-size: 22px;}
.right-nv1 p {margin-top: 25px; font-size: 18px; display: block;}
.nv-bv {margin-top: 58px;}
.nv-bv a {float: left; margin: auto;}
.nv-bv .time  {display: block; float: right; height: 80px; line-height:80px; width: 80px; vertical-align: middle; text-align: center; background-color:#efefef; position: relative; }
.nv-bv .time span {display:block; font-size:14px; color: #333; line-height: normal; position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);  }
.newsDetail {text-align: center; padding-top:30px; width: 70%; margin: auto;}
.swiper-news {margin: 0 -20px; margin-top: 40px;}
.news_dh h3 {font-size: 22px; }
.news-iv {margin-top: 50px; margin-bottom: 30px;}
.news-iv p {font-size:16px; color:#525252; }
.news-t1 {font-size: 14px; text-indent: 28px; text-align: left;}
.newSSwiper .swiper-slide {width: 25%; padding: 0 20px; background-color: transparent;}
.newSSwiper .swiper-slide a {padding: 10px; background-color: #fff; display: block;}
.news-cont {padding:10px; border-left: 2px solid #ce1b34; margin-bottom: 10px; }
.news-cont h3 {font-size:18px; color: #333; font-weight: normal; margin-top: 10px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.news-cont p {font-size: 14px; color:#666; line-height: 26px; height: 52px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;  margin-top: 25px; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.low_t1 {margin-top: 30px;}
.low_t1 span:first-child {float: left;  font-size: 14px; color: #c30d23;}
.low_t1 span:last-child {float: right; font-size: 14px; color: #666;}
.news-si img {width: 100%;max-height:200px;overflow:hidden;}
.newSSwiper .swiper-slide a:hover h3 {transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); color:#c30d23; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; }
.newSSwiper .swiper-slide a:hover p {transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px);  transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; }
.newSSwiper .swiper-slide a:hover {box-shadow: 0 0 10px #ddd;}
.newsCont .companyView {background: transparent;}
.newsCont .corporate_s1 {background: transparent;}
.newsCont .pageInfo2 {margin-top: 50px;}


/*============人才理念============*/
.banner-v .swiper-tv5 { background: url(../image/title_b3-2.png) left center no-repeat;}
.swiper-tv5 {margin-right: 23%; margin-top: -3.5%;}
.peron-s1 {background-color: #f7f7f7; position: relative; z-index: 199;}
.peron-s1:after {display: block; content: '';position: absolute; left: 0; top: 50%; height: 50%; width: 100%; background-color: #fff; z-index: 1;}
.icon-rc {background: url("../image/icon_c6.png") left center no-repeat;}
.icon-zp {background: url("../image/icon_c7.png") left center no-repeat;}
.personView {background: #f7f7f7;}
.personView .wp {width: 1600px; max-width: initial;}
.personView .skewView {height: auto; background-color: #fff;}
.tabView {text-align: center;}
.pro-tab {display: inline-block;}
.pro-tab li {float: left;}
.pro-tab li a {display: block; margin: 0 20px; width: 180px; line-height: 70px; background-color:#fff; font-size:24px;  transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; }
.pro-tab li.active a , .pro-tab li a:hover{background-color: #c30d23; color: #fff; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;  }
.row-person {margin-top: 55px; background-color: #fff; position: relative; z-index: 200;box-shadow:0 0 15px #ddd;}
.row-person .col-6 {width: 50%; float: left;}
.person-img {overflow: hidden;}
.person-img img {display: block;  transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.person-img:hover img {transform: scale(1.2);  transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.person-cv {padding-top: 62.5%; position: relative; /*background: url("../image/bg_n1-3.png")left bottom -10px no-repeat;*/ background-size: cover; }
.person-cv .content {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.person-info {height: 100%; padding:50px 11.25%; position: relative;}
.person-info h2 {font-size: 22px; color: #333; position: relative; padding-bottom: 15px; margin-bottom: 25px;}
.person-info h2:after {display: block; content: ''; position: absolute; left: 0; bottom: 0; width:30px; height: 2px; background-color:#c30d23; }
.person-info p {font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;}
.person-info a {margin-top: 10%; float: left;}
.low-t1 {position: absolute; left: 0; bottom: 8%; padding-left:11.25%; width: 100%;}
.low-t1 span {width: 33.333333%; font-size: 20px; font-family: '宋体'; font-weight: bold; font-style: italic; display: block; float: left;}
.news-info a {margin-top: 10%;}
/*.moreBtn4 {position: absolute; left: 11.25%; margin-top: 0; bottom: 30%;}*/


/*============招聘信息============*/
.recruitView .wp {width: 68%; margin: auto;}
.recruitView {background: transparent;}
.recruitView .skewView {height: auto;}
.recruit-s1 {background: transparent;margin-top:55px;}
.swiper-tv6 {margin-left: 14%; margin-top: -10%;}
.recruit_swiper {position: relative; padding: 0 7%;}
.recruit_swiper .swiper-slide {width: 16.666666%; padding: 0 2%;}
.recruit_swiper a {display: block; line-height:70px; font-size:24px; }
.recruit_swiper a:hover {background-color: #c30d23; color: #fff;}
.recruit_swiper .swiper-slide-active a {background-color: #c30d23; color: #fff;}
.recruit-s1 .wp {width:63.1%; margin: auto; }
.recruit-item {border: 3px solid #fff; margin-bottom: 30px; box-shadow: 0 0 5px #eee;}
.recruit_swiper .service-next1 {background: url("../image/right3.png") center no-repeat;}
.recruit_swiper .service-prev1 {background: url("../image/left3.png") center no-repeat;}
.recruit_swiper .service-next1:hover {background: url("../image/right3-2.png") center no-repeat;}
.recruit_swiper .service-prev1:hover {background: url("../image/left3-2.png") center no-repeat;}
.row-recruit {background-color: #fff;}
.row-recruit .col-6 {float: left; width: 50%; }
.row-recruit .col-6 h3 {font-size:18px; font-weight: bold;  line-height: 44px; margin-left: 30px;}
.row-recruit .col-5 {width: 41.666666%; float: left; text-align: center; font-size: 18px; line-height: 44px;}
.row-recruit .col-2 {width: 16.666666%; float: left; text-align: center; font-size: 18px; line-height: 44px;}
.row-recruit .col-2 i {font-size: 24px; font-weight: bold;}
.recruit-info {padding:30px 4%; display: none;}
.row-rv .col-6 {width: 50%; float: left; padding:0 10px;}
.row-rv .col-6:nth-child(2) {padding-left: 5%;}
.row-rv .col-6 h3 {font-size: 16px; font-weight: bold; margin-bottom: 20px;}
.recruit_t1 {padding-left:30px; }
.recruit_t1 {font-size: 14px; line-height: 26px;}
.recruit-info a {margin: auto; margin-top: 50px; float: none; width:140px; padding: 0; }
.recruit-item:hover , .recruit-item.active {border-color: #c30d23;  transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out;}
.recruit-item:hover .row-recruit , .recruit-item.active .row-recruit {background-color: #c30d23;  color:#fff; transition: 0.5s all ease-in-out;  -o-transition: 0.5s all ease-in-out; -webkit-transition: 0.5s all ease-in-out; }
.recruit-item.active .row-recruit i {display: inline-block; -webkit-animation:haha1 .5s linear ; -o-animation: haha1 .5s linear ; animation: haha1 .5s linear; }
.pageViews {text-align: center;}
.pageViews .pager {display: inline-block;}
.pageViews a {display: block; float: left; width: 25px;height: 25px;border-radius: 50%;border: 1px solid #c7c7c7;line-height: 25px;color: #c7c7c7;background-color: transparent;opacity: 1;margin: 0 4px;font-size: 14px;}
.pageViews {margin-top: 35px; margin-bottom: 10%;}
.pageViews a:hover , .pageViews a.active {background-color: #c30d23; border-color: #c30d23; color: #fff;}
.pageViews .pageBtn:hover , .pageViews .pageBtn.active {background-color: transparent; border-color: #c30d23; color: #c30d23;}

@-webkit-keyframes haha1 {

    0% {
        -webkit-transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    75% {
        -webkit-transform: rotate(270deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }

}
.right-nv1 .condesc {
    margin-top: 25px;
    font-size: 18px;
    display: block;
}
.content_cont {}
.content_cont p {
    font-size: 14px;
    text-indent: 28px;
    text-align: left;
    margin-top: 10px;
}
.content_cont img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

#listid #active .row-sv {
    opacity: 1!important;
}



.lrlist {
    width: 100%;
}

.lrlist li {
    width: 100%;
    z-index: 9;
    display: none;
    opacity: 0;
    transition: .5s;
    overflow: hidden;
}
.lrlist li .li_text {
    width: 100%;
    position: relative;
}
.lrlist li .li_text .li_cont {
    width: 100%;
}
.lrlist li .li_text .li_cont .pic {
    float: left;
    width: 56.25%;
}
.lrlist li .li_text .li_cont .pic img {
    display: block;
    max-width: 100%;
}
.lrlist li .li_text .li_cont .text {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 43.75%;
    background-color: #f9f9f9;
}
.lrlist li .li_text .li_cont .text .swiper-vs {
    padding: 0 13%;
    padding-top: 10%;
    text-align: left;
}
.lrlist li .li_text .li_cont .text .swiper-vs h3 {
        font-size: 24px;
    color: #525252;
}
.lrlist li .li_text .li_cont .text .swiper-vs p {
        margin-top: 60px;
    font-size: 18px;
    color: #525252;
}

.lrlist .active {
    z-index: 10;
    opacity: 1;
    transition: .5s;
    display: block;
}


.video_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.7);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.video_bg span {
    font-size: 30px;
    width: 50px;
    height: 50px;
    background: #fff;
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    text-align: center;
    line-height: 45px;
    border-radius: 50%;
    color: #333;
}





.clearfix {
    *zoom: 1;
}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.pswp {
    z-index: 10000!important;
}

.lr_center {
    width: 1260px;
    margin: 0 auto;
}
.lr_tit {
    width: 100%;
}
.lr_tit h3 {
    font-size: 30px;
    color: #333;
    display: block;
    text-align: left;
}
.lr_center #Ellipse {
    width: 900px;
    height: 260px;
    margin-bottom: 30px;
    margin-top: 50px;
}
.lr_center #Ellipse figure span {
    display: none;
    bottom: -30px;
}

.lr_honnerlist {
    margin-top: 50px;
    margin-bottom: 40px;
}
.lr_honner {
    width: 100%;
    position: relative;
    margin-top: 30px;
}
.lr_honner .hd {}
.lr_honner .hd .prev {
    position: absolute;
    left: -50px;
    top: 45%;
    width: 40px;
    height: 40px;
    background: url('../image/lrle.png') no-repeat center #999;
    z-index: 10;
}
.lr_honner .hd .next {
    position: absolute;
    right: -50px;
    top: 45%;
    width: 40px;
    height: 40px;
    background: url('../image/lrri.png') no-repeat center #999;
    z-index: 10;
}
.lr_honner .bd {
    width: 100%;
    overflow: hidden;
}
.lr_honner .bd figure {
    width: 33.33%;
    float: left;
    margin: 0;
}
.lr_honner .bd figure .img-dv {
    width: 90%;
    margin: 0 auto;
    padding: 0 10%;
}
.lr_honner .bd figure .img-dv img {
        display: block;
    margin: 0 auto;
    max-width: 100%;
}
.lr_honner .bd figure span {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}
#mshow {
    display: none;
}



.lr_text1 {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
}
.lr_text1 .list {}
.lr_text1 .list li {
    width: 33.33%;
    float: left;
}
.lr_text1 .list li>img {
    display: block;
    max-width: 100%;
}
.lr_text1 .list li .text {
    min-height: 205px;
    padding: 7% 5% 0 10%;
}
.lr_text1 .list li .text img {
    display: block;
    max-width: 100%;
}
.lr_text1 .list li .text span {
    font-size: 24px;
    color: #333;
    display: block;
    font-weight: bold;
    margin-top: 12px;
}
.lr_text1 .list li .text p {
    font-size: 18px;
    color: #333;
    display: block;
    margin-top: 5px;
}


.lr_text2 {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
}
.lr_text2 .box img {
    display: block;
    max-width: 100%;
    margin-top: 30px;
} 

.lr_text3 {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 20px;
}
.lr_text3 .box {
    margin-top: 30px;
}
.lr_text3 .box li {
    width: 25%;
    float: left;
    position: relative;
}
.lr_text3 .box img {
    display: block;
    max-width: 100%;
} 
.lr_text3 .box img:first-child {
   position: relative;
   z-index: 8;
} 
.lr_text3 .box img:first-child +img {
   position: absolute;
   z-index: 10;
   top: 0;
   left: 0;
} 
.lr_text3 .box img:first-child +img +img {
   position: absolute;
   z-index: 9;
   top: 0;
   left: 0;
   display: block;
    transition: .5s;
    opacity: 1;
} 

.lr_text3 .box li:hover .cutbg{
    opacity: 0;
    transition: .5s;
}
.lr_text3 .box li.on .cutbg{
    opacity: 0;
    transition: .5s;
}

.pages .pagination {
    text-align: center;
    height: auto;
}
.pages .pagination a {
    padding: 0;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    float: none;
    border: 1px solid #eee;
}
.pages .pagination p {
    padding: 0;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    float: none;
    border: 1px solid #eee;
}
.pages .pagination a:hover {
    color: #c30d23;
    background: white;
    border: 1px #c30d23 solid;
}

.pages .pagination a.cur {
    border: none;
    background: #c30d23;
    color: #fff;
    border: 1px solid #c30d23;
}
.pagination a.cur {
    border: none;
    background: #c30d23;
    color: #fff;
}

.mhide {
    display: block;
}
.mblock {
    display: none; 
}

#prolist li {
    width: 100%;
    display: none;
}
#prolist li.active {
    display: block;
}




.hover_img {
    width: 650px;
    height: 450px;
}

.recruit_swiper a.on {
    background-color: #c30d23;
    color: #fff;
}

.recruit_swiper .swiper-slide-active a {
    background: none;
    color: #828282;
}
.recruit_swiper a.on {
    background-color: #c30d23;
    color: #fff;
}
.recruit_swiper .swiper-slide-active a.on {
    background-color: #c30d23;
    color: #fff;
}



@media screen and (min-width: 1921px){
    .productSwiper img {width: 100%;}
}


@media screen and (max-width: 1260px) {
    .lr_center {width: 100%;}
}


@media screen and (max-width: 767px) {
    .lr_center #Ellipse{
        width: 100%;
    }
  .tab_cont img{max-width: 100%!important;}
    .mhide {
        display: none;
    }
    .mblock {
        display: block;
    }
    .lr_honner {
        width: 100%;
        padding: 0 60px;
    }
    .lr_honner .bd {
        padding-bottom: 20px;
    }
    .lr_honner .bd figure {
        width: 100%;
    }
    .lr_honner .hd .prev {
        left: 5px;
        top: 38%;
    }
    .lr_honner .hd .next {
        right: 5px;
        top: 38%;
    }
    .lr_tit h3 {
        font-size: 20px;
        padding-left: 10px;
    }
    .lr_text1 .list li {
        width: 100%;
    }
    .lr_text1 .list li .text {
        min-height: auto;
        padding: 4%;
    }
    .lr_text1 .list li .text p {
        margin-top: 0;
        font-size: 16px;
    }
    .lr_text1 .list li .text img {
        max-width: 30px;
    }
    .lr_text1 .list li .text span {
        font-size: 18px;
        margin-top: 8px;
    }
    .lr_text3 .box li {
        width: 50%;
    }

    .hover_img {
        width: 360px;
        height: 250px;
        margin: 0 auto;
    }
    .hover_img .point {
        width: 40px;
    }
}

@media screen and (max-width: 350px) {
    .hover_img {
        width: 300px;
        height: 210px;
        margin: 0 auto;
    }
}