@charset "utf-8";
/* CSS Document */
body { font: 14px "microsoft yahei", Arial, Helvetica, sans-serif; color:#333; margin:0 auto;
    padding:0;}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd { margin:0; padding:0; border:none; list-style:none;}
.lf {f loat:left;}
.rt { float:right;}
.clear { clear:both;}

img{ border: 0; }
a{ text-decoration: none; color: #333; }
h1,h2,h3,h4,h5,h6{ font-weight: normal; }
.clearfix{ clear: both;}

.content , .footer , .container{ margin: 0 auto; width:85%; font-family:microsoft yahei;}

/*页眉*/
/*top*/
.top{ background-color:#fff; width:100%;border-bottom:1px #ccc dashed;}
.top_box{ width:85%;  margin:0 auto; font-size:12px; line-height:30px;}
.top_box .top_left{float:left;width:50%;}
.top_box .top_right{ float: right;width:50%;}
.top_box .top_right img{float:left;padding:8px 2px 0 0;}
.top_box .top_right li{ float:right;width:12%; padding-left:20px}
.top_box .top_right li:hover a{color:#1B82DF;}

@media screen and (max-width: 1024px){
    .top_box .top_right{display:none;}
    .top_box .top_left{width:100%!important;float:none!important;color:#fff!important;}
    .top{background: #1a1a1a;}
}


.header{width:100%; overflow:hidden; background-color: #fff; padding:0.5% 0; }
.header .hTop{ text-align:right;}
.header .hTop a{ color:#333; padding:0 5px; border-left:1px dotted #ccc;}
.header .hTop .noBl{ border-left:none;}
.header .hCont { width:100%;}
.header .hCont .hcLeft{ float:left; width: 20%;}
.header .hCont .hcLeft img{ width:100%;}
.bt{ float: left; width: 28%; margin: 1.5% 1% 1% 1%; padding-left: 1.2%; border-left: 1px #ccc solid; 
    height: 65px;}
.bt h1{ font-size: 20px; font-weight: bold; line-height: 30px; color: #474646; padding-top: 1.8%;}
.bt p{ color: #474646; font-size: 14px;}

.header .hCont .hcLeft dd{ margin-top:18px;}
.header .hCont .hcLeft dd img{ display:block; width:70%;}
.header .hCont .hcRight{ float:right; background:url('../img/tel.png') no-repeat left center; padding:0 2% 0 5%; 
    margin-top:1%;}
.header .hCont .hcRight dt{line-height: 20px; color:#3d3d3d;}
.header .hCont .hcRight dd{ font-size:24px; color:#f60; font-weight: bold;}
.header .hCont .hcRight .tphone{ padding-left:1.3em; display: none; font-weight: bold;
     font-size:1.4em; color:#0d63b7; margin-top:.3em;}

@media screen and (max-width: 767px){
    .header, .content, .footer, .container{width: 100%}
    .header .hCont .hcLeft{width: 100%;}
    .navBox .navcenter>ul{background-color: #ef6b00;}
}
@media screen and (max-width: 768px){
    .header, .content, .footer, .container{width:98%;margin:1% auto;}
    .header .hTop{display: none;}
    .header .hCont .hcLeft{width: 42%; margin: 0;}
    .navBox{height:83px!important;}
    .bt{ display: none; }
    .header .hCont .hcRight .t1 { display: none; }
    .header .hCont .hcRight .tphone { display: block; }
    .header .hCont { margin-bottom: 0.1%;}
    .header .hCont .hcRight{ float:right; background:url('../img/tphone.png') no-repeat left center; background-size:1.5em;
        padding:0 2% 0 0.2em; margin-top:1%;}
}

/*topnav*/
.topnav{ width:85%; margin:0 auto; position:relative; overflow: hidden; }
.topnav ul,.topnav li{ display:block; }
.zhongwen{ color:white; font-size:16px; text-align:center;}
.topnav li{ width:12.2%;height:50px; float:left;}
.topnavbj{ background: url('../img/navbg.jpg') repeat-x;}
.nav_now{ color: #fff;background:#033A56;}
.topnav li a:hover{ color: #fff; background:#033A56;}
.topnav li a{line-height:50px;display:block; }

@media screen and (max-width: 1024px) and (min-width:767px){}
@media screen and (max-width: 768px){
    .topnav{ width:99.2%; margin:0 auto; position:relative; }
    .topnav li{ width:24.3%;height:40px; float:left;overflow: hidden;
        border-left:1px #fff solid;
        border-bottom: 1px #fff solid;border-right:1px #fff solid;}
    .topnav li a{line-height:40px;font-size: 14px; }
    .lc{display:none;}

    .topnavbj{ background: #0d63b7;}
}


/*banner*/
.slide_container { position:relative; height:auto; z-index:0; min-width:100%;}
.rslides { position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0; z-index:0;}
.rslides li { -webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; z-index:0;}
.rslides li:first-child { position:relative; display:block; float:left;}
.rslides img { display:block; height:auto; float:left; width:100%; border:0;}
.slide { position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0;}
.slide li { position:absolute; width:100%; left:0; top:0;}
.slide img { display:block; position:relative; z-index:1; width:100%; border:0;}
.slide_nav { position:absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); top:50%; left:20px; opacity:0.6; z-index:3;  
    text-indent:-9999px; overflow:hidden; text-decoration:none; height:82px; width:39px; margin-top:-41px;
    background:transparent url("../img/arrow.gif") no-repeat left top;}
.slide_nav:active { opacity:.5;}
.slide_nav.next { left:auto; background-position:right top; right:20px;}
@media screen and (max-width: 767px) {
    .navBox li a {padding: 0px;}

    .main-wrap{width:95% !important;}
    .solution-slide-body .slide-content .slide-item{width: 19.8% !important;}
    .solution-slide-body{height: 210px !important;}
    .row {  width:95% !important;}
    .img-thumbwrap{height: 150px !important;}
    .ysbox{width:100%!important;background-size: 100% 100%!important;}
    .cx_left {  width: 95%!important;}
    .cx_box {  width: 53%!important;}
    .cx_box_2 {  height: 156px;}
    .slide_container{box-shadow: none}
}
@media screen and (max-width: 768px) {
    .navBox li a{padding: 0px;}

    .main-wrap{width:95% !important;}
    .solution-slide-body .slide-content .slide-item{width: 19.8% !important;}
    .solution-slide-body{height: 210px !important;}
    .row {  width:95% !important;}
    .img-thumbwrap{height: 150px !important;}
    .ysbox{width:100%!important;background-size: 100% 100%!important;}
    .cx_left {  width: 95%!important;}
    .cx_box {  width: 53%!important;}
    .cx_box_2 {  height: 156px;}
    .slide_container{box-shadow: none;}
    .slide_nav { display: none;}
}


/*分类标题*/
.CategoryList_Title{ height:2.968em; line-height:2.968em; padding:0 .687em; color:#333; 
    text-align:center; border-bottom:1px solid #b0b4bb; font-size:1.125em; display: none;
    background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);}
.CategoryList_Title i{font-size:1.2em; margin-top:.75em; color:#333;}
.CategoryList_Title .fl { float: left;}
.CategoryList_Title .icon-details{margin-right:.5em; float: right;}
@media screen and (max-width: 768px) {
    .CategoryList_Title {display: block;}
}

/*footer*/
.flinkbg{width:100%;  background: #32343b;}
.flink{ width:85%;  margin:0 auto;}
.flink h2{ float:left; font-size:15px; font-weight: bold; line-height: 30px; color: #f1f1f1;}
.flink ul {padding: 5px 0; float:left;}
.flink ul li{float:left;  font-size:14px;  margin-right:20px;line-height: 30px; }
.flink ul li a{color: #FFFFFF;}
.flink ul li:hover a{ color: #77b9fa;}
@media screen and (max-width: 767px){
    .about{width: 100%}
    .about .left{float: none;width: 100%}
    .about .left .left_title{width: 100%}
    .about .left .box .img{display: none;}
    .about .left .box p{width:98%;margin: 0 auto;}
    .about .right{display: none;}
    .about .left .box .xq a{display: none;}
    .flinkbg{background:#4d4d4d;color: #FFFFFF;}
    .flink{ width:98%;}
    .flink h2{width:80%;color: #FFFFFF;}
    .flink ul{width:100%;padding:0px;}
    .flink ul li{line-height: 26px;}
    .flink ul a{ color:#eeeeee;}
    .shhjBox .hjCont li i,.shhjBox .hjCont li img{height:160px;width:160px;}
    .shryBox{}
    .hqcright{display: none;}
    .hqCont .hqcleft dl dd p{margin-top:0;}
    .hqfcBox .hqfcCont li i{background-image: none;}
    .shryBox .ryCont .zsRight{width:98%;margin:0 auto;float:none;}
    .shryBox .ryCont .zsLeft,.shryBox h5{display:none;}
    /*.bt{display:none;}*/
    .shryBox .ryCont{margin-top:0;}
}
@media screen and (max-width: 768px){
    .about{width: 100%}
    .about .left{float: none;width: 100%}
    .about .left .left_title{width: 100%}
    .about .left .box .img{display: none;}
    .about .left .box p{width:98%;margin: 0 auto;}
    .about .right{display: none;}
    .about .left .box .xq a{display: none;}
    .flinkbg{background:#4d4d4d;color: #FFFFFF;}
    .flink{ width:98%;}
    .flink h2{width:80%;color: #FFFFFF;}
    .flink ul{width:100%;padding:0px;}
    .flink ul li{line-height: 26px;}
    .flink ul a{ color:#eeeeee;}

    .hqcright{display: none;}
}

/*µ×²¿*/
.bottombg{width:100%; background-color: #3c3e46;}
.bottom{ width:85%; margin:0 auto;  padding-top:20px;padding-bottom:20px;  }
.bottom .btm1{float:left; width:35%;  line-height:50px; font-size:14px;}
.bottom .btm1 .phone{height:50px; color:#fff; padding-left:10%; background:url("../img/phoneD.png") no-repeat left center; }
.bottom .btm1 .email{height:50px;  color:#fff; padding-left:10%; background:url("../img/email.png") no-repeat left center;  }
.bottom .btm1 .addr{height:50px;  color:#fff; padding-left:10%; background:url("../img/addr.png") no-repeat left center; }
@media screen and (max-width: 1024px) and (min-width:768px){
    .bottom .btm1 .addr{line-height:25px;padding-top:10px;}
}
.bottom .btm2{float:right; margin-right:4%;  width:35%; border-right:1px solid #fff; position: relative;padding-left:2%;border-left:1px #fff solid;}
.bottom .btm2 p{ line-height:36px;  font-size:14px; color:#fff; }
.bottom .btm2 p span{margin-left:20px; }
.bottom .btm2 p a{ color:#fff; display:inline;}
.bottom .btm2 p a:hover{color:#7bbf09;}
.bottom .btm2  img{width:50px;  height:55px;  position: absolute;  bottom:10px;  left:70%;}
.bottom .weixin{float:right;width:23%;  font-size:14px;padding-top:15px; text-align: center;}
.bottom .weixin p{ text-align:center; color:#fff; }
.bottom .weixin img{ width:110px; margin:0 auto; height:110px;}


.fttow{display:none;width:100%; height:56px; background:rgba(0,0,0,0.8); position:fixed; bottom:0; z-index:999}
.fttow li{width:33.3%; float:left;}
.fttow li span{width:100%; float:left;height: 33px; }
.fttow li p{width:100%;line-height: 21px; float:left; text-align:center; font-size:13px;color:#fff;}
.fttow li a{color:#fff;}
.fttow li span img{ height:2em; padding-top:0.2em;display: block; margin: 0 auto;}
.saoma1 { width: 300px; height: 300px; position: fixed; bottom: 10%; left: 50%; margin-left: -150px; z-index: 10000;
    background: #000; opacity: 0.8;}
.ewm11 { width: 200px; height: 200px; margin: 0 auto; position: absolute; top: 50%; left: 50%;margin-top: -33%;
    margin-left: -33%;}
.ewm11 img { width: 100%;}

@media screen and (max-width: 767px){
    .bottom{ width:98%;padding-bottom:20%!important;}
    .bottom .btm1{ display:none;}
    .news .news_con .bottom{height:auto!important;padding-bottom:0!important;}
    .bottom .btm2{width:100%; text-align:center; border-right:none; margin-right:0; margin-top:10px; }
    .bottom .btm2 p{ line-height:20px;  font-size:12px; }
    .bottom .weixin{display:none;}
    .fttow{display:block!important;}
    .bottom .btm2  img{left:80%;}
    .about4{width:98%; margin:0 auto;}
    .hqfcBox .hqfcCont{padding-bottom: 5px}
    .fttow{display:block!important;}
}
@media screen and (max-width: 768px){
    .bottom{ width:98%;padding-bottom:20%!important;}
    .bottom .btm1{ display:none;}
    .news .news_con .bottom{height:auto!important;padding-bottom:0!important;}
    .bottom .btm2{width:100%; text-align:center; border-right:none; margin-right:0; margin-top:10px; }
    .bottom .btm2 p{ line-height:20px;  font-size:12px; }
    .bottom .weixin{display:none;}
    .fttow{display:block!important;}
    .bottom .btm2  img{left:80%;}
    .about4{width:98%; margin:0 auto;}
    .hqfcBox .hqfcCont{padding-bottom: 5px}
    .fttow{display:block!important;}
}