@charset "utf-8";
/* CSS Document */
/*ZYRCC 2017.09*/
* { margin: 0; padding: 0; }
body { font: 14px/1.63 Verdana, Arial, Helvetica, sans-serif; color: #333; background: #fff; }
/*默认样式*/
a { color: #333; display: inline-block; text-decoration: none; transition: all .2s; }
a:hover { color: #0075c2; }
ul, ol, li { list-style: none; }
* { transition: all .2s; }
img { max-width: 100%; }
a img { border: none; }
/*通用样式*/
/*清除浮动*/
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; }
.clearfix { *zoom: 1;
}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
red, .red { color: #f00; }
/*宽度*/
.container { width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden; }
.w1400 { max-width: 1400px; }
.col6 { }
.col6>li { width: 16.6%; float: left; }
.col7>li { width: 14.2%; float: left; }
.colm2 { margin-left: -3%; overflow: hidden; }
.colm2>li { float: left; width: 47%; margin-left: 3%; margin-bottom: 25px; }
.colm3 { margin-left: -3%; overflow: hidden; }
.colm3>li { float: left; width: 30.3%; margin-left: 3%; margin-bottom: 20px; }
.colm4 { margin-left: -2.5%; overflow: hidden; }
.colm4>li { float: left; width: 22.5%; margin-left: 2.5%; margin-bottom: 20px; }
.colm5 { margin-left: -1.5%; overflow: hidden; }
.colm5>li { float: left; margin-left: 1.5%; margin-bottom: 20px; width: 18.5%; }
.colm6 { margin-left: -1.6%; overflow: hidden; }
.colm6>li { float: left; margin-left: 1.6%; margin-bottom: 5px; width: 15%; }
li a { display: block; }
li img { width: 100%; line-height: 0; }
li>p a { text-align: center; }
.pad { padding: 20px 0; overflow: hidden; }

@media screen and (max-width:1200px) {
.container { width: 98%; margin: 0 auto; }
/*1200 end*/}
@media screen and (max-width:1024px) {
	.colm4 > li{width: 30.8%;}
/*1024 end*/}
.v768 { display: none; }

@media(max-width: 768px) {
.col7>li { }
.colm3>li { width: 47%;margin-bottom: 10px; }
.colm4>li { width: 47%; margin-bottom: 10px; }
.colm5>li { width: 23%; margin-bottom: 10px; }
.v768 { display: block; }
.h768 { display: none; }
.col8 li { width: 25%; }
/*768 end*/}

@media(max-width: 480px) {
.h480 { display: none; }
/*480 end*/}

@media(max-width: 320px) {
.h320 { display: none; }
/*320 end*/}
/*--------------------------------Index--------------------------------*/
/*--------banner--------*/
.banner { width: 100%; overflow: hidden; margin: 0 auto; line-height: 0; }
.banner a { display: block; }
.banner img { width: 100%; }
/* rslides */
.rslides { position: relative; list-style: none; width: 100%; overflow: hidden; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
/*pager*/
.callbacks_tabs.callbacks1_tabs { margin-top: -40px; position: relative; z-index: 5; margin-bottom: 20px; }
.callbacks_tabs.callbacks1_tabs li { display: inline-block; width: 5%; height: 6px; margin-left: 5px; background: #3E3E3E; position: relative; }
.callbacks_tabs.callbacks1_tabs li a { display: inline-block; width: 100%; height: 6px; position: absolute; left: 0; z-index: 5; color: rgba(100,200,255,0); color: transparent; }
.callbacks_tabs.callbacks1_tabs li.callbacks_here a { background: #0075c2; }
/* Callback example */
.callbacks_container { margin-bottom: 2px; position: relative; width: 100%; max-width: 100%; text-align: center; }
.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.callbacks li { position: absolute; width: 100%; left: 0; top: 0; }
.callbacks img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #333; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.6; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("img/themes.gif") no-repeat left top; margin-top: -30px; display: none; }
.callbacks_container:hover .callbacks_nav { display: block; }
.callbacks_nav:active { opacity: 1.0; }
.callbacks_nav.next { left: auto; background-position: right top; right: 0; }

@media screen and (max-width:600px) {
.callbacks_nav { top: 47%; }
}
/*--------Index--------*/
.partone { overflow: hidden; }
/*text*/
.partone .text { width: 44%; padding: 10px 3%; background: #0075c2; color: #fff; }
.partone .text h3 { font-size: 2em; }
.partone .text p { font-size: 1.5em; }
.partone a.fr { border: 2px solid #fff; width: 20px; padding: 5px; line-height: 1.4em; text-align: center; color: #fff; }
/*search*/
.search { width: 47%; padding: 15px 0 10px 3%; position: relative; line-height: 2.5em; }
.searchbox { position: absolute; right: 0; bottom: 10px; background: #ddd; color: #fff; border-radius: 15px; }
.stext { float: left; width: 300px; height: 30px; padding-left: 5px; border: none; border-radius: 15px; text-align: left; background: #ddd; }
.sbtn { float: left; width: 80px; height: 30px; border: none; border-radius: 15px; text-align: center; background: #0075c2; color: #fff; }
/*index ititbar*/
.ititbar { border-bottom: 1px dashed #ddd; text-align: center; margin: 10px 0 30px; position: relative; }
.bborder { position: relative; border-bottom: 3px solid #ddd; width: 370px; margin: 0 auto -2px; padding: 10px 0; }
.itit { font-size: 1.8em; font-weight: bold; color: #0075c2; }
.itext { font-size: 18px; }
.ititbar .more { position: absolute; bottom: -17px; left: 50%; padding: 2px 10px; margin-left: -30px; text-transform: uppercase; background: #bbb; color: #fff; }
.ititbar.white, .itibar.white .more, .ititbar.white .itit { color: #fff; }
.ititbar.white .more { background: #fff; color: #0075c2; }
.ititbar.white .bborder, .ititbar.white { border-color: #fff; }
/*index iproduct*/
.ipro { }
.iprotab { padding: 10px 0; text-align: center; }
.iprotab li { height: 50px; line-height: 50px; background: #dedede; font-size: 1.2em; cursor: pointer; }
.iprotab li.current { background: #0075c2; color: #fff; }
.iprocon { padding: 10px 0; }
.iprocon > ul { display: none; }
.iprocon > ul li img { height: 200px; }
/*partthree iabout*/
.partthree {padding: 30px 0;padding-top: 25px;}
.ibg1 {background: #fff;padding: 15px;padding-top: 0;border-radius: 4px;}
.iabout { overflow: hidden; margin-left: -1%; }
.iabout > li {float: left;margin-left: 1%;height: inherit;}
.iabouttit { width: 10%; background: #4d4d4d; color: #fff; font-size: 2em; text-align: center; }
.iabouttit span, .iabouttit p {width: 50px;line-height: 1.3em;font-weight: bold;margin: 60px 0;}
.iabouttit span {color: #FF9F00;margin: 160px 0 0 10px;font-size: 1.5em;line-height: 1.1em;}
.iaboutimg {width: 64%;position: relative;overflow: hidden;transition: all .5s;}
.filterr { width:100%; height: initial;font-size: 16px; padding: 5px 15px; background: rgba(255,159,0,.3);  color: #fff; background: rgba(255,159,0,.9); display: block; line-height: 2.2em; cursor: pointer;}

li.iaboutimg .filterr { top: 0;  }
.iaboutsl, .iaboutfw { width: 23%; line-height: 0; }
.iaboutsl img, .iaboutfw img { width: 100%; height: 155px; }
.iaboutsl div, .iaboutfw div {height: 131px;padding: 10px;color: #fff;line-height: 2em;}
.iaboutsl div span, .iaboutfw div span { font-size: 1.6em; }
.iaboutsl div {background: #FF9F00;margin-top: 5px;margin-bottom: 5px;}
.iaboutfw div {background: #3386C6;margin-top: 5px;}
/*index iproduct line*/
.partfour { padding: 20px 0 30px; background: rgba(0,104,184,.8); }
.iproline li {}
.iproline li a { display: block;line-height: 0;color: #fff; }
.iproline li img { width: 100%; height: 200px; }
.iproline li p { line-height: 2em; }
/*index news*/
.hotnews { width: 45%; line-height: 0; }
.hotnews > img { width: 100%; height: 300px; }
.hotnews div div.fl { width: 20%; height: 60px; padding: 10px 0 8px; background: #0075c2; color: #fff; font-size: 1.3em; text-align: center; line-height: 1.8em; }
.hotnews div div.fl span { display: block; font-size: 2em; }
.hotnews div div.fr { width: 75%; height: 75px; padding: 10px 0 0 5%; line-height: 2em; background: #eee; }
/*ivideo*/
.ivideo { width: 32%; }
/*news list*/
.inews_list {}
.inews_list li { overflow: hidden; line-height: 3.6em; border-bottom: 1px solid #ddd; }
.inews_list li a { float: left; width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inews_list li span { float: right; }
.inews_list li:hover span { color: #0075c2; }
.inews_list .titbar, .ivideo .titbar { border-bottom: none; font-size: 1.5em; font-weight: bold; }
/*--------------------------------about--------------------------------*/
/*sidebar*/
.sidebar { width: 22%; }
.sidetit { background: #F5F5F5; box-shadow: 0px 0px 5px rgba(0,0,0,.1) inset; text-align: center; color: #0075c2; font-size: 1.3em; line-height: 2.5em; }
.sidemenu { padding: 15px 0; border: 1px solid #ddd; border-top-width: 0; }
.sidemenu li { border-bottom: 1px dashed #ddd; padding: 5px 0; }
.sidemenu li a { display: block; padding: 0 0 0 50px; line-height: 2.2em; font-size: 1.1em; background: url(img/sidemenuli.png) no-repeat 30px center; }
.sidemenu li:hover a, .sidemenu li.current a { color: #fff; background: url(img/sidemenulih.png) no-repeat 30px center #0075c2; }
/*sidecontact*/
.sidepad { padding-top: 30px; }
.sidecontact { padding: 20px 10px; border: 1px solid #ddd; border-top-width: 0; }
.sidecontact li { padding: 3px 0; }
/*main*/
.main { width: 75%; }
.titbar {padding: 10px 0;line-height: 30px;overflow: hidden;border-bottom: 1px solid #ccc;}
.title { padding-left: 50px; font-size: 1.2em; background: url(img/titicon.png) no-repeat left center; }
/*about*/
.article p { text-indent: 2em; line-height: 2em; padding: 5px 0; }
.article a{display: inline;color: #136ec2;}
.article a:hover{text-decoration: underline!important;}
/*culture*/
.culture li { padding: 10px 0; line-height: 2em; }
/*certificate*/
.certificate li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; border: 1px solid #ddd; border-top: 0px solid #ddd; padding: 0 0 5px; }
.certificate li a { border: 1px solid #ddd; border-bottom: 0px solid #ddd; padding: 5px 5px 0; }
.certificate li:hover { background: #0075c2; color: #fff; }
.certificate li:hover p, .certificate li:hover a { border-color: #0075c2; }
/*--------------------------------news--------------------------------*/
.news_list li { border-bottom: 1px solid #ddd; margin: 10px 0; overflow: hidden; }
.news_list div.fl { width: 83%; }
.news_list h3 { margin: 5px 0; padding: 0 10px; font-size: 1.2em; font-weight: normal; border-left: 3px solid #0075c2; }
.news_list div.fl p { overflow: hidden; padding: 0 0 5px; }
.news_list div.fl p img { float: left; width: 125px; height: 80px; margin-right: 20px; }
.news_list div.fr { width: 15%; height: 62px; padding: 10px 0 8px; background: #ddd; color: #333; font-size: 1.3em; text-align: center; line-height: 1.8em; }
.news_list div.fr span { display: block; font-size: 2em; }
/*article_news*/
.art_tit { text-align: center; color: #333; border: none; margin: 0; padding: 10px 0; line-height: 1.6em; }
.review { padding: 5px; background: #eee; margin: 0 0 10px; }
.center { text-align: center; }
.source { padding: 0 0 10px; }
.source span { padding: 0 10px; }
/*分页 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 #006cb5; background: #006cb5; }
.pagination li:hover { background: #006cb5; }
.pagination li.current a, .pagination li:hover a { color: #fff; }
/*--------------------------------product--------------------------------*/
/*index_product*/
.protitbar { line-height: 44px; overflow: hidden; margin-bottom: 10px; background: #ececec; overflow: hidden; }
.protitbar span { float: left; width: 20%; min-width: 150px; max-width: 200px; padding-left: 25px; font-size: 1.5em; font-weight: bold; color: #fff; background: #0075c2; }
.protitbar .more { float: right; padding: 0 5px; font-size: 12px; }
a.arrow { float: left; width: 0px; border-left: 22px solid #0075c2; border-right: 22px solid #ececec; border-top: 22px solid #ececec; border-bottom: 22px solid #0075c2; }
/*article product*/
.proinfor { overflow: hidden; }
.infor_img { float: left; width: 54%; line-height: 0; }
.infor_img img { width: 100%; height: 420px; }
/*infot_text*/
.infor_text { float: right; width: 43%; color: #555; }
.infor_text h2 { font-size: 2em; color: #0075c2; }
.infor_text p { padding: 7px 0; }
.infor_text p span { font-weight: bold; font-size: 1.1em; }
.infor_text dl { line-height: 2em; }
.infor_text dt { font-size: 1.15em; margin-top: 5px; color: #000; }
.infor_text dd.wlimg img { height: 60px; }
.infor_text dd.wlimg li { line-height: 0; }
.infor_text dd.wlimg li p { font-size: 0.9em; line-height: 2em; text-align: center; white-space: nowrap; overflow: hidden; }
.getprice { width: 40%;margin: 30px 0;padding: 10px 0; color: #fff; font-size: 1.2em; text-align: center; cursor: pointer;background-color: #0075c2; }
.getprice:hover { background-color:#111;color: #fff; }
.getprice img{vertical-align: middle;margin-right: 5px;}
.infor_text .tel { width: 53%; margin: 30px 0; }
.infor_text .tel span {  line-height: 1em; }
.infor_text .tel div { font-size: 2.2em; line-height: 1em; color: #0075c2; letter-spacing: -1px;}
.profw{overflow: hidden;}
.profw li{float: left;width: 25%;padding: 10px 0;}
/*.profw li::after{content: "|";float: right;margin-right: 12%;color: #aaa;}*/
.profw li img{vertical-align: middle;margin-right: 5px;width: 25px;}
/**/
.protit { font-size: 1.5em;font-weight: bold; }
.pro_tab { overflow: hidden; background: #eee; border: 1px solid #ddd; border-bottom: none; }
.pro_tab li { float: left; width: 20%; padding: 10px 0; font-size: 1.1em; text-align: center; cursor: pointer; }
.pro_tab li:last-child { border: none; }
.pro_tab li.current { background: #ddd; color: #0075c2; font-weight: bold; }
.pro_con { }
.pro_con p { text-indent: 2em; padding: 3px 0; line-height: 2em; }
.pro_con li { padding: 3px 0; line-height: 2em; }
.biaoge { width: 100%; line-height: 2.5em; border: 1px solid rgba(0,0,0,.3); border-collapse: collapse; text-align: center; margin: 20px 0; }
.biaoge td, .biaoge th { border: 1px solid #ddd; }
.tabtit, .tabtit td { background: #0075c2; color: #fff; }
.biaoge tr:hover td { background: rgba(0,0,0,.05); }
.order_form { margin: 20px 0; }
.order_form i { color: red; }
.order_form input, .order_form textarea { line-height: 2.5em; padding: 0 3px; margin: 5px 0 10px; width: 90%; border: 1px solid #ddd; }
.submit { width: 150px; line-height: 2.5em; font-size: 1.2em; text-align: center; background: #0075c2; border: none; color: #fff; cursor: pointer; }
.order_form1 span, .order_form span { display: block; padding: 5px 0 0; }
.order_form1 li { float: left; width: 33.3%; }
.order_form1 { overflow: hidden; }
.infor1_list { margin-left: -4%; }
.infor1_list li { float: left; width: 46%; line-height: 2.2em; margin: 0px 0 10px 4%; }
.infor1_list li h3 { font-size: 16px; padding: 5px 0 0; }
.infor1 li p { height: 80px; }
/*在线留言*/
.onlinem{background: #efefef;margin: 10px 0;}
.mtit{font-size: 2em;font-weight:bold;line-height: 2em;text-align: center;}
.tips{line-height: 2em;padding: 7px 0;text-align: center;}
.tips span{font-size: 1.4em;color: #eb0013;}
.mform{overflow: hidden;}
.mform li{float: left;width: 50%;margin: 15px 0;line-height: 3em;}
.mform li span{float: left;width: 16%;margin-right: 2%;text-align: right;font-size: 1.1em;}
.mform li input,.mform li textarea{width: 80%;float: left;height: 3em;line-height: 3em;border: 1px solid #ddd;}
.mform li.lmessage{width: 100%;}
.mform li.lmessage span{width: 8%;margin-right: 1%;}
.mform li textarea{width: 90%;height: 8em;line-height: 2em;}
.submitbar{}
.submitbtn{width: 150px;height: 45px;background: #eb0013;border: none;color: #fff;font-size: 1.2em;}
/*imglist*/
/*基础样式*/
.imglist li > a { line-height: 0; }
.imglist p { padding: 3px 0; line-height: 2em; text-align: center; }
.imglist.colm5 li a img{height: 170px;}
.imglist.colm4 li a img{height: 180px;}
/*鼠标滑过图片放大效果*/
.imglisth li>a { overflow: hidden; }
.imglisth li img { transition: all .3s; }
.imglisth li p { padding: 5px 0; text-align: center; }
.imglisth li:hover img { transform: scale(1.1, 1.1); opacity: .8; }
.imglisth.colm3 li>a, .imglisth.colm3 li>a img { height: 260px; }
.imglisth.colm4 li>a, .imglisth.colm4 li img { height: 200px; }
/*related articles*/
.relatedlist li { margin-bottom: 0px; padding: 10px 0; border-bottom: 1px dashed #ddd; }
.relatedlist li span { float: right; }
.relatedtit { padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #ddd; }
.relatedtit span { border-left: 5px solid #0075c2; padding: 0 0 0 10px; font-size: 1.2em; }
.related_links { padding: 15px 0 5px; line-height: 2.5em; color: #666; }
.related_links li { border-bottom: 1px dotted #ccc; }
.related_links a { display: inline; }
/*相关新闻*/
.rnews { margin-left: -5%; padding: 10px 0 30px; }
.rnews .rnews_list { float: left; margin-left: 5%; width: 45%; }
.rnews_list li { overflow: hidden; line-height: 2em;padding: 5px 0;border-bottom: 1px dashed #ddd; }
.rnews_list li a { float: left; max-width: 390px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.rnews_list li:hover a, .rnews_list li:hover span { color: #eb0013; }
.rnews_list li span { float: right; color: #666; }
/*--------------------------------service--------------------------------*/
.service dt { padding: 15px 0 0px; font-weight: bold; font-size: 1.2em; }
.service dd p { padding: 3px 0; }
.map { padding: 10px 0; max-width: 100%; }
/*--------------------------------contact--------------------------------*/
.online_txt { }
.online_txt a { color: #c00; }
.online_tabc { width: 80%; margin: 0 auto; }
.online_tabc input[type="text"] { width: 98%; padding: 10px 1%; border: 1px solid #ccc; }
.online_tabc td { padding: 10px 0; text-align: center; }
.message { width: 98%; padding: 10px 1%; border: 1px solid #ccc; }
.ul2 { float: left; width: 50%; padding: 5px 0; }
.ul2 li { line-height: 2.5em; }
.part { padding: 15px 0; }
.part .tit_name { font-size: 24px; }
.part p { line-height: 2.5em; }
.qq { background: url(img/icon_qq.png) no-repeat 5px center; background-color: #c00; color: #fff; border-radius: 3px; padding: 0 5px 0 25px; height: 25px; line-height: 25px; }
.submit_btn { width: 35%; line-height: 40px; font-size: 1.5em; background: #0075c2; color: #fff; border: none; }

.contact li, .contact p { line-height: 2em; padding: 2px 0; }
.contact h3 { line-height: 2em; font-size: 1.5em; }
/*--------------------------------case--------------------------------*/
.caselist li > a { line-height: 0; }
.caselist li > a p { line-height: 2em; padding: 3px 0; text-align: center; }
.caselist li > a img { height: 190px; }
.main .caselist li > a img { height: 145px; }
/*--------------------------------Mobile styles--------------------------------*/
@media screen and (max-width: 1200px){
	.iabouttit p{display: none;}
	.ibg1{padding: 0;border-radius: 0;}
}
@media screen and (min-width: 767px) and (max-width: 1200px){
	.infor_text .tel,.getprice{float: none;margin: 10px 0;}
	.getprice,.infor_text .tel{width: 100%;}
	.infor_text .tel{padding-left: 55px; background: url(img/ptel.png) no-repeat left center;}
	.profw li{width: 50%;}
}
.mcase{display: none;}
@media screen and (max-width: 1024px){
	.sidebar{display: none;}
	.main{width: 100%;}
	.banner{display: none;}
	.iproline{display: none;}
    .mcase{display: block;}
    .mcase a{color: #fff;}
	.inews_list{width: 48%;}
	.ivideo{display: none;}
	.mform li{width: 100%;}
	.mform li.lmessage span{width: 16%;margin-right: 2%;}
	.mform li textarea{width: 80%;}
}
@media(max-width: 768px) {
	.ul2 { float: none; width: 100%; }
	.infor_text,.infor_img{width: 100%;}
	.partthree{display: none;}
	.inews_list{width: 100%;margin-right: 0;}
	.iprotab li{width: 31.8%;font-size: 14px;}
	.imglist.colm5 > li{width: 31.8%;}
	.news_list div.fl{width: 100%;}
	.news_list div.fr{display: none;}
	.rnews{display: none;}
	.related_links li{width: 97%;margin-bottom: 5px;}
	.h768{display: none;}
	.title{display: none;}
	.breadcrumb{float: none;}
	.ipro .ipro-right{padding: 0;}
}

@media(max-width: 480px) {
	.online_tabc { width: 90%; }
	.infor_text .tel,.getprice{float: none;margin: 10px 0;}
	.getprice,.infor_text .tel{width: 100%;}
	.infor_text .tel{padding-left: 55px; background: url(img/ptel.png) no-repeat left center;}
	.profw li{width: 50%;}
	.imglisth.colm3 li > a, .imglisth.colm3 li > a img{height: 160px;}
	.infor_img img{height: auto;}
	.imglist.colm5 > li{width: 48.5%;}
	.news_list div.fl p{display: none;}
	.news_list h3{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.review{display: none;}
	.bborder{width: 100%;}
	.itit{font-size: 1.4em;}
	.mform li{margin: 10px 0;}
	.mform li span,.mform li input, .mform li textarea{float: none;width: 95%;}
}