@charset "utf-8";
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px) {
body { font-size: 14px; }
.phom { display: block; }
header { display: none }
.conrp { margin-top: 44px; }
.m_img { height: 44px; background: #033692; position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; border-bottom: 1px solid #538ef8; color: #fff; }
.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 }

/*search*/
.m_img .sea { float: right; height: 44px; line-height: 44px; margin-right:20px; }
.m_img .sea span i { font-size: 18px; }
.m_img .sea span { float: left; cursor: pointer; }
.m_img .search { display: none; position: absolute; right: 0; top: 44px; z-index: 99; height: 100vh; width: 100%; background: rgba(54,55,56,0.80); }
.m_img .search .satr { width: 90%; height: 40px; margin: 10% auto 0 auto; position: relative; }
.m_img .search .satr em { position: absolute; right: 10px; top: -10px; z-index: 10; }
.m_img .search .satr em i { border: 1px solid #FFF; padding: 5px; font-weight: normal; cursor: pointer; color: #FFF; }
.m_img .search .satr .sousuo1 { width: 75%; height: 40px; line-height: 40px; border: 0; padding-left: 5%; background: #FFF; float: left; margin-top: 40px; font-size: 14px; }
.m_img .search .sousuo { width: 20%; height: 40px; background: url(../images/ser.png) no-repeat center #1272c3; border: 0; float: left; margin-top: 40px; }




.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%; right: 0; top: 5%; z-index: 1000; text-align: center; filter: alpha(opacity=0); opacity: 0 }
.m_nav .m_navList { position: absolute; width: 90%; right: 0px; top: 10%; 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; }
/***cpzs***/
.cpzs-us { width: 90%; margin: 0 auto; padding: 30px 0 30px 0; }
.cpzs-us .cpzs_l { width: 100%; margin-left: inherit; float: inherit; padding: 10px 0 inherit 0; margin-top: inherit; }
.cpzs-us .cpzs_l .cpzs_top dt { font-size: 16px; }
.cpzs-us .cpzs_l .cpzs_top dd { font-size: 14px; line-height: 2; padding: 10px 0; }
.cpzs-us .cpzs_l .cplb { padding-top: 10px; }
.cpzs-us .cpzs_l .cplb a { width: 50%; height: 42px; line-height: 42px; display: block; overflow: hidden; position: relative; margin-bottom: 10px; float: left; }
.cpzs-us .cpzs_l .cplb a span { width: 90%; height: 42px; display: block; font-size: 14px; position: absolute; left: 0; top: 0; z-index: 10; text-align: center; background: url(../images/cp_ed.png) repeat; }
.cpzs-us .cpzs_l .cplb a i { display: none; }
.cpzs-us .cpzs_l .more { margin: 10px auto 0 auto; width: 40px; }
.more { display: inline-block; -webkit-transform: none; transform: none; }
.more:hover, .more:focus, .more:active { -webkit-animation-name: none; animation-name: none; }
.cpzs-us .cpzs_r { width: 100%; overflow: hidden; float: inherit; margin-left: inherit; margin-top: 10px; }
.cpzs-us .cpzs_r li { width: 50%; overflow: hidden; float: left; }
.cpzs-us .cpzs_r li .cpv { width: 90%; overflow: hidden; border: 1px #efefef solid; background: #FFF; position: inherit; margin: 10px 0; }
.cpzs-us .cpzs_r li .cpv .pic { width: 100%; overflow: hidden; }
.cpzs-us .cpzs_r li .cpv .txta { width: 100%; height: 42px; line-height: 42px; }
.cpzs-us .cpzs_r li .cpv .cpnr { display: none; }
.cpzs-us .cpzs_r li .cpv #cpbg { display: none; }
/***about-us***/
.cd-modal-content { width: 80%; margin: 50% auto 0 auto; }
.about-us { padding: 20px 0; background: url(../images/bg1.jpg) no-repeat center top scroll; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; overflow: hidden; }
.about-us .aboutc { width: 90%; }
.about-us .aboutc .abt { font-size: 16px; }
.about-us .aboutc .sjnr { padding-top: 15px; }
.about-us .aboutc .sjnr dl { width: 50%; overflow: hidden; float: left; margin: 0 0 20px 0; }
.about-us .aboutc .sjnr dl dt { font-size: 20px; font-weight: bolder; color: #FFF; overflow: hidden; }
.about-us .aboutc .sjnr dl dd { font-size: 16px; color: #009cff; padding-top: 5px; overflow: hidden; }

/***use-us***/
.use-us { margin-top: 20px; padding-bottom: 20px; }
.use-us .user .uset { background: none; }
.use-us .us0 { width: 100%; float: inherit; padding: 20px 0; background: url(../images/bg2.jpg) no-repeat left top #033692; }
.use-us .us0 .use_top { font-size: 24px; }
.use-us .us0 dl { padding-top: 15px; font-size: 16px; }
.use-us .us0 dl dd { padding-top: 10px; }
.use-us .us0 dl dd span { font-size: 18px; }
.use-us .us0 dl dd p { padding-top: 10px; }
.use-us .us1, .use-us .us2, .use-us .us4, .use-us .us5, .use-us .us6 { display: none; }
.use-us .user .userl { width: 100%; overflow: hidden; float: inherit; }
.use-us .wapuse { width: 100%; overflow: hidden; display: block; margin-top: 10px; }
.use-us .wapuse .usw { width: 45.4%; overflow: hidden; float: left; margin: 10px 2%; border: 1px #0152a4 solid; background: #0152a4; }
.use-us .wapuse .usw dt { width: 100%; overflow: hidden; }
.use-us .wapuse .usw dt img { vertical-align: top; }
.use-us .wapuse .usw dd { width: 100%; height: 32px; line-height: 32px; font-size: 16px; }
.use-us .wapuse .usw a dd { color: #FFF; }
.use-us .cp_bo dt { font-size: 18px; line-height: 2; padding-top: 20px; }
.use-us .cp_bo dt span { font-size: 24px; }
.use-us #owl-demo .item { -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); }
.use-us #owl-demo .item dd { width: 100%; height: 38px; position: relative; }
.use-us #owl-demo .item dd span { width: 94%; height: 38px; line-height: 38px; position: absolute; left: 3%; top: 0; font-size: 16px; opacity: 1; display: block; }
.use-us #owl-demo .item dd i { display: none; }
.use-us #owl-demo .item dd p { display: none; }
.use-us #owl-demo .item dd .more { display: none; }


/*news-us*/
.news-us { width: 100%; background: #f4f4f4 fixed center; padding: 20px 0; overflow: hidden; line-height: normal; position: inherit; }
.news-us .news_top { width: 100%; height: 40px; line-height: 40px; position: inherit; }
.news-us .news_top a { width: auto; font-size: 28px; color: #666666; font-weight: bolder; display: block; float: left; margin-left: 2%; }
.news-us .news_top a span { color: #033692; }
.news-us .news_top .nel { width: auto; height: 40px; float: left; margin-left: 10px; font-size: 18px; color: #0152a4; }
.news-us #owl-demo { width: 100%; padding-top: 66px; position: relative; overflow: hidden; }
.news-us #owl-demo .item { -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3); background-image: linear-gradient(to top, #FFF 68%, #033692 32%); }
.news-us #owl-demo .item dt .imgB { height: inherit; }
.news-us #owl-demo .item dt .imgT { height: inherit; }
.news-us #owl-demo .item dd { height: inherit; }
.news-us #owl-demo .item dd .netop { height: inherit; padding: 18px 0; font-size: 16px; }
.news-us #owl-demo .item dd .timr { width: 80%; overflow: hidden; margin: 0 auto; height: 57px; line-height: 57px; position: relative; }
.news-us #owl-demo .item dd .timr i { font-size: 18px; }

/********footer********/

.footer .foot1, .footer .foot2, .footer .foot3, .footer .ewm { display: none; }
.footer .lxfs { width: 90%; overflow: hidden; float: inherit; background: none; padding: 20px 0; margin-right: inherit; margin: 0 auto; }
.footer .lxfs dt { font-size: 18px; font-weight: 800; }
.footer .lxfs dd { width: 100%; overflow: hidden; padding-top: 20px; font-size: 16px; line-height: 26px; }
.copy, .kfl{ display: none; }
.fook { display: block;}
.vbc{ height: 70px; display: block;}

/* 工具栏 */
#toolbar { position: fixed; bottom: 0; width: 100%; z-index: 888; height: 70px; left: 0; display: block; }
#toolbar .list { width: 100%; margin: 0 auto; background: #3c3c3c; height: 70px; }
#toolbar .list li { float: left; width: 25%; text-align: center; }
#toolbar .list li a { display: block; height: 70px; font-size: 14px; color: #fff; width: 99%; margin: 0 auto; border-right: 1px #0152a4 solid; }
#toolbar .list li:last-child a { border-right: 0; width: 100%; }
#toolbar .list a.hoverv { background: #0152a4; }
#toolbar .list a i { margin-left: auto; margin-right: auto; width: 100%; height: 20px; display: block; font-size: 22px; padding-top: 10px; }
#toolbar .list a span { text-align: center; line-height: 26px; display: block; padding-top: 10px; }
.xbg { width: 100%; display: block; position: fixed; height: 100px; left: 0; bottom: 0; background: #fff; z-index: 880; }
#toolbar .list a i span { color: #fff; padding-top: 10px; text-transform: initial; font-style: normal; }
/*微信弹窗*/
#wxnr { width: 100%; height: 100%; position: fixed; top: 0; z-index: 1000; display: none; background: rgba(0,0,0,.6); }
#wxnr .nrdf { margin: auto; position: absolute; top: 50%; left: 0; right: 0; width: 90%; height: 300px; padding: 10px 5%; margin-top: -30px; text-align: center; background-color: rgba(255, 255, 255, 0.8); box-shadow: 0px 2px 6px #777; -webkit-box-shadow: 0px 2px 6px #777; -moz-box-shadow: 0px 2px 6px #777; border-radius: 10px; }
#wxnr img { width: 95%; display: block; margin: 0 auto; overflow: hidden; }
#wxnr p { text-align: center; width: 95%; display: block; margin: 0 auto; }
#wxnr i { position: absolute; top: 10px; right: 5%; width: 35px; height: 35px; font-size: 20px; line-height: 30px; text-align: center; color: #fff; font-weight: bold; font-style: normal; background: #333; border-radius: 1rem; cursor: pointer; }
#wxnr span { display: inline-block; padding: 5px 10px; background-color: #bd0000; color: #fff; border-radius: 5px; cursor: pointer; }
#wxnr span.wx { padding-left: 10px; background-size: 100%; background-position: 0.1rem center; background-repeat: no-repeat; }
/*复制提示*/
#weixin { position: fixed; top: 50%; margin-top: -20px; z-index: 9999999; color: #fff; width: 90%; right: 5%; line-height: 0.8rem; text-align: center; background: rgba(0, 0, 0, 0.8); border: 2px solid #333; display: none; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

/******内页******/
.main{ width:90%; overflow:hidden; margin:0 auto;}
.mainr{ width: 90%; overflow: hidden; margin: 0 auto;}
.mainr img{ width: 100%;}
.loc { margin-top:40px;}
.leibie { padding: 20px 0 20px 0; }
.leibie #owl-demo .item { margin: 10px 2% 0 2%; padding: 10px 20%;}
.chroma-gallery .chrg-description p { font-size: 14px; }
.grid li {  width: 100%; margin-bottom:20px;}
.grid li .newc{ width:95%; padding:0 0;}
.grid li .newc .new_img{ width:94%; margin:0 auto; padding-top:10px;}
.grid li .newc .new_txt{ width:94%; margin:0 auto; padding-bottom:10px;}
.grid li .newc .new_txt .newm{ font-size:16px;}
.grid li .newc .new_txt p{ font-size:14px;}
.FastMove .Prev{ float:inherit; font-size:16px;}
.FastMove .Next{ float:inherit; font-size:16px;}
.arContent img{ width: 100%; }
/*相关文章*/
.but_tit { height: 40px; line-height: 40px; margin-top: 20px; }
.but_tit span {  height: 40px; font-size: 18px; }
.xgwz { width: 100%; }
.xgwz li { width: 100%;}
.xgwz li .newm { font-size: 18px; }
.xgwz li .new2 { font-size: 14px; }
.xgwz li p { font-size: 14px;}
.ExhibitList dl{ width:100%; margin-top:20px;}

/*产品介绍*/
.cpjs{ width:90%; position:inherit; padding-top:20px;}
.cpjs .cp_img{ width:100%; overflow:hidden; float:inherit;}
.cpjs .cp_txt{ width:100%; overflow:hidden; float:inherit; line-height:normal; margin-top:20px;}
.cpjs .cp_txt .cp_top{ font-size:24px;}
.cpjs .cp_txt i{ width:80px; margin-top:10px;}
.cpjs .cp_txt span{ font-size:16px; margin-top:10px;}
.cpjs .cp_txt p{ font-size:16px; margin-top:10px;}




/*产品内页tag*/
.tagv { width:90%; margin: 10px auto 0 auto;}
.ztitle span { font-size: 16px; margin-right:2%; padding-bottom:14px;}
.ztitle span.tithov, .ztitle span.tithov a { font-size:18px; }
.zntit_con1{ width: 100%; padding-top: 20px; overflow:auto;}
.zntit_con1 img{ width:100%;}
/*视频弹出*/
.oh li{float:inherit;width:90%; margin:20px auto 0 auto;}

.fl{ float:inherit; width:100%; overflow:hidden;}

#feedback_form table { float: inherit; width:100%; margin-top:20px;}
#feedback_form table tr td { border: 0; padding: 5px 0; }
#feedback_form table tr td input { padding: 0 10px; }
#feedback_form table tr td textarea { padding: 10px; }

.ke-zeroborder1, .ke-zeroborder2, .ke-zeroborder3{ float:inherit; width:100%; margin-top:10px;}

.arList li.JobListItem{ margin-bottom:20px;}
.arList li.JobListItem .jov{margin-bottom:20px;}
.arList li.JobListItem .jov .jo_l, .arList li.JobListItem .jov .jo_r{ width: 100%; overflow: hidden; float:inherit;}
.arList li.JobListItem .jov span, .arList li.JobListItem .jov span{ width:100%; overflow:hidden; float:inherit; line-height:normal; display:block; margin-bottom:10px;}
.arList li.JobListItem .jov .jo_l ol, .arList li.JobListItem .jov .jo_r ol{ width:97%; height:42px; line-height:42px; padding:0 1%; float:inherit; margin-bottom:10px;}
.arList li.JobListItem .jov i{width:100%; overflow:hidden; float:inherit; line-height:normal; display:block; font-style:normal; margin-bottom:10px;}
.arList li.JobListItem .jov em{ width:97%; padding:15px 1%; float:left; border:1px #CCC solid; font-style:normal; overflow:hidden; display:block;}

.arList li.JobListItem .join{ width:188px; height:48px; line-height:48px; display:block; background:#033692; color:#FFF; float:right; margin-top:20px; font-size:18px; text-align:center;}
.arList li.JobListItem .join:hover{ background:#2466dd;}


.fla{ width:100%; float:inherit;}
.fla img{ width:100%;}
#feedback_form{ width:100%; float:inherit;}


.gallery li { width: 46%; }





}


@media screen and (max-width: 1024px) and (min-width:700px) {
.cpjs .lxdh{ width:100%; position:inherit; height:56px;}
.cpjs .lxdh .lx_c{ width:90%; height:56px; }
.cpjs .lxdh .lx_c span.tel{ width:5%; height:56px;}

.cpjs .lxdh .lx_c i.hmr{ height:56px; line-height:56px; font-size:18px;}
.cpjs .lxdh .lx_c a.zxl{ height:56px; line-height:56px; font-size:18px;}
.cpjs .lxdh .lx_c span.kf{ width:5%; height:56px;}

}



@media screen and (max-width: 699px) and (min-width: 0px) {
.cpjs .lxdh{ width:100%; position:inherit; height:46px;}
.cpjs .lxdh .lx_c{ width:90%; height:46px; }
.cpjs .lxdh .lx_c span.tel{ height:46px;}

.cpjs .lxdh .lx_c i.hmr{ height:46px; line-height:46px; font-size:18px;}
.cpjs .lxdh .lx_c a.zxl{ height:46px; line-height:46px; font-size:18px;}
.cpjs .lxdh .lx_c span.kf{ height:46px;} 
}