@charset "utf-8";
/* CSS Document */
/*ZYRCC 2016.12.05*/
* { margin: 0; padding: 0; }
body { font: 14px/1.83 'Hiragino Sans GB', Helvetica, Microsoft YaHei, Arial, sans-serif; color: #333; }
/*默认样式*/
a { display: inline-block; transition: all .3s; text-decoration: none; color: #666; }
a:hover { color: #0075c2; }
a img { border: none; }
ul, ol, li { list-style: none; }
/*通用样式*/
/*清除浮动*/
.fl { float: left; }
.fr { float: right; }
.clear { font-size: 0; line-height: 0; clear: both; height: 0; }
.clearfix { *zoom: 1;}
.clearfix:before, .clearfix:after { line-height: 0; display: table; content: ''; }
.clearfix:after { clear: both; }
/*宽度*/
.wrapper { width: 100%; max-width: 1200px; margin: 0 auto; }
.container { overflow: hidden; width: 100%; max-width: 1200px; margin: 0 auto; }
.pad { padding: 15px 0; }
/*ul li*/
.col2, .col3, .col4, .col5, .col6, .col7, .col8, .colm2, .colm3, .colm4, .colm5, .colm6 { overflow: hidden; }
.col2 > li, .col3 > li, .col4 > li, .col5 > li, .col6 > li, .col7 > li, .col8 > li, .colm2 > li, .colm3 > li, .colm4 > li, .colm5 > li, .colm6 > li { float: left; }
.col6 > li { width: 16.6%; }
.col7 > li { width: 14.2%; }
.col8 > li { width: 12.5%; }
.col5 > li { width: 20%; }
.colm2 { margin-left: -3%; }
.colm2 > li { width: 47%; margin-bottom: 2%; margin-left: 3%; }
.colm3 { margin-left: -4%; }
.colm3 > li { width: 29.3%; margin-bottom: 2%; margin-left: 4%; }
.colm4 { margin-left: -2%; }
.colm4 > li { width: 23%; margin-bottom: 1%; margin-left: 2%; }
.colm6 { margin-left: -2%; }
.colm6 > li { width: 14.6%; margin-bottom: 1%; margin-left: 2%; }
li a { display: block; }
li img { line-height: 0; width: 100%; }
/*--------------------------------Index--------------------------------*/
/*--------banner--------*/
.banner { overflow: hidden; width: 100%; max-height: 500px; margin: 0 auto; }
.banner img { width: 100%; max-height: 500px!important; }
/* rslides */
.rslides { position: relative; overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; }
.rslides li { position: absolute; top: 0; left: 0; display: none; width: 100%; -webkit-backface-visibility: hidden; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; float: left; width: 100%; height: auto; border: 0; }
/*pager*/
.callbacks_tabs.callbacks1_tabs { position: relative; z-index: 12; margin-top: -40px; margin-bottom: 20px; }
.callbacks_tabs.callbacks1_tabs li { position: relative; display: inline-block; width: 50px; height: 6px; margin-left: 5px; background: #a6b5be; }
.callbacks_tabs.callbacks1_tabs li a { position: absolute; z-index: 12; left: 0; display: inline-block; width: 50px; height: 6px; color: rgba(100,200,255,0); color: transparent; }
.callbacks_tabs.callbacks1_tabs li.callbacks_here a { background: #0075c2; }
/* Callback example */
.callbacks_container { position: relative; width: 100%; max-width: 100%; margin-bottom: 2px; text-align: center; }
.callbacks { position: relative; overflow: hidden; width: 100%; margin: 0; padding: 0; list-style: none; }
.callbacks li { position: absolute; top: 0; left: 0; width: 100%; }
.callbacks img { position: relative; z-index: 1; display: block; width: 100%; height: auto; border: 0; }
.callbacks .caption { font-size: 20px; position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; display: block; max-width: none; margin: 0; padding: 10px 20px; color: #fff; background: #000; background: rgba(0,0,0, .8); text-shadow: none; }
.callbacks_nav { position: absolute; z-index: 3; top: 50%; left: 0; display: none; overflow: hidden; width: 38px; height: 61px; margin-top: -30px; text-decoration: none; text-indent: -9999px; opacity: .6; background: transparent url('../images/themes.gif') no-repeat left top; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.callbacks_container:hover .callbacks_nav { display: block; }
.callbacks_nav:active { opacity: 1.0; }
.callbacks_nav.next { right: 0; left: auto; background-position: right top; }

@media screen and (max-width:600px) {
.callbacks_nav { top: 47%; }
}
/*titbar*/
.titbar { position: relative; margin: 15px 0 20px; text-align: center; }
.titbar h3 { font-size: 2em; line-height: 1.4em; }
.titbar span { font-size: 1.2em; padding: 4px 0 8px; text-transform: uppercase; color: #666; border-bottom: 6px solid #0075c2; }
.titbar p { position: absolute; z-index: -1; bottom: -7px; width: 100%; height: 5px; border-bottom: 1px solid #666; }
/*i_about*/
.i_about div.fl { width: 60%; }
.i_about div.fr { line-height: 0; box-sizing: border-box; width: 40%; padding: 60px 70px 0 0; text-align: right; background: url(../images/about_bg.png) no-repeat top right; }
.i_about div.fl h2 { line-height: 3em; }
.i_about div.fl p { line-height: 2em; padding: 5px 0; text-indent: 2em; }
.umore { margin: 10px 0; padding: 5px 20px; text-transform: uppercase; color: #fff; border: 1px solid #0075c2; background: #0075c2; }
.umore:hover { color: #0075c2; background: #fff; }
/*i_case*/
.scrolllist { position: relative; }
#s2 a.abtn { position: absolute; top: 90px; overflow: hidden; width: 28px; height: 100px; background: url(../images/arrow2.png) no-repeat 0 center; }
#s2 a.aleft { left: -40px; }
#s2 a.aright { right: -40px; background-position: -30px center; }
#s2 .imglist_w { position: relative;overflow: hidden; width: 1200px; height: 310px; }
#s2 .imglist_w ul { position: absolute; top: 0; left: 0; width: 20000px; }
#s2 .imglist_w li { font-size: 16px; line-height: 40px; float: left; margin: 0 10px; text-align: center; }
#s2 .imglist_w li > a { line-height: 0; }
#s2 .imglist_w li a p { font-size: 16px; line-height: 2em; text-align: center; }
.proshow .more { font-size: 14px; display: block; width: 75px; text-align: center; border-bottom: 2px solid #e60013; }
#s2 .imglist_w li img { width: 280px; height: 210px; }
.proshow li a { position: relative; display: block; color: #666; }
.ilink li { line-height: 0; box-sizing: border-box; text-align: center; border: 1px solid #ccc; }
.ilink li img { width: auto; height: 30px; margin: 15px 0; }
/*i_news*/
.i_news > div.fl { width: 45%; }
.i_news > div.fr { width: 50%; }
.i_news > div.fl { width: 45%; }
.inews li { line-height: 2.5em; overflow: hidden; border-bottom: 1px dotted #ccc; }
.inews li a { float: left; overflow: hidden; width: 80%; white-space: nowrap; text-overflow: ellipsis; }
.inews li span { float: right; }
.inews_list li { overflow: hidden; margin: 0 0 10px; padding: 10px; border: 1px solid #ddd; }
.inews_list li div.fl { width: 15%; border-bottom: 2px solid #333; }
.inews_list li div.fl span { font-size: 2.5em; font-weight: bold; line-height: 1.3em; display: block; }
.inews_list li div.fr { width: 82%; }
.inews_list li div.fr h3 a { font-size: .9em; color: #0075c2; }
.inews_list li div.fr p { line-height: 1.6em; }
/*iproduct*/
.ipromenu { overflow: hidden; }
.ipromenu li { float: left; width: 14.2%; text-align: center; }
.ipromenu li a { font-size: 1.2em; padding: 8px 0; cursor: pointer; transition: all .1s; }
.ipromenu li.current a { color: #fff; background: #0075c2; }
.ipromenu li.current::after { display: table; width: 0; height: 0; margin: 0 0 0 45%; content: ''; border: 10px solid white; border-top-color: #0075c2; }
.i_pro .iprocon div ul { display: none; }
.i_pro .iprocon li > a { line-height: 0; text-align: center; }
.i_pro .iprocon li > a img { height: 200px; }
.i_pro .iprocon li p { line-height: 2em; padding: 5px 0; text-align: center; }
.i_pro .iprocon li:hover > a p { color: #0075c2; }
.i_pro .iprocon a.more { float: right; padding: 5px 10px; color: #0075c2; border: 1px solid #0075c2; }
.i_pro .iprocon a.more:hover { color: #fff; background: #0075c2; }
/*iproduct end*/
/*--------------------------------内页--------------------------------*/
/*i_pro*/
.sidebar { width: 22%; height: 495px; border: 1px solid #0075c2; }
.sidebar h3 { font-size: 1.8em; line-height: 1.2em; padding: 15px 0 5px; text-align: center; color: #fff; background: #0075c2; }
.sidebar h3 span { font-size: 16px; font-weight: normal; display: block; text-transform: uppercase; }
.sidebar ul { padding: 10px 20px; }
.sidebar ul li { line-height: 40px; height: 40px; margin: 5px 0; padding: 0 10px; cursor: pointer; }
.sidebar ul li a { background: url(../images/list2.png) no-repeat right center; background-size: 10px; }
.sidebar ul li:hover, .sidebar ul li.current { background: #e7e7e7; }
.sidebar ul li:hover a, .sidebar ul li.current a { color: #0075c2; }
/**/
.main { width: 75%; border: 1px solid #0075c2; }
.main > h3 { padding: 5px 10px; color: #fff; background: #0075c2; }
.main > h3 span { padding: 0 0 0 10px; border-left: 5px solid #fff; }
.main > div { padding: 20px; }
.breadcrumb { font-size: 14px; font-weight: normal; }
.main > h3 .breadcrumb a { color: #fff; }
.article p { line-height: 2em; padding: 5px 0; }
.article p a { display: inline; text-indent: 0; }
.article img.fl { padding: 0 10px 5px 0; }
/*--------------------------------honor imglist--------------------------------*/
.imglist { margin-top: 30px; }
.imglist li { box-sizing: border-box; padding: 10px 10px 5px; transition: all .3s; text-align: center; border: 1px solid #c9c9c9; }
.imglist li:hover { color: #fff; border: 1px solid #e60013; background: #e60013; }
.imglist li:hover a { color: #fff; }
.imglist li > a { line-height: 0; }
.imglist li > p { line-height: 2em; padding: 5px 0 0; }
.imglist li a img { height: 140px; }
/*--------------------------------service--------------------------------*/
.service h3 { padding: 10px 0 0; }
/*--------------------------------product--------------------------------*/
.promenu { overflow: hidden; margin: 10px 0 10px -1%; text-align: center; }
.promenu li { display: inline-block; width: 13.2%; max-width: 140px; margin:2% 0 2% 1%; text-align: center; background: #555; }
.promenu li.current { background: #e60013; }
.promenu li:hover a { text-decoration: underline; background: rgba(230,0,19,.2); }
.promenu li a { line-height: 2em; display: block; padding: 5px 0; color: #fff; }
.pro_list { overflow: hidden; }
.pro_list li > a { line-height: 0; }
.pro_list li > a img { height: 210px; }
.pro_list li > p { line-height: 2em; padding: 5px 0; text-align: center; }
.subtitbar { line-height: 2em; overflow: hidden; padding: 5px 0 10px; border-bottom: 1px solid #ccc; }
.subtitbar > span { font-size: 1.5em; float: left; }
/*--------------------------------article-pro--------------------------------*/
.bgray { border-bottom: 1px solid #ddd; background: #efefef; }
/*主要信息*/

.infor_img { line-height: 0; float: left; width: 42%; }
.infor_img img { width: 100%; }
.infor_img .pics { height: 350px; }
.infor_img .frontCover .img { height: 50px; }
.infor_img .frontCover img { height: 50px; }
.infor_text { float: right; width: 57%; }
.infor_text .pro_tit { font-size: 2em; font-weight: bold; line-height: 2em; padding-bottom: 5px; }
.infor_text li { overflow: hidden; padding: 5px 0; }
.infor_text li strong { color: #e60013; }
.infor_text li.gray { color: #666; border-bottom: 1px dotted #ddd; }
.li_txt { overflow: hidden; min-height: 58px; max-height: 90px; }
.li_txt strong { font-size: 14px; }
.solu_txt { line-height: 2em; height: 200px; }
.redtel { font-size: 30px; font-weight: bold; color: #e60013; }
.tel24 { line-height: 2.8em; overflow: hidden; padding: 5px 0 5px 45px!important; background: url(../images/tel.gif) no-repeat left center; }
.infor_text span { float: left; }
a.price_btn, a.online_btn { font-size: 16px; line-height: 2.4em; float: left; width: 22%; margin-right: 15px; text-align: center; color: #fff; background: #e60013; }
.price_btn:hover { opacity: .9; }
a.online_btn { background: #232323; }
/*快速导航*/
.infor_menu { overflow: hidden; background: #ddd; }
.infor_menu li { float: left; text-align: center; }
.infor_menu li a { font-size: 16px; line-height: 35px; display: block; padding: 5px 0; }
.infor_0 p { line-height: 2em; padding: 0 0 5px; text-indent: 2em; }
/*产品优势*/
.promain h3.titbar { font-size: 1.5em; line-height: 2.2em; margin: 0; padding: 10px 0 0; text-align: left; }
.promain img { max-width: 100%!important; }
.infor1_list { margin-left: -4%; }
.infor1_list li { line-height: 2.2em; float: left; width: 46%; margin: 0 0 10px 4%; }
.infor1_list li h3 { font-size: 16px; padding: 5px 0 0; color: #0075c2; }
.infor1 li p { height: 80px; }
/*工作原理*/
.infor3 { padding: 0 0 10px; }
.infor3 .yl_img { float: left; width: 50%; height: 300px; }
.infor3 .yl_text { line-height: 3em; float: right; width: 45%; padding: 5% 0 0; }
.yl { padding: 0 0 10px; }
/*技术参数 表格*/
.biaoge { line-height: 2.5em; width: 100%; margin: 0 0 15px; border-collapse: collapse; text-align: center; border: 1px solid rgba(0,0,0,.3); }
.biaoge td, .biaoge th { border: 1px solid #ddd; }
td.tabtit, .tabtit td, .biaoge .tabtit:hover td, .biaoge tr:hover td.tabtit { color: #fff; background: #0075c2; }
.biaoge tr:hover td { background: rgba(0,0,0,.1); }
/*在线订购*/
.infor0, .infor1, .infor2, .infor3, .infor4, .infor5 { padding: 5px 0 15px; border-bottom: 1px dotted #ccc; }
.infor2 li img { height: 110px; }
.online_tab { font-size: 1.2em; width: 100%; }
.submit_btn { line-height: 2.3em; padding: 0 10px; color: #fff; border: none; background: #0075c2; }
.online_tab p { font-size: 13px; line-height: 2em; color: #666; }
.txt_input { line-height: 3em; width: 80%; height: 3em; margin: 10px 0; padding: 0 0 0 5px; color: #666; }
.textarea { line-height: 2em; width: 70%; min-height: 80px; padding: 0 0 0 5px; }
.submit_btn { font-size: 1.2em; width: 40%; min-width: 200px; max-width: 300px; }
/*--------------------------------case--------------------------------*/

.case_list li { overflow: hidden; padding: 20px 0 25px; border-bottom: 1px dotted #c9c9c9; }
.case_list * { transition: all .2s; }
.case_list li > a.fl { line-height: 0; width: 24%; border: 1px solid #ccc; }
.case_list li > a.fl img { height: 140px; }
.case_list li > div.fr { line-height: 2.2em; width: 74%; }
.case_list li > div.fr a.more { line-height: 2.5em; float: right; width: 150px; margin: 5px 0; text-align: center; border: 1px solid #ccc; }
.case_list li:hover a.fl { border: 1px solid #e60013; }
.case_list li:hover h3 a { color: #e60013; }
.case_list li:hover > div.fr a.more { color: #fff; border: 1px solid #e60013; background: #e60013; }
/*--------------------------------article_case--------------------------------*/

.case_alist li { overflow: hidden; padding: 10px 0 20px; border-bottom: 1px solid #ccc; }
.case_alist li a.fl { line-height: 0; width: 25%; padding: 10px; border: 1px solid #c9c9c9; }
.case_alist li a.fl img { height: 140px; }
.case_alist li .fr { line-height: 2.4em; width: 70%; }
.case_alist li .fr h3 { font-size: 1.5em; line-height: 2em; color: #e60013; }
.case_article dl { padding: 5px 0 10px; }
.case_article dl dt { font-size: 1.15em; font-weight: bold; line-height: 2em; }
/*--------------------------------contact--------------------------------*/
.conlist { line-height: 2.2em; padding: 10px 0; }
.qq { padding: 0 5px; color: #fff; border-radius: 5px; background: #e60013; }
/*--------------------------------news--------------------------------*/

.news_list li { overflow: hidden; padding: 10px 0 15px; border-bottom: 1px dotted #c9c9c9; }
.news_list li > .fl { width: 80%; }
.news_list li > .fl > h3 { font-size: 1.15em; line-height: 1.5em; margin: 10px 0 5px; }
.news_list li > .fl > h3:hover a { color: #0075c2; }
.news_list li > .fl > p { line-height: 1.6em; }
.news_list li > .fr { line-height: 2em; padding: 5px 20px; text-align: center; background: #ddd; }
.news_list li > .fr h3 { font-size: 3em; line-height: 1em; }
/*分页 pagination*/
.pagination { overflow: hidden; padding: 10px 0; text-align: center; }
.pagination li { display: inline-block; margin: 0 3px; padding: 0 8px; border: 1px solid #c9c9c9; }
.pagination li.current { border: 1px solid #0075c2; background: #0075c2; }
.pagination li:hover { background: #0075c2; }
.pagination li.current a, .pagination li:hover a { color: #fff; }
/*--------------------------------article_news--------------------------------*/
.news_tit { line-height: 2.5em; padding: 10px 0 5px; text-align: center; }
.news_tit h3 { font-size: 1.4em; color: #0075c2; }
.news_tit p { color: #666; }
.related_links { line-height: 2.5em; padding: 5px 0; }
.related_links li { margin-bottom: 0; }
.related_links a { display: inline; }
.related_links a:hover { color: #0075c2; }
.related_news { overflow: hidden; margin-left: -2%; }
.related_news li { line-height: 2.5em; float: left; overflow: hidden; width: 48%; margin-left: 2%; border-bottom: 1px dotted #ddd; }
.related_news li a { float: left; width: 80%; }
.related_news li span { float: right; }
.newstitbar { font-size: 1.5em; font-weight: bold; }
/*proside*/
.proside { float: right; width: 27%; }
.proside > h3 { font-size: 2em; text-align: center; color: #fff; background: #0075c2; }
.proside_list > li > a { font-size: 1.1em; font-weight: bold; line-height: 2.5em; padding: 0 10px; color: #0075c2; border-top: 1px solid #d7d7d7; border-bottom: 1px solid rgba(255,255,255,.6); background: #efefef; }
.proside_list > li.current > a { color: #fff; background: #0075c2; }
.proside_list > li > ul > li { font-size: 13px; line-height: 2em; display: inline-block; width: 48%; padding: 0 0 0 2%; }
.proside_list > li > ul > li > a { line-height: 1.6em; padding: 5px 0; }
.promain { float: left; width: 71%; }

/*----------Mobile style---------*/
.micase{display: none;}
.mcaselist{overflow: hidden;}
.mcaselist li{text-align: center;}
.mcaselist li > a{line-height: 0;text-align: center;}
.mcaselist li > a img{height: 200px;}
.mcaselist li > p a{line-height: 2em;}
.mbanner{display: none;}
.mbanner img{width: 100%;height: auto;}
@media screen and (max-width: 1200px) {
  /*Index case*/
	.micase{display: block;}
	.scrolllist{display: none;}
}
@media screen and (max-width: 1024px){
	.colm4 > li {width: 31.3%;}
	.proside{display: none;}
	.promain{width: 100%;}
	.i_about div.fr img{width: 80%;}
	.related_news li{width: 98%;}
	.promenu li{width: 23%;margin: 1% 0px 1% 1%;max-width: auto;}
}
@media screen and (max-width: 768px) {
	.i_about div.fl h2{display: none;}
	.i_about div.fl{width: 100%;}
	.i_about div.fr{display: none;}
	.umore{display:block;width: 100%;text-align: center;}
	.i_news > div.fl{width: 100%;}
	.i_news > div.fr{display: none;}
	.h768 { display: none; }
	.banner{display: none;}
	.mbanner{display: block;}
	.colm4 > li{width: 48%;}
	.related_links li{width: 97%;}
	.article img{max-width: 100%!important;}
	.ipromenu li{width: 25%;margin: 1% 0;}
	.ipromenu li.current::after{display: none;}
	.ipromenu li a{line-height: 100px;width: 100px;height: 100px;margin: 0 auto;padding: 0;border-radius: 50px;background: #0075c2;color: #fff;}
	.ipromenu li:nth-child(1) a{background: #FC862A;}
	.ipromenu li:nth-child(2) a{background: #EC392F;}
	.ipromenu li:nth-child(3) a{background: #12C8B2;}
	.ipromenu li:nth-child(4) a{background: #0075c2;}
	.ipromenu li:nth-child(5) a{background: #12CCB2;}
	.ipromenu li:nth-child(6) a{background: #65ABF7;}
	.ipromenu li:nth-child(7) a{background: #FDAB08}
	.news_list li > .fr{display: none;}
	.news_list li > .fl{width: 100%;}
	.infor_img,.infor_text{width: 100%;}
}
@media screen and (max-width: 480px){
	.i_pro .iprocon li > a img{height: 150px;}
	.mcaselist li > a img{height: 140px;}
	.textarea{width: 95%;}
	.txt_input{width: 90%;}
	.submit_btn{width: 100%;max-width: 480px;}
	.ipromenu li a{width: 80px;height: 80px;line-height: 80px;font-size: 13px;}
	.news_list li > .fl > p{display: none;}
	.news_list li{padding: 0;}
	.subtitbar > span{display: none;}
	.breadcrumb{float: none;}
}
@media screen and (max-width: 320px){
	.ipromenu li a{width: 70px;height: 70px;line-height: 70px;}

}