@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:none;}
/* remember to define focus styles! */
:focus {outline:0;}
address, caption, cite, code, dfn,
em, th, var, optgroup {font-style:normal;font-weight:normal !important;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:none;font-variant:normal;}

input, button, textarea,
select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;*font-family:"Microsoft YaHei",Arial;resize: none;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;outline:none;font-family: "microsoft yahei"; font-weight: 200; -webkit-appearance:none; border-radius: 0;}
body {line-height: 1.5; font-family:Arial; font-size:14px; color:#666666;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0 ;
/*表格自动换行*/
table-layout:fixed;word-wrap:break-word;}
caption, th{text-align:center;}
/*caption, th {text-align: left;}*/
/*sup, sub {font-size: 100%;vertical-align: baseline;}*/
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
a{transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
/*------------浮动-----------------*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.clear10{ clear:both; height:10px; overflow:hidden;}
.clear15{ clear:both; height:15px; overflow:hidden;}
.clear20{ clear:both; height:20px; overflow:hidden;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:20px;}

.textover{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;filter:alpha(opacity=50);}
a{color: #333333;}
a:hover{ color: #e60113;}
.ft84{font-size:84px;}
.ft70{font-size:70px;}
.ft60{font-size:60px;}
.ft48{font-size: 48px;}
.ft40{font-size: 40px;}
.ft36{font-size: 36px;}
.ft34{font-size: 34px;}
.ft30{font-size: 30px;}
.ft28{font-size: 28px;}
.ft26{font-size: 26px;}
.ft24{font-size: 24px;}
.ft20{font-size: 20px;}
.ft18{font-size: 18px;}
.ft16{font-size: 16px;}
.ft44{font-size: 44px;}
.ptb100{padding: 100px 0;}
.ptb150{padding: 100px 0 150px; }
.ptb40{padding: 40px 0;}
.pt80{padding: 80px;}
.ptb70{padding: 68px 0 68px;}
.ptb80{padding: 80px 0 80px;}
.ptb50{padding: 50px 0;}

.banner.banner-m{
    display: none;
}
@media (max-width: 750px){
    .banner.banner-m{
        display: block;
    }
    .banner.banner-pc{
        display: none;
    }
}

.animation,.banner .swiper-slide .text{-moz-transform: translate(0,80px); -o-transform: translate(0,80px); -webkit-transform: translate(0,80px); transform: translate(0,80px);  opacity: 0;}
.animation.srcospcur{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}
.banner .swiper-slide.swiper-slide-active .text{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s 0.5s; -webkit-transition:1.3s 0.5s; -moz-transition:1.3s 0.5s; -ms-transition:1.3s 0.5s; -o-transition:1.3s 0.5s;}


img{display: block;}
.img{overflow: hidden; position: relative;}
.img img{display: block;transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transform:scale(1);transform:scale(1);}
.img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.whbfb{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.table{ height:100%; display:table; margin: 0 auto; width: 100%;}
.table-cell{ display:table-cell; vertical-align:middle;}

.wap{width: 84%; max-width: 1520px; margin: 0 auto;}
.waps{width: 84%; max-width: 1200px; margin: 0 auto;}
:lang(zh-hk) body,body{font-family: "microsoft yahei", "Arial", sans-serif;}
body{color: #333333;background: #fff; font-size: 14px;  width: 100%;  position: relative;overflow-x:hidden ; }
/*:first-child  filter:alpha(opacity=50);*/
/*img{display: block;}*/
img{max-width: 100%;}
html{ position: relative; width: 100%;}
input.but{cursor: pointer;}
.main{position: relative; overflow: hidden;min-height: 100vh;}
.sj{display: none;}
.pc{display: block;}

.banner{height: 100vh; width: 100%; position: relative; color: #fff; overflow: hidden; /*background-attachment: fixed !important;*/}
.banner .txt{position: absolute; left: 50%; top: 44%; -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align: center; z-index: 3;}
.banner .txt h4{text-transform:uppercase; font-weight: bold; padding-bottom: 0.1em;
-moz-transform: translate(0,40px); -o-transform: translate(0,40px); -webkit-transform: translate(0,40px); transform: translate(0,40px);  opacity: 0;}
.banner .txt h3{font-weight: bold;-moz-transform: translate(0,40px); -o-transform: translate(0,40px); -webkit-transform: translate(0,40px); transform: translate(0,40px);  opacity: 0;}
.banner .txt h5{line-height: 1.8em;-moz-transform: translate(0,40px); -o-transform: translate(0,40px); -webkit-transform: translate(0,40px); transform: translate(0,40px);  opacity: 0;}
.banner.cur .txt h5{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1s 0.6s; -webkit-transition:1s 0.6s; -moz-transition:1s 0.6s; -ms-transition:1s 0.6s; -o-transition:1s 0.6s;}
.banner.cur .txt h4{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s 0.3s; -webkit-transition:1s 0.3s; -moz-transition:1s 0.3s; -ms-transition:1s 0.3s; -o-transition:1s 0.3s;}
.banner.cur .txt h3{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1s; -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s;}
.Scroll{position: absolute; bottom: 0; left: 50%; width: 5em; text-align: center; -moz-transform: translate(-50%,40px); -o-transform: translate(-50%,40px); -webkit-transform: translate(-50%,40px); transform: translate(-50%,40px); color: #fff; opacity: 0;}
.Scroll img{margin: 0 auto;}
.Scroll p{padding-bottom: 0.5em;}
.banner.cur .Scroll{-moz-transform: translate(-50%,0px); -o-transform: translate(-50%,0px); -webkit-transform: translate(-50%,0px); transform: translate(-50%,0px); opacity: 1; transition:1s 1.2s; -webkit-transition:1s 1.2s; -moz-transition:1s 1.2s; -ms-transition:1s 1.2s; -o-transition:1s 1.2s;}

.head{position: fixed; z-index: 30; top: 0; left: 0; width: 100%; padding: 10px 0;background-color: rgba(0,0,0,0.4);}
.heads,.head.cur,.head.curc{background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.08);}
.head .cons{position: relative; width: 90%; margin: 0 auto;padding-top: 3px;}
.head .logo{float: left;}
.head .logo a{display: block;}
.heads .logo a,.head.cur .logo a,.head.curc .logo a{background: url(../imgaes/logo1.png); background-size: 100%;}
.heads .logo a img,.head.cur .logo a img,.head.curc .logo a img{opacity: 0;}
/*.heads{padding: 10px 0;}*/
.head .nav{float: right;}
.head .nav ul li{float: left; position: relative;}
.head .nav ul li .yj{display: block; padding: 0 35px; line-height: 42px; font-size: 16px; color: #fff;}
.heads .nav ul li .yj,.head.cur .nav ul li .yj,.head.curc .nav ul li .yj{color: #333;}

.head .nav ul li .ej{position: absolute; top: 100%; left: 0; width: 100%; text-align: center; line-height: 40px; height: 0; overflow: hidden; padding-top: 10px;}
.head .nav ul li:hover .ej{height: auto;}
.head .nav ul li .ej a{display: block; border-bottom: 1px solid #eee;background: #fff; }
.head .nav ul li .ej dd:last-child a{border: 0;}
.head .nav ul li .ej a:hover{background: #e60113; color: #fff;}
.head .nav ul li .ej dl{padding: 0px 0;
	-webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;}
.head .nav .nav_ ul li .ej dl dd{
	opacity: 0;
	-webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}
.head .nav .nav_ ul li:hover .ej dl dd{
    opacity: 1;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* CSS3 delays for transition effects */
.head .nav .nav_ ul li:hover .ej dl dd:nth-child(1) {
    -webkit-transition-delay: 10ms;
    -moz-transition-delay: 10ms;
    -ms-transition-delay: 10ms;
    -o-transition-delay: 10ms;
    transition-delay: 10ms;
}
.head .nav .nav_ ul li:hover .ej dl dd:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.head .nav .nav_ ul li:hover .ej dl dd:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.head .nav .nav_ ul li:hover .ej dl dd:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.head .nav .nav_ ul li:hover .ej dl dd:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.head .nav .nav_ ul li:hover .ej dl dd:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.head .nav .nav_ ul li:hover .ej dl dd:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.head .nav .nav_ ul li:hover .ej dl dd:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.relo{float: right; line-height: 40px; font-size: 16px;}
.relo a{float: left; padding:0 1.5em; border: 1px solid transparent; color: #fff; margin-left: 3px;}
.relo span{float: left; color: #fff; opacity:0.9; border: 1px solid transparent;}
/*.relo a:hover,*/
.relo a.cur{border-color: rgba(250,250,250,0.7);}
.sousk{float: right; padding-top: 9px; padding-right: 50px;}
.sousk img.ico2{display: none;}
.lgg{float: right; line-height: 42px; font-size: 18px; color: #fff; padding: 0 40px 0 20px;}
.lgg img{display: inline-block; vertical-align: middle; padding-bottom: 0.2em; padding-right: 0.5em;}
.lgg img.ico2{display: none;}
.lgg a{color: #fff;}
.navlin{display: none;}
.dlzc{display: none;}

.heads .relo span,.head.curc .relo span{color: #333;}
.heads .relo a,.head.curc .relo a{color: #333;}
.heads .relo a:hover,.head.curc .relo a:hover{color: #E60113;}
.heads .sousk img.ico2,.head.curc .sousk img.ico2{display: block;}
.heads .sousk img.ico1,.head.curc .sousk img.ico1{display: none;}
.heads .lgg img.ico1,.head.curc .lgg img.ico1{display: none;}
.heads .lgg img.ico2,.head.curc .lgg img.ico2{display: inline-block;}
.heads .lgg a,.head.curc .lgg a{color: #333;}
.head.cur .sousk img.ico2{display: block;}
.head.cur .sousk img.ico1{display: none;}
.head.cur .lgg img.ico1{display: none;}
.head.cur .lgg img.ico2{display: inline-block;}
.head.cur .lgg a{color: #333;}
.head.cur .relo a.cur,.heads .relo a.cur,.head.curc .relo a.cur{border-color: #ccc;}
.grh .ico2{display: none;}
.heads .grh .ico1,.head.curc .grh .ico1,.head.cur .grh .ico1{display: none;}
.heads .grh .ico2,.head.curc .grh .ico2,.head.cur .grh .ico2{display: block;}

.homePro{}
.hmtit{ padding-left: 80px; /*color: #333333;*/ position: relative;}
.hmtit .tit{float: left; width: 8em;}
.hmtit .tit h3{line-height: 1.1em; position: relative; font-weight: bold;}
.hmtit .tit h4{font-family: arial; font-weight: bold;}
.hmtit .tit h3:before{position: absolute; right: 100%; margin-right: 15px; content: ''; height: 2px; background: #E60113; width: 65px; top: 50%; margin-top: -1px;}
.hmtit .txt{float: left; max-width: 525px;}
.hmtit .more2{position: absolute; right: 0; bottom: 0;}

.qhpleft{float: left; width: 13em; padding-top: 14%; padding-left: 80px; -moz-transform: translate(-100px,0px); -o-transform: translate(-100px,0px); -webkit-transform: translate(-100px,0px); transform: translate(-100px,0px); opacity: 0;}
.qhpleft ul li{line-height: 2.6em;}
.qhpleft ul li a{display: block; color: #999999; font-weight: bold;}
.qhpleft ul li.cur a{background: #eeeeee; color: #333333; border-left: 2px solid #E60113; padding-left: 0.8em;}
.more{color: #d12b26; border:2px solid #E60113; display: block; width: 12em; line-height: 2.8em; text-align: center; margin-top: 50px;} 
.more:hover{background: #E60113; color: #fff;}
.qhpright{float: right; width: calc(90% - 13em - 80px); max-width: 840px; position: relative; overflow: hidden; -moz-transform: translate(100px,0px); -o-transform: translate(100px,0px); -webkit-transform: translate(100px,0px); transform: translate(100px,0px); opacity: 0;}
.qhpright .txts{padding-top: 15px;}
.qhpright .txt{float: left; width: calc(100% - 200px); max-width: 445px; color: #333;}
.qhpright .txt h3{font-weight: bold;}
.more2{display: inline-block; color: #d12b26; line-height: 60px; font-weight: bold;}
.more2 img{display: inline-block; vertical-align: middle; padding-bottom: 0.2em; padding-right: 1.2em;}
.qhpright .more2{float: right;}

.homePro .animation{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1;}
.homePro .srcospcur .qhpleft{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}
.homePro .srcospcur .qhpright{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}

.homeSol{background: #f2f2f2; padding-bottom: 200px;}
.homeSols{padding-top: 2%; max-width:1126px; margin: 0 auto; position: relative;}
.homeSols .txt{position: absolute; background: #fff; left: 70%; top: 20%; -moz-transform: translate(0,50px); -o-transform: translate(0,50px); -webkit-transform: translate(0,50px); transform: translate(0,50px); opacity: 0;}
.homeSols .swiper-slide{opacity: 0.5; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s;}
.homeSols .swiper-slide-active{z-index: 3; opacity: 1;}
.homeSols .swiper-slide-active .txt{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}
.homeSols .txt .con{padding: 60px 80px;}
.homeSols .txt h3{line-height: 1.2em; padding-top: 0.8em; font-weight: bold;}
.homeSols .txt h4{line-height: 1.2em;font-family: arial; font-weight: bold;}
.homeSols .txt p{padding: 1.2em 0 2.5em;}
.solqh{position: absolute; top: 100%; right: 50%;}
.solqh a{float: left; margin-top: 1px;}
.solqh a:last-child{float: right; margin-left: 1px;}
.qhs{width: 70px; height: 70px; display: block;}
.qhsL{background:url(../imgaes/qhico1.png) no-repeat center #313131;}
.qhsR{background:url(../imgaes/qhico2.png) no-repeat center #313131;}
.qhs:hover{background-color: #E60113;}

.homenews{position: relative; margin-top: 50px;}
.homenews_{overflow: hidden;}
/*.homenews_{width: calc(33.33% - 30px); margin: 0 auto;}*/
.homenews p{color: #999; padding: 1em 0 0.7em;}
.homenews h3{font-weight: bold;}
.homenews .swiper-slide-prev,.homenews .swiper-slide-duplicate-prev{opacity: 0.5; transition:0.5s; -webkit-transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s;}
.homenews .swiper-slide-active,.homenews .swiper-slide-next{opacity: 1;}
.homenews .qhs{position: absolute; top: 50%; margin-top: -80px; z-index: 3;}
.homenews .qhsL{left: -90px;}
.homenews .qhsR{right: -90px;}
.homenews .qhs.swiper-button-disabled{opacity: 0.2;}

.homeabout{padding-top: 30px !important; position: relative;}
.homeabout .img{position: absolute; right: 0; width: 60%; top: 30px;}
.homeabout .cons{position: relative; z-index: 3;}
.homeabout .neric{ margin-top: 6%; width: 50%; background: #f2f2f2;}
.homeabout .neric .con{padding: 70px 100px 150px;}
.homeabout .neric .con h3{font-weight: bold;}
.homeabout .neric .con p{padding: 1em 0 8%;}
.homeabout .neric .img{display: none;}

.foot{background: #333; color: #fff;}
.surb{padding-top: 75px;}
.surb .hmtit .tit h3:before{height: 4px; margin-top: -2px;}
.surb .hmtit{float: left;}
.surb .right{float: right; width: calc(100% - 470px); max-width: 680px;}
.surb .right h3{padding-bottom: 0.6em;}
.surb .right input{float: left; height: 50px; border: 0;}
.surb .right .txt{width: calc(100% - 210px); padding: 0 15px; background: #fff;}
.surb .right .but{float: right; width: 160px; background: #E60113; color: #fff;}
.surb .right .but:hover{background: #D12B26;}

.footcon{padding: 44px 0; border-bottom: 1px solid #515151; border-top: 1px solid #515151;}
.footcon .logo{float: left; width: 133px;}
.footcon .ewm{float: right; text-align: center; width: 135px;}
.footcon .ewm p{padding-bottom: 15px;}
.fotnav{float: left;}
.fotnav a{color: #fff;}
.fotnav a:hover{color: #fff; text-decoration: underline;}
.fotnav h3{padding-bottom: 0.5em;}
.fotnav h3,.fotnav h3 a{color: #bfbfbf;}
.fotnav ul li{float: left; margin-left: 55px;max-width:200px}
.fotnav ul li .ej{line-height: 34px;}
.fotnav ul li .ej a{display: block;}

.copy{ line-height: 18px; padding: 10px 0;}
.copy p{float: left; color: #999999;}
.copy .bdsharebuttonbox{float: right;}
.copy .bdsharebuttonbox a{padding: 0 !important; margin: 0 !important; width: 21px !important; height: 18px !important; margin-left: 10px !important;}
.copy .bdsharebuttonbox a.bds_sqq{background: url(../imgaes/fxico1.png) no-repeat center !important;}
.copy .bdsharebuttonbox a.bds_weixin{background: url(../imgaes/fxico2.png) no-repeat center !important;}
.copy .bdsharebuttonbox a.bds_tsina{background: url(../imgaes/fxico3.png) no-repeat center !important;}

.rignav{position: fixed; right: -60px; top: 50%; z-index:29; text-align: center; width: 60px;-moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); transition:0.3s; -webkit-transition:0.3s;}
.rignav.cur{right: 5px;}
.rignav dl{box-shadow: 0 0 20px rgba(0,0,0,0.1) ; font-size: 12px;}
.rignav dd .lg{background: rgba(102,102,102,0.5); padding: 14px 0;}
.rignav dd .lg img{margin: 0 auto; width: 24px}
.rignav dd a{display: block; padding: 8px 0 6px; background: rgba(102,102,102,0.5); color: #fff; position: relative;}
.rignav dd a .txts{position: absolute; right: 100%;background:#E60012; width: 10em; font-size: 18px; line-height: 61px; top: 0; display: none;}
.rignav dd a:hover .txts{display: block;}
.rignav dd a .ico{ margin: 0 auto; width: 24px; padding-bottom: 5px;}
.rignav dd:nth-child(3),.rignav dd:nth-child(2){border-top: 1px solid #808080;}
.rignav dd a:hover{background: #E60113;}
.rignav .kgu{padding-top: 10px; position: relative;}
.rignav .kgu .kl{position: absolute; right: 100%; bottom: 0; margin-right: 5px; width: 58px; padding: 0px 0 14px; background: none;}
.rignav.cur .kgu .kl{display: none;}
/*.rignav .kgu .kl img{width: 30px;}*/
.rignav .kgu .close{display: block; background: rgba(102,102,102,0.5); padding: 20px 0 20px;}
.rignav .kgu .close img,.rignav .kgu .kl img{margin: 0 auto;}

.mains{height: 100vh;}
.sign{width: 90%; max-width: 580px; margin: 0 auto;}
.sign .logo{margin: 0 auto; width: 139px;}
.sign .sm{text-align: center; color: #666666; padding: 5% 0;}
.sign .li{padding-bottom: 28px;}
.sign .li p{color: #000000; padding-bottom: 7px;}
.sign .li input.txt{height: 48px; line-height: 48px; width: calc(100% - 32px); padding: 0 15px; border:1px solid #cccccc; display: block;}
.sign .ann{}
.sign .ann input{display: block; height: 50px; width: 100%; background: #E60113; color: #fff; border: 0;}
.sign .ann input:active{background: #D12B26;}
.sign .caoz{padding: 10px 0 5%;}
.sign .caoz p{float: left; color: #999;}
.sign .caoz p a{text-decoration: underline; padding-left: 0.5em; color: #E60113;}
.sign .caoz .wj{float: right; color: #999;}
.sign .caoz .wj:hover{color: #D12B26;}
.sign .dsfd{max-width: 470px; text-align: center; margin: 0 auto; padding-top: 5%;}
.sign .dsfd li{display: inline-block; width: 32%;}
.sign .dsfd li .ico{width: 30px; margin: 0 auto;}
.sign .dsfd li p{color: #999; padding-top: 6px;}
.sign .dsfd li a:hover p{color: #D12B26;}
.sign .dsfd li a:hover .ico{opacity: 0.8;}
.sign .li .yzmc{padding-bottom: 30px;}
.sign .li .yzmc input.txt{float: left; width: calc(100% - 241px); border-right: 0;}
.sign .li .yzmc input.but{float: left; height: 50px; background: #E60113; color: #fff; width: 210px; border: 0;}
.sign .li .yzmc input.but.cur{background: #BFBFBF;}






.mainc{}
.regileft{position: absolute; left: 0%; width: 50%; top: 0; height: 100%; color: #fff;}
.regileft .logo{position: absolute; top: 5%; left: 8%;}
.regileft h3{position: absolute; left: 8%; top: 20%; width: 84%;}
.regileft .copys{left: 8%; bottom: 5%; width: 86%; position: absolute;}

.regiright{min-height: 86vh; padding: 7vh 0; float: right; width: 50%;}
.sign .sms{text-align: center; color: #333; padding:0 0 5% 0;}
/*.sign .lis{padding-bottom: 28px;}
.sign .li p{color: #000000; padding-bottom: 7px;}*/
.sign .li label{padding-right: 20px;}
.sign .li label input{border: 50%; -webkit-appearance: radio;}
.sign .li label span{padding-left: 0.5em; color: #000000;}
.sign .li select{-webkit-appearance:menulist; width: 100%; height: 48px; line-height: 48px; border: 1px solid #cccccc;}
.sign .li .shsh select{width: calc(50% - 5px);}
.sign .li .shsh select:last-child{float: right;}
.yzn{position: relative;}
.sign .li .yzn .txt{width: calc(100% - 157px); padding: 0 140px 0 15px;}
.sign .li .yzn .yzs{position: absolute; width: 110px; text-align: center; background: #E60113; color: #fff; right: 6px; top: 6px; height: 38px; line-height: 38px;}
.sign .li .yzn .yzs.cur{background: #BFBFBF;}

.product{padding:6% 0 5%;}
.protit{color: #fff; padding-bottom: 20%;}
.protit .hmtit .tit{float: none; width: auto; padding-bottom: 5%;}

.proBox{background: #fff;padding:5% 0;}
.proBox ul li{float: left; width: 49.8%; padding: 1px;}
.proBox ul li a{display: block; position: relative; padding-top: 55%;}
.proBox ul li a:hover{-webkit-transform:scale(1.1);transform:scale(1.1);}
.proBox ul li a .ico{position: absolute; left: 8%; top: 10%; width: 60px;}
.proBox ul li a h3{position: absolute; left: 8%; bottom: 10%; width: 84%; color: #fff;}
.proBox ul li a .imgs{ -webkit-transform:scale(1);transform:scale(1);}
.proBox ul li a:hover{z-index: 3;}
.proBox ul li a:hover .imgs{-webkit-transform:scale(1.2);transform:scale(1.2);transition:.3s; -webkit-transition:.3s;}
/*.proBox ul li a:hover h3{bottom: 0; left: 0;transition:.3s; -webkit-transition:.3s;}
.proBox ul li a:hover .ico{top: 0; left: 0;transition:.3s; -webkit-transition:.3s;}*/

.prolbn{position: relative;}
.prolbn .protit{position: absolute; top: 14%; padding-bottom: 0 !important; left: 50%; -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0);}
.prolbns{}
.prolbns h5{padding:2% 0 1%;}
.annxz{max-width: 370px;}
.annxz a{float: left; color: #fff; padding: 0 20px; border: 1px solid #fff; line-height: 48px; width: calc(50% - 52px); margin-bottom: 20px; text-align: center;}
.annxz a:hover{background: #E60113; border-color: #E60113;}
.annxz a img{display: inline-block; vertical-align: middle; padding-bottom: 0.25em; padding-right: 0.5em;transition:.3s; -webkit-transition:.3s;}
.annxz a:nth-child(2n){float: right;}
.annxz a:hover img{padding-right: 1.2em;}

.annxx{margin-top: 4%;}
.annxx a{color: #fff; background: #D12B26; display: block; line-height: 50px; width: 175px; text-align: center;}

.prolist{background: #f8f8f8;}
.prolist .left{float: left; width: 250px; border-bottom: 1px solid #ccc;}
.prolist .left .tit{color: #999; padding-bottom: 40px;}
.prolist .left ul li{line-height: 60px;}
.prolist .left ul li a{color: #999; display: block; padding:0 20px;}
.prolist .left ul li a span{float: left;}
.prolist .left ul li a font{float: right; font-family: arial;}
.prolist .left ul li.cur a,.prolist .left ul li a:hover{background: #e6e6e6; color: #333;}
.prolist .right{float: right; width: calc(100% - 280px);}
.prolist .souss{float: right; border: 1px solid #ccc; width: 385px; margin-bottom: 35px;}
.prolist .souss input{height: 40px;float: left; line-height: 40px; border: 0;}
.prolist .souss .txt{width: calc(100% - 60px); padding: 0 10px; background: #fff;}
.prolist .souss .but{background: url(../imgaes/headico1_.png) no-repeat center #fff; width: 40px;}
.prolist .list{}
.prolist .list ul li{float: left; width: calc(33.33% - 20px); margin-left:30px; margin-bottom: 30px;}
.prolist .list ul li:nth-child(3n+1){margin-left: 0;}
.prolist .list ul li .con{display: block; background: #fff; padding: 25px 0; text-align: center; box-shadow: 0 0 0px rgba(0,0,0,0.1);}
.prolist .list ul li .con:hover{ box-shadow: 0 0 60px rgba(0,0,0,0.1);}
.prolist .list ul li .txt{padding: 25px 5% 0; color: #333;}
.prolist .list ul li .txt h3{width:100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prolist .list ul li .txt p{height: 3em; overflow: hidden; margin-bottom: 0.8em; color: #666;}
.prolist .list ul li .txt span{display: block; max-width: 150px; line-height: 40px; text-align: center; background: #E60113; color: #fff; margin: 0 auto; opacity: 0;}
.prolist .list ul li .con:hover .txt span{opacity: 1;}
.prolist .list ul li .txt span:hover{background: #D12B26;}
.prolist .list ul li .ann{line-height: 2.6em; padding: 0 15px; opacity: 0;}
.prolist .list ul li:hover .ann{opacity: 1;}
.prolist .list ul li .ann a{float: left; width: calc(50% - 6px); border: 1px solid #e70012; text-align: center; color: #e70012;}
.prolist .list ul li .ann a.xq{float: right;}
.prolist .list ul li .ann a:hover,.prolist .list ul li .ann a.cur{color: #fff; background: #E70012;}



.Crumbs{padding: 20px 0 40px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.Crumbs font{padding: 0 0.7em; color: #999; font-family: simsun;}
.xqtop{padding-top: 0 !important;}
.xqtop .left{float: left; width: calc(92% - 380px); position: relative;}
.xqdatu{float: right; border: 1px solid #eeeeee; overflow: hidden; width: calc(81.83% - 12px);}
.xqxiaot{float: left; width: 18.17%; position: absolute; left: 0; top: 0; height: calc(100% + 10px); overflow: hidden;}
.xqxiaot .swiper-slide{ cursor: pointer; overflow: hidden; width: calc(100% - 2px);}
.xqxiaot .swiper-slide img{border: 1px solid #eeeeee; width: calc(100% - 2px);}
.xqxiaot .swiper-slide.cur img{border-color:#E60113 ;}
.xqtop .right{float: right; width: 380px;}
.xqtop .right .xh{color: #999; padding-bottom: 10px;}
.xqtop .right h3{font-family: arial; line-height: 1.2em; padding: 0em 0 0.3em;}
.xqtop .right .txt{line-height: 1.8em; color: #666; min-height: 6em; padding: 1.5em 0 1em;}
.xqtop .right .more{background: #D12B26; color: #fff;}
.xqtop .right .more img{display: inline-block; vertical-align: middle; padding-right: 0.6em;}

.cptdcs{border-top: 1px solid #eeeeee;}
.qhtit{border-bottom:1px solid #ccc; line-height: 1.5em;}
.qhtit a{float: left; padding: 0 1.5em 0.7em; font-weight: bold; color: #999; border-bottom: 2px solid transparent;}
.qhtit a.cur{border-bottom-color: #D12B26; color: #D12B26;}
.qjcpns{padding-top: 40px; line-height: 1.8em;}
.qjcpns .teds{}
.qjcpns .teds img{display: inline-block; height: auto !important;}
.qjcpns .teds .imgico{padding-bottom: 15px;}
.qjcpns .teds .imgico img{padding-right: 10px;}
.qjcpns .cons{display: none;}
/*.qjcpns .cons:last-child{display: block;}*/
.qjcpns .cansu{}
.qjcpns .cansu th{background: #383635; border: 1px solid #e5e5e5; color: #fff; padding: 0.8em 0.5em;}
.qjcpns .cansu .tit{text-align: center; background: #e5e5e5;}
.qjcpns .cansu td{padding: 0.5em 1em;border: 1px solid #e5e5e5; line-height: 1.2em; height: 1.8em;}
.qjcpns .cansu .bgc{background: #eeeeee;}
.qjcpns .cansu .tits{background: #f2f2f2;}
.tuijian,.zhanwh{padding-bottom: 0 !important;}
.tupjjs{}
.tupjjs img{display: inline-block; height: auto !important;}
.tuijqh{padding-top: 40px;}
.jjfa a{display: block; border: 1px solid #eeeeee; padding-bottom:80% ; position: relative;}
.jjfa a .txt{position: absolute; bottom: 8%; left: 8%; width: 84%; color: #fff;}
.jjfa a .txt span{padding-top: 10%; display: none; color: #fff;}
.jjfa a:hover .txt span{display: block;}
.jjfa a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.jjfa a h3{padding: 3% 0 0.1em; font-weight: bold;}

.xganl{float: left; width: 50%;padding:10px 0;}
.xganl .imgs{float: left; width: 48.5%;}
.xganl .txt{float: right; width: 47.5%; padding-top: 0%;}
.xganl .txt h3{padding-bottom: 0.5em;}
.xganl .txt .text{color: #666;}
.xganl .txt span{display: block; padding: 1em 0 2em;}

.lxwm{}
.lxwm .tit{}
.lxwm .tit h3{font-weight: bold; border-bottom: 1px solid #eee;}
.lxwm .tit h3 span{display: block; width: 6em; text-align: center; padding-bottom: 0.7em; border-bottom: 2px solid #e60113; color: #333;}
.lxwm .tit p{padding-top: 1.1em;}
.qhcti{text-align: center; padding: 25px 0 35px;}
.qhcti a{float: left; width: 10em; border:1px solid #eee; line-height: 2.8em; margin-right: 10px;}
.qhcti a.cur{border-color: #e60113; background: #e60113; color: #fff;}
.lxwm .bd{}
.lxwm .bd .li{padding-bottom: 20px;}
.lxwm .bd .li p{color: #666; padding-bottom: 6px;}
.lxwm .bd .li .txt{height: 3em; line-height: 3em; width: calc(100% - 32px); padding: 0 15px; border:1px solid #d9d9d9;}
.lxwm .bd .ann{padding-top: 20px;}
.lxwm .bd .ann input{display: block; width: 10em; height: 3em; background: #e60113; border: 0; color: #fff;}

.zixun{background: #f8f8f8;}
.zixun .txt{float: left; width: calc(100% - 180px);}
.zixun .txt h3{font-weight: bold; padding-bottom: 0.8em;}
.zixun .ann{float: right;}
.zixun .ann input{display: block; width: 10em; height: 3em; background: #e60113; border: 0; color: #fff;}

.solution{background: #F8F8F8;}
.solution ul li{float: left; width: calc(50% - 10px); /*margin-left: 21px;*/ padding: 10px 0;}
.solution ul li:nth-child(2n){float: right;}
.solution a{display: block; border: 1px solid #eeeeee; padding-bottom:60% ; background: #fff; position: relative;}
.solution a .txt{position: absolute; bottom: 8%; left: 8%; width: 84%; color: #fff;}
.solution a .txt span{padding-top: 10%; display: none; color: #fff;}
.solution a:hover .txt span{display: block;}
.solution a:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.solution a h3{padding: 3% 0 0.1em; font-weight: bold;}

.solxq{max-width: 900px; padding-bottom: 5%;}
.solxq .tit{text-align: center; padding-bottom: 2.5em;}
.solxq .tit h3{color: #000000; line-height: 1.2em; padding: 0.2em 0;}
.solxq .tit a.more{margin: 0.8em auto 0; background: #d12b26; color: #fff;}
.solxq .tit a.more img{display: inline-block; vertical-align: middle; padding-right: 0.6em; padding-bottom: 0.2em;}
.solxq .txtcon{line-height: 1.7em;}
.solxq .txtcon img{display: block; height: auto !important; padding-bottom: 0.5em;margin: 0 auto;max-width: 100% !important;}

.tujcp .btns{
    text-align: center;
    font-size: 0;
    margin-top: 15px;
}
.tujcp .btns span{
    width: 13px;
    height: 13px;
    border: 1px solid #D12B26;
    background: none;
    cursor: pointer;
    padding: 0;
    margin: 0 5px;
    display: inline-block;
}
@media (max-width: 1024px){
    .tujcp .btns span{
        width: 10px;
        height: 10px;
    }
}
.tujcp .btns span.swiper-pagination-bullet-active{
    background-color: #D12B26;
}

.tujcp a{display: block; background: #fff; padding: 25px 0; text-align: center; box-shadow: 0 0 0px rgba(0,0,0,0.1);}
.tujcp a:hover{ box-shadow: 0 0 60px rgba(0,0,0,0.1);}
.tujcp .txt{padding: 25px 5% 0; color: #333;}
.tujcp .txt h3{width:100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.tujcp .txt p{height: 3em; overflow: hidden; margin-bottom: 0.8em;}
.tujcp .txt span{display: block; max-width: 150px; line-height: 40px; text-align: center; background: #E60113; color: #fff; margin: 0 auto; opacity: 0;}
.tujcp a:hover .txt span{opacity: 1;}
.tujcp .txt span:hover{background: #D12B26;}

.pagenav{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.3); text-align: center;}
.pagenav a{float: left; width: 33.33%; line-height: 3.2em; color: #fff;}
.pagenav04 a{width: 25%;}
.pagenav a.cur,.pagenav a:hover{background: #E60113;}

.service{}
.service ul li{float: left; width: calc(25% - 16px); margin-left:20px; padding: 15px 0;}
.service ul li:nth-child(4n+1){margin-left: 0;}
.service ul li .con:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.service ul li .imgs{padding-bottom: 80%; position: relative;}
.service ul li .imgs .sm{position: absolute; top: 50%; left: 8%; width: 84%; text-align: center; color: #fff; -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.service ul li .imgs .sm h3{line-height: 1em; padding-bottom: 0.2em; margin-bottom: 0.2em; position: relative;}
.service ul li .imgs .sm h3:before{position: absolute; content: ''; left: 50%; width: 0.5em; height: 2px; background: #fff; margin-left: -0.25em; bottom: 0;}
.service ul li .imgs .vis{background: url(../imgaes/service/vidico1.png) no-repeat center rgba(0,0,0,0.5); background-size: 40px;}
.service ul li .txt{padding: 20px;}
.service ul li .txt .sm{padding-bottom: 0.6em;}
.service ul li .txt h3{height: 3em; overflow: hidden; font-weight: bold;}
.service ul li .txt p{height: 4.5em; overflow: hidden; margin: 0.6em 0 1.2em; color: #888;}
.service ul li .txt .more2 img{padding: 0 0 0.2em 0.8em; width: 2.4em;}
.service ul li .txt .more2{line-height: 2.6em;}
.vidBox{position: fixed; z-index: 99; background: rgba(0,0,0,0.8); display: none;}
.vidBox .cons{position: absolute; top: 50%; left: 50%; width: 90%; max-width: 640px;-moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.vidBox .cons video{width: 100%;}
.vidBox .cons .close{position: absolute; bottom: 100%; right: 0; margin-bottom: 10px;}

.boxbj {
    background: rgba(0, 0, 0, .9);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999999;
}

.boxbj .box {
    width: 800px;
    height: 500px;
    background: #000;
    border: solid #666 1px;
    position: fixed;
    left: 50%;
    top: 70%;
    margin: -400px 0 0 -400px;
    text-align: center;
    overflow: hidden;
}

.boxbj .box_close {
    color: #FFF;
    font-size: 30px;
    text-align: right;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -300px;
    margin-left: 380px;
    cursor: pointer;
}

.servtop{}
.servtop .lefy{float: left; width: 48.5%;}
.servtop .lefy .imgs{padding-bottom: 80%; position: relative;}
.servtop .lefy .imgs .sm{position: absolute; top: 50%; left: 8%; width: 84%; text-align: center; color: #fff; -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.servtop .lefy .imgs .sm h3{line-height: 1em; padding-bottom: 0.2em; margin-bottom: 0.2em; position: relative;}
.servtop .lefy .imgs .sm h3:before{position: absolute; content: ''; left: 50%; width: 0.5em; height: 2px; background: #fff; margin-left: -0.25em; bottom: 0;}
.servtop .lefy .imgs .vis{background: url(../imgaes/service/vidico1.png) no-repeat center rgba(0,0,0,0.5);}
.servtop .right{float: right; width: 48.5%;}
.servtop .right h3{word-wrap:break-word;}
.servtop .right h4{padding-top: 1em; color: #999; padding-bottom: 0.2em;}
.servtop .right .more{background: #E60113; color: #fff;}
.servxq .con{/*max-width: 680px;*/ padding-top: 1.5em;}
.servxq .con:first-child{padding-top: 0;}
.servxq .con .tit{color: #999; padding-bottom: 0.3em;}

.huoban{background: #fff;}
.hzhbs{padding-bottom: 3%;}
.hzhbs .protit{padding-bottom: 14%;}
.huoban ul{padding: 0 45px;}
.huoban ul li{float: left; width: calc(25% - 30px); padding: 20px 15px;}

.lxwms{padding-bottom: 0 !important;}
.lxwms .lxwm{padding-top: 0 !important; width: auto; padding-left: 80px;}
.lxwms .lxwm .tit{padding-left: 0px;}
.lxwms .lxwm .tit h3{display: none;}
.lxwms .zixun{display: none;}
.lxwms .lxwm .tit p{padding: 0.4em 0 0.5em;}

.cwhzg{background: #F8F8F8;}
.cwhzg .bd{padding-top: 40px;}
.cwhzg .li{padding-left: 80px; padding-bottom: 20px;}
.cwhzg .li p{color: #666; padding-bottom: 6px;}
.cwhzg .li .txt{width: calc(90% - 32px); padding: 0 15px; border: 1px solid #d9d9d9; height: 3em; line-height: 3em; background: none;}
.cwhzg .lis{float: left; width: calc(45% - 80px);}
.cwhzg .lis .txt{width: calc(100% - 32px);}
.cwhzg .lia select{width: calc(45% - 48px); padding:0 15px; background: none; border: 1px solid #d9d9d9; height: 3em; line-height: 3em;}
.cwhzg .ann{padding-left: 80px; padding-top: 20px;}
.cwhzg .ann input{display: block; width: 10em; height: 3em; background: #e60113; border: 0; color: #fff;}

.protit .hmtit .sm{max-width: 520px;}
.abttxt{float: right; width: 50%; background: #f2f2f2; box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.abcux .protit{padding-bottom: 8%;}
.abttxt h3{padding-bottom: 0.8em; font-weight: bold;}
.abttxt p{}
.abcux{background-color: #f2f3f5 !important; padding-bottom: 0;}
.abttxts{padding-bottom: 10%; position: relative;}
.abttxts .zhb{position: absolute; bottom: 10%; left: 0; width: 24%;}
.abvid{position: relative;}
.abvid a{background: url(../imgaes/service/vidico1.png) no-repeat center; z-index: 3;}
.abvid video{z-index: 4; background: #000000; display: none;}

.news{}
.news .list{float: left; width: calc(94% - 430px); margin-left: 3%;}
.news .list ul{border-top: 1px solid #eee;}
.news .list ul li{padding: 22px 0 35px;border-bottom: 1px solid #eee;}
.news .list ul li h3{padding: 0.5em 0 0.8em; line-height: 1.2em;}
.news .list ul li .sm{color: #666;}
.news .list ul li p{padding: 22px 0 18px; color: #999;}
.news .list ul li .zh{}
.news .list ul li .zh span{float: left; color: #999;}
.news .list ul li .zh a{float: right;}
.news .list .jzmor{padding-top: 0px; text-align: center;}
.news .list .jzmor a{margin: 40px auto 0; background: #f2f2f2; border: 0; color: #000;}
.news .list .jzmor a:hover{background: #E60113; color: #fff;}

.newtj{float: right; margin-right: 3%; width: 330px; padding-left: 48px;border-left: 1px solid #eee;}
.newtj .tit{padding-bottom: 20px;}
.newtj ul li{padding-bottom: 22px;}
.newtj ul li a{display: block;}
.newtj ul li a .img{float: left; width: 80px;}
.newtj ul li a .txt{float: right; width: calc(100% - 95px);}
.newtj ul li a span{color: #999; display: block; padding-bottom: 3px;}

.newsxq{float: left; width: calc(94% - 430px); margin-left: 3%;}
.newsx{padding-top: 0 !important;}
.newsxq .tit{text-align: center; padding-bottom: 2em;color: #666;}
.newsxq .tit h3{color: #000000; line-height: 1.2em; padding: 0.4em 0;}
.newsxq .tit p{}
.newsxq .txtcon{line-height: 1.7em;}
.newsxq .txtcon img{display: block; height: auto !important; padding-bottom: 0.5em;max-width: 100% !important;margin: 0 auto;}
/*.newpage{padding-top: 0 !important;}*/
/*.newpage .cons{width: calc(94% - 430px); margin-left: 3%;}*/
.newpage .cons li{color: #999; line-height: 1.8em; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 100%;}
.pagesou{bottom: 30px; left: 0; width: 100%; position: absolute;}
.pagesou .txt{float: left; width: calc(33.33% - 90px); margin-right: 20px; line-height: 56px; height: 56px; border: 0; background: #fff; padding: 0 15px;}
.pagesou .wsxl{float: left; margin-right: 20px; width: calc(33.33% - 75px); position: relative;}
.pagesou .wsxl h3{line-height: 56px; height: 56px; background: #fff;}
.pagesou .wsxl h3 a{display: block; padding: 0 15px; background: url(../imgaes/service/hzico1.png) no-repeat calc(100% - 15px) center; color: #999;}
.pagesou .wsxl.curc h3 a{color: #333;}
.pagesou .wsxl ul{position: absolute; display: block; background: #fff; width: 100%; top: 100%; border-top: 1px solid #eee; display: none;}
.pagesou .wsxl ul li a{display: block; padding: 0 15px; line-height: 42px;}
.pagesou .wsxl ul li.cur a{background: #F8F8F8;}
.pagesou .wsxl ul li a:hover{background: #F8F8F8;}
.pagesou .but{float: right; width: 150px; height: 56px; background:url(../imgaes/headico1.png) no-repeat center #E60113; border: 0;}

.joinlist{padding-top: 20px !important;}
.joinlist .tits{text-align: center; background: #eeeeee;}
.joinlist .tits span{float: left; width: 20%; line-height: 60px;}
.joinlist .list{}
.joinlist .list li:nth-child(2n){background: #f8f8f8;}
.joinlist .jianj{padding: 40px 0; text-align: center;}
.joinlist .jianj span{float: left; width: 20%; line-height: 40px;}
.joinlist .jianj a{margin: 0 auto; width: 80%; max-width: 140px; line-height: 36px;}
.zhiwx{background: #F2F2F2; padding: 0px 50px; display: none;}
.zhiwx .yaoq{padding: 40px 0; line-height: 1.8em;}
.zhiwx .yaoq p{float: left; width: 25%;}
.zhiwx .yaoq p span{color: #666666;}
.zhiwx .cons{padding: 40px 0 25px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}
.zhiwx .cons .txt{float: left; width: 38%;}
.zhiwx .cons .txt1{margin-left: 7%; width: 55%;}
.zhiwx .cons .txt h3{padding-bottom: 1em;}
.zhiwx .cons .txt .text{color: #666;}
.zhiwx .caoz{padding: 25px 0;}
.zhiwx .caoz .ewm{float: left; width: 89px;}
.zhiwx .caoz a{float: right; margin:18px 0 0; background: #E60113; color: #fff;}

.headH{height: 72px;}

.search{padding: 0% 0 6%;}
.search li{padding: 25px 0; border-bottom: 1px solid #eee;}
.search li a{display: block; line-height: 24px;}
.search li p{float: left; width: calc(100% - 8em); overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.search li span{font-size: 90%; color: #E60113; float: right;}
.search li p font{color: #f00;}
.search .hmtit p{text-align: center;}
.search .hmtit p span{color: #00A1E9;}
.search .hmtit{padding-bottom: 4%;}

.searchs{padding-bottom: 2%;}
.searchs input{float: left; height: 40px; border: 0;}
.searchs .but{width: 40px; height: 40px; background: url(../imgaes/headico1.png) no-repeat center #E60113;}
.searchs .txt{width: calc(100% - 60px); padding: 0 10px; max-width: 300px; background: #F8F8F8;}


.duibi{padding-bottom: 30px;}
.duibi .cons{border: 1px solid #ddd;}
.duibi ul li{float: left; text-align: center; width: calc(33.33% - 1px); border-left: 1px solid #ddd;}
.duibi ul li:nth-child(3n+1){border: 0;}
.duibi ul li .con{display: block; /*background: #fff;*/ padding: 0px 0; text-align: center; position: relative; z-index: 3;}
.duibi ul li:first-child .con{z-index: 5;}
.duibi ul li:nth-child(2) .con{z-index: 4;}

.duibi ul li .con .txt{ padding: 10px 15px;}
.duibi ul li .con .txt h3{width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height: 1.5em; line-height: 1.5em;}
.duibi ul li .con .close{position: absolute; right: 8px; top: 8px; opacity: 0.7;}
.duibi ul li.kb .con .txt{}
.xilks{position: absolute; top: 50%; left: 10%; width: 80%; -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.xilks h3{border: 1px solid #eac4c7;}
.xilks h3 a{display: block; line-height: 2.4em; padding: 0 15px; text-align: left; background: url(../imgaes/hzico1.png) no-repeat calc(100% - 15px) center; color: #333;}
.xilks h3 p{width: calc(100% - 30px);  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wsxlx{position: relative;}
.wsxlx dl{position: absolute; top: 100%; left: 0; background: #fff; text-align: left; width: calc(100% - 2px); border: 1px solid #EAC4C7; border-top: 0; display: none; max-height: 11em; overflow-y: auto;}
.wsxlx dl a{display: block; padding: 0 15px; line-height: 2.2em; color: #666;}
.wsxlx dl a:hover{background: #F8F8F8;}
.wsxlx dl p{width: calc(100% - 10px);  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.sduibs{text-align: center; border-top: 1px solid #ddd; padding: 12px 0;}
.sduibs a{display: block; width: 80%; max-width: 12em; line-height: 2.8em; background: #E60113; color: #fff; margin: 0 auto;}
.sduibs a.cur{background: #BFBFBF;}

.cshudb{padding-top: 0 !important;}
.cshudb .tit{}
.cshudb .tit h3{font-weight: bold; border-bottom: 1px solid #eee;}
.cshudb .tit h3 span{display: block; text-align: center; padding-bottom: 0.7em; border-bottom: 2px solid #e60113; color: #333; float: left;}
.cshudb .tit p{float: right; font-weight: 200; padding-top: 0.5em;}

.dbBoxs{margin-top: 20px;}
.dbBoxs .duibi{float: right; width: calc(100% - 160px); padding: 0;}
.dbBoxs .duibi .cons{ border-bottom: 0;}
.dbBoxs .xilks{position: relative; top: 0; left: 0; margin: 0 auto; padding: 20px 0;
    -moz-transform: translate(0,-0%);
    -o-transform: translate(0,-0%);
    -webkit-transform: translate(0,-0%);
    transform: translate(0,-0%);
}
.titbxs{position: relative;}
.titbxs .left{position: absolute; left: 0; top: 0; height: calc(100% - 2px); width: 158px; border: 1px solid #ddd; border-right: 0; border-bottom: 0;}
.titbxs .left h3{font-weight: bold; left: 0%; top: 50%; text-align: center; position: absolute; width: 100%;
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.canshdb{}
.canshdb td{border: 1px solid #ddd; padding:12px 15px;text-align: center; color: #666;}
.canshdb td:first-child{color: #333;}
.canshdb .bts{background: #fafbfd; padding: 0 25px; line-height: 3em; font-size: 18px; font-weight: bold; text-align: left;}
.canshdb .bts img{display: inline-block; vertical-align: middle; padding-bottom: 0.2em; padding-right: 0.6em;}
.canshdb .btc{width: 158px;}
.canshdb .ys{background: #fef2f2;}


.yidong{position: fixed; left: 50%; margin-left: 620px; bottom: 5px; width: 105px; text-align: center;}
.yidong dl a{display: block; border: 1px solid #ddd; line-height: 2.5em; background: #fff;}
.yidong dl dd{margin-bottom: 3px;}
.yidong dl dd.cur a,.yidong dl dd a:hover{background: #E60113; color: #fff; border-color: #E60113;}
.yidong dl dt a{background: #313131; color: #fff;}
.yidong .kh{position: absolute; bottom: 100%; margin-bottom: 10px; right: 0; width: 58px;}
.yidong .kh a{display: block; /*padding: 15px 0;*/ /*background: #E60113;*/}
.yidong .kh a img{width: 100%; margin: 0 auto;}

.imsx{width: 0%; overflow: hidden; }
.cur .imsx{animation: yiny2 8.4s infinite linear; -webkit-animation: yiny2 8.4s infinite linear;}
.cur .imsxc{overflow: hidden; animation: yiny3 1.4s infinite linear alternate; -webkit-animation: yiny3 1.4s infinite linear alternate;}
.cur .imsxd{overflow: hidden; animation: yiny3 1.1s 0.2s infinite linear alternate; -webkit-animation: yiny3 1.1s 0.2s infinite linear alternate;}
.cur .imsxe{overflow: hidden; animation: yiny3 1s 0.3s infinite linear alternate; -webkit-animation: yiny3 1s 0.3s infinite linear alternate;}
.cur .imsxf{overflow: hidden; animation: yiny3 1s 0.6s infinite linear alternate; -webkit-animation: yiny3 1s 0.6s infinite linear alternate;}
.bnbg6{z-index: 6;}
.bnbg7{z-index: 7;}
.shqmft{max-width: 920px;}
.shqmft .tit{padding-bottom: 5%; text-align: center;}
.shqmft .tit h3{padding-bottom: 3%;}
.shqmft .sign{width: 100%; max-width: initial;}
.sign .li em{color: #E60113;}
.shqmft .sign .ann input{max-width: 160px;}

.saixxl{padding: 50px 0 0;}
.saixxl .tit{float: left; line-height: 42px;}
.saixxl .right{float: right;}
.woshxl{float: left; position: relative; width: 320px; margin-right: 10px; z-index: 10px;}
.woshxl:first-child{z-index: 12;}
.woshxl h3{line-height: 40px; border: 1px solid #e6e6e6;}
.woshxl h3 a{display: block; color: #808080; padding: 0 45px 0 18px; background: url(../imgaes/sous2.png) no-repeat calc(100% - 20px) center;}
.woshxl.cur h3 a{color: #333;}
.woshxl ul{position: absolute; left: 0; top: 100%; background: #fff; width: 100%; box-shadow: 0 8px 16px rgba(0,0,0,0.1); line-height: 40px; display: none; max-height: 240px; overflow-y: auto;}
.woshxl ul a{display: block; padding: 0 18px;}
.woshxl ul a:hover{background: #F8F8F8;}

.souzl{float: left;}
.souzl input{float: left;}
.souzl input.txt{border: 1px solid #e6e6e6; border-right: 0; height: 40px; line-height: 40px; padding: 0 20px; width: 240px;}
.souzl input.but{border: 1px solid #E6E6E6; border-left: 0; height: 42px; width: 42px; background: url(../imgaes/sous1.png) no-repeat center;}

.grh{display: none;}
.nav .lgg{display: none;}

@keyframes yiny2{
	0%{width: 0%;}
	40%{width: 100%;}
	100%{width: 100%;}
}
@-webkit-keyframes yiny2{
	0%{width: 0%;}
	40%{width: 100%;}
	100%{width: 100%;}
}

@keyframes yiny3{
	0%{opacity: 0.3;}
	100%{opacity: 1;}
}
@-webkit-keyframes yiny3{
	0%{opacity: 0.3;}
	100%{opacity: 1;}
}


.lxdiz{}
.lxdiz ul li{float: left; width: calc(25% - 15px); margin-left: 20px; margin-top: 30px;}
.lxdiz ul li:nth-child(4n+1){margin-left: 0;}
.lxdiz ul li .txt{padding: 20px 20px 8px; color: #555;}
.lxdiz ul li .con{box-shadow: 0 0px 16px rgba(0,0,0,0.06);}
.lxdiz ul li h3{font-weight: bold; padding-bottom: 0.5em; color: #111;}
.lxdiz ul li p{line-height: 1.8em; height: 1.8em;}
.lxdiz ul li p:last-child{height: 3.6em;}

.Member{padding: 0% 0 7%; font-size: 16px; color: #777;}
.Memcons{float: right; width: calc(100% - 230px);}
.grxx{max-width: 700px;}
.grxx li{padding-bottom: 10px; line-height: 40px;}
.grxx li span{float: left;}
.grxx li p{float: left; width: calc(100% - 10em); color: #333; padding-left: 0.5em;}
.grxx li input{float: left; border: 1px solid #EEECEC; height: 38px; line-height: 38px; width: calc(100% - 7em - 2px); padding: 0 1em;}
.grxx li a{float: right; color: #D12B26; text-decoration: underline;}
.taxs{display: block; width: 8em; line-height: 2.6em; background: #D20317; color: #fff; text-align: center; margin-top: 20px; margin-left: 5em;}
.mNav{float: left; width: 180px;}
.mNav li{padding-bottom: 1px;}
.mNav a{display: block; background: #eee; color: #333; line-height: 40px; padding: 0 20px;}
.mNav li.cur a,.mNav li a:hover{background: #D20317; color: #fff;}
.xaksj .con{padding-top: 30px;}
.xaksj .con:first-child{padding: 0;}
.xaksj .con h3{color: #333;}
.xaksj .con li{padding-top: 15px;}
.xaksj .con li h4 a{/*display: inline-block; padding: 0.3em 1em; background: #D20317; color: #fff;*/ font-weight: bold;}
.xaksj .con li .dl a{display: inline-block; margin-right: 20px; margin-top: 6px; font-size: 14px;}
.psxse li{float: left; width: calc(25% - 18px); margin-left: 24px; margin-bottom: 24px;}
.psxse li:nth-child(4n+1){margin-left: 0;}
.psxse li .txt{padding: 15px;}
.psxse li .txt h3{color: #333; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.psxse li .txt a{display: block; width: 6em; margin: 15px auto 0; text-align: center; background: #D20317; color: #fff; line-height: 2.4em; font-size: 14px;}
.psxse li:hover{box-shadow: 0 5px 12px rgba(0,0,0,0.1);}

@media screen and (max-width:1800px) {
	
}
@media screen and (max-width:1644px) {
	.head .nav ul li .yj{padding: 0 25px;}
	.relo a{padding: 0 1em;}
	.sousk{padding-right: 40px;}
	.fotnav ul li{margin-left: 50px;max-width:160px}
	
	/*.ft84{font-size:76px;}
	.ft70{font-size:66px;}
	.ft60{font-size:54px;}
	.ft48{font-size: 42px;}
	.ft40{font-size: 36px;}
	.ft36{font-size: 32px;}
	.ft34{font-size: 30px;}
	.ft30{font-size: 28px;}
	.ft28{font-size: 26px;}
	.ft26{font-size: 24px;}
	.ft24{font-size: 22px;}
	.ft44{font-size: 40px;}*/
	
	
}
@media screen and (max-width:1520px) {
	.fotnav ul li{margin-left: 35px;}
	.sign{max-width: 480px;}
	.yidong{margin-left: 602px;}
	.lxdiz ul li p{font-size: 14px;}
}
@media screen and (max-width:1400px) {
	.head .nav ul li .yj{padding: 0 20px;}
	.lgg{padding: 0 25px 0 20px;}
	.sousk{padding-right: 30px;}
	.head .nav ul li .ej{width: 110%; left: -5%;}
	
	.footcon .logo{width: 100px;}
	.footcon .wap{width: 90%;}
	
	.yidong{margin-left: 0px; left: auto; right: 0;}
	
	
	.ft84{font-size:74px;}
	.ft70{font-size:64px;}
	.ft60{font-size:52px;}
	.ft48{font-size: 40px;}
	.ft40{font-size: 34px;}
	.ft36{font-size: 30px;}
	.ft34{font-size: 28px;}
	.ft30{font-size: 26px;}
	.ft28{font-size: 24px;}
	.ft26{font-size: 23px;}
	.ft24{font-size: 21px;}
	.ft44{font-size: 38px;}
	.ft20{font-size: 18px;}
	.ft18{font-size: 16px;}
	.ft16{font-size: 15px;}
	
}
@media screen and (max-height:570px) {
	.mains{height: auto; padding: 5% 0;}
}
@media screen and (max-width:1300px) {
	.relo{font-size: 14px;}
	.head .nav ul li .yj,.lgg{font-size: 14px;}
	.footcon .ewm{width: 100px;}
	.fotnav ul li .ej{line-height: 28px;}
	.prolist .list ul li{width: calc(33.33% - 16px); margin-left: 24px;}
	.yidong{display: none;}
	
	.lxdiz ul li{width: calc(33.33% - 14px); margin-left: 21px !important;}
	.lxdiz ul li:nth-child(3n+1){margin-left: 0 !important;}
	
	
	
	
}
@media screen and (max-width:1240px) {
	.wap{width: 90%;}
	.lgg img{width: 18px; padding-right: 0.3em;}
	.head .navlin{ width: 22px; height: 20px; margin-left: 15px; float: right; margin-top: 8px; display: block; }
	.head .navlin span{display: block; width: 100%; height: 2px; background: #fff; position: relative; transition:.3s; -webkit-transition:.3s;}
	.heads .navlin span,.head.cur .navlin span,.head.curc .navlin span{background: #333333;}
	.head .navlin span:nth-child(2),.head .navlin span:nth-child(3){margin-top: 5px;}
	.head .navlin.cur span:nth-child(3){display: none;}
	.head .navlin.cur span:nth-child(1){transform:rotate(45deg); -webkit-transform:rotate(45deg); top: 7px;}
	.head .navlin.cur span:nth-child(2){transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top: 0px;}
	.head .nav{position: fixed; top:48px; background: #fff; left: 0; width: 100%; height: calc(100vh - 49px); display: none; border-top: 1px solid #e6e6e6;}
	.head .nav ul li{float: none; display: block;}
	.head .nav ul li .yj{color: #000; font-weight: bold; font-size: 16px; border-bottom: 1px solid #e6e6e6; padding: 0; line-height: 40px;}
	.head .nav ul li .ej{position: relative; height: auto; padding-top: 0;}
	.head .nav ul li .ej a{display: block; color: #666; padding: 0 8%;}
	.head .nav .nav_{padding: 0 5%; height: calc(100vh - 105px); overflow-y: auto;}
	.head .nav .nav_ ul li .ej dl dd{ float: none; text-align: left;  border-bottom: 1px solid #e6e6e6;
	    opacity: 1;
		-webkit-transform: none;
	    -moz-transform: none;
	    -ms-transform: none;
	    -o-transform: none;
	    transform: none;
	}
	.head .nav .nav_ ul li{border-bottom: 1px solid rgba(250,250,250,0.7); padding: 0px 0; position: relative;}
	.head .nav .nav_ ul li .zkz{position: absolute; right: 0; top: 0; width: 40%; height: 40px; background: url(../imgaes/wapico2.jpg) no-repeat right center; background-size: 20px !important;}
	.head .nav .nav_ ul li .zkz.curs{background-image: url(../imgaes/wapico3.jpg);}
	.head .nav ul li .ej dl{overflow: hidden;}
	.head .nav ul li .ej a{background: none !important; border: 0; line-height:40px; color: #666;}
	.head{padding: 8px 0;}
	.head .logo{width: 78px;}
	.relo{display: none;}
	.sousk{padding:5px 0 0; width: 20px;}
	.lgg{line-height: 32px; padding: 0 15px;}
	.dlzc .relo{display: block;}
	.dlzc{display: block; /*background: #fff;*/ border-bottom: 1px solid #ccc; margin-bottom: 10px; padding: 8px 5%;}
	.relo a.cur{border-color:#D12B26; padding: 0 1em; border-radius: 5px;}
	.relo a{color: #D12B26; padding: 0 0em; margin-left: 10px; line-height: 24px;}
	.relo span{line-height: 24px; color: #333;}
	.heads .relo a,.head.cur .relo a{color: #E60113;}
	.head .nav ul li:hover .ej{padding-top: 0;}
	.head .nav ul li .ej{width: 100%; left: 0; display: none;}
	.head .nav ul li.cur .ej{display: block;}
	/*.banner{background-attachment: initial !important;}*/
	.grh{float: right; display: block; width: 20px; margin-top: 5px; margin-right: 15px;}
	.lgg{display: none;}
	.nav .lgg{display: block; position: absolute; right: 5%; bottom: 0; line-height: 60px; padding: 0;}
	
	.hmtit .txt{float: right; width: calc(100% - 320px);}
	.homePro .cons{font-size: 18px;}
	.more{margin-top: 30px;}
	
	.homeSols .txt{position: relative; width: 100% !important; left: 0; top: 0;}
	.homeSols .txt .con{padding: 15px; width: auto !important;}
	.homeSols .txt p{padding: 0.5em 0 1em;}
	.homeSols .txt .con .ico{width: 30px;}
	.qhs{width: 34px; height: 34px; background-size: 50% !important;}
	.solqh{position: relative; right: 0; top: 0; width: 69px; margin: 0 auto;}
	.homenews{margin-top: 20px;}
	.homenews .qhs{margin-top: -60px;}
	.homenews .qhsL{left: -10px;}
	.homenews .qhsR{right: -10px;}
	
	.homeabout .neric .con{padding: 30px 20px 30px;}
	.surb .hmtit .tit{width: auto;}
	.surb .right{width: calc(100% - 265px);}
	
	.footcon{padding: 20px 0 0; border-bottom: 0;}
	.fotnav{display: none;}
	.footcon .logo{float: none; margin: 0 auto;}
	.footcon .ewm{float: none; margin: 0 auto; padding: 10px 0;}
	.footcon .ewm p{padding-bottom: 5px;}
	.copy{padding-top: 0;}
	.copy p{float: none; text-align: center; font-size: 12px; padding-bottom: 10px;}
	.copy .bdsharebuttonbox{float: none; width:81px; margin: 0 auto;}
	.copy .bdsharebuttonbox a{margin: 0 3px !important;}
	
	.rignav{font-size: 12px; right: -40px; width: 40px; line-height: 1.2em;}
	.rignav.cur{right: 5px;}
	.rignav dd a .ico{width: 18px; padding-bottom: 3px;}
	.rignav dd .lg{padding: 10px 0;}
	.rignav dd a{padding:5px 2px;  font-size:9px;}
	.rignav .kgu{padding-top: 7px;}
	.rignav .kgu .close{padding: 12px 0;}
	.rignav .kgu .close img{width: 16px;}
	.rignav .kgu .kl{width: 40px; /*padding: 8px 0;*/}
	/*.rignav .kgu .kl img{width: 24px;}*/
	.rignav dd .lg img{width: 20px;}
	
	.mains{height: 100vh; padding: 0;}
	.sign .logo{width: 100px;}
	.sign .sm{padding: 12px 0;}
	.sign .li{padding-bottom: 12px;}
	.sign .li input.txt,.sign .li select{height: 34px; line-height: 34px;}
	.sign .ann input{height: 38px;}
	.sign .dsfd li .ico{width: 24px;}
	.sign .dsfd{font-size: 12px;}
	.sign .caoz{font-size: 12px;}
	.sign .li .yzn .yzs{font-size: 12px; top: 3px; right: 3px; height: 30px; line-height: 30px; width: 90px;}
	.sign .li .yzn .txt {
	    width: calc(100% - 122px);
	    padding: 0 105px 0 15px;
	}
	.sign .li .yzmc input.but{height: 36px; width: 120px; font-size: 12px;}
	.sign .li .yzmc input.txt{width: calc(100% - 151px);}
	.regileft{position: relative; /*height: 150px;*/ width: 100%; padding: 20px 5%;}
	.regileft .logo{position: relative;left: 0;}
	.regileft h3{position: relative; left: 0; width: 100%; top: 0; padding: 20px 0 40px;}
	.regileft .copys{position: relative; left: 0; width: 100%; font-size: 12px;}
	.regiright{width: 100%; height: auto; min-height: auto; padding: 5% 0 8%;}
	
	.prolist .list ul li{width: calc(50% - 10px); margin-left: 0; margin-bottom: 20px;}
	.prolist .list ul li:nth-child(2n){float: right;}
	.prolist .list ul li .ann{opacity: 1;}
	.waps{width: 90%;}
	.solution a .txt span{display: block;}
	.headH{height: 48px;}
	.huoban ul li{width: calc(33.33% - 16px); padding: 10px 8px;}
	.huoban ul{padding: 0 20px;}
	
	.cshudb .tit p{display: none;}
	
	.prolbns{}
	.prolbns .protit{top: 8%;}
	.prolbns h5{padding-bottom: 0;}
	.annxz{max-width: initial;}
	.annxz a{width: 110px; float: left !important; padding: 0 10px; margin-right: 10px; line-height: 40px; margin-bottom: 10px;}
	.annxz a img{width: 15px;}
	.annxz a:first-child{margin-left: 0;}
	.annxx{margin-top: 20px;}
	.annxx a{width: 132px; line-height: 40px;}
	.bnbg6{background-size: 150% !important;}
	/*.bnbg7{background-size: 150% !important;}*/
	
	.psxse li{width: calc(50% - 10px); margin-left: 0;}
	.psxse li:nth-child(2n){float: right;}
	
	
	
	
	/*公用*/
	.ptb150{padding: 60px 0 90px;}
	.ptb100{padding: 60px 0;}
	.ptb40{padding: 36px 0;}
	.pt80{padding: 55px;}
	.ptb70{padding: 50px 0 50px;}
	.ptb80{padding: 55px 0 55px;}
	.ft60{font-size: 46px;}
	.ft70{font-size:50px;}
	.ft84{font-size:60px;}
	.ft48{font-size: 40px;}
	.ft44{font-size: 38px;}
	.ft40{font-size: 30px;}
	.ft36{font-size: 28px;}
	.ft34{font-size: 28px;}
	.ft30{font-size: 26px;}
	.ft24{font-size: 22px;}
	.ft26{font-size: 23px;}
	.ft28{font-size: 24px;}
	.ft20{font-size: 17px;}
	.ft18{font-size: 15px;}
	.ft16{font-size: 14px;}
}
@media screen and (max-width:960px) {
	.homePro .cons{font-size: 14px;}
	.qhpleft{white-space: nowrap; width: 100%; padding-top: 25px; padding-left: 0;}
	.qhpleft ul{overflow-x: auto;}
	.qhpleft ul li{min-width: 11em; display: inline-block;}
	.qhpleft ul li a{border: 0 !important; padding: 0 0.5em !important; text-align: center;}
	.qhpright{width: 100%; float: left; padding-top: 5%;}
	.more{margin: 12px 0 0; width: 7em; border-width: 1px; line-height: 2.4em;}
	.qhpright .txt{width: 100%; float: none;}
	.qhpright .more2{float: none; padding-top: 10px;}
	.more2 img{width: 30px; padding-right: 0.5em;}
	.more2{line-height: 35px;}
	.hmtit{padding-left: 30px;}
	.hmtit .tit h3:before{width: 12px;}
	
	.prolist .left{width: 100%;white-space: nowrap;}
	.prolist .left .tit{padding-bottom: 15px;}
	.prolist .left ul li{display: inline-block; width: 140px; line-height: 40px;}
	.prolist .left ul li a{padding: 0 10px; background: #e6e6e6;}
	.prolist .left ul{overflow-x: auto;}
	.ptb50{padding: 25px 0;}
	.prolist .left ul li.cur a, .prolist .left ul li a:hover{background: #D12B26; color: #fff;}
	.prolist .right{width: 100%; padding-top: 20px;}
	.prolist .souss{width: 100%; margin-bottom: 15px;}
	
	.xqtop .right .more{width: 9em;}
	.xqtop .right .more img{width: 15px; padding-bottom: 0.2em;}
	.xqtop .right .txt{min-height: auto; padding:1em 0;}
	
	.solution a h3{font-size: 20px;}
	.solution a .txt .ico{width: 30px;}
	
	.service ul li{width: calc(50% - 10px); margin-left: 0;}
	.service ul li:nth-child(2n){float: right;}
	.service ul li .imgs .vis{background-size: 30px;}
	
	.cwhzg .li{padding-left: 30px; padding-bottom: 10px; width: calc(100% - 30px) !important;}
	.cwhzg .li .txt{width: calc(100% - 32px);}
	.cwhzg .lia select{width: 100%;}	
	.cwhzg .bd{padding-top: 20px;}
	.cwhzg .ann{padding-left: 30px; padding-top: 10px;}
	.lxwms .lxwm{padding-left: 30px;}
	
	.newtj{width: 240px; padding-left: 20px; margin-right: 0;}
	.news .list,.newsxq{margin-left: 0; width: calc(100% - 285px);}
	.newpage .cons{margin-left: 0; width: 100%;}
	
	.pagesou{position: relative; bottom: 0; padding: 10px 0; background: #F8F8F8;}
	.pagesou .txt,.pagesou .wsxl h3,.pagesou .but{height: 40px; line-height: 40px;}
	
	.search li{padding: 15px 0;}
	
	.dbBoxs{overflow-x: auto;}
	.titbxs,.canshdb{min-width: 760px;}
	.canshdb .bts{font-size: 15px; padding: 0 15px;}
	.canshdb .bts img{width: 12px;}
	.Crumbs{padding: 20px 0 30px;}
	
	.saixxl .right{width: 100%; padding-top: 10px;}
	
	
	.banner .txt h4{font-size: 18px; line-height: 1.2em; padding: 0.3em 0;}
	
	.lxdiz ul li{width: calc(50% - 10px); margin-left: 0px !important;}
	.lxdiz ul li:nth-child(2n){float: right;}
	
	
}
@media screen and (min-width:768px) {
	
}
@media screen and (max-width:768px) {
	.hmtit .txt{width: 100%; float: left;}
	.surb .right{float: left; width: calc(100% - 30px); padding-top: 10px; padding-left: 30px;}
	.pc{display: none;}
	.sj{display: block;}
	.Scroll img{width: 4px;}
	.Scroll p{font-size: 12px;}
	.Scroll{bottom: -20px;}
	.banner .txt h5{font-size: 12px;}
	.homeabout .neric{width: 100%;}
	.homeabout .neric .con p{padding: 0.5em 0 1.2em;}
	.homeabout{padding-top: 0 !important;}
	.homeabout .neric .img{position: relative; top: 0; width: 100%; display: block;}
	.homeabout .img{display: none;}
	.proBox{width: 90%;}
	.proBox ul li{width: 100%; padding-top: 7%;}
	.proBox ul li a{padding-top: calc(75% - 83px);}
	.proBox ul li a .ico{width: 36px;}
	.proBox ul li a h3{font-size: 15px;}
	.proBox ul li a .ico{width: 60px;margin: 0 auto;position: relative;left: 0;top: 0;}
	.proBox ul li a .ico img{width: 100%;}
	.proBox ul li a h3{position: relative; text-align: center; left: 0; width: 84%; bottom: 0; margin: 0 auto; color: #333; padding-top: 1em; font-size: 18px; font-weight: bold;}
	.proBox ul li a .con{padding:30px 0; width: 90%; margin: 0 auto; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
	.proBox{background: none; padding-top: 4%;}
	.hmtit .tit h4{font-size: 18px;}
	.hmtit .tit h3{font-size: 22px;}
	.protit .hmtit .tit{padding-bottom: 2%;}
	.protit{padding-bottom: 6%;}
	
	.xqtop .left{width: 100%;}
	.xqtop .right{width: 100%; padding-top: 20px;}
	.qhtit{font-size: 16px !important;}
	.qhtit a{padding: 0 0.8em 0.5em;}
	.qjcpns .cansu{/*width: 768px;*/ overflow-x: auto;}
	.qjcpns .cansu th:first-child{width: 100px !important;}
	.qjcpns .cansu th:nth-child(2){width: 100px !important;}
	.qjcpns .cansu table{width: 600px;}
	.qhcti{padding: 15px 0;}
	.qhcti a{width: calc(33.33% - 10px); margin-right: 12px; line-height: 2.4em;}
	.qhcti a:last-child{margin-right: 0;}
	.lxwm .bd .li{padding-bottom: 10px;}
	.lxwm .bd .li .txt,.cwhzg .li .txt,.cwhzg .lia select{height: 2.6em; line-height: 2.6em;}
	.lxwm .bd .ann{padding-top: 10px;}
	.zixun .txt{width: 100%; float: none;}
	.zixun .txt h3{padding-bottom: 10px;}
	.zixun .ann{float: none; padding-top: 15px;}
	
	.solution a{position: relative;padding: 0;}
	.solution a .txt{position: relative; left: 0; bottom: 0; width: auto; padding: 15px;}
	/*.solution a .txt h4{height: 3em;}*/
	.solution a .txt span{padding-top: 10px;}
	.tuijqh{padding-top: 20px;}
	.zixun .ann input,.lxwm .bd .ann input,.cwhzg .ann input{width: 6em; height: 2.6em;}
	.lxwms .lxwm .tit p{padding-left: 30px; padding-bottom: 0;}
	.cwhzg .li{padding-left: 0;}
	.cwhzg .ann{padding-left: 0;}
	.cwhzg .li{width: 100% !important;}
	.huoban ul{padding: 0;}
	
	.news .list,.newsxq{width: 100%;}
	.news .list ul li h3{font-size: 16px; font-weight: bold;}
	.newtj{width: 100%; padding-left: 0; border-left: 0; border-top: 1px solid #eee; margin-top: 25px; padding: 25px 0 0;}
	.news .list ul li p{padding: 10px 0 8px;}
	.news .list ul li{padding: 15px 0 18px;}
	.news .list .jzmor a{margin-top: 20px;}
	.newpage{padding-bottom: 0 !important;}
	
	.pagesou .but{background-size: 15px; width: 40px;}
	.pagesou .wsxl{margin-right: 10px; width: calc(33.33% - 33px);}
	.pagesou .txt{margin-right: 10px; width: calc(33.33% - 25px); padding: 0 10px;}
	.joinlist .jianj{padding: 10px 0;}
	
	.joinlist .tits span,.joinlist .jianj span{width: 33.33%;}
	.joinlist .tits span:nth-child(2),.joinlist .tits span:nth-child(4){display: none;}
	.joinlist .jianj span:nth-child(2),.joinlist .jianj span:nth-child(4){display: none;}
	.zhiwx .yaoq p{width: 50%;}
	.zhiwx{padding: 0 20px;}
	.zhiwx .yaoq{padding: 20px 0;}
	.zhiwx .cons{padding: 20px 0;}
	.zhiwx .cons .txt{width: 100% !important;}
	.zhiwx .cons .txt1{padding-top: 20px; margin-left: 0;}
	
	.sduibs{border: 0;}
	.duibia ul li{border-bottom: 1px solid #ddd !important; border-left: 0; width: 100%;}
	.duibia ul li .con{}
	
	.duibia ul li .con .imgs{margin: 0;width: 150px;}
	.duibia ul li .con .imgs{ width: 44%; max-width: inherit;}
	.duibia ul li .con .txt{position: absolute; right: 5%; width: 44%; top: 50%; padding: 0; -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); text-align: left;}
	.duibia ul li .con .txt h3{white-space:initial; height: auto; font-size: 14px;}
	.duibia ul li .con .close{top: 4px; right: 4px; width: 18px;}
	
	.duibia ul li.kb .con .imgs{display: none;}
	.duibia ul li.kb .con{height: 60px;}
	
	.titbxs .left,.canshdb .btc{width: 115px;}
	.dbBoxs .duibi{width: calc(100% - 116px);}
	.canshdb td{font-size: 12px;}
	
	.woshxl{width: calc(50% - 5px);}
	.souzl{width: calc(50% - 5px);}
	.souzl input.txt{width: calc(100% - 83px);}
	.regileft h3{font-size: 20px;}
	
	.titbxs,.canshdb{min-width: 440px;}
	.titbxs .left{width: 80px; font-size: 14px;}
	.titbxs .left h3{font-size: 14px;}
	.dbBoxs .duibi{width: calc(100% - 81px);}
	.dbBoxs .duibi ul li .con .txt{padding:6px 10px;}
	.dbBoxs .duibi ul li .con .txt h3{font-size: 12px;}
	.dbBoxs .xilks{padding: 5px 0 20px;}
	.dbBoxs .xilks h3 a{padding: 0 5px; font-size: 10px; background-position-x: calc(100% - 5px); background-size: 8px;}
	.dbBoxs .xilks h3 p{width: calc(100% - 10px);}
	.dbBoxs .duibi ul li .con .imgs{ width: 100px; margin: 0 auto; max-width: 90%;}
	.canshdb .btc{width: 80px;}
	.canshdb td{padding: 8px; font-size: 10px;}
	.duibi ul li .con .close{width: 14px;}
	/*.canshdb tr.tej{display: none;}*/
	.lxdiz ul li{width: 100%;}
	.lxdiz ul li p{height: auto !important;}
	
	.grxx li{/*line-height: 1.5em;*/ padding-bottom: 15px;}
	.grxx li span{}
	.grxx li p{}
	/*.Member li input{width: calc(100% - 2em - 2px); margin-top: 5px;}*/
	.mNav{width: 100%; padding-bottom: 20px; white-space: nowrap; overflow-y: auto;}
	.mNav li{display: inline-block;  margin-right: 1px;}
	.Memcons{width: 100%;}
	.psxse li .txt{padding: 12px 0px;}
	.psxse li{box-shadow: 0 0 0 rgba(0,0,0,0) !important;}
	.psxse li{width: calc(50% - 6px); margin-bottom: 12px;}
	
	/*公用*/
	.ptb150{padding: 50px 0 80px;}
	.ptb100{padding: 50px 0;}
	.ptb40{padding: 30px 0;}
	.pt80{padding:45px;}
	.ptb80{padding: 45px 0 45px;}
	.ptb70{padding: 40px 0 40px;}
	.ft60{font-size: 36px;}
	.ft70{font-size:42px;}
	.ft84{font-size:50px;}
	.ft40{font-size: 26px;}
	.ft48{font-size: 30px;}
	.ft44{font-size: 28px;}
	.ft36{font-size: 25px;}
	.ft34{font-size: 25px;}
	.ft30{font-size: 24px;}
	.ft24{font-size: 20px;}
	.ft26{font-size: 21px;}
	.ft28{font-size: 22px;}
}

@media screen and (max-width:640px) {
	.surb .right input{height: 40px;}
	.surb .right .but{width: 80px;}
	.surb .right h3{font-size: 16px;}
	.surb .right .txt{width: calc(100% - 110px); padding: 0 10px;}
	
	.prolist .list ul li{width: calc(50% - 5px); margin-bottom: 10px;}
	.prolist .list ul li .txt span{width: 86%; line-height: 34px;}
	.prolist .list ul li .txt p{font-size: 12px;}
	.prolist .list ul li .txt h3{font-size: 16px;}
	
	.solution ul li{width: 100%; margin-left: 0; padding: 6px 0;}
	.solution ul li:nth-child(2n){float: right;}
	.solution a h3{font-size: 16px;}
	.solution a h4{font-size: 12px;}
	.solution a .txt span{font-size: 12px;}
	.more2 img{width: 20px;}
	.more2{font-size: 12px;}
	.ptb70{padding: 20px 0 !important;}
	.solution a .txt h4{}
	
	.xganl .imgs{width: 100%;}
	.xganl .txt{width: 100%; padding-top: 20px;}
	.solxq .tit{padding-bottom: 2em;}
	.Crumbs{font-size: 12px;}
	
	.service ul li .imgs .sm h3{font-size: 30px;}
	.service ul li .txt h3{font-size: 16px;}
	.pagenav{/*position: relative; background: #000000;*/ font-size: 14px !important;}
	.pagenav a{line-height: 2.6em;}
	.servtop .lefy .imgs .sm h3{font-size: 30px;}
	
	.huoban ul li{width: calc(50% - 16px); padding: 5px 8px;}
	.huoban ul{padding: 0 10px;}
	.huoban{padding: 10px 0 !important;}
	
	.abttxts .zhb{display: none;}
	.abttxt{padding: 20px !important; width: calc(100% - 40px);}
	
	.abcux{background-size: 120% !important;}
	.abvid a{background-size: 36px;}
	
	.pagesou .txt{width: calc(100% - 20px); margin-right: 0;}
	.pagesou .wsxl{width: 100%; margin-top: 10px; margin-right: 0;}
	.pagesou .wsxl:nth-child(2){z-index: 5;}
	.pagesou .but{width: 100%; margin-top: 10px;}
	
	.prolbn .imgs{overflow: hidden;}
	.prolbn .imgs img{width: 150%; max-width: initial;}
	.prolbn .protit{top: 12%;}
	
	.prolist .list ul li .ann a{width: calc(100% - 2px); line-height: 2.4em;}
	.prolist .list ul li .ann a.xq{margin-top: 8px;}
	
	.annxz{margin-top: 8px;}
	.annxz a{font-size: 12px; line-height: 30px; width: 100px; margin-right: 0; margin-bottom: 6px; background: rgba(0,0,0,0.5);}
	.annxz a:first-child{margin-right: 6px;}
	.annxx {margin-top: 10px;}
	.annxx a{ line-height: 32px; width: 122px;}
	.prolbn .imgs img{width: 200%; position: relative; left: -60%;}
	
	.woshxl{width:100%; margin-right: 0; margin-bottom: 10px;}
	.souzl{width:100%;}
	.saixxl{padding-top: 40px;}
}

@media screen and (max-width:480px) {
	/*.service ul li{width: 100%;}*/
	.hmtit{font-size: 20px !important;}
	.service ul li .txt{padding: 12px;}
	.hmtit .tit h4{font-size: 16px;}
	.service ul li .txt h3{height: auto; font-weight: bold;}
	.service ul li .txt p{font-size: 13px;}
	
	.servtop .lefy{width: 100%;}
	.servtop .right{width: 100%; padding-top: 20px;}
	.abcux{background-size: 160% !important;}
	.zhiwx .yaoq p{width: 100%;}
	.joinlist .jianj a{line-height: 30px;}
	.joinlist .jianj span{font-size: 12px; line-height: 32px;}
	.joinlist .tits span{line-height: 20px; padding: 10px 0;}
	.zhiwx .caoz{padding: 10px 0;}
	
	/*公用*/
	.ptb150{padding: 40px 0 60px;}
	.ptb100{padding: 40px 0;}
	.ptb80{padding: 30px 0 30px;}
	.pt80{padding: 40px;}
	.ft60{font-size: 32px;}
	.ft70{font-size:36px;}
	.ft84{font-size:40px;}
	.ft40{font-size: 24px;}
	.ft48{font-size: 26px;}
	.ft44{font-size: 25px;}
	.ft36{font-size: 23px;}
	.ft34{font-size: 23px;}
	.ft30{font-size: 20px;}
	.ft24{font-size: 18px;}
	.ft26{font-size: 19px;}
	.ft28{font-size: 20px;}
}

@media screen and (max-width:378px) {
	
}
@media screen and (max-width:365px) {
	
}
@media screen and (max-width:338px) {
	.banner .txt h4{font-size: 30px;}
	.banner .txt h3{font-size: 21px;}
}





.vvvv {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 1000; }
  .vvvv .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8); }
  .vvvv .videoBox {
    width: 1366px;
    height: 620px;
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #000; }
    .vvvv .videoBox video {
      width: 100%;
      height: 100%; }

.click-close {
  width: 40px;
  height: 40px;
  background: #fff url("../img/close.png") center no-repeat;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 20000000;
  display: none;
  box-shadow: 0 5px 5px rgba(0,0,0,0.4);
  cursor: pointer; }

@media (max-width: 1366px) {
  .vvvv .videoBox {
    width: 900px;
    height: 480px; } }
@media (max-width: 1024px) {
  .vvvv .videoBox {
    width: 100%;
    height: 100%; } }