@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style-type:none; font-family:微软雅黑;}
img{max-width:100%; height:auto;}

a {
	text-decoration:none;
	color:#333
}
a:link{ 
    text-decoration:none; 
} 

a:hover{ 
    text-decoration:none; 
} 
.n, em {
    font-weight: normal;
    font-style: normal;
}
.count{
	width: 1200px;
	margin: 0px auto;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.cont{
    background: #f2f2f2;
}
.cont .left{
	line-height: 36px;
	font-size: 12px;
	color: #393939;
}
.cont .left a{
	font-size: 12px;
	line-height: 36px;
    color: #393939; 
}

.cont .right a{
	line-height: 36px;
	font-size: 12px;
	color: #393939;
	float: left;
    margin-right: 10px;
}
.cont .right a font{
	margin-left: 10px;
}

.top{
    width: 100%;
    overflow: hidden;
    padding: 25px 0;
}
.logo a {
    display: inline-block;
    float: left;
    text-decoration:none;
}
.logo span{
    float: left;
    font-size: 26px;
    line-height: 80px;
    font-weight: bold;
    color: #183883;
}
.tel {
    float: right;
    position: relative;
    padding-left: 62px;
}
.tel img {
    height: 62px;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
}
.tel p {
    display: block;
    font-size: 14px;
    color: #666;
    padding-left: 10px;
}
.tel span {
    font-size: 30px;
    color: #183883;
    line-height: 30px;
    font-style: italic;
    font-weight: bold;
	padding-right: 10px;
}
.munm{background-color: #128ee3; height: 48px;}
.head .nav{display: block; float: left;width:calc(100% - 180px); background-color: #128ee3;}
.head .nav .nav_pc{ width: 100%;}
.head .nav ul li{float:left;position: relative;border-right: 1px solid #cccccc;box-sizing: border-box;z-index: 999;}
.head .nav ul li:first-child{border-left: 1px solid #cccccc;}
.head .nav ul li .f_a{line-height:48px;display:block;text-align:center;font-size:16px;color:#fff;}
.head .nav ul li:hover .f_a{background-color:#000;color: #fff; transition:all .3s}
.head .nav ul li .s_navbox { display: none; position: absolute; left: 0; width: 100%; background: #fff; background-color: #00a2ff;z-index: 9999; box-sizing: border-box;}
.head .nav ul li .s_navbox .s_a a{color:#fff;font-size:14px;text-transform:uppercase;display:block;text-align: center;padding: 10px 0;border-top: 1px solid #fff;}
.head .nav ul li .s_navbox .s_a a:hover{background-color:#000;color: #fff;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.sidenav{position: relative;width:180px;display: block; float: left;}
.sidenav label {width:180px;display: block;padding-left: 55px;box-sizing: border-box; background: #128ee3;position: relative;height: 48px;line-height: 48px;color: #fff;font-size: 16px;}
.sidenav label i {width: 30px;height: 30px;display: block;position: absolute;background-size: 20px;left: 25px;top: 16px;}
.sidenav .side {display: inline-block;position: absolute;top: 48px;left: 0;z-index: 999;width: 180px;background: #fff;border-top: none;background-color: rgba(255, 255, 255, .95);box-sizing: border-box; border: 1px solid #ddd;}
.sidenav .side li {position: relative;width:100%; padding:5px 0px;border-bottom: 1px solid #cccccc;box-sizing: border-box}
.sidenav ul.side li:first-child {cursor: pointer;}
.sidenav .side li a {color: #333;height: 40px;line-height: 40px; display: block;font-size: 16px; margin-left: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.sidenav .side li a:hover {background:#fafafa; border-left:3px solid #000; padding-left:16px; margin-left:-1px}
#myCarousel{margin-left: 180px;}
#cp{height: 297px; width: 273px;}
.ys{margin-left: 178px;}
.ys li{ float: left; height:194px; width: 33%; margin-left: 3px;}
.ys li h3{ text-align: center; color: #fff;}
.ys li p{font-size: 16px; color: #fff; padding-left: 24px; line-height: 30px;}
.page-header h2{font-size: 32px; font-weight: bold; text-align: center; color: #38383A; margin: 0px;}
.page-header p{font-family: 'Times New Roman'; text-align: center; padding-top: 5px; font-size: 16px; color: #3B3C3E; margin-bottom: 5px;}
#cpys{display: block;}
#yslf{width:50%;}
#ysnr{width:50%; padding: 44px 20px;}
.media-heading span{color: #ff4a00;}
#ysnr em{display: block; height: 18px; line-height: 18px; color: rgb(127, 127, 127); font-size: 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-top: -20px; margin-left: 59px;}
.dbt{font-size: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#ysnr p{padding-left: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;font-size: 16px; line-height: 40px;}
#ysnr p span{color: #ff4a00;}
#bj{background: url(../images/bj1.jpg) no-repeat; padding-bottom: 30px;}
#about{width:1170px; margin: 0 auto;}
#at_l{width:40%;}
#at_r{width:55%;}
#at_r p{text-indent: 20px; font-size: 16px; color: #f3f3f3;}
#sg{height: 205px; width: 273px;}
#caption{text-align: center;}
#caption p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#new li{border-bottom: 1px solid #ccc; line-height: 40px; padding: 0px 10px;}
#new li span{float: right;}
#xw{margin: 0 auto;}
.col-l {
    width: 30%;
    float: left;
}
.g-tit-2 {
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
}
.g-tit-2 a.more {
    float: right;
    color: rgb(0, 0, 0);
}
.g-tit-2 span {
    padding: 0 22px;
    display: inline-block;
    color: #fff;
    background: #0689db;
    text-align: center;
    font-size: 18px;
}
.g-tit-2 em {
    font-size: 20px;
    padding-left: 12px;
}
.pic {
    width: 100%;
    height: 170px;
    overflow: hidden;
    cursor: pointer;
}
.pic img {
    height: 100%;
    display: block;
    transition: 0.3s;
}

.pic img:hover {
    transform: scale(1.08);
}
.ul-news li {
    height: 32px;
    line-height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.ul-news li a {
    color: #333;
}

.ul-news li a:hover {
    color: #e90101;
}

.ul-news li span {
    color: #333;
	float: right;
}
.col-m {
    width: 30%;
    float: left;
    margin-left: 45px;
}

.col-m .g-tit-2 span {
    background: #0689db;
}
.col-r {
    width: 31%;
    float: right;
}

.col-r .g-tit-2 span {
    background: #0689db;
}
#info{background: #f3f3f3; margin-top: 10px; margin-bottom: 10px; padding: 0px;}
.info{float: left; width: 100%; text-align: center;}
.info_img_01 {
    background: url(../images/footer_img_01.png) no-repeat scroll 0 0;
    background-size: 48px;
    display: inline-block;
    height: 48px;
    vertical-align: middle;
    width: 48px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.info_img_02 {
    background: url(../images/footer_img_02.png) no-repeat scroll 0 0;
    background-size: 48px;
    display: inline-block;
    height: 48px;
    vertical-align: middle;
    width: 48px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.info_img_03 {
    background: url(../images/footer_img_03.png) no-repeat scroll 0 0;
    background-size: 48px;
    display: inline-block;
    height: 48px;
    vertical-align: middle;
    width: 48px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.info_img_04 {
    background: url(../images/footer_img_04.png) no-repeat scroll 0 0;
    background-size: 48px;
    display: inline-block;
    height: 48px;
    vertical-align: middle;
    width: 48px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.span_a {
    color: #231815;
    font-size: 16px;
    margin-left: 10px;
}
.span_b {
    color: #231815;
    font-size: 16px;
    margin-left: 10px;
}
.ban{padding: 0px; background: #f3f3f3;}
.lban{height: 460px;}
.g-cur {
    height: 40px;
    line-height: 40px;
}
.g-cur .wp {
    background: url(../images/home.png) left center no-repeat;
    padding-left: 20px;
    box-sizing: border-box;
}
.g-cur .wp a {
    color: #2f2f2f;
}
.row-b1 .col-l {
    width: 22%;
}
.g-titIns1 {
    height: 44px;
    line-height: 44px;
    font-size: 20px;
    color: #545454;
    border-bottom: 1px solid #ebebeb;
    font-weight: normal;
    position: relative;
}
.g-titIns1::after {
    content: "";
    width: 80px;
    height: 1px;
    background: #0689db;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.work_list {
    width: 100%;
    padding-top: 12px;
    margin-bottom: 20px;
    overflow: hidden;
}
.work_list h4 {
    line-height: 44px;
    text-indent: 0px;
    background-size: auto 10px;
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
    float: left;
    margin: 0px;
}
.work_list h4 span {
    font-size: 10px;
    color: #0689db;
    display: inline-block;
    margin-right: 15px;
    float: left;
    top: 16px;
}
.work_list h4 a {
    float: left;
    line-height: 44px;
    color: #666;
    font-size: 16px;
    text-indent: 0;
    font-weight: normal;
}
.ul-newslist {
    margin-bottom: 30px;
}
.ul-newslist li {
    font-size: 14px;
    padding: 10px 0;
    border-bottom: #dddddd 1px dotted;
}
.m-info p {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #2f2f22;
}
.row-b1 .col-r {
    width: 75%;
}
.content{margin: 22px 0px; overflow: hidden;}
.newlist li {
    font-size: 14px;
    padding: 10px 0;
    border-bottom: #dddddd 1px dotted;
}
.newlist li .tit {
    overflow: hidden;
}
.newlist li .tit .time {
    float: right;
    height: 41px;
    line-height: 46px;
    font-size: 14px;
    margin-right: 5px;
}
.newlist li .tit a {
    float: left;
    display: block;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
}
.newlist li .tit a>span {
    width: 6px;
    font-size: 10px;
    vertical-align: middle;
    margin-right: 14px;
    color: #0689db;
}
.newlist li .txt p {
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.pages {
    text-align: center;
    margin: 20px 0;
}
.pagination{margin: 0px;}
.list2{overflow: hidden;}
.ul-news1 {
    overflow: hidden;
}
.ul-news1 li {
    float: left;
    width: 50%;
    padding: 0;
}
.content h1{line-height: 34px; color: #434343; margin-bottom: 15px;text-align: center; font-size: 24px;}
.content .desc { text-align: center;}
.desc span { display: inline-block; font-size: 14px; margin: 0 10px;}
.txt { padding: 15px 0;line-height: 28px; color: #2F2F2F; font-size: 14px;}
#txt{padding: 0px;}
.txt1{margin-top: 10px;}
.txt1 .tabel { overflow: hidden; color: #5a5a5a; border-top: 1px dashed #999; border-bottom: 1px dashed #999; font-size: 14px;}
.txt1 .tabel span { float: left; height: 42px; line-height: 42px; margin-right: 10px;}
.txt1 .tabel ul { overflow: hidden;}
.txt1 .tabel li { float: left; margin-top: 10px; font-size: 14px; margin-left: 5px; padding-left: 5px;}
.ul-txt2 {
    overflow: hidden;
    margin: 20px 0 50px;
}
.ul-txt2 li {
    float: left;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ul-txt2 li:last-child {
    float: right;
}
.showpic_box, .proinfo_box {
    margin: 30px 0 20px;
}
.showpic_box, .proinfo_box {
    margin: 30px 0 20px;
}
.product_h1 {
    margin: 0;
    line-height: 22px;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}
.product_info p {
    line-height: 28px;
}
.page-btn {
    display: inline-block;
    float: left;
    background-color: #0689db;
    border-radius: 0;
    border: none;
    transition: background .3s;
    margin-right: 15px;
}
.page-btn:hover,.page-btn:focus {
	background-color:#444
}
.cp-content-tit {
    border-bottom: 2px solid #0689db;
    font-size: 0;
    margin-bottom: 20px;
    clear: both;
    overflow: auto;
}
.cp-content-tit span {
    display: inline-block;
    color: #fff;
    background-color: #0689db;
    font-size: 14px;
    padding: 0 15px;
    border-radius: 3px 3px 0 0;
    line-height: 32px;
    margin-top: 15px;
}
.footer{background: #333;}
#lmu ul li{float: left; width: 14%; height: 40px; text-align: center; font-size: 18px; line-height: 39px;}
#lmu ul li a{color: #f2f2f2;}
.ft_l{float: left; width: 30%;}
.ft_l img{width:50%; padding-top: 45px;}
.ft_m{float: left; width: 30%;}
.ft_r{width:40%; float: right; text-align: center; margin-right: -10%;}
.ft_r img{width:30%; margin-top: 10px;}
.fb{display: none;}

@media screen and (max-width: 1600px) and (min-width:1200px) {
    .nav ul li .f_a{font-size:14px}
    .nav ul li .s_navbox .s_a{width:100%}
 }
 
#rx{width: 100%; height: 297px;}
#sg{width: 100%; height: 204px;}
#lsg{width: 100%; height: 222px;}
#xg{width:100%; height: 289px;}
#hj{width: 100%; height: 199px;}
#xgcp{width: 100%; height: 222px;}
#sgal{width: 100%; height: 198px;}
 @media screen and (max-width: 1024px) and (min-width: 0px){
    .count{display:none;}
    .top{display: none;}
    .munm{height: auto;}
    .msgNum{display: none;}
    .slider{margin-top: 44px;}
    .head{display:none}
    .m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
    .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
    .m_img .headlf .m_logo{height:40px;display: block}
    .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
    .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
    .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
    .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
    .m_nav .closeicon{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
    .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
    .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
    .m_nav .m_navList ul li{border-bottom:1px solid #232530}
    .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
    .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
    .m_nav .m_navList ul li .m_f_a a{flex: 1;}
    .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
    .icon{ background:url(../images/plus.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
    .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
    .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
    #myCarousel{margin-left: 0px; width: 100%; margin-top: 45px;} 
    #cp{height: 140px; width: 140px;}
    #ys{display: none;} 
    .ys{width: 100%;  margin-left: 0px;}
    .ys li{width:100%; margin-top: 10px;}
    #cpys{display: block;}
    #yslf{width:100%;}
    #ysnr{width:100%; display: block; margin-top: 10px; padding: 0px 0px;}
    #ysnr p{font-size: 14px; line-height: 20px;}
    .dbt{font-size: 17px;}
    #about{width:100%;}
    #at_l{width:100%;}
    #at_r{width:100%; display: block; margin-top: 10px; padding: 0px 0px;}
    #sg{height: 106px; width: 140px;}
    #caption p{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
    .span_b {margin-left: 62px; display: inline-block; margin-top: -25px;}
    .ban{margin-top: 42px;}
    .lban{display: none;}
    .row-b1 .col-l {
        width: auto;
        display: none;
    }
    .row-b1 .col-r {
        width: 100%;
    }
    .ul-news1 li{width:100%;}
    .ul-txt2 li {width: 100%;}
    .ft{background: #666; margin-bottom: 58px;}
    #lmu{display: none;}
    .ft_l{display: none;}
    .ft_r{display: none;}
    .ft_m{width:100%; color:#fff;}
    .fb{display: block;}
    .fb {
        display: block!important;
        width: 100%;
        background: #183883;
        color: #fff;
        height: 56px;
        position: fixed;
        top: 93%;
    }
    .fb a {
        width: 33.3%;
        display: block;
        height: 56px;
        float: left;
        text-align: center;
        color: #fff;
        padding: 5px 0;
        font-size: 12px;
        line-height: 1;
    }
    .fb a i {
        display: block;
        height: 28px;
        background: no-repeat center;
        background-size: contain;
        margin-bottom: 5px;
    }
    .fb a i.i4 {
        background-image: url(../images/f_ico4.png);
    }
    .fb a i.i3 {
        background-image: url(../images/f_ico3.png);
    }
    .fb a i.i1 {
        background-image: url(../images/f_ico1.png);
    }
    #rx{height: 180px;}
    #sg{ height: 110px;}
    #lsg{height: 155px;}
    #xg{height: 150px;}
    #hj{height: 110px;}
    #xgcp{height: 150px;}
    #sgal{height: 150px;}

 }


 .page{height:24px; line-height:24px; text-align:center; margin-top:30px; clear:both;}
 .page li{display:inline; padding:5px 6px; border:1px solid #ddd; margin-right:5px; color: #555;}
 .page li a{color: #555;}
 .page li a:hover{background:#f5f5f5; color:#0064c4;}
 .page li.thisclass{background:#9A9FA5; color: #fff;}
 .page li.thisclass a{text-decoration:none; cursor:default; border-color:#0064c4; color: #fff;}
 .page .pageinfo strong{font-weight:normal; color: #555;}