body,ul,ol,li,dl,dt,dd,form,p,em,span,select,input,textarea,fieldset,abbr,table,td,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
body{ font-size:14px; line-height:1.5em; font-family: 'Microsoft Yahei'; background: #232534; color: #fff}
h1,h2,h3,h4,h5,h6{font-weight: normal}
ul,ol,li{ list-style:none;}
select,input,img{ vertical-align:middle; outline:none;}
img{ border:none;}
a,a:hover{ text-decoration:none; outline:none;}
a:focus{ text-decoration: none;}
html{ overflow-x:hidden;}
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear{clear: both;}
.fl { float: left; }
.fr { float: right;}

@media (max-width:992px) {.csdn-toolbar,.pub_fo{display:none;}}


.banner{height: 245px;background-position: 32% top;background-size: cover;background-repeat: no-repeat}

.navbar-inverse{box-shadow: 0 10px 5px rgba(35,37,52,.1);background-color: #2f3045;border-color: transparent}
.navbar-nav>li{padding: 0 26px;}
.navbar-nav>li>a{font-size: 18px;padding: 15px 0;}
.navbar-inverse .navbar-nav>li>a{color: #fff}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
    background: transparent url("../images/nav_act.jpg") no-repeat bottom left; color: #01feff}

.navst {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    width: 100%;
    transition: all ease-in-out 0.2s;
}


.txdec{margin: 50px 0 40px;padding: 0 15px}
.txdec_left img{width: 100%;border: 1px solid #8c8e98}
.txdec_right{margin-top: 15px}
.txdec_right h4{margin-bottom: 20px; line-height: 30px;color: #fff;}
.txdec_right p{margin-bottom: 20px;font-size: 16px; line-height: 24px;color: #999999;}

.txdec2{margin-bottom: 70px;margin-left: 15px;margin-right: 15px; border: 1px  solid #8c8e98;padding: 22px 10px}
.txdec2 li{margin-bottom: 10px}
.txdec2 li a{color: #fff;font-size: 16px;line-height: 24px;}
.txdec2 li a:hover,.txdec_right a:hover h4{color: #01feff;}

.zhengwen{padding: 60px 15px 45px;background: url("../images/zwbg.jpg") no-repeat center bottom;}
.titbox{margin-bottom: 10px}
.titbox h2{margin-bottom: 10px}
.zhengwen .titbox{margin-bottom: 34px}
.zhengwen p{margin-bottom: 15px;font-size: 16px; line-height: 24px;max-width: 1080px}


.jsshow img{width: 100%}

.js_left{background-color: #232534;padding:40px 15px}
.show_right{margin-top: 30px;padding: 40px 15px;background-color: #2f3045;position: relative}
.js_left h3{margin: 10px 0 20px;font-size: 24px}
.js_left p{margin: 0 0 20px;font-size: 16px;line-height: 24px}
.fsnw{margin-top: 26px;margin-bottom: 12px; font-size: 16px;color: #fff}
.zwnr li{margin-bottom: 8px; background: url("../images/zwico.png") no-repeat left 8px;padding-left: 15px;color: #999999;font-size: 16px;line-height: 24px;}

.show_tit{margin-bottom: 20px; border-left: 5px solid #fff;padding-left: 10px}
.show_tit h4{font-size: 24px;margin-bottom: 5px}
.show_tit span{text-transform: uppercase}

.show_con .show_list li{border-bottom: 1px dashed #5a5b70;padding: 15px;background: url("../images/zwico.png") no-repeat left 23px;}
.show_con .show_list li:last-child{border-bottom: none}
.show_con .show_list li a{font-size: 16px;color: #fff;}
.show_con .show_list li a:hover{color: #01feff;}
.show_list{margin-bottom: 6px;}
.show_scr{margin-top: 15px; height: 576px;overflow-y: auto;padding-right: 15px}
.show_scr::-webkit-scrollbar {width: 5px;background-color: #2f3045;border-radius: 5px;}
.show_scr::-webkit-scrollbar-thumb {width: 5px;height: 6px;background-color: #5a5b70;border-radius: 5px;}
.show_wz{border-bottom: 1px dashed #5a5b70;padding: 15px 0}
.show_wz h4 {margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.show_wz h4 a{color: #fff;font-size: 16px;line-height: 24px}
.show_wz h4 a:hover{color: #01feff;}
.show_wz p{font-size: 12px;line-height: 18px;color: #999;-webkit-box-orient: vertical;  display: -webkit-box;   -webkit-line-clamp: 2; overflow: hidden;}
.btn-bm{display: block;margin: 24px 0 0; width: 115px;height: 42px;line-height: 42px;text-align: center;color: #fff;background-color: #216e7d;font-size: 16px;border-radius: 30px}
.btn-bm:hover{background-color: #10bebf;color: #fff;}
.sh_arr{display: none}
.chanpin{padding: 70px 15px 60px;background: url("../images/cpbg.jpg") no-repeat center;}
.service-content{padding: 20px 0 16px 20px;background-color: #2f3045;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.service-content>span{color: #01feff;font-size: 16px;}
.cpbox {display: block}
.cpbox img{border-top-left-radius: 10px; border-top-right-radius: 10px;width: 100%;}

.chanpin .row {margin: 0 -10px}
.chanpin .row>div{margin-bottom: 15px; padding: 0 10px}
.chanpin .titbox{margin-bottom: 50px}
.service-content-h { color: #fff; font-size:20px; line-height:24px;font-weight: bold; }
.service-content-ul{ margin-bottom: 18px; margin-top: 15px;  font-size:15px; color:#fff;  line-height:24px;  }
.service-content-ul li{margin-bottom: 8px;font-size: 16px;}
.cpbox:hover .service-content{background-color: #fff;cursor: pointer}
.cpbox:hover .service-content .service-content-h{color: #262632}
.cpbox:hover .service-content .service-content-ul{color: #262632}
.cpbox:hover .service-content>span{color: #00879f}

.hzhb{padding: 70px 15px; background-color: #fff}
.hzhb h2{color: #232534}
.hzhb .titbox p{margin-top: 36px;font-size: 16px;line-height: 24px;color: #5a5b70}
.hzhb ul{margin-top: 40px}
.hzhb ul li{float: left;margin-bottom: 10px; width: 50%;text-align: center}
.hzhb ul li img{width: 100%}

.gj_item{margin-top: 60px;margin-bottom: 40px}
.gongju{padding: 90px 15px 40px}
.gj_item li{text-align: center;margin-bottom: 40px;padding: 30px 76px; line-height: 22px;font-size: 18px;border-top: 8px solid #45465b;background-color: #2f3045;}
.gj_item li h3{margin-bottom: 31px;line-height: 32px; padding-bottom: 30px;border-bottom: 1px solid #5a5b70}
.gj_item li a{color: #fff;font-size: 16px;}
.gj_item li a:hover{color: #01feff}
.gj_item li:hover {border-top-color: #01feff}
.gj_item li p{margin-bottom: 34px}

.jieru{padding: 70px 15px 52px;background: url("../images/jrbg.jpg") no-repeat center ;height: 525px;}
.jr_item{margin-top: 47px;}
.jr_item .jrtxt{max-width: 963px;margin: 0 auto 54px; font-size: 24px;color: #fff;line-height: 26px}
.jr_item ul{max-width: 1130px;margin: 0 auto}
.jr_item li{float: left;width: 22%;text-align: center}
.jr_item li p{font-size: 18px;mar12gin-bottom: 39px}
.jr_item li p span{display: inline-block;vertical-align: middle}
.jr_item li p span:nth-of-type(1){display: inline-block;vertical-align: middle;background-color: #fff;border-radius: 50%;margin-right: 5px;color: #000;width: 26px;height: 26px;line-height: 26px; font-size: 14px}
.jr_item a{display: block;margin: 80px auto 0;border-radius: 30px;background-color: #0b8b91;color: #fff;width: 215px;height: 42px;line-height: 42px;text-align: center;font-size: 16px}
.btn_jr{max-width: 963px;margin: 0 auto}

.ad_tip{ width: 185px; position: fixed;right:20px;top:200px;z-index:1000;}
.tip_box{background: rgba(56, 119, 254, 0.6); padding: 8px 8px 5px;}
.tip_box p{ text-align: center; line-height: 26px;color: #fff }
.ad_tip img{width:100%}

@media (min-width:768px) {
    .navbar-nav>li>a{padding: 20px 11px}
    .navbar-nav>li{padding:0 10px;}
    .tabs li a{font-size: 18px;padding: 19px 0}
    .conlist{padding: 40px 50px;}
    .conlist p,.conlist ul li{font-size: 16px}
    .lc_box ul:after{     width: 76%;   left: 12%;}
    .banner a{width: 160px; height: 48px;line-height: 48px; margin: 541px 0 0 190px; }
    .hzhb ul li{width: 25%}
    .gj_item ul{overflow: hidden}
    .gj_item li{float: left;width: 49%;margin: 0 0.5% 15px}
    .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{
        background: transparent url("../images/nav_act.jpg") no-repeat bottom center; color: #01feff}
    .zwnr{margin-left: -15px}

}

@media (min-width:996px) {
    .banner{height: 500px;background-position: center top}
    .navbar-nav>li>a{padding: 20px 25px;}
    .txdec{padding: 0;margin-left: 15px;margin-right: 15px;}
    .txdec_left{float: left;width: 50%;padding-right: 40px;}
    .txdec_right{float: left;width: 50%}
    .txdec2{padding: 22px 30px}
    .txdec2 li{float: left;width: 50%}
    .hzhb ul li{width: 20%}
    .gj_item ul{width: 963px;margin: 0 auto 40px}
    .gj_item ul li{width: 320px;height: 470px; margin: 0 1px 0 0;}
    .gj_item ul:nth-of-type(2) li{height: 310px;}
    .jsshow{width: 1180px;}
    .js_left{float: left;padding-right: 40px;padding-left: 50px;width: 50%;padding-top: 68px}
    .show_right{float: left;margin-top: 0; width: 50%;padding-left: 64px;padding-top: 68px;padding-right: 0}
    .bg_show{position: relative}
    .rightbg{background: #2f3045 ;position: relative;z-index: 1;width: 50%;height: 1026px;left: 50%;top: 0}
    .jsshow{position: absolute;z-index: 5;top: 0;left: 50%;margin-left: -590px}
    .sh_arr{position: absolute;left: 0;top: 40%;display: block;}
    .jsshow img.sh_arr{width: auto}
}

@media (min-width:1200px) {
    .txdec,.txdec2 { width: 1080px;margin-left: auto;margin-right: auto}
    .navbar-nav{margin-left: 70px}
    .navbar-nav>li>a{padding: 30px;}
    .zhengwen p{margin-left: auto;margin-right: auto}
    .chanpin .container{width: 1200px;padding-left: 10px;padding-right: 10px}
    .hzhb ul{width: 1080px;margin: 40px auto 0}
    .hzhb ul li{width: 180px}
}