@media only screen and (max-width:900px){
.container{ display:block; width:100% !important; min-width:100% !important;}
.sp_header{ display:block}
.sjj_nav{ display:block}
.sp_header{height:50px;overflow:hidden;background:#fff;width:100%;}
.sp_logo{padding:5px 10px;float:left;}
.sp_logo img{margin:auto;max-height:40px;}
.sp_nav{width:46px;float:right;position:relative;cursor:pointer;height:30px;margin-top:17px}
.sp_nav span{display:block;background:#333;width:23px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:9px}
.sp_nav span:nth-of-type(3){top:18px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:url(../images/hover75.png) repeat  center;width:100%;height:calc(100%);font-size:15px;line-height:40px;right:-100%;top:0;overflow:auto;overflow-x:hidden;transition:right ease 0.35s;border-top:1px #ddd solid;}
.nav_show{right:0px}

.sjj_nav>ul{ display:block; background:#FFF; height:100%; width:75%; margin-left:25%}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
.nav_show .sp_nav_se{ position:absolute; top:50px; left:6%; width:40px; height:40px;  border-radius:50%; border:1px #FFF solid; text-align:center;}
.nav_show .sp_nav span{ background:#FFF !important;margin-top:7px; left:8px !important; height:1px;}

.info_box{ display:none}
.header{ display:none}
.cp{ display:none;}
.sj-cp{display:block; padding:15px 0px;}
.sj-cp .bt{display:block; text-align:center; padding-bottom:20px}
.sj-cp .bt h2{display:block; font-weight:normal; font-size:24px; padding-bottom:0px;}
.sj-cp .bt p{display:block; font-size:16px; color:#666;}
/* 本例子css */
.sj-cp .multipleColumn{ overflow:hidden; position:relative; width:98%; margin:0 auto;}
.sj-cp.multipleColumn .hd{ overflow:hidden; display:none;}

.sj-cp .multipleColumn .bd{ display:block; width:100%;}
.sj-cp .multipleColumn .bd ul{ display:block; float:left;}
.sj-cp .multipleColumn .bd ul li{ display:block; float:left; width:50%; margin-bottom:15px;}
.sj-cp .multipleColumn .bd ul li a{display:block; width:93%; margin:0 auto;}
.sj-cp .multipleColumn .bd ul li a .pic{display:block; width:100%; padding:15px 0px; background:#a9a9a9;}
.sj-cp .multipleColumn .bd ul li a .pic img{display:block; width:90%; margin:0 auto; height:auto; height:100px;}
.sj-cp .multipleColumn .bd ul li a .tit{display:block;background:linear-gradient(to right, #0079e3 , #0157a2); color:#fff; padding:15px;}
.sj-cp .multipleColumn .bd ul li a .tit h2{ font-size:16px; padding:15px 0px; font-weight:normal; width:95%;white-space: nowrap; overflow:hidden;
    text-overflow: ellipsis; /* for IE */
    -o-text-overflow: ellipsis; /* for Opera */
    -icab-text-overflow: ellipsis; /* for iCab */
    -khtml-text-overflow: ellipsis; /* for Konqueror Safari */
    -moz-text-overflow: ellipsis; /* for Firefox,mozilla */
    -webkit-text-overflow: ellipsis; /* for Safari,Swift*/}
.sj-cp .multipleColumn .bd ul li a .tit p{display:block; font-size:14px; color:#fff;}
.sj-cp .ck a{display:block; width:100px; height:40px; border:solid 1px #0057a2; line-height:40px; text-align:center; margin:0 auto; border-radius:8px;}
.dy ul li a .pic{height:170px;}
.dy ul li a .pic img{min-height:170px;}
.dy ul li a .tit h1{font-size:16px; padding:10px 0px;}
.dy ul li{float:none; width:100%;}
/* 本例子css */
.xw .picScroll-left{ display:none}
/* 本例子css */
.xw .picScroll-left2{ width:95%; height:auto; overflow:hidden; display:block; margin:0 auto;}
.xw .picScroll-left2 .hd{ height:11px;  width:100%;display: flex;align-items: center; margin:0 auto; text-align:center;  justify-content: center;align-items: center;}
.xw .picScroll-left2 .hd ul{ overflow:hidden; zoom:1; float:left;}
.xw .picScroll-left2 .hd ul li{ display: inline-block; float:left; width:11px; height:11px; border-radius:100%; background:#cecece; margin-right:10px; font-size:0px;}
.xw .picScroll-left2 .hd ul li.on{ background:#0d7ddf; color:#fff; cursor:pointer;}
.xw .picScroll-left2 .bd{ position:relative; height:100%; z-index:0;overflow:hidden; }

.xw .picScroll-left2 .bd li{ display:block; float:left; width:50%;margin-bottom:15px;}
.xw .picScroll-left2 .bd li .cc{display:block;  width:90%;margin:0 auto; }
.xw .picScroll-left2 .bd li .cc a{display:block; width:100%; }
.xw .picScroll-left2 .bd li .cc a .pic{display:block; width:100%; height:150px; overflow:hidden;}
.xw .picScroll-left2 .bd li .cc a .pic img{display:block; width:100%; min-height:150px;-moz-transition:.5s ease-in;
-webkit-transition:.5s ease-in;
-o-transition:.5s ease-in;
-ms-transition:.5s ease-in;
transition:.5s ease-in;}
.xw .picScroll-left2 .bd li .cc a .tit{display:block; width:100%; padding:15px 0px;}
.xw .picScroll-left2 .bd li .cc a .tit .title{display:block; width:100%}
.xw .picScroll-left2 .bd li .cc a .tit .title h2{font-size:16px; font-weight:normal; color:#333333;padding:10px 0px;white-space: nowrap; 
    text-overflow: ellipsis; /* for IE */
    -o-text-overflow: ellipsis; /* for Opera */
    -icab-text-overflow: ellipsis; /* for iCab */
    -khtml-text-overflow: ellipsis; /* for Konqueror Safari */
    -moz-text-overflow: ellipsis; /* for Firefox,mozilla */
    -webkit-text-overflow: ellipsis; /* for Safari,Swift*/overflow:hidden;}
.xw .picScroll-left2 .bd li .cc a .tit .title p{display:block; font-size:14px; color:#878787; height:60px; line-height:30px; overflow:hidden;}
.xw .picScroll-left2 .bd li .cc a .tit .data{display:block; float:right; padding:20px 20px; border:solid 2px #333333;}
.xw .picScroll-left2 .bd li .cc a .tit .data h2{display:block; font-size:16px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-align:center; padding-bottom:10px;}
.xw .picScroll-left2 .bd li .cc a .tit .data b{display:block; font-size:30px; font-family:Arial, Helvetica, sans-serif; color:#333333; text-align:center;}
.xw .picScroll-left2 .bd li .cc a .tit span{display:block; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#878787; padding-top:20px;}
.xw .picScroll-left2 .bd li .cc a:hover{box-shadow:0px 0px 14px rgba(0,0,0,0.5);}
.xw .picScroll-left2 .bd li .cc a:hover .tit{padding:20px;}
.xw .picScroll-left2 .bd li .cc a:hover img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.xw .picScroll-left2 .bd li .cc a:hover .title h2{color:#0057a2;}
.xw .picScroll-left2 .bd li .cc a .tit .data{display:none;}



.jj .toper .logo1 .imger{float:none; padding:0; margin:0 auto; width:100%;}
.jj .toper .logo1 .imger img{display:block; max-height:80px; margin:0 auto;}
.jj .toper .logo1 .js1{float:none; padding:0; border:none; width:100%;}
.jj .toper .logo1 .js1 .jj1{width:100%; text-align:center; height:auto !important;}
.jj .toper .logo1 .js1 p{ text-align:center;}
.jj .toper .logo1{float:none; width:100%;}
.jj .toper .ck1{float:none; margin:50px auto;}
.jj .gs{padding-top:20px; width:98%; margin:0 auto;}
.jj .line{width:100%; margin:30px 0px;}
.jj .nr{width:98%; margin:0 auto;}
.jj .nr ul li{width:50%; margin-bottom:15px;}
.jj .nr ul li a{margin:0 auto;}
.links{width:98%; margin:0 auto;}
.footer .f1{display:none;}
.footer .line1{display:none;}
.footer .lx .left11{ float:none; width:95%; text-align:center;}
.footer .lx .left11 .ll2{float:none; text-align:center;}
.footer .lx .left11 .xx span{display:block;}
.footer .lx .left11 .xx br{display:none;}
.wx{display:none;}
.sj-fix{ position:fixed; z-index:99;  bottom:0; left:0px; width:100%; background:#0074da; display: block; height:73px; }

.sj-fix ul li{ display:block; width:33.33%; float:left; text-align:center;}

.sj-fix li a {
    display: block;
    padding: 0.8em 0;
}
.sj-fix li a img {
    display: block;
    width: 2.083em;
    margin: 0 auto;
}
.sj-fix ul li a span{    display: block;
    text-align: center;
    font-size: 0.8em;
    color: #fff;
    margin-top: 0.5em;}
.footer .lx{margin-bottom:70px;}
/*关于我们*/
.about .toper-about .lefter-about{float:none; width:100%;}
.about{width:98%; margin:0 auto;}
.about{padding:40px 0px;}
.about .toper-about .lefter-about .oo1{display:none;}
.about .toper-about .right-about{float:none; width:100%; height:auto;}
.about .toper-about .right-about img{min-height:auto !important;}
/*产品中心*/
.cp-menu .cp-left{float:none; width:100%;}
.cp-menu .cp-right{display:none;}
.cp-menu{padding:20px 0px; width:98%; margin:0 auto;}
.pc-list ul li a{width:95%; padding:10px;}
.pc-list ul li{width:50%; margin-bottom:15px;}
.pc-list ul li .tit{padding:15px 0px;}
.pc-list ul li .tit h2{font-size:16px; padding:10px 0px;}
.pc-list ul li .tit span{ width:80%; margin-top:15px;}
.pc-list ul li .pic{height:60px;}
.pc-list ul li .pic img{min-height:60px;}
/*产品详情页*/
.xqy{width:98%; margin:0 auto;}
.xqy .xqy-toper .xqy-lefter{ float:none; width:100%;}
.xqy .xqy-toper .xqy-lefter h2{font-size:18px; text-align:center; line-height:30px;}
.xqy .xqy-toper .xqy-lefter .slideBox3 .bd li a{height:166px;}
.xqy .xqy-toper .xqy-lefter .slideBox3 .bd li a img{min-height:166px;}
.xqy .xqy-toper .xqy-right{float:none; width:100%; padding:20px 0px 0px;}
.xqy .content .td{display: block; float:none; width:100%; padding-bottom:20px;}
.xqy .content h2 span{width:40%; height:40px; line-height:40px;}
.xqy .content .tdnr{display:none;}
.xqy .xqy-toper{padding:20px 0px;}
.xqy .xqy-toper .xqy-right a{margin-top:20px;}
.news ul li .nr2 .pic{display:block; float:none; height:auto; width:100%;}
.news ul li .nr2 .pic img{display:block; min-height:auto !important;}
.news ul li .nr2 .tit{display: block; float:none; width:100%;}
.news ul li .nr2 .tit .more a{ display:none;}
.news ul li .nr2 .tit .title{float:none; width:100%; padding:20px;}
.news ul li .nr2 .tit .title p{padding:0px 0px; line-height:30px; height:90px; overflow:hidden; display:block; margin:10px 0px;}
.news ul li .nr2{box-shadow:0px 0px 16px rgba(0,0,0,0.5);}
.news ul li{margin-bottom:15px;}
.cp-menu .cp-left{height:auto; line-height:30px;}
.xqy .content .td{padding:0;}
.xqy .content .tit{padding-bottom:20px;}
.xqy .ly .dh ul li{display:block; float:none; width:100%; margin-bottom:20px;}
.xqy .ly .dh ul li a{width:100%;}
.xqy .ly .dh p{width:100%;}
.lxly{display:block; width:98%; margin:0 auto;}
.lxly .ly .dh ul li{display:block; float:none; width:100%; margin-bottom:20px;}
.lxly .ly .dh ul li a{width:100%;}
.lxly .ly .dh p{width:100%;}
/*服务支持*/
.service{width:98%; margin:0 auto; padding:10px 0px;}
.news_list_con_l{display:none;}
.news_list_con_con{display:block; width:100%; float:none;}
.bb{display:block; width:98%; margin:0 auto;}
.xw .slideBox1 .hd{height:35px; margin:0;}
.right_bar{display:none;}
.jop ul li .list i{ margin-right:5px;}

}