@charset "utf-8";

html, body, div, span,applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;}
address, cite, em{font-style:normal;}
ol, li, ul{list-style-type:none;}
fieldset, img {border:0;}
label,button{cursor: pointer;}
select,input,textarea{font-size:14px;line-height:1em;}
body{font-size:14px;font-family:"Arial";overflow-x:hidden;}
a{text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;}
dt{ font-weight:normal;}
.clearfix { clear: both;}
p{ /*word-wrap:break-word;*/}

/*header*/
.h_box02 .logo img{ width:100%; height:auto;}
.uppercase{text-transform:uppercase;}
.navbar-collapse{ padding:0;}
.navbar-default{ background:none;border:none;}
.navbar{ border-radius:0; margin-bottom:0; min-height:44px;}

.h_box01{ height:46px; background:#0a3480; overflow:hidden;}
.h_box01 p.left{ line-height:46px;}
.h_box01 p.left span{ display:inline-block; margin-right:12px; height:46px;}
.h_box01 p.left span a{color:#ccc; font-size:16px;}
.h_box01 p.left .chinese{ padding-left:40px; background:url(../images/chinese.png) 0 7px no-repeat; }
.h_box01 p.left .russia{ padding-left:40px; background:url(../images/russia.png) 0 7px no-repeat; }
.h_box01 p.left .email{ background:url(../images/footer-yx.png) 0 17px no-repeat; text-indent:20px;}
.h_box01 p.left .email a{ font-weight:bold; }
.h_box01 p.left a::after{content: "|"; margin-left: 12px; color:#ccc;}
.h_box01 p.left a:last-child::after{content: "";}
.h_box01 .right{ overflow:hidden;zoom:1; float:right;}

.index_search { width: 18%; background: #fff; float: right; height: 32px; border: 1px solid #ccc; border-radius: 30px;margin-top: 7px;}
.index_search form { width: 100%;height: 30px;}
.index_search form #searchfield {float: left;height: 30px;width: 79%;padding: 0 0 0 10px;background: none;border: none;font-family: “Microsoft Yahei”;}
.index_search form #searchbutton {float: right;height: 30px;width: 20%;cursor: pointer;background: url(../images/search-22.png) no-repeat 8px 4px;border: none;padding: 0px;}

/*banner start*/
.js-silder{position: relative;min-width: 320px; overflow:hidden;}
.silder-scroll{width: 100%;overflow: hidden;}
.silder-main{position: relative;width: 100%;}
.silder-main-img{position: absolute;top: 0;left: 0;width: 100%;}
.silder-main-img img{width: 100%;}
.js-silder-ctrl{width: 100%;text-align: center;position:absolute; bottom:18px;}
/*
.silder-ctrl-prev, .silder-ctrl-next{position: absolute;top: 0;width: 8%;height: 95%;vertical-align: middle;cursor: pointer;color: #fff;font-family: "Arial";font-size: 52px;text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{left: 0;text-align: left;}
.silder-ctrl-next{right: 0;text-align: right;}
.silder-ctrl-prev>span, .silder-ctrl-next>span{position: absolute;top: 50%;margin-top: -40px;}
.silder-ctrl-prev>span{left: 0;}
.silder-ctrl-next>span{right: 0;}
*/
.silder-ctrl-con{display: inline-block;width:20px; padding: 5px 0;margin:0 3px;cursor: pointer;}
.silder-ctrl-con>span{ width:12px; height:12px; display: block;line-height: 0;text-indent: -9999px;overflow: hidden;/*padding: 4px 0;*/cursor: pointer;background-color: #e4e4e4; border-radius:50%;}
.silder-ctrl-con.active>span{background-color: #0c337e;}
/*banner end*/

.vr{ width:100%; height:114px; background:url(../images/vr-bg.jpg) 50% 50% no-repeat; }
.vr a{ width:100%; height:114px; display:block;}
.vr:hover{ background:url(../images/vr-h-bg.jpg) 50% 50% no-repeat;}

/*index-product-fenlei start*/
.demo{width:360px; margin:60px auto 10px auto}
@media only screen and (min-width: 420px) {
.demo{width:1200px; margin:40px auto 20px auto; overflow:hidden;}
}
.box{float:left; width:392px; height:294px; margin-right:12px;}
.box:last-child{ margin-right:0px;}
.he_border1{background:#0a3480;width:392px;height:294px;padding:0;margin:0;/*border:1px solid #000;*/position:relative;box-sizing:border-box;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_img{display:block;width:100%;padding:0;margin:0;position:relative;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;opacity:1;overflow:hidden}
.he_border1:hover .he_border1_img{position:absolute;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);opacity:.5}
.he_border1 .he_border1_caption{padding:0;margin:0;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_border1 .he_border1_caption::before,.he_border1 .he_border1_caption::after{position:absolute;content:'';opacity:0;-webkit-transition:opacity 0.4s,-webkit-transform .4s;-moz-transition:opacity 0.4s,-moz-transform .4s;-o-transition:opacity 0.4s,-o-transform .4s;transition:opacity 0.4s,transform .4s}
.he_border1 .he_border1_caption::before{top:3%;right:3%;bottom:3%;left:3%;border-top:1px solid #0a3480;border-bottom:1px solid #0a3480;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0}
.he_border1 .he_border1_caption::after{top:3%;right:3%;bottom:3%;left:3%;border-right:1px solid #0a3480;border-left:1px solid #0a3480;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;transform-origin:100% 0}
.he_border1:hover .he_border1_caption::before,.he_border1:hover .he_border1_caption::after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.he_border1 .he_border1_caption,.he_border1 .he_border1_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden; z-index:1000}
.he_border1 .he_border1_caption_h{font-size:20px;font-weight:700;width:80%;position:absolute;top:8%;left:5%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:1; color:#555;}
.he_border1 .he_border1_caption_text{font-size:14px; line-height:24px;width:80%;position:absolute;top:20%;left:5%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0; color:#0a3480;letter-spacing:0.3px;}
.he_border1 .he_border1_caption_p{font-size:16px; width:80%;position:absolute;top:90%;left:5%;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden;opacity:0; color:#0a3480;}
.he_border1:hover .he_border1_caption_h{ color:#fff;}
.he_border1:hover .he_border1_caption_p{top:80%;opacity:1; color:#fff;}
.he_border1:hover .he_border1_caption_text{top:26%;opacity:1; color:#fff;}
.index-pro-fenlei-m{ display:none;}
/*index-product-fenlei end*/

/*xydj start*/
.xydj{ width:100%; margin:30px auto 20px auto; overflow:hidden; height:196px; background:#efeff1; padding-top:40px;}
.xydj-con{ width:1200px; margin:0 auto; overflow:hidden;}
.xydj li{ width:30%; float:left; margin-right:60px;}
.xydj li:last-child{ margin-right:0px;}
.xydj .xydj-k1{ background:url(../images/xydj-k1.png) 156px 0 no-repeat; text-align:center;}
.xydj .xydj-k2{ background:url(../images/xydj-k2.png) 156px 0 no-repeat; text-align:center;}
.xydj .xydj-k3{ background:url(../images/xydj-k3.png) 156px 0 no-repeat; text-align:center;}
.xydj li p{ line-height:20px; margin-top:75px;}
.xydj li p a{ color:#0a3480; }
.xydj li p a:hover{ text-decoration:underline;}
/*xydj end*/

/*index-app start*/
.index-app{ width:1200px; margin:20px auto; overflow:hidden;}
.index-app h2{ text-align:center; font-size:24px; margin-bottom:30px; color:#0a3480;}
.index-app li{ width:32.5%; float:left; margin-right:15px; position:relative;}
.index-app li:last-child{ margin-right:0px;}
.index-app li .img img { width:100%;}
.index-app .text{ background:#f1f1f1; padding:50px 30px 30px 30px;}
.index-app .text h3{ margin-bottom:15px; font-size:20px;}
.index-app .text h3 a{ color:#555555;}
.index-app .text h3 a:hover{ color:#0a3480;}
.index-app .text p{ line-height:24px; margin-bottom:30px; color:#555555;}
.index-app .more a{ color:#cf000d;}
.index-app .more a:hover{ text-decoration:underline;}
.index-app .bg{ width:60px; height:60px; position:absolute; top:45%; left:8%;}

.index-tit{ overflow:hidden;}
.index-tit .more{ display:none;}
/*index-app end*/

/*index-about start*/
.index-about{ overflow:hidden; }
.index-about .index-tit{ display:none;}
.index-about-txt{ width:1200px; margin:20px auto; height:311px; overflow:hidden;color:#000; position:relative; background:url(../images/index-about-bg.jpg) 0 0 no-repeat; }
.ab-txt{ color:#fff; margin:80px auto auto 60px; overflow:hidden;}
.ab-txt h2{ font-size:24px; margin-bottom:30px;}
.ab-txt p{ font-size:20px; line-height:30px;}
.ab-txt a{ color:#fff;}
.ab-txt .more{ width:110px; height:30px; display:block; text-align:center; line-height:28px; margin-top:30px; border:1px solid #fff; border-radius:15px;}
.ab-txt .more:hover{ text-decoration:underline;}
/*
.index-about{position: absolute;left: 0;right: 0;top: 0;bottom: 0; width:1200px; height:311px;background:rgba(255,255,255,0.3); padding:80px 0 0 70px;}
.index-about h3{ margin-bottom:10px;}
/*index-about end*/

/*index-company start*/
.index-company{ width:1200px; margin:20px auto; overflow:hidden; color:#555555;}
.com-tit{ overflow:hidden;}
.com-tit h2{ float:left;}
.com-tit .more { width: 72px;height: 30px;display: block;text-align: center;line-height: 28px;border: 1px solid #0a3480;border-radius: 15px;color: #0a3480; float:right;}
.com-tit .more:hover{ background:#0a3480; color:#fff;}
.index-company h2{ font-size:24px; color:#0a3480; margin-bottom:15px;}
.index-company p{ line-height:24px; white-space:normal; word-wrap: break-word;}
.com-l{ width:580px; height:auto; float:left;}
.com-l p{ margin-bottom:39px; white-space:normal; word-wrap: break-word;}
.com-r{ width:540px; height:auto; float:right;}
.com-r-a{ margin-bottom:30px;}
.com-r p{}
/*index-company end*/
/*index-news start*/
.index-news{ width:1200px; margin:20px auto 50px auto; overflow:hidden;}
.index-news h2{font-size:24px; color:#0a3480; margin-bottom:30px; text-align:center;}
.choices{ width:100%; height:290px;}
.choices_banner{ width:1200px; height:290px; float:left; overflow: hidden;}
.choices_banner ul{ width: 12000px;overflow: hidden;}
.choices_banner ul li{ width:1200px; height:290px; float:left;}
.choices_left{ width:540px; height:290px; float:left;}
.choices_right{ width:580px; height:290px; float:right; background-color:#f1f1f1; color:#555555; padding:30px 20px 0 60px;box-sizing: content-box; }
.choices_right .time{ width:200px; height:30px; background:url(../images/time.jpg) 0 0 no-repeat; padding-left:25px;color:#0a3480;}

.choices_right h3{ font-size:18px; margin:20px auto; word-wrap: break-word;word-break: normal;} 
.choices_right h3 a{ color:#555555;}
.choices_right h3 a:hover{ color:#0a3480;}
.choices_right p{ margin-top:30px; line-height:24px; word-wrap: break-word;word-break: normal;}
.choices_right .more{ width:90px; height:32px; text-align:center; border:1px solid #0a3480;line-height:32px; color:#606060; margin-top:27px; border-radius:15px; color:#0a3480; display:block;}
.choices_right .more:hover{ color:#fff; background:#0a3480;}
.news-m{ display:none;}
/*index-news end*/

/*在线客服Online*/
.Online_Bg {width:68px;position:fixed;right:10px; top:25%;z-index:10;}
.Online_Box {width:100%;}
.Online_li {width:68px;height:68px;margin-bottom:5px; border-radius:12px; background: rgba(255, 255, 255, 0.85); box-shadow: 2px 2px 4px 1px rgba(49, 48, 48, 0.4);}
/*
.Online_Box .online{ width:68px; height:101px; border-radius:0px; background:none; box-shadow:none;}
.Online_Box .online a{ width:68px; padding-top:101px;}
.Online_Box .online:hover{ background:none;}
*/
.Online_li:hover{ background-color:#cf000d;}
.Online_li a{display:block;width:68px;padding-top:40px;line-height:25px;font-size:12px;text-align:center;color:#cf000d;cursor:pointer;text-decoration:none;}
.Online_Box .online a {background:url(../images/on-r-online.png) center 4px no-repeat;/*background:url(../images/on-r-online-sd.png) center 0px no-repeat;*/}
.Online_Box .email a{background:url(../images/on-r-email.png) center 4px no-repeat;}
.Online_Box .whatsapp a{background:url(../images/on-r-whatsapp.png) center 4px no-repeat;}
.Online_Box .shop a{background:url(../images/on-r-shop.png) center 4px no-repeat;}
.Online_Box .top a {background:url(../images/on-r-top.png) center 4px no-repeat;}
.Online_Box .online a:hover{background:url(../images/on-online.png) center 4px no-repeat; color:#fff;/*background:url(../images/on-online-sd.png) center 0px no-repeat; color:#fff;*/}
.Online_Box .email a:hover{background:url(../images/on-email.png) center 4px no-repeat; color:#fff;}
.Online_Box .whatsapp a:hover{background:url(../images/on-whatsapp.png) center 4px no-repeat; color:#fff;}
.Online_Box .shop a:hover{background:url(../images/on-shop.png) center 4px no-repeat; color:#fff;}
.Online_Box .top a:hover{background:url(../images/on-top.png) center 4px no-repeat; color:#fff;}
/* 第一个 */
.Online_Bg .red {background-color:#cf000d;/*background:none;*/}
.Online_Bg .red a{background:url(../images/on-online.png) center 4px no-repeat; color:#fff;/*background:url(../images/on-r-online-sd.png) center 0px no-repeat; color:#fff;*/}

/*pro-index start*/
.pro-bg{ width:100%; height:400px;background:url(../images/pro-bg.jpg) 0 0 no-repeat; background-position: 50% 0;}
.main-con{ width:1200px; margin:0 auto; overflow:hidden; color:#222;}
.pro-fenlei{ width:auto; margin-top:60px; margin-bottom:50px;}
/* Icon box */
.tabs-style-iconbox nav ul li a {height:120px; line-height:160px; color: #555555;}
.tabs-style-iconbox nav ul li .icon-home{ background:url(../images/1.png) 120px 0 no-repeat; }
.tabs-style-iconbox nav ul li .icon-gift{ background:url(../images/2.png) 120px 0 no-repeat; }
.tabs-style-iconbox nav ul li .icon-upload{ background:url(../images/3.png) 120px 0 no-repeat; }
.tabs-style-iconbox nav ul li .icon-consumer{ background:url(../images/5-sensor.png) 120px 0 no-repeat; }
.tabs-style-iconbox nav ul li a span {font-weight: 700;font-size: 18px;}
.tabs-style-iconbox nav ul li.tab-current {z-index: 100;}
.tabs-style-iconbox nav ul li.tab-current .icon-home, .tabs-style-iconbox nav ul li .icon-home:hover{ background:url(../images/1-1.png) 120px 0 no-repeat; }
.tabs-style-iconbox nav ul li.tab-current .icon-gift, .tabs-style-iconbox nav ul li .icon-gift:hover{ background:url(../images/2-1.png) 120px 0 no-repeat; }
.tabs-style-iconbox nav ul li.tab-current .icon-upload, .tabs-style-iconbox nav ul li .icon-upload:hover{ background:url(../images/3-1.png) 120px 0 no-repeat; }
.tabs-style-iconbox nav ul li.tab-current .icon-consumer, .tabs-style-iconbox nav ul li .icon-consumer:hover{ background:url(../images/5-sensor-1.png) 120px 0 no-repeat; }
.tabs-style-iconbox nav ul li::after {position: absolute;top: 0;right: 0;z-index: -1;width: 1px;height: 100%;background: rgba(0,0,0,0.07);content: '';
}
.tabs-style-iconbox nav ul li:first-child::before {right: auto;left: 0;}
.tabs-style-iconbox .icon::before {display: block;margin: 0 0 5px 0;}
.pro-index ul{ padding:0; margin:0;overflow:hidden; font-size:0; }
.pro-index ul li{ float:left; width:377px; margin-right:33px; margin-top:30px; background:#efeff1;}
.pro-index ul li:nth-child(3n){ margin-right:0px;}
.pro-index ul li .img, .pro-text .text ul li .img, .pane ul li .img, .pro-list-list ul li .img, .app ul li .img, .solu-con ul li .solu-li-pic .img { width:377px; height:251px; display:block; overflow:hidden;}
.pro-index ul li .img img, .pane ul li .img img, .pro-list-list ul li .img img, .app ul li .img img, .pro-text .text ul li .img img, .solu-con ul li .solu-li-pic img{ cursor: pointer;transition: all 0.5s;}
.pro-index ul li .img img:hover, .pane ul li .img img:hover, .pro-list-list ul li .img img:hover, .app ul li .img img:hover, .pro-text .text ul li .img img:hover, .solu-con ul li .solu-li-pic img:hover {transform: scale(1.05);}
.pro-index ul li h4, .pro-text .text ul li h4, .pane ul li h4, .pro-list-list ul li h4{ line-height:36px; background:#fff; text-align:center; font-size:16px;}
.pro-index ul li h4 a, .pro-text .text ul li h4 a, .pane ul li h4 a, .pro-list-list ul li h4 a{ color: #555555;}
.pro-index ul li h4 a:hover, .pro-text .text ul li h4 a:hover, .pane ul li h4 a:hover, .pro-list-list ul li h4 a:hover{ color:#0a3480; text-decoration:underline;}
.pro-item a img{ width:100%;}
/* Default tab style */
.tabs {position: relative;overflow: hidden;margin: 0 auto;width: 100%;font-weight: 300;}
/* Nav */
.tabs nav {text-align: center;}
.tabs nav ul {position: relative;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: flex;margin: 0 auto;padding: 0;max-width: 1200px;list-style: none;-ms-box-orient: horizontal;-ms-box-pack: center;-webkit-flex-flow: row wrap;-moz-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-justify-content: center;-moz-justify-content: center;-ms-justify-content: center;justify-content: center;}
.tabs nav ul li {position: relative;z-index: 1;display: block;margin: 0;text-align: center;-webkit-flex: 1;-moz-flex: 1;-ms-flex: 1;flex: 1;}
.tabs nav a {position: relative;display: block;text-overflow: ellipsis;white-space: nowrap;}
.tabs nav a span {vertical-align: middle;}
.tabs nav li.tab-current a {color: #0a3480;}
.tabs nav a:focus {outline: none;}
.tabs nav a:hover{ color:#0a3480;}
/* Content */
.content-wrap {position: relative;}
.content-wrap section {display: none;margin: 0 auto;max-width: 1200px;}
.content-wrap section.content-current {display: block;}
@media screen and (max-width: 58em) {
.tabs nav a.icon span {display: none;}
.tabs nav a:before {margin-right: 0;}
}
/*pro-index end*/

/*pro-list start*/
.pro-gb-bg{ width:100%; height:269px;background:url(../images/pro-gb-bg.jpg) 0 0 no-repeat; background-position: 50% 0;}
.pro-jb-bg{ width:100%; height:269px;background:url(../images/pro-jb-bg.jpg) 0 0 no-repeat; background-position: 50% 0;}
.pro-jc-bg{ width:100%; height:269px;background:url(../images/pro-jb-bg.jpg) 0 0 no-repeat; background-position: 50% 0;}
.position{ height:40px; line-height:40px;color:#555555;}
.position a{ color:#555555;}
.position a:hover{ color:#0a3480;}

.pro-con{ margin-bottom:50px; overflow:hidden;}
.pro-con h3{ font-size:20px; color:#0a3480; line-height:50px;}
/**tabs**/
.tab{ width:1200px; margin:20px auto 0 auto; overflow:hidden;}
.tabPanel ul{height:70px; margin-bottom:20px;}
.tabPanel ul li{float:left;margin:0 4px 0 0;height:70px;width:168px;text-align:center;cursor:pointer;background:#efeff1; font-size:16px; border-radius:5px;}
.tabPanel ul li{ display: flex;align-items: center;justify-content: center;}
.tabPanel ul li:last-child{ margin-right:0px;}
.tabPanel .hit{cursor:pointer;color:#fff;background:#0a3480;}
.pane{min-height:100px;background-color:#fff;display:none;}
.pane ul, .pro-list-list ul{ height:auto; margin-bottom:0px; padding:0; margin:0;overflow:hidden; font-size:0;}
.pane ul li{ border-radius:0px;}
.pane ul li, .pro-list-list ul li{ float:left; width:377px; height:auto; margin-right:34px; margin-top:30px; background:#efeff1; overflow:hidden; display:inherit;}
.pane ul li:nth-child(3n), .pro-list-list ul li:nth-child(3n){ margin-right:0px;}
.tabPanel-jc ul li{margin:0 5px 0 0;width:195px;}
.pane-jc ul li{ float:left; width:377px; height:auto; margin-right:34px; margin-top:30px; background:#efeff1; overflow:hidden; display:inherit;}
/*pro-list end*/

/*product start*/
.pro-intro{ margin:30px auto; overflow:hidden;}
.pro-pic{ width:540px; float:left; /*background:#efeff1;*/}
.pro-pic img{ width:100%;}
.pro-infor{ width:580px; float:right;}
.pro-infor h1{ font-size:24px; color:#0a3480; line-height:40px; margin-bottom:20px;}
.infor{ overflow:hidden;}
.pro-infor .metas{ color:#222; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:20px; padding:20px 0;}
.pro-infor .metas p{ line-height:24px;}
.pro-infor .download{ height:21px; line-height:21px; background:url(../images/download.jpg) 70px 0 no-repeat; margin-bottom:23px;color:#0a3480; display:block;}
.pro-infor .online a{ width:140px; height:40px; line-height:40px; text-align:center; display:block; float:left; color:#fff; background:#0a3480; font-size:16px; border-radius:5px; margin-right:20px;}
.pro-infor .online a:hover{background:#cf000d;}
.pro-infor .online a:last-child{ margin-right:0px; }

.pro-text{ width:auto; margin-bottom:20px; overflow:hidden;}
.pro-content .pro-text:last-child{ margin-bottom:0px;}
.main-con #message{ margin-bottom:0px;}
.pro-text h3{ margin-bottom:15px;}
.pro-text p{ line-height:24px;}
.pro-content .pro-text:first-child p{ margin-bottom:20px;}

.pro-text .text ul{ padding:0; margin:0;overflow:hidden; }
.pro-text .text ul li{ float:left; width:377px; height:auto; margin-right:34px; background:#efeff1; overflow:hidden; display:inherit;}
.pro-text .text ul li:nth-child(3n){ margin-right:0px;}
.pro-list-m{ display:none;}

.pro-text .text table{ line-height:30px; text-align:center; width:85%;}

/* 产品多图 */
/*wrapper*/
#wrapper{ overflow:hidden; margin:0 auto;}
.imgnav{  position:relative; margin:0 auto; width:540px;}
#img{ z-index:10; width:540px; height:360px; position:relative; text-align:center; border:1px solid #ccc;}
#img img{ height:100%; display:none;}
#cbtn{background:#f9f9f9; position:relative; height:auto;margin-top:20px; }
#cbtn ul{position:relative; width:10000px; height:auto;}
#cbtn ul li{ float:left; width:90px; height:60px; cursor:pointer; text-align:center; margin-right:10px; position:relative; border:1px solid #eaeaea;}
#cbtn ul li img{ width:100%; height:100%;display:block;}
#cbtn li.hov{ border:1px solid #cf000d;}
.ctrl div{ clear:both;}
#cSlideUl{width:100%; height:auto;overflow:hidden; position:relative; margin:0 auto;}

/*product end*/


/*solu-index start*/
.solu-con .pro-fenlei{ margin-top:20px; margin-bottom:0px;}
.solu-con .tabs-style-iconbox nav ul li .icon-home{ background:url(../images/solution-1.png) 120px 0 no-repeat; }
.solu-con .tabs-style-iconbox nav ul li .icon-gift{ background:url(../images/solution-2.png) 120px 0 no-repeat; }
.solu-con .tabs-style-iconbox nav ul li .icon-upload{ background:url(../images/solution-3.png) 120px 0 no-repeat; }
.solu-con .tabs-style-iconbox nav ul li .icon-alcohol{ background:url(../images/solution-4.png) 120px 0 no-repeat; }
.solu-con .tabs-style-iconbox nav ul li.tab-current .icon-home, .solu-con .tabs-style-iconbox nav ul li .icon-home:hover{ background:url(../images/solution-1-1.png) 120px 0 no-repeat; }
.solu-con .tabs-style-iconbox nav ul li.tab-current .icon-gift, .solu-con .tabs-style-iconbox nav ul li .icon-gift:hover{ background:url(../images/solution-2-1.png) 120px 0 no-repeat; }
.solu-con .tabs-style-iconbox nav ul li.tab-current .icon-upload, .solu-con .tabs-style-iconbox nav ul li .icon-upload:hover{ background:url(../images/solution-3-1.png) 120px 0 no-repeat; }
.solu-con .tabs-style-iconbox nav ul li.tab-current .icon-alcohol, .solu-con .tabs-style-iconbox nav ul li .icon-alcohol:hover{ background:url(../images/solution-4-1.png) 120px 0 no-repeat; }
.solu-con .tabs nav a{ white-space:normal;}
.solu-con .tabs-style-iconbox nav ul li a { line-height:normal; padding-top:70px;}
/*solu-index end*/

/*solu-list start*/
.solu-banner{ width:100%; height:269px;background:url(../images/solution-banner.jpg) 0 0 no-repeat; background-position: 50% 0;}
.solu-con { width:auto; margin-top:30px; overflow:hidden;}
.solu-con ul li{ margin-bottom:30px; overflow:hidden;}
.solu-con ul li:last-child{ margin-bottom:0px;}
.solu-con ul li .solu-li-pic{ width:377px; float:left;}
.solu-con ul li .solu-li-pic img{ width:100%;}
.solu-con ul li .solu-li-text{ width:700px; float:right;}
.solu-con ul li .solu-li-text h4 { line-height:50px; font-size:18px;}
.solu-con ul li .solu-li-text h4 a{ color:#0a3480; word-wrap:break-word;}
.solu-con ul li .solu-li-text p{ margin:10px auto 70px auto; line-height:24px;}
.solu-con ul li .solu-li-text .more a{ width:80px; height:30px; display:block; text-align:center; line-height:30px; border:1px solid #0a3480; border-radius:15px; color:#0a3480;}
.solu-con ul li .solu-li-text .more a:hover{ background:#0a3480; color:#fff;}
/*solu-list end*/

/*solution start*/
.solu-con h1{ font-size:24px; color:#0a3480; margin-bottom:30px;}
.solution-text p{ font-size: 16px; line-height:1.7; margin-bottom:20px;}
.solution-text p img{ display:block; margin:0 auto;}
.solution-text p:last-child{ margin-bottom:0px;}
.solution-text p a{ color:#0a3480;}
.solution-text p a:hover{ text-decoration:underline;}

.pro-text .text ul li .img img{ width:100%;}
/*solution end*/

/*application-index start*/
.app-banner{ width:100%; height:400px;background:url(../images/app-banner.jpg) 0 0 no-repeat; background-position: 50% 0;}
.app-list-banner{ width:100%; height:269px;background:url(../images/app-list-banner.jpg) 0 0 no-repeat; background-position: 50% 0;}
.app{ overflow:hidden;}
.app-tit { margin-bottom:10px; overflow:hidden;}
.app-tit h3{ float:left;}
.app-tit .more{ width: 80px;height: 28px;border-radius: 15px;border: 1px solid #0a3480;color: #0a3480;float: right;text-align: center;line-height: 26px;margin: 11px 0 11px 0;}
.app-tit .more:hover{ background:#0a3480; color:#fff;}
.app ul li{ width:390px; float:left; margin-right:15px; margin-bottom:30px;}
.app ul li:last-child{ margin-right:0px;}
.app ul li:nth-child(3n){ margin-right:0px;}
.app-con .app:last-child ul li{ margin-bottom:0px;}
.app ul li a img { width:100%;}
/*
.app ul li a img:hover{ border:1px solid #cf000d;}
*/
.app ul li h4{ line-height:36px; background:#fff; text-align:center; font-size:16px; margin-top:15px;}
.app ul li h4 a{ color:#555555;}
.app ul li h4 a:hover{ color:#0a3480; text-decoration:underline;}
/*application-index end*/

/*application-list start*/
.app-con .app-list:last-child ul li{ margin-bottom:30px;}
/*application-list end*/

/*application start*/
.app-con .app-pro ul li { margin-bottom:0px;}
.app-text{ margin-bottom:50px;}
.app-pro{ border-top:1px solid #ccc; margin-bottom:0px;}
/*application end*/


/*news start*/
.news-banner{ width:100%; height:269px;background:url(../images/news-banner.jpg) 0 0 no-repeat; background-position: 50% 0;}
.faq-banner{ background:url(../images/news-faq-banner.jpg) 0 0 no-repeat;background-position: 50% 0;}
.news-lei{ overflow:hidden; margin-bottom:50px;}
.news-con .news-lei:last-child{ margin-bottom:0px;}
.news-lei .news-tit{ position:relative; overflow:hidden; margin-bottom:10px;}
.news-lei .news-tit::before{content: "";width: 79%;height: 0;display: block;position: absolute;top: 25px;left: 160px;border-top: dotted 1px #b3bac5;}
.news-tit h2{ font-size:20px; color:#0a3480; float:left; line-height:50px; }
.news-tit .more{width:80px;height: 28px;border-radius: 15px;border: 1px solid #0a3480;color: #0a3480;float: right;text-align: center;line-height: 26px;margin: 11px 0 0 0;}
.news-tit .more:hover{ color:#fff; background:#0a3480;}
.news-lei .news-industry ul li{ margin-bottom:0px;}
.news-lei .news-faq ul li .date .y{ margin-top:10px;}
.news-lei .news-faq ul li .date .d-m{ margin-top:8px;}

.news-con{ margin-top:15px;}
.news-con .choices_banner{ margin-bottom:50px;}
.news-con .choices_right h3{ font-size:18px; line-height:normal;}
.news-con .choices_right h3 a{ color:#555555;}
.news-con .choices_right h3 a:hover{ color:#0a3480;}
.news-con .choices_right p{ margin-top:30px; line-height:24px; word-wrap: break-word;word-break: normal;}
.news-con .choices_right .more{ width:90px; height:32px; text-align:center; border:1px solid #0a3480;line-height:32px; color:#606060; margin-top:27px; border-radius:15px; color:#0a3480; display:block;}
.news-con .choices_right .more:hover{ color:#fff; background:#0a3480;}
.news-company{ width:100%; overflow:hidden;}
.news-company ul li{ width:100%; height:73px; font-size: 0;position: relative; margin-bottom:50px;}
.news-company ul li .date{ width:135px; height:73px; background:#f1f1f1; color:#555555; display:inline-block; position: absolute;top: 0;left: 0;text-align:center;}
.news-company ul li .date .d-m{ font-size:18px; margin-top:15px; margin-bottom:5px;}
.news-company ul li .date .y{ font-size:16px;}
.news-company ul li .news-text{ display:inline-block; margin-left:160px; height:73px; }
.news-company ul li .news-text h3{ color:#555555;}
.news-company ul li .news-text h3 a{ color:#555555;}
.news-company ul li .news-text h3 a:hover{ color:#0a3480;}
.news-company ul li .news-text .news-des{color:#555555; font-size:14px;}

.news-company .page{width:100%;height:22px;margin-top:30px; float:left;}
.news-company .page li{ float:left;}
.news-company .page .thisclass{ display:block;padding:2px 8px;float:left;margin-right:10px;border:1px solid #0a3480;background:#0a3480;color:#fff;}
.news-company .page a{display:block;padding:2px 7px;float:left;margin-right:10px;border:1px solid #c9caca;color:#555555;}
.news-company .page a b,.newschannel article .page b{display:block;padding:2px 8px;float:left;margin-right:10px;border:1px solid #0a3480;background:#0a3480;color:#fff}
.news-company .page span{display:block;padding:2px 8px;float:left;margin-right:10px;border:1px solid #c9caca;color:#555555;}
.news-company .page a:hover{background:#0a3480;border-color:#0a3480;color:#fff;}

.news-industry ul li{ width:580px; margin-bottom:30px; float:left; margin-right:40px; }
.news-industry ul li:nth-child(2n){ margin-right:0px;}
.news-industry ul li .img{ width:234px; height:156px; display:inline-block; float:left;}
.news-industry ul li .img img { width:100%;}
.news-indus-r{ width:320px; float:right;}
.news-indus-r h3{ line-height:24px; margin-bottom:20px;}
.news-indus-r h3 a{ color:#555555; /*word-wrap:break-word;*/ overflow:hidden;}
.news-indus-r h3 a:hover{ color:#0a3480;}
.news-indus-r .text{ color:#777777; /*word-wrap:break-word; */}
.news-indus-r .text p{ line-height:20px; overflow:hidden;}

.news-con h1{ color:#555555;}
.news-con .time{ width:200px; height:30px; background:url(../images/time.jpg) 0 0 no-repeat; padding-left:25px;color:#0a3480; margin-bottom:10px;}
.news-con .pre-next{ display:block; width:1200px; margin-top:20px; border-top:1px solid #ccc; padding-top:30px; margin-bottom:50px;}
.news-con .pre-next li a{ color:#555555;}
.news-con .pre-next li a:hover{ color:#0a3480;}

.news-faq-lei .news-tit::before{ display:none;}
.news-faq-lei ul li{ height:auto; margin-bottom:30px;}
.news-faq-lei ul li .news-text{ margin-left:0px; height:auto;}
.news-faq-lei ul li .news-text h3{ color:#555555; font-size:16px; margin-bottom:10px;}
.news-faq-lei ul li .news-text h3 span, .news-faq-lei ul li .news-text p span{ font-size:24px; color:#0a3480;}
.news-faq-lei ul li .news-text p{ line-height:20px; margin-bottom:15px;}
/*news end*/

/*about start*/
.about-banner{ width:100%; height:269px;background:url(../images/about-banner.jpg) 0 0 no-repeat; background-position: 50% 0;}
.certificate-banner{ background:url(../images/about-cer-banner.jpg) 0 0 no-repeat; background-position: 50% 0;}
.about-con{ margin-top:0px;}
.about-con h4{ font-size:16px; color:#0a3480; /*font-weight:bold;*/ margin-bottom:10px;}
.about-con .zhengshu-pic, .about-con .zhengshu-pic-5, .about-con .zs-pic-last{ width:auto; overflow:hidden;}
.about-con .zhengshu-pic ul, .about-con .zhengshu-pic-5 ul, .about-con .zs-pic-last ul{ overflow:hidden;}
.about-con .zhengshu-pic ul li, .about-con .zhengshu-pic-5 ul li .zs-pic-5-1 ul li, .about-con .zhengshu-pic-5 ul li .zs-pic-5-2 ul li, .about-con .zs-pic-last ul li{ width:255px; height:auto;float:left; margin-right:60px;}
.about-con .zhengshu-pic ul li:last-child, .about-con .zhengshu-pic-5 ul li:last-child, .about-con .zs-pic-last ul li:last-child, .about-con .zhengshu-pic-5 ul li .zs-pic-5-1 ul li:last-child, .about-con .zhengshu-pic-5 ul li .zs-pic-5-2 ul li:last-child{ margin-right:0px;}
.about-con .zhengshu-pic h4, .about-con .zhengshu-pic-5 h4, .about-con .zs-pic-last h4{ color:#555555; font-weight:normal;}
.about-con .zhengshu-pic-5 ul li{ width:570px; height:auto;float:left; margin-right:60px; margin-bottom:30px;}
.about-con .zhengshu-pic-5 ul li .zs-pic-5-1 ul li, .about-con .zhengshu-pic-5 ul li .zs-pic-5-2 ul li{ margin-bottom:0px;}
.about-con .zs-pic-last ul li{ margin-bottom:0px;}

.soft-download{ overflow:hidden;}
.soft-download h4{ margin-top:30px;}
.soft-download ul li{ position:relative; overflow:hidden;}
.soft-download ul li::before{ content: "";width: 55%;height: 0;display: block;position: absolute;top: 20px;left: 38%;border-top: dashed 1px #b3bac5;}
.soft-l {width: 95%;display: inline-block;line-height: 40px;}
.soft-l a{ color: #555; }
.soft-l a:hover{ color:#0a3480;}
.soft-r{ display: inline-block; line-height:40px;}
.soft-r a{ display: block; /*width:22px; height:22px; background: url(../images/download.jpg) 0 0 no-repeat;*/}
/*.soft-r a:hover{ background: url(../images/fuwu-xiazai-hover.png) 0 0 no-repeat;}*/
/*about end*/

/*contact start*/
.contact-banner{ width:100%; height:269px;background:url(../images/contact-banner.jpg) 0 0 no-repeat; background-position: 50% 0;}
.contact-con h4{ font-size:20px; color:#0a3480; line-height:50px;}
.contact-con p{ line-height:22px; margin-bottom:24px;}
.contact-con p span{ font-size:18px;}
.distributor{ text-align:center; margin-top:30px;}
/*contact end*/

/*footer start*/
.footer{ background:#0a3480; padding-top: 50px; color:#ccc; font-size:14px;}
.footer_con{ width:1200px; margin:0 auto; margin-bottom:30px;}
.footer_menu { width:1200px; overflow:hidden;}
.footer_menu .footer_menu_ul{ float:left; width:auto; margin-right:70px;}
.footer_menu .footer_menu_ul:last-child{ margin-right:0px;}
.footer_menu .footer_menu_ul a{ font-size:14px; color:#CCC;}
.footer_menu .footer_menu_ul a:hover{ color:#fff;}
.footer_menu ul li { line-height:28px;}
.footer_menu ul li:first-child{ margin-bottom:15px; font-weight:bold; font-size:18px;}
.footer_menu .footer_menu_ul .dh{ background:url(../images/footer-dh.png) 0 4px no-repeat; }
.footer_menu .footer_menu_ul .cz{ background:url(../images/footer-cz.png) 0 4px no-repeat; }
.footer_menu .footer_menu_ul .yb{ background:url(../images/footer-yb.png) 0 6px no-repeat; }
.footer_menu .footer_menu_ul .wz{ background:url(../images/footer-wz.png) 0 5px no-repeat; }
.footer_menu .footer_menu_ul .yx{ background:url(../images/footer-yx.png) 0 6px no-repeat; }
.footer_menu .footer_menu_ul .dz{ background:url(../images/footer-dz.png) 0 4px no-repeat; }
.footer_menu .footer_menu_ul .social-media{ margin-top:15px;}
.footer_menu .footer_menu_ul .social-media{ padding-left:5px;}
.footer_menu .footer_menu_ul .social-media a {display: inline-block;width: 42px;height: 46px;background: url(../images/social.png) 0 0 no-repeat;}
.footer_menu .footer_menu_ul .social-media .icon01{ background-position: 0 -3px;}
.footer_menu .footer_menu_ul .social-media .icon02{ background-position: -210px -3px;}
.footer_menu .footer_menu_ul .social-media .icon03{ background-position: -86px -3px;}
.footer_menu .footer_menu_ul .social-media .icon04{ background-position: -130px -3px;}
.footer_menu .footer_link_ul li{ padding-left:22px;}
.footer_menu .footer_link_ul li:first-child{ padding-left:0px;}
.footerbar{ border-top:1px solid #666; background:#032565;}
.footerbar-con{ width:1200px; margin:0 auto;}
.footerbar p{ line-height:60px; color:#ccc;}
.footerbar p span{ margin-right:12px;}
.footerbar p span:second-child{ margin-right:22px;}
.footerbar p span a{ color:#ccc;}
.contactFixed{ display:none;}
/*footer end*/

.search h4{ font-size:18px; color:#0a3480; margin:30px auto;}
.search-con ul li{ width:auto; margin-bottom:0px; float:none; margin-right:0px; border-bottom:1px solid #ccc; padding:25px 0; }
.search-con ul li a img{ float:left; width:15%; margin-right:30px;}
.search-con .news-indus-r{ width:84%; float:none;}

.page { width:100%; height:auto; overflow:hidden; text-align:center; margin-top:30px;}
.page .thisclass{display:inline-block; padding: 10px 15px; border: 1px solid #eeeeee; background: #eeeeee; color:#999999;}
.page li{ display:inline-block;}
.page a{ padding: 10px 15px; border: 1px solid #eeeeee; color:#999999; display:inline-block;}
.page a:hover{ background:#eeeeee;}

/*pro-list-fl*/
.pro-list-fl section{ margin-top:20px;}
/* Nav */
.pro-list-fl .tabs nav {text-align: center;}
.pro-list-fl .tabs nav ul { margin-bottom:20px; overflow:hidden; display:block;}
.pro-list-fl .tabs nav ul li {display:flex; align-items: center; justify-content: center;}
.pro-list-fl .tabs nav ul li {float: left; margin: 0 4px 0 0; height: 70px; width: 168px; text-align: center;cursor: pointer; background: #efeff1;font-size: 16px;border-radius: 5px;}
.pro-list-fl .tabs-jc nav ul li{width: 195px; margin: 0 6px 0 0;}
.pro-list-fl .tabs-sensor nav ul li{width: 129.5px;}
.pro-list-fl .tabs-water nav ul li{width: 225px; margin: 0 6px 0 0;}
.pro-list-fl .tabs nav ul li:last-child{ margin-right:0px;}
/* Icon box */
.pro-list-fl .tabs-style-iconbox nav ul li.tab-current{ background:#0a3480; color:#fff; }
.pro-list-fl .tabs-style-iconbox nav ul li.tab-current {z-index: 100;}
.pro-list-fl .tabs-style-iconbox nav ul li::after { display:none;}

@media(min-width:768px){
/*header*/
.h_box02 .main p.logo{ width:14%; display:inline-block; margin-top:30px;}
.h_box02 .main p.logo img { width:100%;}
.h_box02 .main ul{ width:85%; float:right; padding-left:0px; display:inline-block;}
.h_box02 .main{ overflow:hidden; zoom:1;}
.navbar-default .navbar-nav > li > a{display:inline-block; color:#000; font-size:18px;text-transform:capitalize;line-height:40px;}
.navbar-default .navbar-nav > li:hover > a,.navbar-default .navbar-nav > li > a:focus { color:#cf000d;}
/*.index_search{ width:14%; float:right; height:30px; border:1px solid #ccc; border-radius:15px; margin-top:31px;}*/
}

@media(min-width:992px){
/*header*/
/*.index_search{ width:15%; float:right;}*/

.nav li .sub_nav, .nav li .sub_nav_2, .nav li .sub_nav_3, .nav li .sub_nav_6{position:absolute; z-index:99; top:85px;display:none;background:#fff;opacity:1; box-shadow: 0 2px 8px -4px rgba(0,0,0,.3);}
.nav li .sub_nav_2 dl{ padding:10px 13px 16px 13px; float:left;}
.nav li .sub_nav_2 dl dd{ padding:10px 4px 4px 4px;}
.nav li .sub_nav_2 dl dd:first-child{ border-bottom:1px solid #ccc; font-weight:bold;}
.nav li .sub_nav{ width:146px; left:-18px;}
.nav li .sub_nav_2{ width:1150px; left:-370px;}
.nav li .sub_nav_3{ width:146px; left:-10px;}
.nav li .sub_nav_6{ width:146px; left:-32px;}
.nav li .sub_nav_2 dl dd a { text-align:center; color:#444; display:block; font-size:14px; line-height:24px; padding:0 10px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.nav li .sub_nav_2 dl dd:hover a { transform:translateX(10px);-webkit-transform:translateX(10px); -moz-transform:translateX(10px); -ms-transform:translateX(10px); -o-transform:translateX(10px); color:#cf000d;}
.nav li .sub_nav dl dd a, .nav li .sub_nav_3 dl dd a,.nav li .sub_nav_6 dl dd a { text-align:center; color:#444; display:block; font-size:14px;height:46px; line-height:46px;}
.nav li .sub_nav dl dd:hover a, .nav li .sub_nav_3 dl dd a:hover, .nav li .sub_nav_6 dl dd a:hover{ background:#cf000d; color:#fff;}
}
	
@media(min-width:768px) and (max-width:992px){
/*header*/
.h_box02{ height:auto;}
.navbar-default .navbar-nav > li{margin:0 0 0 2px;}
.navbar-default .navbar-nav > li > a{padding: 0 5px; font-size:14px; font-weight:normal; color:#555555;line-height:90px;}
}


@media (min-width:992px) and (max-width: 1200px) {
/*header*/
.h_box02{ height:auto;}
.navbar-default .navbar-nav > li{margin:0 0 0 4px;}
.navbar-default .navbar-nav > li > a{padding: 0 5px; font-size:12px;line-height:90px;}
/*
.nav li .sub_nav, .nav li .sub_nav_2{top:85px;}
*/
}
	
@media(min-width:1200px){
/*header*/
.container{width:1200px; margin:0 auto;}
.h_box02 .main p.logo{ width:10%; float:left; display:inline-block; margin-top:12px;}
.h_box02 .main ul{ width:75%; float:right; padding-left:0px; display:inline-block;}
/*.index_search{ width:15%; float:right; display:inline-block;}*/
.h_box02{ height:100px; border-bottom:1px solid #e2e7f1;}
.navbar-default .navbar-nav > li{margin:0 0 0 13px;}
.navbar-default .navbar-nav > li > a{padding: 0 21px; line-height:100px;}

}

@media(max-width:1200px){
body{ box-shadow: 0 0 5px rgba(0,0,0,.3); max-width:560px; margin:0 auto;}
.container{ width:94%; margin:0 auto; max-width:560px;}
.position{ display:none;}
.h_box01 p.left{}
.h_box01 p.left span{ margin-right:0px;}
.h_box01 p.left .chinese, .h_box01 p.left .russia{ display:none;}
.h_box01 p.left .email{ text-indent:20px;}
.index_search { width:45%;}

.demo{ display:none;}
.xydj{ display:none;}

.Online_Box .top{ display:none;}

.index-pro-fenlei-m {display: block;width: 94%;max-width: 560px;margin: 10px auto 20px auto; padding:30px 0;overflow: hidden; background:#f1f1f1;}
.index-pro-fenlei-m li {width: 33.3333%;float: left;height: auto;border-right: dotted 1px #e2e2e4;text-align: center;}
.index-pro-fenlei-m .m1{background: url(../images/1-40.png) no-repeat top center;}
.index-pro-fenlei-m .m2{background: url(../images/2-40.png) no-repeat top center;}
.index-pro-fenlei-m .m3{background: url(../images/3-40.png) no-repeat top center;}
.index-pro-fenlei-m li a{ padding-top: 47px;display: block;height:100%;color:#333;}

.index-app, .index-about-bg, .index-news, .index-about{ width:94%; max-width:560px; margin:0 auto;}
.index-app h2, .index-news h2{ font-size:18px; margin-bottom:20px; float:left; line-height:28px; color:#0a3480;}
.index-app li{ width:49%; display:inline-block; float:none; margin-right:0; position: relative;vertical-align: top; margin-bottom:15px;}
.index-app li:last-child{ margin-bottom:30px;}
.index-app .text{ height:auto; padding:14px 8px;}
.index-app .text h3{ margin-bottom:10px; font-size:16px;}
.index-app .text p{ line-height:20px; margin-bottom:15px;}
.index-app .bg{ display:none;}
.index-app .more a{ color:#0a3480;}
.index-tit .more{ display:block;width: 56px; height:28px; border-radius: 15px;border: 1px solid #0a3480;color: #0a3480;/*background: #0a3480;*/float: right;
text-align: center;line-height: 26px;}

.index-company{ display:none;}
.index-about .index-tit{ display:block; overflow:hidden;}
.index-about-txt{ width:auto; margin:0 0 25px 0;background:url(../images/index-about-bg-m.jpg) 50% 50% no-repeat;}
.index-about h2{ font-size:18px; margin-bottom:20px; line-height:28px;}
.ab-txt{ margin:50px auto auto 15px;}
.ab-txt p{ font-size:16px; line-height:24px;}

.choices{ display:none;}
.news-m{ display:block;}
.index-news{ margin-bottom:50px;}


.vr{height:73px; background:url(../images/vr-m.jpg) 50% 50% no-repeat; }
.vr a{ height:73px;}
.vr:hover{ background:url(../images/vr-m.jpg) 50% 50% no-repeat; }
.js-silder-ctrl{bottom:0px; position:inherit; }
.js-silder{ width:94%; max-width:560px; margin:0 auto;}
.silder-ctrl-prev, .silder-ctrl-next { display:none;}
.silder-ctrl-con{width: 8px;height: 8px;padding: 0;margin: 0 5px; position: relative; bottom:30px;}
.silder-ctrl-con>span{display: block;width: 100%;height: 100%;border-radius: 50%;padding: 0;}
.contents{ display:none;}

.footer{ display:none;}
.contactFixed{ position:fixed;margin:0 auto;bottom:0;width:100%; max-width:560px;z-index:99;background-color:#0a3480;display:block; height:45px;}
.contactFixed a{float:left;width:25%;height:45px;line-height:70px;display:block;color:#fff;text-decoration:none;text-align:center}
.contactFixed a:first-child{background:url(../images/ico-contact.png) center -7px no-repeat}
.contactFixed a:nth-child(2){background:url(../images/ico-contact.png) center -51px no-repeat}
.contactFixed a:nth-last-child(2){background:url(../images/ico-contact.png) center -97px no-repeat}
.contactFixed a:last-child{background:url(../images/ico-contact.png) center -143px no-repeat}

.pro-gb-bg, .pro-jb-bg, .pro-jc-bg{ display:none;}
.pro-bg{ display:none;}
.main-con{width: 94%;height: auto;margin: 0 auto;max-width: 560px;}
.main-con h1{ font-size:18px;}
.main-con h2{ font-size:16px;}
.main-con h3{ font-size:16px;}
.main-con h4{ font-size:14px;}
.about-banner, .certificate-banner, .solu-banner, .contact-banner, .news-banner, .news-faq-banner, .app-banner, .app-list-banner{ display:none;}

.distributor img, .about-con img, .solution-text img{ width:100%;}

.solu-con ul li .solu-li-pic, .solu-con ul li .solu-li-text{ width:100%; float:none;}
.solu-con ul li .solu-li-text h4 { margin-top:15px; line-height:20px;}
.solu-con ul li .solu-li-text p{ margin:10px auto 20px auto;}
.solu-con ul li .solu-li-text .more a{ color:#fff; background:#0a3480;}

.app ul li{ width:48.5%; float:none; margin-right:0px; margin-bottom:12px; display:inline-block; position:relative; vertical-align: top; }
.pro-list-m .app ul{ /*text-align:justify; line-height:0; display:block;*/} 
.pro-list-m .app ul li{ background:#efeff1; }
.app ul li h4{ font-size:14px; line-height:24px; margin-top:0px;}
.app-con .app:last-child ul li{ margin-bottom:30px;}
.app-tit .more{ width:56px; color: #fff; background:#0a3480;}

.tab{ display:none;}
.pro-list-m{ display:inline;}
.pro-con .pro-tit-pc{ display:none;}
.pro-list-fl section{ display:none;}
.pro-list-list ul{ font-size:inherit;}

.pane ul li, .pro-list-list ul li{  width:48.5%; margin-top:10px; margin-bottom:12px; float:none; margin-right:0px; display:inline-block; position:relative; vertical-align: top;}
.pane ul li .img, .pro-list-list ul li .img, .pro-index ul li .img, .pro-text .text ul li .img, .app ul li .img{ width:100%; height:auto;}
.pane ul li h4, .pro-list-list ul li h4{font-size:14px; height:auto; line-height:31px;}

.pro-pic, .pro-infor{ width:100%; float:none; overflow:hidden;}
.pro-pic{ margin-bottom:15px;}
.pro-infor h1{ line-height:24px;}
.pro-infor .metas, .pro-infor .download{ display:none;}
.pro-infor .online a{ width:32%; font-size:14px; margin-right:1%;}
.pro-infor .online a:last-child{ margin:0 auto; }
.pro-text h3{ line-height:30px; margin-bottom:5px;}
.pro-text .text table{ width:100%;}
.pro-text .text img { width:100%;}

.pro-text .text ul li{ width:48.5%; margin-bottom:12px; float:none; margin-right:0px; display:inline-block; position:relative; vertical-align: top;}
.pro-text .text ul li h4{ height:auto; line-height:31px; font-size:14px; }

.pro-fenlei{ display:none;}
.pro-index-con-m{ margin-bottom:50px; overflow:hidden;}
.pro-index-m h3{ color:#0a3480; line-height:50px;}
.imgnav{  width:100%;}
#img{ width:100%; height:auto; }

.news-con .pre-next{ width:100%;}
.news-con .choices_banner{ display:none;}
.news-lei .news-tit::before{ display:none;}
.news-lei{ margin-bottom:0px;}
.news-lei .news-industry ul li{ margin-bottom:30px;}
.news-tit .more{width:56px;color:#fff; background: #0a3480;}

.news-company ul li{ margin-bottom:20px;}
.news-company ul li .date{ width:30%;}
.news-company ul li .date .d-m{ font-size:14px;}
.news-company ul li .news-text{ width:69%; margin-left:32%;}
.news-company ul li .news-text .news-des{ display:none;}
.news-company ul li .news-text h3{ /*word-wrap:break-word;*/ line-height:normal; margin-top:10px; font-size:16px;}
.news-con ul li:last-child{ margin-bottom:30px;}

.news-industry ul li{ width:100%; float:none; margin-right:0px; }
.news-industry ul li .img{ width:40%; height:auto;}
.news-indus-r{ width:56%;}
.news-indus-r h3{ line-height:24px; margin-bottom:0px;}
.news-indus-r .text, .news-indus-r .time{ display:none;}

.news-faq-txt ul li .news-text{ width:100%; margin-left:0;}
.news-faq-txt ul li .news-text .news-des{ display:block;}
.news-faq-txt ul li{ margin-bottom:10px;}
.news-faq-txt ul li .news-text h3 span, .news-faq-lei ul li .news-text p span{ font-size:18px;}

.about-con .zhengshu-pic-5 ul li{ width:49%; margin-right:1%;}
.about-con .zhengshu-pic-5 ul li .zs-pic-5-1 ul li, .about-con .zhengshu-pic-5 ul li .zs-pic-5-2 ul li, .about-con .zs-pic-last ul li{ width:49%; margin-right:1%;}
.about-con .zhengshu-pic ul li, .about-con .zs-pic-last ul li { width:24%; margin-right:1%;}
.soft-download ul li::before{ display:none;}
.soft-l {width: 80%;}

.solution-text p{ font-size: 14px;}


}

@media (max-width: 767px) {
header{ position:relative; z-index:99; height:auto;}
header .logo{ width:30%; display:block; margin:10px 0;}
header .logo img{ width:100%}
.h_box02 .container{ width:94%; margin:0 auto; max-width:560px;}
.navbar-nav{ margin:15px 0 0; background:none; }
.navbar-default .navbar-toggle{background:none; border:none; margin:25px 0 0 0; }
.navbar-default .navbar-toggle:focus{background:none;}
.navbar-default .navbar-toggle:hover{background:#0a3480;}
.navbar-default .navbar-toggle .icon-bar{background:#0a3480;height:4px; border-radius:2px; width:34px;}
.navbar-default .navbar-toggle:hover .icon-bar{ background:#fff;}
.navbar-toggle .icon-bar+.icon-bar{margin-top:7px}
.navbar-collapse.in{overflow:hidden;}
.navbar-collapse { background:#fff;border:none; }
.navbar-default .navbar-nav > li{overflow:hidden;}
.navbar-default .navbar-nav > li > a{display:block;width:100%;font-size:14px; color:#0a3480; text-align:center;background:#e2e7eb; border-bottom:solid 1px #fff; margin-left:0;}
.navbar-default .navbar-nav > li>a:hover,.navbar-default .navbar-nav > li>a:focus{background:#0a3480; color:#fff;}

.h_box01 p.left a{ margin-right:4px;}
.h_box01 .right .tel{ width:130px; height:36px; font-size:12px; text-indent:25px;}
.h_box01 .right li{margin-right:11px; font-size:12px; }
.h_box01 p.left a.lan01, .h_box01 p.left a.lan02{ display:none;}

}
@media (max-width: 320px){
.navbar-default .navbar-toggle{ margin:15px 0 0 0; }
.pro-infor .online a{font-size:12px;}
}