@CHARSET "UTF-8";
.clear{clear: both;}
/*menu*/
.navbar-default .navbar-nav>li>a{font-size: 16px; padding-top: 26px;}
.navbar-default .navbar-nav>li>a span{font-size: 12px; color: #666666;}
.navbar-nav > li > a{text-align: center;}
.navbar-default .navbar-nav > li > a:hover span{color: #d60107; font-weight: bold;}
  .navbar-brand > img{height: 45px; margin-top:25px;}
  
.pagination{text-align: center; padding: 30px 0px 0px;}
.pagination a{padding: 8px 6px; border: 1px #999 solid; margin:0px 5px; line-height: 50px;}
.pagination span{padding: 8px 6px; border: 1px #999 solid; margin:0px 5px;}
.pagination a:hover{background: #d60107 ;border:1px #d60107 solid; color: #fff;}

.pagination a.active{background: #d60107 ;border:1px #d60107 solid; color: #fff;}
@media (max-width: 991px) {
  .navbar-brand > img{height: 45px;margin-top:5px;}
}
@media (max-width: 768px) {
    .navbar {position: relative;}
    .navbar-collapse{position: absolute; left: 0px; top:2.5em; background: #fff; width: 100%;}
    .navbar-brand > img{height: 2.1em; margin-top:5px;}
    .navbar-nav > li > a{padding: 0px; width: 100%; text-align: center;}
    .nav > li{border-bottom: 1px #d60107 solid;}
}

/*mbanner*/
.mbanner{width: 100%; }
.mbanner img{max-width: 100%;}
@media (max-width: 768px) {
  .mbanner .pc{display: none;}
  .mbanner .wap{}
}
@media (min-width: 768px) {
    .mbanner{position: relative;}
    .mtitle{position: absolute; left: 0px; bottom: 0px; background: rgba(255,255,255,0.9); width: 100%; height: 50px; font-size: 16px; line-height: 50px;}
    .mtitle .mcate{float: left;}
    .mtitle .mcate a{height: 50px; line-height: 50px; display: block;float: left; padding: 0px 5px; margin-right: 15px;}
    .mtitle .mcate a:hover{border-bottom: 5px #d60107 solid; color: #d60107; font-weight: bold;}
    .mtitle .mcate a.active{border-bottom: 5px #d60107 solid; color: #d60107; font-weight: bold;}
    .mtitle .location{float: right; font-size: 14px; background: url(../images/zhuye.png) left center no-repeat; padding-left: 24px;}
    .mbanner .pc{}
    .mbanner .wap{display: none;}
}
@media (max-width: 991px){
    .mtitle .location{display: none;}
}
@media (max-width: 768px) {
    .mtitle{width: 100%; height: 2em; font-size: 1.1em; line-height: 2em; padding: 1em 0 0px;}
    .mtitle .mcate{float: left;}
    .mtitle .mcate a{height: 2em; line-height: 2em; display: block;float: left; padding: 0px 0.3em; border:1px #999 solid; border-radius: 0.3em; margin:0.4em 0.5em;}
    .mtitle .mcate a:hover{background:#d60107; color: #fff; font-weight: bold; border:1px #d60107 solid;}
    .mtitle .mcate a.active{background:#d60107; color: #fff; font-weight: bold; border:1px #d60107 solid;}
    .mtitle .location{float: right; font-size: 14px;}
}

/*footer*/
.footmes .sub:hover{background: #294284;}
.footer a{color: #999;}
@media (min-width: 768px) {
    .footer{width: 100%; background: #333; padding: 34px 0px 17px; color: #999;}
    .footnav{width: 50%; float: left;}
    .footnav li{float: left; width: 22%;}

    .footnav a:hover{color: #fff;}
    .footnav h3{background: url(../images/footnavbg.jpg) left bottom no-repeat;}
    .footnav h3 a{color: #fff; font-size: 16px; padding: 8px 0px;}
    .footnav li a{font-size: 14px; display: block; text-indent: 0.8em; line-height: 30px;}

    .footmes{width: 34%; float: left; margin-top:14px;}
    .footmes input{background: #4b4b4b; border:none; border-radius: 6px; display: block; text-indent: 0.6em; height: 35px; line-height: 35px;}
    .footmes textarea{background: #4b4b4b; border:none; border-radius: 6px;}
    .footmes .frtwo1{width: 49%; float: left; margin-bottom: 10px;}
    .footmes .frtwo2{width: 49%; margin-left: 2%;float: left; margin-bottom: 10px;}
    .footmes .frone{width: 100%; margin-bottom:10px; }
    .footmes textarea{width: 100%; height: 100px; line-height: 30px; text-indent: 0.6em; display: block;}
    .footmes .sub{background: #d60107; width: 100%; text-align: center; font-weight: bold; font-size: 16px; color: #fff; margin-top:10px;}

    h1.rexian{text-align: center; font-size: 36px; padding: 24px 0px 0;background: url(../images/phonewhite.png) left center no-repeat;}

    .fcontact {text-align: center; padding-bottom: 20px;}
    .fcontact span{ padding-left: 30px; margin-left: 40px; padding: 5px 0px 5px 30px; font-size: 18px;}
    .fcontact .femail{background: url(../images/emailhui.png) left center no-repeat;}
    .fcontact .fqq{background: url(../images/qqhui.png) left center no-repeat;}
    .fcontact .faddress{background: url(../images/addresshui.png) left center no-repeat;}

    .footbot p{text-align: center; font-size: 14px;}
    .erwema{text-align: center; width: 592px; margin: 0px auto; color: #fff; font-size: 16px; line-height: 40px; margin-top:60px;}
    .erwema img{width: 112px;}
    .erwema li{float: left; margin: 0px 18px;}
}
@media (max-width: 992px){
    .fcontact span{font-size: 16px; margin-left: 20px;}
}
@media (max-width: 768px) {
    .footer{width: 100%; background: #333; padding: 1em 2% ; color: #999;}
    .footnav{display: none;}
    .footmes{width: 100%; float: right; margin-top:14px;}
    .footmes input{background: #4b4b4b; border:none; border-radius: 6px; display: block; text-indent: 0.6em; height: 35px; line-height: 35px;}
    .footmes textarea{background: #4b4b4b; border:none; border-radius: 6px;}
    .footmes .frtwo1{width: 49%; float: left; margin-bottom: 10px;}
    .footmes .frtwo2{width: 49%; margin-left: 2%;float: left; margin-bottom: 10px;}
    .footmes .frone{width: 100%; margin-bottom:10px; }
    .footmes textarea{width: 100%; height: 100px; line-height: 30px; text-indent: 0.6em; display: block;}
    .footmes .sub{background: #d60107; width: 100%; text-align: center; font-weight: bold; font-size: 16px; color: #fff; margin-top:10px;}

    h1.rexian{text-align: center; padding: 1em 0px; border-top: #4b4b4b 1px solid; margin-top:1em;font-size: 2em;}
    h1.rexian img{height: 1.5em;}
    h1.rexian span{padding-top:5px;}

    .fcontact {padding-bottom: 1em; border-bottom: 1px #4b4b4b solid; margin-bottom: 1em;}
    .fcontact span{ padding-left: 30px; margin-left: 0.5em; padding: 5px 0px 5px 30px; font-size: 1em; display: block; margin-top:0.2em;}
    .fcontact .femail{background: url(../images/emailhui.png) left center no-repeat; background-size: 1.4em;}
    .fcontact .fqq{background: url(../images/qqhui.png) left center no-repeat; background-size: 1.4em;}
    .fcontact .faddress{background: url(../images/addresshui.png) left center no-repeat; background-size: 1.4em;}
    .erwema{display: none;}

    .footbot p{text-align: center; font-size: 1em;}
    .footbot p span{display: block;}
}

/*main*/
@media (min-width: 992px){
    .main{width: 1200px; margin: 0 auto;}
}
@media (min-width: 768px)and (max-width: 991px){
    .main{padding: 30px 0px;}
}
@media (max-width: 768px){
    .main{padding: 2em 2%; font-size: 1.1em;}
    .main1{padding: 2em 0px; font-size: 1.1em;}
    .main2{padding: 0em 2%;}
}
/*job*/
.job_listdl dd a:hover{background: #294284;}
@media (min-width: 768px){
    .joblist {height: auto;overflow: hidden; font-size: 16px;}
    .job_top {width: 100%;height: 50px;line-height: 50px;color: #fff; background: #d60107;   overflow: hidden;}
    .job_top dd {width: 16%;height: 50px;text-align: center;float: left;}
    .job_top dd:nth-child(4){width: 20%;}
    .job_listdl {width: 100%;height: 60px;line-height: 60px;  overflow: hidden;position: relative;}
    .joblist .job_hui{background: #ececec;}
    .job_listdl dd {width: 16%;float: left;text-align: center;}
    .job_listdl dd:nth-child(4){width: 20%;}
    .job_listdl dd a {color: #fff; background: #d60107; padding: 4px 8px; border-radius: 5px;}
    .job_listcon {width: auto;height: auto;overflow: hidden;padding: 15px 10px;font-size: 14px;line-height: 25px;   background: #f9f9f9;}
    .sendemail{height: 100px; line-height: 100px; color: #fff; font-size: 22px; background: #d60107; margin-top:40px;}
    .sendemail span:first-child{ padding-left: 5.5%; padding-right: 80px;}
}

@media (max-width: 768px){
    .joblist {height: auto;overflow: hidden; font-size: 1em;}
    .job_top {width: 100%;height: 3em;line-height: 3em;color: #fff; background: #d60107;   overflow: hidden;}
    .job_top dd {width: 20%;height: 3em;text-align: center;float: left;}
    .job_top dd:last-child{display: none;}
    .job_listdl {width: 100%;height: 3em;line-height: 3em;  overflow: hidden;position: relative;}
    .joblist .job_hui{background: #ececec;}
    .job_listdl dd {width: 20%;float: left;text-align: center;}
    .job_listdl dd:last-child{display: none;}
    .job_listdl dd a {color: #fff; background: #d60107; padding: 4px 8px; border-radius: 5px;}
    .job_listcon {width: auto;height: auto;overflow: hidden;padding: 15px 10px;font-size: 14px;line-height: 25px;   background: #f9f9f9;}
    .sendemail{line-height:2.5em; color: #fff; font-size: 1.15em; background: #d60107; text-align: center; margin-top:1em;}
    .sendemail span{display: block;}
}

/*new*/
@media (min-width: 992px){
    .mcontent{font-size: 16px; line-height: 30px;}
    .mcontent h1{font-size: 24px; text-align: center;}
    .mcontent .datetime{text-align: center; margin: 25px 0px; font-size: 14px; color: #999;}
    .mcon{padding: 10px 100px; color: #666666;}
    .mcontent hr{color: #cecece; background: #cecece; border-color: #cecece;}
}

@media (min-width: 768px) and (max-width: 992px){
    .mcontent{font-size: 16px; line-height: 30px;}
    .mcontent h1{font-size: 24px; text-align: center;}
    .mcontent .datetime{text-align: center; margin: 25px 0px; font-size: 14px; color: #999;}
    .mcon{padding: 10px 20px; color: #666666;}
    .mcontent hr{color: #cecece; background: #cecece; border-color: #cecece;}
}
.prenext a{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.return a:hover{background: #294284;}
@media (min-width: 768px){
    .prenext{padding: 20px 0px;}   
    .prenext .pre{float: left; max-width: 49%;}
    .prenext .next{float: right; max-width: 49%;}
    .return{text-align: center; margin-top:50px;}
    .return a{background: #d60107; color: #fff; padding:6px 30px; border-radius: 5px;}
}

@media (max-width: 768px){
    .mcontent{font-size: 1.11em; line-height: 30px;}
    .mcontent h1{font-size: 1.25em; text-align: center;}
    .mcontent .datetime{text-align: center; margin: 25px 0px; font-size: 14px; color: #999;}
    .mcontent .datetime img{width: 1.3em;}
    .mcon{padding: 10px 0; color: #666666;}
    .mcontent hr{color: #cecece; background: #cecece; border-color: #cecece;}
    .prenext{padding: 1em 0px;}
    .prenext a{display: block; margin:10px 0px;}
    .return{text-align: center; margin-top:2em;}
    .return a{background: #d60107; color: #fff; padding:0.3em 1.5em; border-radius: 0.4em;}
}

/*newlist*/
.newsimg{overflow: hidden; }
.newsimg img{transition:all .4s;-moz-transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s;}
.newsimg img:hover{transform:scale(1.2);}
.mnewlistss a:hover img{transform:scale(1.2);}
@media (min-width: 768px){
    .mnewlistss a{display: block; padding: 20px; position: relative; overflow: hidden; border-bottom: 1px #f2f2f2 solid;}
    .mnewlistss i{float: right; max-width: 9%; position: absolute; right: 10px; top:50%; margin-top:-10px; font-size: 20px; background: url(../images/jiantou1.png) center center no-repeat; background-size: 100%;}
    .newsimg{float: left; width: 24%;height: 140px;}
    .newcon {float: left; width: 49%; margin-left: 2%; margin-right: 3%;}
    .newcon h2{font-size: 18px;  font-weight: bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 50px;}
    .newcon p{color: #666; line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
    .mlistdate{float: left; width: 9%; height: 72px; line-height: 30px; padding: 6px 0px;text-align: center; border:1px #d60107 solid; color: #d60107; position: absolute; right: 10%; top:50%; margin-top:-36px;}
    .mlistdate hr{margin: 0px auto;width: 40px; border-color: #d60107;}
    .newsimg img{ display: block;}
    .mnewlistss a:hover{background:#f2f2f2;}
}

@media (min-width: 480px) and (max-width: 992px){
    .newcon p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    
}
@media (max-width: 480px){
    .mnewlistss a{display: block; padding: 0.5em; position: relative; overflow: hidden; border-bottom: 1px #f2f2f2 solid;}
    .mnewlistss i{display: none;}
    .newsimg{float: left; width: 32%;height: 60px;}
    .newcon {float: left; width: 65%; margin-left: 3%;}
    .newcon h2{font-size: 1.1111em;  font-weight: bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 1.8em;}
    .newcon p{color: #666; line-height: 1.4em;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .mlistdate{display: none;}
    .newsimg img{ display: block;}
}
@media (max-width: 768px) and  (min-width: 480px){
    .newcon p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .mnewlistss a{display: block; padding: 1em; position: relative; overflow: hidden; border-bottom: 1px #f2f2f2 solid;}
    .mnewlistss i{display: none;}
    .newsimg{float: left; width: 32%;}
    .newcon {float: left; width: 65%; margin-left: 3%;}
    .newcon h2{font-size: 1.1111em;  font-weight: bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; line-height: 1.8em;}
    .mlistdate{display: none;}
    .newsimg img{ display: block;}
}




/*case*/
.case .sub-title-txt h2 {color: #fff;}
.case .sub-menu .left {color: #fff;}
.case .sub-menu .left span {border-color: #fff;}
.case .sub-menu .share span {color: #fff;}
.case .sub-menu .share span svg {fill: #fff;}
.case .sub-menu .share li a {color: #fff;}
.case .sub-title-border {border-color: #fff;}
.case .info {width: 100%;margin: 0 auto;}
.case .info ul {width: 100%;position: relative; font-size: 0;}
.case .info li {display: inline-block;position: relative;width: 32.3%;margin: 0 .5%;margin-bottom: 30px;vertical-align: top;}
.case .info li .Img {position: relative;overflow: hidden}
.case .info li .Img i {position: absolute;background: rgba(255, 255, 255, .5);text-align: center;bottom: 0;width: 100%;height: 70px;display: block; transform: translateY(100%);-moz-transform: translateY(100%);-webkit-transform: translateY(100%);transition: all .4s ease-out;-moz-transition: all .4s ease-out;-webkit-transition: all .4s ease-out;}
.case .info li .Img i img {max-width: 100%;max-height: 100%;}
.case .info li .Img {display: block;width: 100%;overflow: hidden;}
.case .info li .Img>img {display: block;width: 100%;height: auto;transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;}
.case .info li .Txt {height: 70px;overflow: hidden;width: 100%;position: relative;text-align: center;overflow: hidden;z-index: 2;}
.case .info li .Txt h5 {font-size: 15px;line-height: 1.5;padding-top: 10px;color: #000;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;}
.case .info li .Txt span {font-size: 13px;color: #999;font-style: oblique;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; font-style: normal;}
.case .info li:hover .Txt h5 {color: #fff;}
.case .info li:hover .Txt span {color: #fff;}
.case .info li .Txt small {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;transform: translateY(-100%);-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);transition: all .4s ease-in-out .2s;-moz-transition: all .4s ease-in-out .2s;-webkit-transition: all .4s ease-in-out .2s;}
.case .info li:hover .Img i, .case .info li:hover .Txt small {transform: translate(0);-moz-transform: translate(0);-webkit-transform: translate(0); opacity: 1;}
.case .info li:hover .Img>img { transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1)}

@media only screen and (max-width:1440px) {
    .stone.case .sub-content, .myDiv1, .contact .myDiv2{padding-left: 0;padding-right: 0;}
    .case .info li .Txt h5{font-size: 14px;}
    .case .info li .Txt span{font-size: 12px;}
    .sub-menu .left{left: calc(10% - 69px);}
    .case .info {width: 100%}
}
@media only screen and (max-width:992px) {
    .case .info li {width: 49%; margin: 0 .5%;}
}

@media only screen and (max-width:768px) {
    .case .info li {width: 100%;}
    .stone.case .sub-content, .contact .myDiv2 {width: 95%; margin: 0 2.5%}
}
/*case滑动*/
.cases1{ -moz-transition:all 1s ease 0.1s; -ms-transition:all 1s ease 0.1s; -o-transition:all 1s ease 0.1s; -webkit-transition:all 1s ease 0.1s; transition:all 1s ease 0.1s;}
.cases2{-moz-transition:all 1s ease 0.4s; -ms-transition:all 1s ease 0.4s; -o-transition:all 1s ease 0.4s; -webkit-transition:all 1s ease 0.4s; transition:all 1s ease 0.4s;}
.cases3{-moz-transition:all 1s ease 0.7s; -ms-transition:all 1s ease 0.7s; -o-transition:all 1s ease 0.7s; -webkit-transition:all 1s ease 0.7s; transition:all 1s ease 0.7s;}
.slide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-T{position:relative; top:-50px; opacity:0; filter:alpha(opacity=0);}
.slide-Ton{top:0px; opacity:1; filter: alpha(opacity=1);}
.slide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}
.cases{position:relative; bottom:-150px; opacity:0; filter:alpha(opacity=0);}
.noslide-B{position:relative; bottom:-50px; opacity:0; filter:alpha(opacity=0);}
.slide-Bon{bottom:0px; opacity:1; filter: alpha(opacity=1);}
.slide-L{position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-L{position:relative; left:-50px; opacity:0; filter:alpha(opacity=0);}
.slide-Lon{left:0px; opacity:1; filter: alpha(opacity=1);}
.slide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}
.noslide-R{position:relative; right:-50px; opacity:0; filter:alpha(opacity=0);}
.slide-Ron{right:0px; opacity:1; filter: alpha(opacity=1);}
.slide-W{position:relative; left:-5%; width:110%; opacity:0; filter:alpha(opacity=0);}
.noslide-W{position:relative; left:-5%; width:110%; opacity:0; filter:alpha(opacity=0);}
.slide-Wsmall{position:relative; left:5%; width:90%; opacity:0; filter:alpha(opacity=0);}
.noslide-Wsmall{position:relative; left:5%; width:90%; opacity:0; filter:alpha(opacity=0);}
.slide-Won{left:0px; width:100%; opacity:1; filter: alpha(opacity=1);}
.slide-H{position:relative; height:0px; opacity:0; filter:alpha(opacity=0); overflow-x:hidden}
.noslide-H{position:relative; height:0px; opacity:0; filter:alpha(opacity=0);}
.slide-Hon{ height:auto; opacity:1; filter: alpha(opacity=1);}


/*prolist*/


.prolist a{display: block; float: left; position: relative; overflow: hidden;}
.prolist img{display: block; max-width: 100%;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s; -o-transition:all .4s;}
.prolist a:hover img{transform:scale(1.2);}
.prolist span{display: block; width: 100%; background: rgba(0,0,0,0.6); position: absolute; left: 0px; bottom: 0px; text-align: center; color: #fff;}

@media (min-width: 992px){
    .prolist a{width: 24%; margin: 10px 0.5%;}
    .prolist a:hover span{padding: 125px 0px;background: rgba(214,1,7,0.6);}
    .prolist span{ height: 40px; line-height: 40px;}
}

@media (max-width: 992px) and (min-width: 700px){ 
    .prolist a{width: 32%; margin: 10px 0.65%;}
    .prolist span{ height: 35px; line-height: 35px;}
}
@media (max-width: 700px){
    .prolist a{width: 49%; margin: 0.5em 0.5%;}
    .prolist span{ height: 1.8em; line-height: 1.8em;}
}


.prolistbot{width: 100%;background: url(../images/prolistbot.jpg) center center no-repeat;}
.prochan{position: relative;height: 2px; background: rgba(255,255,255,0.5);}
.prolistbot img{max-width: 100%;}
.prochan img{display: block;}
.prochan .imgaa{margin-bottom: 18px;}
.prochan .imgbb{margin-bottom: 18px;}
.prochan li{cursor: pointer;}
.prochan .aa,.prochan .bb,.prochan .cc,.prochan .dd,.prochan .ee{position: absolute; }
@media (min-width: 992px){
    .prolistbot{ height: 723px; margin-bottom: 60px;}
    .prochan li{max-width: 156px; width: 13%; }
    .prochan .aa{bottom:-425px; left: 4.4%}
    .prochan .bb{top:405px; left: 23.5%}
    .prochan .cc{bottom:-425px; left: 50%; margin-left: -78px;}
    .prochan .dd{top:405px; right: 23.5%}
    .prochan .ee{bottom:-426px; right: 4.4%}
}

@media(min-width: 768px) and (max-width: 992px){
    .prolistbot{ height: 723px; margin-bottom: 60px;}
    .prochan li{max-width: 156px; width: 20%;}
    .prochan .aa{bottom:-425px; left: 4.4%}
    .prochan .bb{top:405px; left: 23.5%}
    .prochan .cc{bottom:-425px; left: 50%; margin-left: -78px;}
    .prochan .dd{top:405px; right: 23.5%}
    .prochan .ee{bottom:-426px; right: 4.4%}
}


@media(max-width: 768px){
    .prolistbot{ height: 28.5em; background-size: 280%; margin-bottom: 2em;}
    .prochan li{max-width: 156px; width: 20%;}
    .prochan .aa{bottom:-16.7em; left: 4.4%}
    .prochan .bb{top:16em; left: 23.5%}
    .prochan .cc{bottom:-16.7em; left: 50%; margin-left: -8%;}
    .prochan .dd{top:16em; right: 23.5%}
    .prochan .ee{bottom:-16.7em; right: 4.4%}
}
@media (max-width: 768px) {
	.meau-sev .cndns-right-box .box-border {width: 218px; height: 172px; padding: 12px;}
	.sev-t:after,#zixunUl:after {display: block; clear: both; content: ""; overflow: hidden;}
	.cndns-right-box .box-border .sev-t span {font-size: 38px; margin-right: 8px;}
	.cndns-right-box .box-border .sev-t p {font-size: 18px;}
	.cndns-right-box .box-border .sev-t p i {font-size: 12px;}
	.cndns-right-box .box-border .sev-b h4 {font-size: 12px; padding-bottom: 6px;}
	.cndns-right-box .box-border .sev-b li {width: 48%; margin-right: 2%;}
	.cndns-right-box .box-border .sev-b li a {font-size: 12px;}
	.cndns-right-box .box-border {padding: 12px;}
	.cndns-right-box .box-border .sev-t span {font-size: 36px; line-height: 42px;}
	.cndns-right-box .box-border .sev-t p {line-height: 20px; width: 100%;}
	.cndns-right-box .box-border .sev-t p {max-width: 100%;}
	.meau-code .cndns-right-box .box-border i {margin-top: 12px;}
	
}


/*pro*/
/*图片放大镜样式*/
/* box */
.lanrenzhijia{height:auto; overflow:hidden; border: 1px #f0f0f0 solid;}

.prodescc h2{font-size: 30px; color: #d60107; font-weight: bold; line-height: 100px;}
.prodescc p{line-height: 36px; font-size: 16px; color: #666;}

.prodescc span{display: block;}
.prodescc span a{background: #d60107; color: #fff; font-size: 16px; border-radius: 5px; margin-left: 15%; display: block;width: 25%; float: left; line-height: 34px; text-align: center; }
.prodescc span a:hover{background: #294284;}
.propre a{display: block; line-height: 40px; font-size: 16px;}
.procon{padding: 50px 0px;}
.procon h2{background: #d60107; color: #fff; text-indent: 2%; font-size: 20px; font-weight: bold; height: 46px; line-height: 46px;}
.procondesc{padding: 20px 0px;}






@media (min-width: 992px){
    .prodes{font-size: 16px; line-height: 30px;}
    .prodescc{float: right; width: 40%; }
    .prodescc span{display: block; margin-top:50px;}
    .prodescc p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
    .lanrenzhijia{ width:50%; float: left;}
    .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
    .jqzoom img{ background:url(../images/loading.gif) no-repeat center center;}
    .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
    .zoomdiv img{width: auto; height: auto; max-width: none; max-height: none;}
    .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/mask.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
}
 
@media (min-width: 768px){
    .prodes{font-size: 16px; line-height: 30px;}
    .prodescc{float: right; width: 40%; }
    .prodescc span{display: block; margin-top:30px;}
    .lanrenzhijia{ width:50%; float: left;}
    .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
    .jqzoom img{ background:url(../images/loading.gif) no-repeat center center;}
    .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
    .zoomdiv img{width: auto; height: auto; max-width: none; max-height: none;}
    .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/mask.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
    .prodescc p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
}


@media (max-width: 768px){
    .prodes{font-size: 1em; line-height: 1.8em;}
    .prodescc{ width: 100%; }
    .prodescc span{display: block; margin-top:30px;}
    .lanrenzhijia{ width:100%;}
    .jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
    .jqzoom img{ background:url(../images/loading.gif) no-repeat center center;}
    .zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
    .zoomdiv img{width: auto; height: auto; max-width: none; max-height: none;}
    .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/mask.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
    .prodescc p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
}










/*contact*/
.BMapLabel{    width: 155px;max-width: none; text-align: center;}
.BMap_pop{display: block;}
.BMap_Marker div img{}
.contacts h1{text-align: center;}
.contacts .cul{}
.contacts .cul li{cursor: pointer;}
.contacts .cul li img{border-radius: 50%;}
.BMap_bubble_content{display: block;}
.animatediv{border-radius: 50%;}
@media (min-width: 768px){
    .contacts h1{line-height: 60px; margin-bottom: 60px;}
    .contacts h1 span{font-size: 33px; font-family: Arial;}
    .contacts h1 span b{font-size: 48px; color: #d60107;}
    .contacts h1 label{font-size: 30px; font-weight: normal;}
    .contacts .cul li{width: 25%; float: left;  text-align: center;}
    .contacts .cul li span{display: block; font-size: 16px; line-height: 34px;}
    .contacts .cul li .acone{font-size: 24px; color: #7b7b7c; font-family: Arial; margin-top: 10px;}
    .contacts .cul li .acthree{font-size: 16px; line-height: 34px;}

    #map{margin-bottom: 60px; width: 100%; height: 500px;}
    #map img{max-width: none;}
}



@media (max-width: 768px){
    .contacts h1{line-height: 1.1em; margin-bottom: 1.5em;}
    .contacts h1 span{font-size: 0.8em; font-family: Arial;}
    .contacts h1 span b{font-size: 1.2em; color: #d60107;}
    .contacts h1 label{font-size: 0.8em; font-weight: normal;}
    .contacts .cul li{width: 50%; float: left;  text-align: center; margin:0.5em 0;}
    .contacts .cul li span{display: block; font-size: 1em; line-height: 1.5em;}
    .contacts .cul li img{max-width: 60%;}
    .contacts .cul li .acone{font-size: 1.2em; color: #7b7b7c; font-family: Arial; margin-top: 0.8em;}
    .contacts .cul li .acthree{font-size: 1em; line-height: 1.5em;}

    #map{margin-bottom: 2em; width: 100%; height: 20em;}
}


/*about*/
.maboutt .mabright span b{font-weight: normal;}
.maboutt .mabright .mabmore{color:#d60107;float: right; margin-top:10px;}
.maboutt .mabright .mabmore:hover{color: #294284;}
.maboutt .img{overflow: hidden;}
.maboutt .img img{    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -o-transition: all .4s;}
.maboutt .img img:hover{transform: scale(1.2);}
@media (min-width: 1200px){
    .maboutt .img{width: 52%; float: left;}
    .maboutt .mabright{width: 44%; float: right; position: relative;}
    .maboutt .mabright h1{font-weight: bold; font-size: 36px;}
    .maboutt .mabright span{position: absolute; left: -150px; top:60px; background: #d60107; color: #fff; font-size: 30px; line-height: 45px; padding:0px 30px;}
    .maboutt .mabright span b{font-size: 24px;}
    .mabouttt{line-height: 26px; margin-top:100px;}
    .maboutguanggao .pcc{display: block;margin:60px 0px;}
    .maboutguanggao .wapp{display: none;}
}
@media (min-width: 992px) and (max-width: 1200px){
    .maboutt .img{width: 54%; float: left;}
    .maboutt .mabright{width: 44%; float: right; position: relative;}
    .maboutt .mabright h1{font-weight: bold; font-size: 36px;}
    .maboutt .mabright span{position: absolute; left: -150px; top:45px; background: #d60107; color: #fff; font-size: 30px; line-height: 45px; padding:0px 30px;}
    .maboutt .mabright span b{font-size: 24px;}
    .mabouttt{line-height: 24px; margin-top:60px; font-size: 14px;}
    .maboutguanggao .pcc{display: block; margin:60px 0px;}
    .maboutguanggao .wapp{display: none;}
}




@media (min-width: 768px) and (max-width: 992px){
    .maboutt .img{width: 46%; float: left;}
    .maboutt .img img{min-height: 370px;}
    .maboutt .mabright{width: 52%; float: right; position: relative;}
    .maboutt .mabright h1{font-weight: bold; font-size: 28px;}
    .maboutt .mabright span{display: none;}

    .mabouttt{line-height: 24px; font-size: 14px;}
    .maboutguanggao .pcc{display: block; margin:50px 0px;}
    .maboutguanggao .wapp{display: none;}
}

@media (max-width: 768px){
    .maboutguanggao .pcc{display: none;}
    .maboutguanggao .wapp{display: block; margin:1em 0px;}
    .maboutt .img{width: 100%;}
    .maboutt .mabright{width: 100%; }
    .maboutt .mabright h1{font-weight: bold; font-size: 1.4em; margin-top:1em;}
    .maboutt .mabright span{background: #d60107; color: #fff; font-size: 1.2em; line-height: 45px; padding:0px 30px;}
    .maboutt .mabright span b{font-size: 1.1em;}

    .mabouttt{line-height: 1.6em; font-size: 1em;}
}




.mttitle{text-align: center;}
.mttitle h2{ color:#d60107; font-weight:bold;}

/*culture*/

@media (min-width: 992px){
    .mculture{background: #f8f8f8; padding: 40px 0px;}
    .mcult{padding-top: 20px;}
    .mcult .mcultlist{width: 60%; float: right;}
    .mcult .mcultlist li{height: 72px; margin:35px 0px; width: 100%}
    .mcult .mcultlist li .imgg {width: 15%; height: 72px; float: left;}
    .mcult .mcultlist li .imgg div{width: 100%; margin-left: 20px; height: 72px;vertical-align: middle; display: table-cell; text-align:center;}
    .mcult .mcultlist li div img{max-width: 100%; max-height: 100%;}
    .mcult .mcultlist li b{float: left; line-height: 60px; font-size: 24px; font-weight: normal; color: #999999;display: block;width: 17%; text-align: left;}
    .mcult .mcultlist li p{float: left;     width: 100%;
    line-height: 40px;
    font-size: 16px;
    text-indent: 2em;}
    .mabculture{width: 40%;float: left;}
	 .mabculture img{width: 100%;float: left;}
}


@media (min-width: 992px) and (max-width: 1200px){
    .mcult .mcultlist li{height: 72px; margin:18px 0px; width: 100%}
}

@media (min-width: 768px) and (max-width: 992px){
    .mculture{background: #f8f8f8; padding: 60px 0px;}
    .mcult{padding-top: 60px;}
    .mcult .mcultlist{width: 100%;}
    .mcult .mcultlist li{height: 72px; margin:35px 0px; width: 100%}
    .mcult .mcultlist li .imgg {width: 15%; height: 72px; float: left;}
    .mcult .mcultlist li .imgg div{width: 100%; margin-left: 20px; height: 72px;vertical-align: middle; display: table-cell; text-align:center;}
    .mcult .mcultlist li div img{max-width: 100%; max-height: 100%;}
    .mcult .mcultlist li b{float: left; line-height: 60px; font-size: 40px; font-weight: normal; color: #999999;display: block;width: 17%; text-align: center;}
    .mcult .mcultlist li p{float: left; width: 68%; line-height: 24px;}
    .mabculture{display: none;}
}

@media (max-width: 768px){
    .mculture{background: #f8f8f8; padding: 2em 0px;}
    .mcult{padding-top: 1em;}
    .mcult .mcultlist{width: 100%;}
    .mcult .mcultlist li{margin:1em 0px; width: 100%}
    .mcult .mcultlist li .imgg {width: 20%; float: left; }
    .mcult .mcultlist li .imgg div{width: 100%; margin-left: 20px; height: 72px;vertical-align: middle; display: table-cell; text-align:center;}
    .mcult .mcultlist li div img{max-width: 80%;}
    .mcult .mcultlist li b{ padding-left:7px; line-height: 2em;}
    .mcult .mcultlist li p{float: right; width: 78%; line-height: 2em; font-size: 1em;}
    .mabculture{display: none;}
}





/*history*/
.mhistory{background: url(../images/mabhistorybg.png) center bottom no-repeat;}
.mhistory li{background: url(../images/hsittt.png) center center no-repeat; width: 16.6666%;float: left; background-size: 100%; cursor: pointer;}
.mhistory li.active{background: url(../images/hsittthover.png) center center no-repeat;background-size: 100%;}
.mhistory .active div{display: block;}
.mhistory li.active span{background: url(../images/sanjiao.png) left 10px bottom no-repeat;color: #d60107; font-weight: bold;}
.event_box{ position: relative;}

.slideBox{display: none;}
.parBd{ background: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.6); padding:20px 5%;}
.slideBox:first-child{display: block;}
.mhistory li:hover span{color: #d60107; font-weight: bold;}
@media (min-width: 768px){
    .event_box{margin-top: 49px; position: relative;}
    .parBd{    width: 60%;   margin: 40px auto 0px;}
    .sNext{position: absolute; right: -32px; top:33px; }
    .sPrev{position: absolute; left: -32px; top:33px; }
    .mhistory{ height:  530px; padding: 60px 0px;}
    .mhistory ul{margin-top:64px;}
    .mhistory li{height: 30px;position: relative; margin:35px 0px;}
    .mhistory li span{padding-top: 35px; margin-left: 27%; display: block; padding-bottom: 10px; }
    .mhistory li div{position: absolute; left: 50%; top:65px; background: #fff; margin-left: -125px; width: 250px; border-radius: 5px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); padding:15px 20px; display: none; line-height: 30px;}
}


@media(min-width: 768px) and (max-width: 1200px){
    .mhistory li:first-child .shijian{position:absolute; left:0px; margin-left: 0px;}
    .mhistory li:last-child .shijian{position:absolute; left: -50%; right:0px; margin-left: 0px;}
    .mhistory li span{margin-left: 22%;}
}

@media(min-width: 768px) and (max-width: 900px){
    .mhistory li:last-child .shijian{position:absolute; left: -100%; right:0px; margin-left: 0px;}
}

@media (max-width: 768px){
    .parBd{    width: 95%;   margin: 2em auto 0px;}
    .mhistory{ height:22em; padding: 2em 0px;}
    .sNext{position: absolute; right: 0px; top:33px; }
    .sPrev{position: absolute; left: 0px; top:33px; }
    .mhistory ul{margin-top:1em;position: relative;}
    .mhistory li{height: 30px; margin:2.3em 0px; }
    .mhistory li span{padding-top: 35px; margin-left: 5%; display: block; padding-bottom: 10px;}
    .mhistory li .shijian{position: absolute; left: 50%; top:5.3em; background: #fff; margin-left: -48%; width: 96%; border-radius: 5px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); padding:15px 20px; display: none; line-height: 30px;}
}



/*tab*/
.hucontent .ct img{transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s;  -o-transition:all .4s; cursor: pointer;}
.hucontent .ct img:hover{transform: scale(1.2);}
@media(min-width: 992px){
    .hutab ul {height:48px;line-height:40px; width: 300px; margin:40px auto;}
    .hutab ul li { float:left; padding:0 10px; position:relative; cursor:pointer; border-bottom: 8px #a5a5a5 solid; width: 100px; text-align: center; margin:0px 40px; font-size: 20px;}
    .hutab ul li.two {border-bottom-color: #d60107; color:#d60107; }
    .hucontent {width:100%;}
    .hucontent .ct{ position: relative;}
    * html .hucontent {margin-top:-1px;}
}


@media(min-width: 768px){
    .hutab ul {height:45px;line-height:40px; width: 300px; margin:40px auto;}
    .hutab ul li { float:left; padding:0 10px; position:relative; cursor:pointer; border-bottom: 5px #a5a5a5 solid;width: 90px; text-align: center; margin:0px 30px; font-size: 16px;}
    .hutab ul li.two {border-bottom-color: #d60107; color:#d60107;}
    .hucontent {width:100%;}
    .hucontent .ct{ position: relative;}
    * html .hucontent {margin-top:-1px;}
}

@media(max-width: 768px){
    .hutab ul {height:2em;line-height:2em; width: 100%; margin:1em auto;}
    .hutab ul li { float:left; position:relative; cursor:pointer; border-bottom: 0.3em #a5a5a5 solid; width: 42%; text-align: center; margin:0px 4%; font-size: 1em;}
    .hutab ul li.two {border-bottom-color: #d60107; color:#d60107;}
    .hucontent {width:100%;}
    .hucontent .ct{ position: relative;}
    * html .hucontent {margin-top:-1px;}
}








/*swiper*/


.swiper-container, .swiper-container1, .swiper-container2{width: 100%; height: auto; margin-left: auto; margin-right: auto; overflow: hidden;}
.swiper-slide {text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;  display: flex;  -webkit-box-pack: center;   -ms-flex-pack: center;   -webkit-justify-content: center;  justify-content: center;-webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center; align-items: center; overflow: hidden;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-prev1, .swiper-container-rtl .swiper-button-next1,.swiper-button-prev2, .swiper-container-rtl .swiper-button-next2{border-radius: 50%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-next1, .swiper-container-rtl .swiper-button-prev1,.swiper-button-next2, .swiper-container-rtl .swiper-button-prev2{border-radius: 50%;}
.swiper-pagination{display: none;}
.swiper-pagination1{display: none;}
.swiper-pagination2{display: none;}
@media(min-width: 768px){
    .huanjing{padding: 60px 0px; }
}



@media (min-width: 1100px){
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-next1, .swiper-container-rtl .swiper-button-prev1,.swiper-button-next2, .swiper-container-rtl .swiper-button-prev2{right: -70px; width: 56px; height: 56px; background: url(../images/rightbtn.png) center center no-repeat; margin-top:-28px;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-prev1, .swiper-container-rtl .swiper-button-next1,.swiper-button-prev2, .swiper-container-rtl .swiper-button-next2{left: -70px; width: 56px; height: 56px; background: url(../images/leftbtn.png) center center no-repeat; margin-top:-28px;}
}


@media(min-width: 992px) and (max-width: 1100px){
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-next1, .swiper-container-rtl .swiper-button-prev1,.swiper-button-next2, .swiper-container-rtl .swiper-button-prev2{right: 0px; width: 45px; height: 45px; background: url(../images/rightbtn.png) center center no-repeat;  margin-top:-22.5px;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-prev1, .swiper-container-rtl .swiper-button-next1,.swiper-button-prev2, .swiper-container-rtl .swiper-button-next2{left: 0px; width: 45px; height: 45px; background: url(../images/leftbtn.png) center center no-repeat;  margin-top:-22.5px;}
}



@media(min-width: 768px) and (max-width: 992px){
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-next1, .swiper-container-rtl .swiper-button-prev1,.swiper-button-next2, .swiper-container-rtl .swiper-button-prev2{right: 0px; width: 30px; height: 30px; background: url(../images/rightbtn.png) center center no-repeat;  margin-top:-15px;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-prev1, .swiper-container-rtl .swiper-button-next1,.swiper-button-prev2, .swiper-container-rtl .swiper-button-next2{left: 0px; width: 30px; height: 30px; background: url(../images/leftbtn.png) center center no-repeat; margin-top:-15px;}
}

@media(max-width: 768px){
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-next1, .swiper-container-rtl .swiper-button-prev1,.swiper-button-next2, .swiper-container-rtl .swiper-button-prev2{right: 0px; width: 2em; height: 2em; background: url(../images/rightbtn.png) center center no-repeat; background-size: 140%; margin-top:-0.8em;}
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-prev1, .swiper-container-rtl .swiper-button-next1,.swiper-button-prev2, .swiper-container-rtl .swiper-button-next2{left: 0px; width: 2em; height: 2em; background: url(../images/leftbtn.png) center center no-repeat; background-size: 140%; margin-top:-0.8em;}
    .huanjing{padding: 2em 2%; position: relative;}
}


























@media(min-width: 768px){
    .fencai{padding:0px;}
    .fencai .title{font-size: 30px; font-weight: bold; text-align: center; background: #e7e7e7; height: 70px; line-height: 70px;}
    .fencailist{margin-top:30px;}
    .fencailist .left{width: 32.5%; float: left; overflow: hidden;cursor: pointer;}
    .fencailist .left img{transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s;-o-transition:all .4s;}
    .fencailist .left img:hover{transform:scale(1.2);}
    .fencailist .right{width: 67.5%; float: right;}
    .fencailist .right li{width: 49%; margin-left: 1%; float: left; overflow: hidden; cursor: pointer; margin-bottom: 1%;}

    .fencailist .right img{ width: 99%;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s;-o-transition:all .4s;}
    .fencailist .right img:hover{transform:scale(1.2); width: 99% !important;}
    .fencailist img{display: block; float: left;}
}


@media(max-width: 768px){
    .fencai{padding:0px 2%;}
    .fencai .title{font-size: 1.6em; text-align: center; background: #e7e7e7; height: 3em; line-height:3em;}
    .fencailist{margin-top:30px;}
    .fencailist .left{width: 32.5%; float: left; overflow: hidden;cursor: pointer;}
    .fencailist .left img{transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s;-o-transition:all .4s;}
    .fencailist .left img:hover{transform:scale(1.2);}
    .fencailist .right{width: 67.5%; float: right;}
    .fencailist .right li{width: 49%; margin-left: 1%; float: left; overflow: hidden; cursor: pointer;}
    .fencailist .right img{ width: 100%;transition:all .4s; -moz-transition:all .4s; -webkit-transition:all .4s;-o-transition:all .4s;}
    .fencailist .right img:hover{transform:scale(1.2);}
    .fencailist img{display: block; float: left;}
}




.mmessage input{background: #f8f8f8; border:none; border-radius: 6px; display: block; text-indent: 0.6em;}
.mmessage textarea{background: #f8f8f8; border:none; border-radius: 6px;}
.mmessage .frtwo1{width: 49%; float: left; }
.mmessage .frtwo2{width: 49%; margin-left: 2%;float: left;}
.mmessage .frone{width: 100%;}
.mmessage textarea{width: 100%; height: 100px; line-height: 30px; text-indent: 0.6em; display: block;}
.mmessage .sub{background: #d60107; width: 100%; text-align: center; font-weight: bold; font-size: 16px; color: #fff; margin-top:10px;}
.mmessage .sub:hover{background: #294284;}
@media (min-width: 768px) {
    .mmessage{width: 100%; padding: 60px 0px; max-width: 1000px; margin:0px auto;}
    .mmessage input{height: 50px; line-height: 50px; color: #333;}
	.list input { height: 1.2em;  line-height: 1.2em;  color: #333;}
    .mmessage .frtwo1{margin-bottom: 20px;}
    .mmessage .frtwo2{margin-bottom: 20px;}
    .mmessage .frone{width: 100%; margin-bottom:20px; }
    .mmessage .sub{margin-top:20px;}
}
@media (max-width: 768px) {
    .mmessage{width: 100%; padding: 2em 0px;}
    .mmessage input{height: 2.5em; line-height: 2.5em; color: #333;}
	.list input { height: 1em;  line-height: 1em;  color: #333;}
	.list a { height: 20px;  line-height: 20px;  color: #333;}
    .mmessage .frtwo1{margin-bottom: 1em;}
    .mmessage .frtwo2{margin-bottom: 1em;}
    .mmessage .frone{width: 100%; margin-bottom:1em; }
    .mmessage .sub{margin-top:1em;}
}



@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?qradjf');
    src:url('../fonts/icomoon.eot?qradjf#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?qradjf') format('truetype'),
        url('../fonts/icomoon.woff?qradjf') format('woff'),
        url('../fonts/icomoon.svg?qradjf#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.demo-icon{
  font-family:"icomoon";
  font-style:normal;
  font-weight:normal;
  speak:none;
  display:inline-block;
  text-decoration:inherit;
  text-align:center;
  font-variant:normal;
  text-transform:none;
  font-size:24px;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:24px;
  color:#999; 
}


.cndns-right{position:fixed;right:1px;top:50%;margin-top:-100px;z-index:100}
.cndns-right i{font-style: normal;}
.cndns-right-meau{position:relative;}
.cndns-right-btn{width:48px;height:48px;border:1px solid #ddd;text-align:center;display:block;margin-bottom:6px;position:relative;background-color:#fff}
.cndns-right-btn span{color:#848484;font-size:26px;line-height:48px;}
.cndns-right-btn sup{display:block;min-width:24px;height:24px;text-align:center;line-height:24px;color:#fff;border-radius: 50%;background-color:#d60107;position:absolute;left:-12px;top:-12px;}
.cndns-right-btn p{color:#d60107;font-size:14px;line-height:18px;padding-top:5px;display:none;}
.cndns-right-meau:hover .cndns-right-btn span{display:none}
.cndns-right-meau:hover .cndns-right-btn p{display:block;}
.meau-car .cndns-right-btn {border-color:#d60107;margin-bottom:20px;}
.meau-car.cndns-right-meau:hover .cndns-right-btn{background-color:#d60107}
.meau-car.cndns-right-meau:hover .cndns-right-btn span{color:#fff;display:block;}
.meau-car .cndns-right-btn span{color:#d60107;}
.meau-sev .cndns-right-btn{border-color:#ff6800;background:url(../images/02index-banner-8.gif) no-repeat #ff6800 center;} 
.meau-sev .cndns-right-btn p{color:#fff}
.meau-sev .cndns-right-btn span{color:#fff}
.meau-top .cndns-right-btn span{font-size:12px;line-height:12px;padding-top:10px;display:block}
.meau-top .cndns-right-btn i{display:block;color:#999}
.meau-top.cndns-right-meau:hover .cndns-right-btn{background-color:#d60107}
.meau-top.cndns-right-meau:hover .cndns-right-btn span{display:block;color:#fff} 
.meau-top.cndns-right-meau:hover .cndns-right-btn i{color:#fff;}
.cndns-right-box{position:absolute;top:-15px;right:48px;padding-right:25px;display:none;}
.cndns-right-box .box-border{border:1px solid #ccc;border-top:4px solid #d60107;padding:20px;background-color:#fff;-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);box-shadow: 0 3px 8px rgba(0,0,0,.15);position:relative}
.cndns-right-box .box-border .arrow-right{display:block;width:13px;height:16px;background:url(../images/arrow.png) no-repeat;position:absolute;right:-13px;top:26px;}
.cndns-right-box .box-border .sev-t span{font-size:42px;float:left;display:block;line-height:56px;margin-right:20px;color:#d3d3d3}
.cndns-right-box .box-border .sev-t p{float:left;color:#d60107;font-size:24px;line-height:28px;}
.cndns-right-box .box-border .sev-t p a{color:#d60107;}
.cndns-right-box .box-border .sev-t p i{display:block;font-size:14px;color:#aaa;}
.cndns-right-box .box-border .sev-b{padding-top:15px;margin-top:15px;border-top:1px solid #e4e4e4}
.cndns-right-box .box-border .sev-b h4{color:#666;font-size:14px;font-weight:normal;padding-bottom:15px;}
.cndns-right-box .box-border .sev-b li{float:left;width:33.33333%}
.cndns-right-box .box-border .sev-b li a{display:inline-block;color:#999;font-size:13px;padding-left:43px;background:url(../images/q1.gif) no-repeat left 3px;line-height:36px;}
.cndns-right-box .box-border .sev-b li a:hover{color:#d60107}
.meau-sev .cndns-right-box .box-border{width:430px;}
.meau-contact .cndns-right-box .box-border{width:230px;}
.cndns-right-meau:hover .cndns-right-box{display:block}
.meau-code .cndns-right-box{top:inherit;bottom:-35px;}
.meau-code .cndns-right-box .box-border{width:198px;text-align:center;border-top:1px solid #ccc;}
.meau-code .cndns-right-box .box-border i{display:block;color:#d60107;font-size:14px;line-height:16px; font-size: normal;}
.meau-code .cndns-right-box .box-border .arrow-right{top:inherit;bottom:50px;}
.meau-code .cndns-right-box .box-border .sev-t img{ width: 120px; height: 120px;}
.meau-sev .cndns-right-btn .demo-icon{display:none;}
.meau-sev:hover .cndns-right-btn{background:#d60107}
.meau-zs .cndns-right-btn{background-color:#d60107;color:#fff;margin-top:80px;border-color:#d60107}
.meau-zs .cndns-right-btn span{color:#fff}
.meau-zs .cndns-right-btn p{color:#fff}





@media (max-width: 768px) {
	.meau-sev .cndns-right-box .box-border {width: 218px !important; height: 252px; padding: 12px;}
	.sev-t:after,#zixunUl:after {display: block; clear: both; content: ""; overflow: hidden;}
	.cndns-right-box .box-border .sev-t span {font-size: 38px; margin-right: 8px;}
	.cndns-right-box .box-border .sev-t p {font-size: 18px;}
	.cndns-right-box .box-border .sev-t p i {font-size: 12px;}
	.cndns-right-box .box-border .sev-b h4 {font-size: 12px; padding-bottom: 6px;}
	.cndns-right-box .box-border .sev-b li {width: 48%; margin-right: 2%;}
	.cndns-right-box .box-border .sev-b li a {font-size: 12px;}
	.cndns-right-box .box-border {padding: 12px;}
	.cndns-right-box .box-border .sev-t span {font-size: 36px; line-height: 42px;}
	.cndns-right-box .box-border .sev-t p {line-height: 20px; width: 100%;}
	.cndns-right-box .box-border .sev-t p {max-width: 100%;}
	.meau-code .cndns-right-box .box-border i {margin-top: 12px;}
	
}