/* 样式初始化

--------------------------------------------------*/

html,body{width:100%;height:100%;}
body{margin:0;font-family:'微软雅黑';overflow-y:auto;}
nav, footeraa, section, header, article{display:block;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,input,textarea,i,em{padding:0;margin:0;font-weight:normal; font-style:normal;font-family:'微软雅黑';}
ul,li{list-style:none;padding:0;margin:0;}
img{margin:0px;padding:0px;border:none; max-width:100%;}
a{color:#000;text-decoration:none;}
a:link{-webkit-tap-highlight-color:rgba(0,0,0,0);	/*禁止链接高亮*/-webkit-touch-callout:none;/*禁止链接长按弹出选项菜单*/}
a:link, a:visited, a:hover, a:active{color:#000;}
input,textarea{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
input:focus , textarea:focus, select:focus , label:focus , option:focus{outline:none;}
select, input, textarea,button {border: none;outline: none; -webkit-tap-highlight-color: #000000;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.clear{clear:both;height:0;font-size:1px;line-height:0px;}
.fl{float:left;}
.fr{float:right;}
.img_r img{float:right;}
.img_l img{float:left;}
*{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;}
/* 主体结构

--------------------------------------------------*/

.clear{clear:both;height:0;font-size:0;line-height:0px;}
.blank5{clear:both;height:5px;overflow:hidden;display:block;}
.blank8{clear:both;height:8px;overflow:hidden;display:block;}
.blank10{clear:both;height:10px;overflow:hidden;display:block;}
.blank15{clear:both;height:15px;overflow:hidden;display:block;}
.blank20{clear:both;height:20px;overflow:hidden;display:block;}
.center{text-align:center;}
.radius{-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;}
.opacity{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
/*布局*/

.box_root{width:100%;height:100%;max-width:1024px;margin:0 auto;position:relative;}
.wrap{ width:100%; max-width:1200px; _width:1200px; margin:0 auto;}

.owl-theme{position:relative;}
.owl-wrapper:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-wrapper,.owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);float:left;}
.owl-wrapper,.owl-item .item img{display:block;width:100%;height:auto;}

.owl-controls {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.owl-controls .owl-prev , .owl-controls .owl-next{cursor:pointer;color:#FFF;display:inline-block;zoom:1;*display:inline;margin:0 5px;padding:0 0.2em;line-height:0.8em;font-size:1.8em;background:#666;filter:Alpha(Opacity=50);opacity:0.5;z-index:9999;border-radius:3px;font-family: "宋体";position:absolute;top:50%; margin-top:-0.4em;}
.owl-controls .owl-prev{left:0%;}
.owl-controls .owl-next{right:0%;}

.owl-controls .owl-pagination{cursor:pointer; text-align:center;position:absolute;bottom:0;width:100%;padding:0.3rem 0; display:block; overflow:hidden;}
.owl-controls .owl-pagination .owl-page{display:inline-block;margin:0;padding:0;line-height:0;zoom:0;*display:inline;}
.owl-controls .owl-pagination .owl-page span{display:block;margin:0;padding:0;line-height:0;width:0.5rem;height:0.5rem;margin:0 0.2em;filter:Alpha(Opacity=70);opacity:0.7;background:#fff; border-radius:50%;}
.owl-controls .owl-pagination .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;z-index:10;position:relative;background:#333;}


.logo{ float:left; margin-top:30px;}
.slogan{ float:left; font-size:36px; color:#0397e1; margin:40px 0 0 30px; font-weight:bold;}
.rightCont{ float:right;}
.topLink{ float:right;padding:10px 5px 20px 0 ;}
.topLink a{ font-size:14px; color:#999;float:left; margin-left:10px; line-height:16px;}
.topLink a:hover{ color:#0397e1;}
.topLink i{ padding:8px; margin-right:6px; display:block; float:left;}
.topLink i.icon_set{ background:url(../images/icon_set.png) center no-repeat;}
.topLink i.icon_star{ background:url(../images/icon_star.png) center no-repeat;}
.topTel{ background:url(../images/toptel.png); width:253px; height:74px; clear:both; font-size:20px; color:#ff000b; margin-bottom:30px;}
.topTel span{ padding:10px 10px 0 85px; display:block;}
.topTel b{ padding:0 10px 0 85px;display:block; font-weight:normal;}

.search{ float:right; position:relative;}
.search_box{ position:relative; background:url(../images/search_bg.png) no-repeat; width:230px; height:30px;}
.search_box .search_btn{position:absolute;top:0;right:0px;width:50px; padding-right:6px;height:30px; line-height:30px; text-align:center; background:none;color:#fff; border:none; cursor:pointer;}
.search_box .search_kw{line-height:30px; border:none; background:none; width:160px; margin-top:2px;padding:0 15px; color:#ccc;}
.search_box .search_kw::-webkit-input-placeholder {color:#ccc;}

.menu{position:relative;z-index:996;float:left;-moz-box-flex:1; -webkit-box-flex:1; box-flex: 1;}

.animenu_toggle{display:none;}
.animenu{display:block;}
.animenu_nav li{display:block;float:left; padding:0 25px;}
.animenu_nav li:first-child{ padding-left:0;}

.animenu_nav { width:100%;display: -moz-box; display: -webkit-box; display: box; }
.animenu_nav li{position:relative;-moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; padding-bottom:20px;font-size:18px;}
.animenu_nav li a{display:block;text-align:center;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;color:#333; line-height:30px;}
.animenu_nav li.on a , .animenu_nav li:hover a{color:#0397e1;}

.animenu_nav_child:after{content:'';position:absolute;height:0;width:0;left:70px;margin-left:-6px;top:-6px;border:6px solid transparent;border-top:0;border-bottom-color:rgba(3,151,225,0.8);box-sizing:border-box;}
.animenu_nav > li:hover > ul{opacity:1;visibility:visible;margin:0;}


.animenu_nav_child{min-width:100%;position:absolute;top:100%;left:0;z-index:1;opacity:0;background:rgba(3,151,225,0.8);visibility:hidden;transition:margin .15s, opacity .15s;white-space:nowrap; padding:10px 0 !important; box-sizing:border-box;}
.animenu_nav_child li{width:100%;position:relative; padding:0; margin:0; background:none; font-size:14px;}
.animenu_nav_child li a{padding:0 40px;height:44px;line-height:44px; color:#fff !important;text-align:left;}
.animenu_nav_child li a:hover{ color:#b0e5ff !important;}

.animenu_sub{ width:540px;}
.animenu_sub .animenu_sublist{ float:left; width:180px;}
.animenu_sub .animenu_sublist:before{ content:''; position:absolute;top:0; width:1px;background:#0397e1;}
.animenu_sub .animenu_sublist li{ float:none;}


.banner .owl-wrapper-outer , .banner .owl-wrapper , .banner .owl-item , .banner .item, .banner .item a{height:600px;display:block;overflow:hidden; background-position:center; background-repeat:no-repeat;background-size:auto 100% !important;}

.banner .owl-controls .owl-prev , .banner .owl-controls .owl-next{display:none; background:none; }
.banner:hover .owl-controls .owl-prev , .banner:hover .owl-controls .owl-next{ display:block;}

.idxPro .contBox{ margin-top:140px;}
.idxPro .listNav{height:630px; overflow:hidden;}
.idxPro .listNav .listCont{ display:block; height:610px; margin:10px 0; overflow:hidden;}

.listBox{ width:260px; float:left;}
.listTitle{ background:#0397e1; color:#fff; height:140px; padding:0 30px; position:relative;}
.listTitle b{ display:block; padding-top:35px; font-size:36px;}
.listTitle span{ font-size:14px; text-transform:uppercase; display:block; padding-top:5px;}
.listTitle:before{content:''; position:absolute; top:50%; right:20px; background:url(../images/list_more.png) center no-repeat; width:26px; height:26px; margin-top:-13px;}
.listNav{box-shadow:0 0 20px #e7f2f6; overflow:hidden; background:#fff;}
.listName{background:url(../images/list_bg.png) repeat-y;height:40px; line-height:40px; padding:0 60px 0 0; cursor:pointer; position:relative; margin:10px 0;}
.listName:before{content:''; position:absolute; left:30px; top:50%; height:4px; width:4px; margin-top:-4px; border-radius:50%; border:3px solid #fff;}
.listName:after{content:''; position:absolute; right:10px; top:50%; margin-top:-8px; height:0; width:0;border-width:8px;border-style: solid;border-color: transparent  transparent transparent #fff;}
.listName.open:after{border-color: #fff transparent  transparent transparent; right:18px; margin-top:-2px;}
.listName a{ padding:0 0 0 60px; display:block;color:#fff;}
.listCont{ display:none;}
.listCont ul{ padding:0 0 10px 0; background:#fff;  overflow:hidden;}
.listCont li{ height:40px; line-height:40px;}
.listCont li a{ display:block; padding:0 20px 0 60px; position:relative;}
.listCont li a:before{content:''; position:absolute; left:30px; top:50%; height:4px; width:4px; margin-top:-4px; border-radius:50%; border:3px solid #109ce3;}
.listCont li a.on,.listCont li a:hover{ background:url(../images/list_bg.png) repeat-y; color:#fff;}
.listCont li a.on:before,.listCont li a:hover:before{ border-color:#fff;}

.listAd{ margin-top:40px;box-shadow:0 0 20px #e7f2f6;}
.listAd a{ display:block;}

.contBox{ width:940px;  float:right;}
.prolist ul{}
.prolist li{ width:200px; margin-left:35px; float:left; height:300px;box-shadow:0 0 20px #e7f2f6; background:#fff; margin-bottom:30px; position:relative;}
.prolist li span{ display:block;}
.prolist li .imgBx{ padding:20px 0;}
.prolist li .txtBx{ height:50px; line-height:50px; padding:0 10px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden; text-align:center; font-size:14px; color:#333; position:relative; z-index:1;}
.prolist li a:hover:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background: url(../images/pro_more.png) right top no-repeat rgba(3,151,225,0.8);}
.prolist li a:hover:after{ content:'查看详情'; position:absolute; left:50%; top:50%; width:120px; margin-left:-60px; margin-top:-40px; height:40px; line-height:40px; border:2px solid #fff; color:#fff; font-size:14px; text-align:center;}
.prolist li a:hover .txtBx{ color:#fff; position:relative;}
.prolist li a:hover .txtBx:before{ content:'';position:absolute; left:50%; top:0px; width:30px; margin-left:-15px; height:1px; background:#fff;}

.idxPro{ padding:50px 0 0 0; margin-bottom:50px; position:relative; overflow:hidden;}
.idxPro .wrap{ position:relative; z-index:1;}
.idxPro:before{ content:''; position:absolute; left:0; top:-80px; width:100%; height:100%; background:#e7f2f6; z-index:0;}
.idxPro:after{content:'PRODUCT'; position:absolute; right:50px; top:30px; font-size:200px; line-height:1em; color:#f1fafd;}



.titleBx { color:#666; position:relative; height:120px;}
.titleBx:before{ content:''; position:absolute; left:50px; width:260px; height:100px; border:10px solid #f5f5f5; z-index:0;}
.titleBx b{ padding:30px 0 2px 0; font-size:36px; display:block;position:relative; z-index:1;}
.titleBx b:before{content:''; position:absolute; left:0; top:20px; width:22px; height:4px; background:#0397e1;}
.titleBx span{ display:block; font-size:14px; text-transform:uppercase; position:relative; z-index:1;}

.titleBx.wtitle { color:#fff;}
.titleBx.wtitle:before{border-color:rgba(255,255,255,0.3);}
.titleBx.wtitle b:before{background:#fff;}

.moreBx a{ font-size:14px; color:#0397e1;}
.moreBx i{ margin-left:2px;}
.moreBx i.o1{ margin-left:5px;}
.moreBx i.o2{ opacity:0.8;}
.moreBx i.o3{ opacity:0.5;}

.idxAbout{ margin-bottom:120px;}
.idxAbout .wrap{ position:relative;}
.idxAbout .txtBx{ width:770px; float:left; margin-top:40px; color:#333;}
.idxAbout .txtBx h3{ font-size:24px;}
.idxAbout .txtBx p{ font-size:14px; line-height:24px; text-indent:2em; margin-top:30px;}
.idxAbout .moreBx{ margin:30px 0;}

.idxAbout .slideBx{ clear:both;}
.idxAbout .slideBx li{ width:180px; height:210px; float:left; background:#f5f5f5; text-align:center; margin-left:17px;}
.idxAbout .slideBx li:first-child{ margin-left:0;}
.idxAbout .slideBx li h3{ width:90px; height:90px; background:#0397e1; border-radius:50%; margin:30px auto;}
.idxAbout .slideBx li p{ font-size:18px; color:#0397e1;}
.idxAbout .imgBx{ position:absolute; right:0; bottom:0; line-height:0; padding-bottom:55px; padding-left:40px;}
.idxAbout .imgBx .title{ background:url(../images/about_titlebg.png) no-repeat; width:272px; height:252px; position:absolute;left:0; bottom:0;}
.idxAbout .imgBx .title span{ display:block;overflow:hidden;padding:90px 0 0 90px; color:#0397e1; font-size:18px; text-transform:uppercase; line-height:1em;}
.idxAbout .imgBx .title b{ display:block;overflow:hidden;font-size:24px; color:#fff; padding:40px 0 0 100px;line-height:1em; font-weight:normal;}

.idxCase{ height:665px; background:url(../images/case_bg.jpg) center top no-repeat; padding-top:100px; margin-bottom:100px;}
.tab-hdwrap{ width:100%; overflow:auto;}


.idxCase .wrap{ position:relative;}
.caseTab .tab-hd{ width:350px;padding:20px 0; height:430px; overflow:hidden;}
.caseTab .tab-hd li{ height:50px; line-height:50px; position:relative; margin:10px 0; font-size:16px;}
.caseTab .tab-hd li a{ color:#fff;padding:0 20px; display:block;}
.caseTab .tab-hd li.active{ border:1px solid #fff; width:340px;}
.caseTab .tab-hd li.active:before{ content:''; position:absolute;width: 0;height: 0; top:50%; margin-top:-10px; right:-18px;border-width:10px;border-style: solid;border-color: transparent  transparent transparent #fff;}
.caseTab .tab-bd{ position:absolute; right:0; top:0;}
.caseTab .tab-bd li{ display:none;}
.caseTab .tab-bd li a{ display:block; line-height:0;}
.idxCase .moreBx{background:rgba(255,255,255,0.3); width:170px; height:60px; position:absolute; right:20px; bottom:0; text-align:center; line-height:60px;}

.contFoot{ margin:120px auto;}
.idxMessage{ float:left; width:500px;}
.messageBx{ margin-top:45px; }
.messageBx .ms_input{ width:100%; height:50px; background-color:#f5f5f5; background-position:18px 15px; background-repeat:no-repeat; margin-bottom:15px; padding:0 10px; padding-left:60px; box-sizing:border-box;font-size:14px;}
.messageBx .tt_input{ width:100%; line-height:50px; background-color:#f5f5f5; background-position:18px 15px; background-repeat:no-repeat; margin-bottom:20px; padding:0 10px;padding-left:60px;box-sizing:border-box;font-size:14px;}
.messageBx .ms_submit{ height:50px; width:180px; background:#0397e1; font-size:16px; color:#fff;}
.icon_user{ background-image:url(../images/icon_user.png);}
.icon_tel{ background-image:url(../images/icon_tel.png);}
.icon_email{ background-image:url(../images/icon_email.png);}
.icon_info{ background-image:url(../images/icon_info.png);}

.idxContact{ float:right; width:623px;}
.idxContact h3{ height:117px; padding:0 30px 25px 30px; background:url(../images/contact_bg.png) left top no-repeat; line-height:117px; font-size:36px; color:#fff; font-weight:bold;}
.contactCont p{ clear:both; margin-top:20px; padding-left:40px; overflow:hidden; font-size:16px;}
.contactCont i{ float:left; border:1px solid #ddd; border-radius:50%; margin-right:40px;width:68px;height:68px;}
.contactCont i img{ width:68px;}
.contactCont font{ border-bottom:1px solid #f5f5f5; padding:25px 10px; display:block; overflow:hidden;}
.contactCont b{ font-weight:normal; width:5em; float:left; color:#666;}
.contactCont span{ color:#0397e1; text-transform:uppercase;}
.idxDownload{ background:url(../images/download_bg.jpg) center no-repeat #e7f2f6; height:200px; line-height:200px; text-align:center;}
.idxDownload a{ font-size:36px; color:#0397e1; font-weight:bold;}

.footer{ background:#0397e1; color:#fff; padding:40px 0;}
.footer a{ color:#fff;}
.footer a:hover{ color:#f1fafd;}
.footNav ul{ text-align:center;}
.footNav li{ display:inline-block; padding:0 20px; font-size:12px;}
.footLink{ margin:40px auto; padding:20px 0; border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3); text-align:center;}
.footLink li{ display:inline-block; padding:0 20px; font-size:16px;}
.footCopy p{ color:#b0e5ff; font-size:12px; line-height:24px; margin:20px auto 0 auto; text-align:center;}

.banner_inside{width: 100%;height:300px;display: block;background-position: center top;background-repeat: no-repeat;background-size: auto 100%;}
.banner_inside .titleBx{ padding-top:8%;}
.location{ font-size:12px; color:#999; height:40px; line-height:40px; background:#f5f5f5;}
.location a{ color:#999;}
.location a:hover{ color:#0397e1;}
.location i{ width:30px; height:40px; float:left; background:center no-repeat;}
.location i.icon_home{ background-image:url(../images/icon_home.png);}

.subnav { margin:50px auto;}
.subnav li{display: table-cell; width:1%; text-align:center; font-size:18px; font-weight:bold;}
.subnav li a{ display:block; margin:0 1px; background:#f5f5f5; height:80px; line-height:80px; color:#666;}
.subnav li a:hover , .subnav li.on a{ background:url(../images/list_bg.png) repeat-y; background-size:100%; color:#fff;}

.articleBx{ margin:50px auto; overflow:hidden;}
.articleBx .imgBx{ float:right; margin-left:60px;}
.articleBx .txtBx{ overflow:hidden;}
.about .articleBx h3{ font-size:24px; color:#0397e1; position:relative; font-weight:normal; margin-bottom:40px;}
.about .articleBx h3 span{ position:relative; z-index:1;}
.about .articleBx h3:before{ content:''; position:absolute; left:0; bottom:0; width:80%; height:7px; background:#e7f2f6; z-index:0;}
.about .articleBx p{ font-size:14px; line-height:24px; color:#333; text-indent:2em; margin:30px 0;}

.contact{ margin:50px auto;}
.contact .map{ border:10px solid #0397e1; height:420px;}
.contact .contBx{ margin-top:50px; overflow:hidden;}
.contact .imgBx{ float:left; padding:0 15px 18px 0; position:relative; line-height:0;}
.contact .imgBx img{ position:relative; z-index:1;}
.contact .imgBx:before{ content:''; position:absolute; right:0; bottom:0; width:94%; height:94%; background:#d9edf7;}
.contact .contactCont{ overflow:hidden;}
.contact .contactCont h3{ padding-left:40px; font-size:24px; color:#0397e1; margin-bottom:30px;}
.contact .contactCont p{ margin-top:15px;}

.servelist{ margin:50px auto;}
.bkBx{box-shadow:0 10px 20px #e7f2f6;}
.searchBx{ width:42%; margin:60px auto 40px auto; background:#f5f5f5; height:45px; position:relative; padding:0 100px 0 10px;}
.searchBx .search_btn{position:absolute;top:0;right:0px;width:90px; text-align:center;height:45px; line-height:45px; text-align:center; background:#0397e1;color:#fff; border:none; cursor:pointer;}
.searchBx .search_kw{ height:45px; border:none; background:none; width:100%;}
.newsList{ width:80%; margin:0 auto; padding-bottom:40px;}
.newsList li{ height:60px; line-height:60px; border-bottom:1px solid #eee;}
.newsList li a{display:block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; padding-left:65px; color:#666; position:relative;}
.newsList li a:before{content:''; position:absolute; left:30px; top:45%; height:4px; width:4px; margin-top:-4px; border-radius:50%; border:3px solid #109ce3;}
.newsList li a:hover{ color:#0397e1;}
.newsList li span{ float:right; padding:0 10px; color:#999;}

.caselist{ margin:40px auto;}
.topcase{ background:#0397e1; color:#fff; overflow:hidden; margin-bottom:50px;}
.topcase .imgBx{ float:left; line-height:0; max-width:60%;}
.topcase .txtBx{ overflow:hidden; padding:50px;}
.topcase .txtBx h3{ font-size:30px;}
.topcase .txtBx h4{ font-size:14px; font-weight:normal; margin:30px 0;}
.topcase .txtBx p{ font-size:14px; line-height:26px; height:130px; overflow:hidden; margin:40px 0;}
.topcase .txtBx a{ height:50px; line-height:50px; width:180px; text-align:center; color:#fff; border:2px solid #fff; display:block; overflow:hidden; margin-top:50px;}


.caselistUl{ width:104%; margin-left:-1.5%;}
.caselistUl li{ width:30%; float:left; margin:30px 1.5%;box-shadow:0 10px 20px #e7f2f6;}
.caselistUl li .imgBx{ line-height:0;}

.caselistUl li .txtBx{ padding:25px; display:block; overflow:hidden;}
.caselistUl li .txtBx font{ display:block; overflow:hidden;}
.caselistUl li .txtBx .caseTitle{ font-size:18px; color:#333; font-weight:bold;text-overflow:ellipsis;white-space:nowrap;}
.caselistUl li .txtBx .caseTime{ font-size:14px; color:#999; margin:20px 0;}
.caselistUl li .txtBx .caseText{ font-size:14px; line-height:26px; height:52px; overflow:hidden; color:#8d97ad;}
.caselistUl li a{ display:block;}
.caselistUl li a:hover{ background:#0397e1; }
.caselistUl li a:hover font{color:#fff !important;}

.case{ margin:50px auto;}
.caseBx .caseTitle{ background:#0397e1; color:#fff; padding:30px; color:#fff; text-align:center;}
.caseBx .caseTitle b{ display:block; font-size:30px;}
.caseBx .caseTitle span{ display:block; font-size:14px; padding-top:20px;}
.caseBx .caseImg{ padding:40px 0; text-align:center;}
.caseBx .subTitle{ width:200px; height:50px; line-height:50px; padding:0 30px; background:#0397e1; color:#fff; margin:40px 0;}
.caseBx .caseText{ margin-bottom:40px;}
.caseBx .caseText p{ font-size:18px; line-height:36px; color:#333;}

.productlist{ margin:50px 0;}

.proCont{padding:30px; margin-left:40px;}
.proZoom{ width:440px; height:400px; border:2px solid #f5f5f5; float:left; text-align:center;display: flex;justify-content:center;align-items:center;}
.proZoom img{ max-height:400px;}
.proInfo{ padding:0 40px; overflow:hidden;}
.proInfo .proName { font-weight:bold;}
.proInfo .proName span{ display:block; color:#666; font-size:18px;}
.proInfo .proName b{ display:block; font-size:30px; color:#0397e1; margin:20px 0 40px 0;}
.proDownload a{ display:block; height:45px; line-height:45px; background:#f5f5f5; color:#ff0000; float:left; padding:0 30px 0 20px; font-size:12px;}
.proDownload a img{ float:left; height:30px; padding:7px;}

.proDetail .subTitle{height:50px; line-height:50px; padding:0 30px; background:#0397e1; color:#fff; margin:20px 0;}
.proDetail p{ font-size:16px; line-height:36px; color:#333;}
/* ====================
          手机
   ==================== */

@media all and (max-width:768px), only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px), only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px), only screen and (min-device-pixel-ratio:2) and (max-width:1024px), only screen and (min-resolution:192dpi) and (max-width:1024px), only screen and (min-resolution:2dppx) and (max-width:1024px){

.logo{margin-top:0px;}
.logo img{ height:40px; margin:5px;}
.slogan{font-size:14px; margin:5px; line-height:40px;}
.rightCont{display:none;}
.search{ display:none;}


.menu{background:none;position:absolute;top:0; right:0;}
.animenu_toggle{display: block;cursor:pointer;border:0;padding:10px;height:40px;width:40px; margin-top:5px;}
.animenu_toggle_bar{display:block;width:20px;height:2px;background-color:#333;-webkit-transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);-o-transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition:0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.animenu_toggle_bar + .animenu_toggle_bar{margin-top:4px;}
.animenu_toggle_active .animenu_toggle_bar{margin:0;position:absolute;}
.animenu_toggle_active .animenu_toggle_bar:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.animenu_toggle_active .animenu_toggle_bar:nth-child(2){opacity:0;}
.animenu_toggle_active .animenu_toggle_bar:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}


.animenu{text-align:right;position:relative;}
.animenu ul{padding:0;list-style:none;width:100%;}
.animenu_toggle{display:inline-block;background:none;}
.animenu_nav,  .animenu_nav_child , .animenu_nav_open .animenu_nav_child{display:none;}
.animenu_nav{margin:10px 0;text-align:left;background:#0397e1 !important;max-height:400px;overflow-y:auto;}
.animenu_nav > li{width:100%;border-right:0;border-bottom:1px solid #b0e5ff;box-sizing:border-box; margin:0; padding:0; background:none;}
.animenu_nav > li.on a{border-radius:0; color:#b0e5ff;}
.animenu_nav > li:last-child{border:0;}
.animenu_nav > li > a{width:100%;padding:0;box-sizing:border-box; color:#fff; font-size:14px;}
.animenu_nav > li > a:first-child:nth-last-child(2):before{top:22px;margin-top:-2px;}
.animenu_nav_open{display:block !important;position:absolute;top:40px;}

.animenu_nav_open{ position:relative; top:0px; margin:0;}


.banner .owl-wrapper-outer , .banner .owl-wrapper , .banner .owl-item , .banner .item, .banner .item a{height:160px;}







.listBox{width:100%; float:none;}
.listTitle{height:auto; padding:10px 15px; position:relative; z-index:100;}
.listTitle b{padding-top:0; font-size:26px;}
.listTitle span{ font-size:12px; padding-top:0;}

.listNav{display:none; position:absolute; width:100%; z-index:99;}
.listName{ background-size:100%;height:40px; line-height:40px; padding:0;margin:10px 0;}

.listName a{ padding:0 0 0 60px; display: inline-block;}

.listCont{width:100%; display:none;}
.listCont ul{ padding:10px 0;height:auto;}
.listCont li{ height:32px; line-height:32px;}
.listCont li a{padding:0 10px 0 30px; font-size:14px;}
.listCont li a:before{left:10px;}


.contBox{ width:100%;  float:none;}
.prolist{ padding:0;background:#e7f2f6;}
.prolist ul{float:none; padding:5px 1%; overflow:hidden;}
.prolist li{ width:48%; margin:5px 1%; float:left; height: auto;}


.idxPro{ padding:0; margin-bottom:20px;}
.idxPro:before{ display:none;}
.idxPro:after{ display:none;}


.idxPro .contBox{ margin-top:0;}

.titleBx {height:100px; padding:0 5px;}
.titleBx:before{left:50px; width:200px; height:80px; border:8px solid #f5f5f5;}
.titleBx b{padding:25px 0 2px 0;font-size:24px;}
.titleBx span{font-size:12px;}



.idxAbout{ margin-bottom:10px;}
.idxAbout .wrap{ position:relative;}
.idxAbout .txtBx{ width:100%; float:none; margin-top:10px; color:#333;}
.idxAbout .txtBx h3{ font-size:16px; padding:5px;}
.idxAbout .txtBx p{ font-size:14px; line-height:24px; text-indent:2em; margin-top:5px; padding:5px;}
.idxAbout .moreBx{ margin:10px auto; text-align:center;}

.idxAbout .slideBx{ clear:both; padding:0 0.5%;}
.idxAbout .slideBx li{ width:24%; height:auto; float:left; background:#f5f5f5; text-align:center; margin:0 0.5%;}
.idxAbout .slideBx li:first-child{ margin-left:0.5%;}
.idxAbout .slideBx li h3{ width:40px; height:40px; margin:10px auto;}
.idxAbout .slideBx li p{ font-size:14px; padding-bottom:10px;}
.idxAbout .imgBx{ display:none;}

.idxCase{ height: auto;padding-top:20px; margin-bottom:10px;}
.idxCase .titleBx { color:#fff;}
.idxCase .titleBx:before{border-color:rgba(255,255,255,0.3);}
.idxCase .titleBx b:before{background:#fff;}

.idxCase .wrap{ position:relative;}
.caseTab .tab-hd{ padding:10px 10px; height:auto; overflow:hidden;}
.caseTab .tab-hd li{ height:40px; line-height:40px; position:relative; margin:10px 0; float:left;font-size:14px;}
.caseTab .tab-hd li a{ color:#fff;padding:0 10px; display:block;}
.caseTab .tab-hd li.active{ border:1px solid #fff; width: auto;}
.caseTab .tab-hd li.active:before{top:100%; margin-top:-2px; right:50%;border-color: #fff transparent  transparent  transparent;}
.caseTab .tab-bd{ position: relative; right: auto; top: auto;}
.caseTab .tab-bd li{ display:none;}
.idxCase .moreBx{width: auto; bottom:10px; right:10px; padding:0 20px; height:40px;line-height:40px;}

.contFoot{ margin:20px auto;}
.idxMessage{ float:none; width:100%;}
.messageBx{ margin-top:15px; padding:5px;text-align: center;}
.messageBx .ms_input{margin-bottom:10px;}
.messageBx .tt_input{margin-bottom:10px;}
.messageBx .ms_submit{ margin:0 auto;margin-bottom:15px;}

.idxContact{ float:none; width:100%;}
.idxContact h3{font-size:24px;}
.contactCont p{margin-top:10px; padding-left:10px;font-size:14px;}
.contactCont i{ margin-right:5px;width:50px; height:50px;}
.contactCont i img{ width:50px;}
.contactCont font{ padding:15px 10px;}

.idxDownload{height:100px; line-height:100px;}
.idxDownload a{ font-size:24px; color:#0397e1; font-weight:bold;}

.footer{padding:10px 0;}
.footNav li{padding:0 10px;}
.footLink{ margin:10px auto; padding:10px 0;}
.footLink li{padding:0 5px; font-size:14px;}
.footLink li a{ padding:5px;}
.footCopy{ padding:0 5px;}
.footCopy p{line-height:18px; margin:5px auto 0 auto;}


.banner_inside{height:120px;}
.banner_inside .titleBx{ padding-top:4%;}

.subnav { margin:10px auto;}
.subnav li{font-size:14px;font-weight:normal;}
.subnav li a{ height:40px; line-height:40px;}

.articleBx{ margin:10px auto; overflow:hidden;}
.articleBx .txtBx{ padding:5px;}
.articleBx .imgBx{ float:none; margin-left:0; display:none;}
.about .articleBx h3{font-size:16px; margin-bottom:10px;}
.about .articleBx h3:before{ height:4px;}
.about .articleBx p{margin:5px 0;}

.contact{ margin:10px auto;}
.contact .map{ border:none; height:220px;}
.contact .contBx{ margin-top:10px; overflow:hidden; padding:5px;}
.contact .imgBx{ float:none; padding:0 10px 12px 0;}
.contact .imgBx img{ position:relative; z-index:1;}
.contact .imgBx:before{ content:''; position:absolute; right:0; bottom:0; width:94%; height:94%; background:#d9edf7;}
.contact .contactCont{ overflow:hidden;}
.contact .contactCont h3{ margin:20px 0; padding-left:10px; font-size:18px; color:#0397e1;}
.contact .contactCont p{ margin-top:10px;}


.servelist{ margin:10px auto;}
.searchBx{ width:98%;height:35px;padding:0 65px 0 5px; box-sizing:border-box; margin:10px auto;}
.searchBx .search_btn{width:60px;height:35px; line-height:35px; }
.searchBx .search_kw{ height:35px;}
.newsList{ width:96%; margin:0 auto; padding-bottom:10px;}
.newsList li{ height:40px; line-height:40px;}
.newsList li a{padding:0 10px 0 30px; font-size:13px;}
.newsList li a:before{left:10px;}

.newsList li span{padding:0 5px;}

.caselist{ margin:10px auto;}
.topcase{margin-bottom:10px;}
.topcase .imgBx{ float:none;max-width:100%; width:100%;}
.topcase .txtBx{ padding:10px;}
.topcase .txtBx h3{ font-size:20px;}
.topcase .txtBx h4{ font-size:14px; margin:10px 0;}
.topcase .txtBx p{ font-size:14px; line-height:26px; height: auto;margin:10px 0;}
.topcase .txtBx a{ height:30px; line-height:30px; width:100px;border:2px solid #fff;margin-top:20px; font-size:14px;}


.caselistUl{ width:98%; margin:0 1%;}
.caselistUl li{ width:48%; margin:10px 1%;}

.caselistUl li .txtBx{ padding:5px;}
.caselistUl li .txtBx font{ display:block; overflow:hidden;}
.caselistUl li .txtBx .caseTitle{ font-size:14px;}
.caselistUl li .txtBx .caseTime{ font-size:12px;margin:10px 0;}
.caselistUl li .txtBx .caseText{ font-size:12px;}

.case{ margin:10px auto;}
.caseBx .caseTitle{padding:10px;}
.caseBx .caseTitle b{font-size:20px;}
.caseBx .caseTitle span{font-size:14px; padding-top:10px;}
.caseBx .caseImg{ padding:10px 0;}
.caseBx .subTitle{height:30px; line-height:30px; padding:0 10px;margin:10px 0;}
.caseBx .caseText{ margin-bottom:10px; padding:5px;}
.caseBx .caseText p{ font-size:14px; line-height:26px; }

.listAd{ display:none;}

.productlist{ margin:10px auto;}

.proCont{padding:0; margin-left:0;}
.proZoom{ width:100%; height:auto; border:none; float:none;}
.proZoom img{ max-height:none;}
.proInfo{ padding:10px;}
.proInfo .proName span{font-size:14px;}
.proInfo .proName b{ font-size:20px; margin:10px 0 20px 0;}
.proDownload a{ display:block; height:45px; line-height:45px; background:#f5f5f5; color:#ff0000; float:left; padding:0 30px 0 20px; font-size:12px;}
.proDownload a img{ float:left; height:30px; padding:7px;}

.proDetail .subTitle{height:30px; line-height:30px; padding:0 10px;margin:10px 0;}
.proDetail p{ font-size:14px; line-height:24px; padding:5px;}

}