﻿/*电脑版*/
.header_top_bg,.banner_box{display: none;}
.Mobile_class{display: none;}


/*手机版*/
@media screen and (max-width:1199px) {
img {max-width: 100%;height: auto;width: auto\9;}
.banner_box{display: block}
.hearder_top,.top_bg,.nav_bg,.search_bg,.topnav,.banner_box_nei{display: none;}
#banner{display: none;}
.w_1200,.home-showMain,.footers,.pro_img_list,.box{display: table;width: 98%;margin:0 auto;}
.more2{display: none;}
.link span{display: table;width: 98%;margin:0 auto;}

.flexslider,.side{display:none;}	
.header_top_bg{width:100%; height:80px; margin:auto; background:#fff; border-bottom:1px solid #e6e6e6; border-top:none; position:fixed; top:0; left:0; z-index:9999;display: table;}
.top,.w1200{width:95%; margin:auto;}
.logo{width: 225px; float: left; padding: 18px 0 0 0; overflow: hidden;}
.logo img{width: 100%;}

.navMenubox{position:fixed; top:80px; bottom:0px; width:100%; left:0px; background:#fff; display:none; height:cala(100vh - 80px); overflow-y:auto; margin-left:0; float:inherit;}
.navMenu{width:100%;}
.navMenu> li{position:relative; width:100%; border-bottom:1px solid #e6e6e6;}
.navMenu>li>a{display:block; padding:0 0 0 20px; color:#000; text-decoration:none; font-size:16px; background:#fff;line-height: 50px; margin-right:50px;}
.navMenu>li>i{position:absolute; right:10px; top:8px; width:36px; height:36px; background:#fff url(../images/off.png) no-repeat center; cursor:pointer;}
.navMenu>li>a.active>i{width:36px; height:36px; background:#fff url(../images/on.png) no-repeat center;}
.navMenu>li>a.active{color:#fff; background:#cb2200; }
.navMenu>li>ul.sub-menu, .navMenu>li>ul.sub-menu>li>ul.sub-menu{display:none; clear:both; margin:8px 0px;}
.navMenu>li>ul.sub-menu li{background:none; margin:0px; padding:0px; position:relative;}
.navMenu>li>ul.sub-menu li>a{display: block; font-size:14px; line-height:36px; padding-left:20px; border-top:1px solid #e6e6e6;}
.navMenu>li>ul.sub-menu li>a i{position:absolute; right:10px; top:0; width:36px; height:36px; background:url(../images/pic26.png) no-repeat center; cursor:pointer;}
.navMenu>li>ul.sub-menu li>a.active i{width:36px; height:36px; background:url(../images/pic27.png) no-repeat center;}
.navMenu>li>ul.sub-menu li>a.active, .navMenu>li>ul.sub-menu li>a:hover, .navMenu>li>ul.sub-menu>li.active >a{color: #fff; background:#cb2200;}

.naverbox{display:block; position:relative; top:0; left:0; z-index:100;}
.naverbox .btn{position:absolute; top:25px; right:0; height:30px;}
.naverbox .btn span{display:block; width:30px; height:30px; color:#fff; background:url(../images/dh.png) no-repeat center; cursor:pointer;}

.banner_box img{width:100%; display:block;}
.banner_box{width:100%;text-align:center; margin-top:80px;}
.banner_box img{vertical-align:middle;}
.roll_img_mb_01{overflow:hidden;position:relative;}
.roll_img_mb_01 .img_box{overflow:hidden;text-align:center;}
.roll_img_mb_01 .img_box li{height: auto!important;}
.roll_img_mb_01 .img_box img{vertical-align:middle;width:100%;}
.roll_img_mb_01 .nav_box{overflow:hidden; position:absolute; left:50%; transform:translate(-50%,0); bottom:10px;}
.roll_img_mb_01 .nav_box li{width:30px;height:3px; font-size:1px; overflow:hidden; background:#fff; float:left; margin:4px;}
.roll_img_mb_01 .nav_box .li_on{background:#0037ad;}

/*内页幻灯片*/
.banner_n {
    overflow: hidden;
    margin-top: 82px;
    width: 100%;
}

.banner_n img{
    position:relative;
    left:0!important;
    margin-left:0!important;
}


/*首页代码*/

/*产品中心*/
.pro_list_le{display: none;}
.adv_product{background: url(../images/20171030161309_204526694.png) no-repeat top; width: 100%; color: #0e45a9; font-size: 18px; font-weight: bold; text-align: center; line-height: 26px; margin-bottom: 10px; margin-top: 0px; background-size: 100%;}
.adv_product .en{font-size: 12px; color: #333; display: block; text-align: center; font-weight: 100;}
.pro_img_list_b .title_cp{display: table; width: 100%; text-align: center; line-height: 25px; font-size: 12px;}
.pro_img_list_b ul li{width: 48%; display: table; float: left; border: 1px solid #ddd;margin: 1px;}
.homeAdwant{background: #f5f5f5; height: 170px; padding: 20px 0;}


.divdgweb2_tag{width:100%;height:auto;margin:0px;padding:0px;}
.divdgweb2_tag ul{margin:0px;padding:0px;list-style-type:none;list-style:none;}
.divdgweb2_tag li{list-style:none;margin:0px;float:left;}
#roller_left{width: 320px; margin: 10px auto;}



/*广告条*/
.homeAdwant{background: #0f45a1; height: 95px; padding: 4px 0;}
.homeAdwant ul{display: table; width: 100%; margin: 0 auto; margin-top: 20px;}
.homeAdwant ul li{width: 20%; display: inline-block; text-align: center; color:#ffffff; font-size: 12px;}
.homeAdwant .gg_bg{font-size: 12px; text-align: center; color:#ffffff; margin-top: 12px;}

/*优势*/
.adv_t p b{color: #205cbc; font-size: 16px;}
.adv_t p{font-size: 16px; font-weight: bold; color: #333333; margin-top: 24px;}
.adv_t font{font-size: 12px; display: block; line-height: 18px; color: #b1b1b1; margin-top: 5px;}
.homeYs-main .ys1 .left, .homeYs-main .ys3 .left, .homeYs-main .ys5 .left{float: left; text-align: left; margin-top: 30px;}
.homeYs-main dl dt b {
    display: block;
    width: 40px;
    height: 49px;
    background: url(../images/20180717113215_2057851916.png) no-repeat center center;
    float: none;
    font-size: 13px;
    text-align: center;
    line-height: 49px;
    color: #fff;
    margin-left: -140px;
    position: relative;
    transition: all .5s;
    top: 0;
    margin: 0 auto;
    background-size: 100%;
}
.homeYs-main li img{position: relative; z-index: -1; display: block; transition: all .5s; width: 100%;}
.homeYs-main dl{padding-left: 10px;}
.com_l{width: 100%;}


.homeYs-main .ys1 .pic, .homeYs-main .ys3 .pic, .homeYs-main .ys5 .pic{float: none; width: 100%; display: table;}
.homeYs-main .ys1 .left, .homeYs-main .ys3 .left, .homeYs-main .ys5 .left{float: none; text-align: left; margin-top: 30px;}
.homeYs-main li{box-shadow: 0px 20px 50px rgba(0,0,0,0.1); height: auto;clear: both;border-top: 1px solid #ddd;}
.homeYs-main .ys2 .right, .homeYs-main .ys4 .right{float: right; text-align: left; margin-top: 10px;}
.homeYs-main dl dt h5{font-size: 16px; color: #484848; margin-bottom: 14px; position: relative; right: 0; transition: all .5s; font-weight: normal; font-weight: bold;}
.homeYs-main dl dd{font-size: 11px; color: #191919; margin-bottom: 8px; position: relative; padding-left: 20px;}
.homeYs-main li:hover dl dt b { top: 0px;}

.homeYs-main li:hover dl dt h5:before {width: 0px;transition: all .5s;opacity: 1;transition-delay: .3s;}
.homeYs-main li:hover dl dt h5 {
    right: 0px;
}

/*关于我们*/
.com{width: 100%; margin: 0 auto; overflow: hidden; background: url(../images/about_n.jpg) no-repeat center; margin-top: 20px; background-size: 100% 100%;}
.connet{width: 100%; height: auto; margin-right: 0px; float: left; line-height: 24px; color: #fff;}
.com_r{width: 100%; border-radius: 10px; overflow: hidden; border: 2px solid #fff;}
.com_top span{font-size: 16px; font-weight: bold; color: #fff;}
.com_top{font-size: 16px; font-weight: bold; text-align: center; line-height: 14px; color: #9cf0f1;}
.top_10 { margin-top: 10px;}
.com_nr span{display: block; font-size: 12px; text-transform: uppercase; font-weight: normal;}
.com_nr{font-size: 14px; font-weight: bold; color: #fff; line-height: 30px; margin-bottom: 20px;}
.com_xl{padding-top: 14px; display: table; margin-bottom: 10px;}
.com_xl a{display: block; width: 120px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; border: 1px solid #fff; color: #fff; border-radius: 50px; margin-right: 28px; float: left;}
.com_r{width: 100%; border-radius: 10px; overflow: hidden; border: none;}


/*版权*/
.lesmes{width: 98%; height: auto; float: right;}
.les1 input{width: 80%; color: #333; border-radius: 10px;}
.lesmes h3{font-size: 14px; color: #fff; height: auto; display: table; width: 100%;}
.les2 input{width: 80%; height: 30px; color: #333; border-radius: 10px;}
.les3 textarea{width: 80%; height: 50px; color: #333; line-height: 25px; resize: none; padding-left: 5px; margin-bottom: 3px; margin-top: 2px; border-radius: 10px; margin: -20px; margin-left: 0px; margin-top: 2px;}
.footers{ height: 240px; margin: auto; padding-top: 25px; border-top: 1px solid #32a4f3; padding-bottom: 25px;}




/*新闻中心*/
.news .more2{display: inline-block; margin-top: 28px; width: 132px; height: 36px; line-height: 36px; background: #0e45a9; text-align: center; font-size: 14px; color: #fff; display: none;}
.news .u_lst4 li{height: 35px; line-height: 35px; border-bottom: 1px dashed #e3e3e3; overflow: hidden; font-size: 13px; width: 100%;}
.news .m_zx{width: 98%; margin-right: 0px; float: left;}
.m_zxcc{border: 1px solid #e3e3e3; height: 200px; padding: 14px 0px 0 12px; width: 97%;margin-bottom: 10px;}
.news h2{border-top: 1px solid #ddd;height: 76px; line-height: 76px; font-size: 16px; font-weight: bold; margin-bottom: 23px; background: url(../images/20171213091546_2130564710.jpg) no-repeat 18px bottom; position: relative; left: 0px; padding-left: 18px;}
.m_zxc img{width: 100%;}
.wxs{width: 200px; height: auto; margin-right: 0px; float: left; margin-top: 5px; display: none; margin-top: 30px;}
.lesmes{width: 98%; height: auto; float: right; margin-top: 10px;}
.les4{ display: table!important; width: 15%!important; margin: 0 auto; margin-top: 20px;}
.divdgweb_new_div_item_body{padding-left: 30px; background: url(../images/20171212211041_224980232.jpg) no-repeat left top; line-height: 25px; color: #666; height: 75px; font-size: 12px; overflow: hidden;}


.wend{float: left; margin-right: 0; padding-left: 16px; width: 100%; height: 510px; background: #f5f5f5;}
.divdgweb_new_div_item_content{border-bottom: 1px dashed #ccc; height: 90px; padding: 22px 0 0 0; margin-right: 0px;}
/*友情链接*/
.g-link{background: #073e77; height: 55px; display: none;}



/*内页*/
.right_sort {
    width: 100%;
    float: right;
}

.main {
    width: 98%;
    margin-top: 0px;
    display: table;
    margin-bottom: 30px;
    margin: 0 auto;
}
.mianbxContent {
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    color: #484848;
    text-align: left;
    background-size: 100%;
    margin-bottom: 15px;
}
.mianbxContent a{font-size: 14px;}
.about_zhuti {
    font-size: 12px;
    line-height: 30px;
    margin-top: 20px;
    line-height: 30px;
}
.about_zhuti b {
    font-size: 14px;
    color: #188dde;
    line-height: 30px;
}
.cp_neiye_body ul li {
    width: 46%;
    height: auto;
    float: left;
    margin: 5px;
    border: 1px solid #ddd;
}



.lanrenzhijia{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width: 100%;}
.jqzoom img{ background:url() no-repeat center center;width: 98%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview {width: 100%; height: 100%;}
.spec-scroll{clear:both;margin-top:5px;width:100%;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:80%;height:56px;overflow:hidden;margin-left: 11px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}

.pro_pxq_lt {
    width: 100%;
    float: left;
    margin: 0px;
}
.pro_pxq_rig h2 {
    height: 40px;
    border-bottom: 1px solid #ddd;
    color: #294b92;
    font-size: 16px;
}

.cptj_bg h2 {
    width: 100%;
    text-align: center;
    line-height: 1px;
    font-size: 1rem;
    font-weight: bold;
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

.cptj_bg ul li {
    width: 47.3%;
    float: left;
    border: 1px solid #ddd;
    margin: 0.3%;
}

.lesmes h2 {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
}



/*产品详情*/

.soka {
    width: 45%;
    border: 1px solid #D8D8D8;
    line-height: 25px;
    margin-bottom: 12px;
    padding-left: 10px;
    font-size: 12px;
    font-family: "Microsoft YaHei", verdant, tahoma;
}
.sokb {
    height: 50px;
    border: 1px solid #D8D8D8;
    line-height: 35px;
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 14px;
    font-family: "Microsoft YaHei", verdant, tahoma;
    width: 95%;
    color: #757575;
}



.new_lst{display: table;width: 100%;line-height: 30px;margin-top:10px;height:calc(200px - 40px);}

.cp_canshu {
    width: 100%;
    margin: 0px auto;
}
.newtel {
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ddd;
}
.quicklink { width:100%; height:18px; line-height:18px; text-align:center;margin-top: 30px;}
.quicklink a { padding:180px 4px 0 5px;font-size: 12px;}
.quicklink a span{padding-top: 100px;}
.quicklink_bg{margin-top: -50px;background: #692c2b;border-radius: 10px;color: #fff;height: 40px;line-height: 40px;}





/*版权*/

.footer {
    background: #0e45a9;
    margin-top: 35px;
}

/*新闻中心*/
.news_bg ul li {
    height: auto;
    padding-top: 13px;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    display: table;
}

/*手机分类*/
.Mobile_class{display: table;width: 100%;}
.Mobile_class ul li {
    width: 46%;
    margin: 1%;
    display: inline-block;
    line-height: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #ddd;
}




}