@charset "utf-8";
/* CSS Document */
body{margin:0px;padding:0px;font-size:12px;font-family:"宋体"; background-color:#eee}
ul,ol,li{list-style:none;}
ul,li,dl,dt,dd,h3,p,input{margin:0;padding:0;}
a{text-decoration:none;color:#575757;outline:none; cursor:pointer}
a:hover{ color:#33BDFF}
li{list-style-type:none;}
img{border:0;}
.clear{clear:both;}
.left{float:left}
.right{float:right}
/*top*/
img.tel {margin-bottom: 30px;}
.box{width:989px;margin:0px auto;overflow:hidden; background:#FFFFFF;}
.top{width:989px;height:125px;margin:0px auto;}
.nav{ background:url(../images/index_02.jpg) no-repeat; width:989px; height:38px;margin:0px auto;overflow:hidden;}
.nav li{width:95px;height:38px;line-height:38px;text-align:center;float:left; padding-top:3px;}
.nav li a{font-size:14px;font-weight:bold;color:#FFF; text-align:center;}
.nav li a:hover{ color:#000000;}
/*flash*/
.flash{ width:989px; height:260px; padding-top:1px;margin:0px auto;}
.focusBox { position: relative; width:227px; height:170px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.focusBox .pic img { width: 227px; height: 170px; display: block; }
.focusBox .num { position: absolute; z-index: 3; bottom: 8px; right: 8px; }
.focusBox .num li{ float: left; position: relative; width: 18px; height: 15px; line-height: 15px; overflow: hidden; text-align: center; margin-right: 1px; cursor: pointer; }
.focusBox .num li a,.focusBox .num li span { position: absolute; z-index: 2; display: block; color: white; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; }
.focusBox .num li span { z-index: 1; background: black; filter: alpha(opacity=50); opacity: 0.5; }
.focusBox .num li.on a,.focusBox .num a:hover{ background:#f60;  }	
/*main*/
.main{width:969px;margin:0px auto;overflow:hidden;margin-top:10px;}
.zuo{width:238px; float:left;}
.ser{ width:236px;border: solid #CCCCCC 1px;}
.ser_tittle{background:url(../images/index_04.jpg) no-repeat; width:206px; height:31px; line-height:31px; padding-left:30px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.ser li{ background:url(../images/index_05.jpg) no-repeat; width:155px; height:25px; margin-left:15px; margin-top:10px; padding-left:50px; line-height:20px; font-size:13px}
.concact{ width:236px;border: solid #CCCCCC 1px;margin-top:5px;}
.c_tittle{background:url(../images/index_04.jpg) no-repeat; width:206px; height:31px; line-height:31px; padding-left:30px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.c_tittle_1{line-height:22px; padding:5px; }
.link{ width:236px;border: solid #CCCCCC 1px;margin-top:5px;}
.l_tittle{background:url(../images/index_04.jpg) no-repeat; width:206px; height:31px; line-height:31px; padding-left:30px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.l_tittle_1{ width:230px; line-height:24px; padding-left:5px; padding-top:5px;}
.you{ width:718px; float:right;}
.company{ width:716px;border: solid #CCCCCC 1px; }
.co_tittle{background:url(../images/index_07.jpg) no-repeat #59bfff; width:685px; height:31px; line-height:31px; padding-left:30px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.co_tittle_1{line-height:24px; width:706px; padding:5px}
.co_tittle1{background:url(../images/index_08.jpg) no-repeat; width:685px; height:31px; line-height:31px; padding-left:30px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.co_tittle1_1{line-height:24px; width:706px; padding:5px}
.co_tittle1_1 img {max-width: 100%;}
.changs{width:352px;border: solid #CCCCCC 1px;margin-top:3px; float:left;}
.ch_tittle{background:url(../images/index_09.jpg) no-repeat; width:321px; height:31px; line-height:31px; padding-left:30px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.changs li{background:url(../images/index_11.jpg) no-repeat left; margin-left:10px; margin-top:5px;padding-left:15px; line-height:25px; border-bottom:1px dashed #6FD0FF}
.news{width:352px;border: solid #CCCCCC 1px;margin-top:3px; margin-left:10px;float:left;}
.ne_tittle{background:url(../images/index_09.jpg) no-repeat; width:321px; height:31px; line-height:31px; padding-left:30px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.news li{background:url(../images/index_11.jpg) no-repeat left; margin-left:10px; margin-top:5px;padding-left:15px; line-height:25px;border-bottom:1px dashed #6FD0FF}
.anl{border: solid #CCCCCC 1px;  margin-top:7px;}
.a_tittle{background:url(../images/index_08.jpg) no-repeat; height:31px; line-height:31px; padding-left:30px; font-size:14px; font-weight:bold; color:#FFFFFF;}
.foot{margin-top:10px; line-height:24px; text-align:center; padding-top:10px;}
.foot1{ background-color:#55C8FF; margin-top:10px; line-height:24px; text-align:center; padding:5px;}

/*分面样式一*/
.page{font-family:Arial, Helvetica, sans-serif}
.page a,.page span{display:block;color:#333333;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin:5px 2px 5px 2px;text-align:center;padding-right:5px;padding-left:5px;height:30px}/*SPAN和链接*/
.page a:hover,.page a.current{color:#F44;border:1px solid #F44}/*当前链接有激活时*/
.page input{padding:0px;color:#333333;height:16px;width:25px;border:0px solid #fff;text-align:center;margin:5px -5px 5px -5px;vertical-align:middle;font-size:12px}/*跳转INPUT*/

.mri_p{padding-top:10px;padding-bottom:15px;margin:0px 10px;line-height:1.8;}
.mri_p ul{}
.mri_p li{height:35px;line-height:35px;background:url() no-repeat;background-position: left center;padding-left:10px; border-bottom:1px #ccc dashed;}
.mri_p1{padding-top:10px;padding-bottom:15px;margin:0px 10px;line-height:1.8;}
.mri_p1 ul{}
.mri_p1 li}
.l1{width:600px;height:35px;line-height:35px;background:url(../images/dot_6.jpg) no-repeat;background-position: left center; margin-left:10px; padding-left:20px;border-bottom:1px #ccc dashed;}
.l2{ padding-top:5px;width:630px;height:60px;line-height:25px;background:url() no-repeat left;padding-left:10px; border-bottom:1px #2F97FF solid;}
.tt{ font-size:18px; font-weight:bold; color:#2F97FF}
.m_hon{ color:#F00; font-weight:bold}
.ma_ri_tp{width:160px;height:auto;float:left; overflow:hidden; border:10px; margin-left:15px; margin-top:10px;}
.ma_ri_tp dl{}
.ma_ri_tp dt{}
.ma_ri_tp dd{padding-top:12px;text-align:center;}
.ma_ri_tp dl dd a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block;}

.main-t img{ border:1px #ccc solid;}


.kefu {width:160px;position:absolute;right: 5px; top: 180px;z-index: 1000; }
.kefu .kefu-l{float:left;width:30px;overflow:hidden;height:161px;background:red;cursor: pointer;background:url("/images/kefu_l.gif") no-repeat scroll 0 0 transparent;}
.kefu .kefu-r{float:left;overflow: hidden;width: 0;}
.kefu .kftop{background:url(/images/kefu_top.gif) no-repeat;height:36px;width:157px;}
.kefu .kfbottom{background:url(/images/kefu_bottom.gif) no-repeat;height:14px;width:157px;}
.kefu .kfbox {overflow:hidden;line-height:26px;width: 150px;background:url(/images/kefu_xian.gif);padding: 0 4px 0 3px;}
.kefu .kfbox ul {padding: 0;margin: 0;}
.kefu .kfbox ul li {height: 35px;overflow: hidden;text-align: center; padding: 5px 0 0 0;line-height: 35px;}
.kefu .kfbox ul li a{color:#000;}
.kefu .kfbox ul li.qq {background:url("/images/qq/qq.gif") no-repeat scroll 2px 3px transparent;}
.kefu .kfbox ul li.msn {background:url("/images/qq/msn.gif") no-repeat scroll 2px 3px transparent;}
.kefu .kfbox ul li.spk {background:url("/images/qq/spk.gif") no-repeat scroll 2px 3px transparent;}
.kefu .kfbox ul li.codeer{height:75px;padding-bottom: 5px;}
.kefu .kfbox ul li.codeer span{float: left;width: 66px;color: #999;line-height: 18px;}
.kefu .kfbox ul li.codeer #codeer{width:75px;height:75px;}


.kefu .kfbox ul li.tell {background:url("/images/qq/tel.gif") no-repeat scroll 2px 3px transparent;font-family: Arial;font-size: 18px;text-indent: 20px;
    line-height: 42px;}
.kefu .kfbox ul li.bs {background:url("/images/qq/ds.gif") no-repeat scroll 2px 3px transparent;padding: 0;height:7px;}


.kefu .kfbox ul li.wang {background:url("/images/qq/wangwang.gif") no-repeat  scroll 6px 3px transparent;}
.kefu .kfbox ul li.dianhua {background: url("/images/qq/dianh.gif") no-repeat scroll 12px 17px transparent; height: 48px;font-size: 18px;
     color: red;width: 178px;}
.kefu .kfbox ul li.dianhua font{padding-left: 5px;font-family: Tahoma;text-indent:45px;float:left;_font-weight: bold;}
.kefu .kfbox ul li .henggan{float:left;background: url("/images/qq/hengganbg.gif") no-repeat scroll 4px 0 transparent;font-size: 0;height: 13px;overflow: hidden;width: 100%;}
.kefu .kfbox ul li img {vertical-align:middle;}
#guanbi{width:145px;height:30px;overflow:hidden;float: right;}


@media screen and (max-width:1023px) {
	body{font-size:14px;}
	*{ box-sizing:border-box;}
	.mn{ display:none;}
	.top img,.flash img,.focusBox .pic img,.concact img{ max-width:100%;}
	.top {text-align: center;}
	img.tel {margin-bottom: 0;}
	.box,.top,.nav,.flash,.main,.concact,.c_tittle,.ser,.ser_tittle,.company,.co_tittle,.co_tittle_1,.ch_tittle,.ne_tittle,.co_tittle1_1{ max-width:100%; width:100%;height: auto;}
	.co_tittle1{ max-width:100%; width:100%;}
	.nav{ height:auto;background: #49baff;}
	.nav li {width: 19.6%;}
	.zuo {width: 23%;}
	.concact {margin-top: 0;}
	.you {width: 75%;}
	.focusBox {width: 100%;height: auto;}
	.changs ,.news{width: 49.5%;}
	.news{ margin-left:0; float:right;}
	.ch_tittle ,.ne_tittle{background-size: 100%;}
	.l2 {width: 100%;height: auto;}
	.co_tittle1_1{ text-align:center;}
	.ma_ri_tp {display: inline-block;margin-left: 0; float:none;}
	.content{ text-align: left;}
	
	.kefu{ display:none !important;}
}
@media screen and (max-width:859px) {
	.zuo ,.you{width:100%;}
	.zuo .concact{ display:none;}
	.ser_tittle{display:block; margin:0 auto;width: 200px;}	
	.ser {border: 0;}
	.ser ul{ text-align:center; font-size:0;margin-bottom: 20px;}
	.ser li{ display:inline-block;width: 24%;margin-left: 0;padding-left: 20px;}
	.ser li:last-child{ display:none;}
}
@media screen and (max-width:759px) {
	.changs, .news {width: 100%;}
	.ch_tittle, .ne_tittle {background-size: auto;background-color:#59bfff;}
}
@media screen and (max-width:659px) {
	.nav li {width: 19.3%;}
	.ser li {width: 32%;}
	.co_tittle_1 table{ text-align:center;width: 100%;}
	.co_tittle_1 table td{ display:inline-block; width:48%;}
	.co_tittle_1 table td table td{ width:100%;}
	.co_tittle_1 table td table td img{ max-width:100%;}
	.mri_p .right{ display:none;}
	.left {float: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;text-align: left;}
}


/* toolBar */
@media screen and (max-width:1023px) {
#foottoolbar{color:#fff;text-align:center;width:100%;height:65px;float:left;position:fixed;bottom:0;left:0;z-index:10000;background:#1FA0F4;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#1FA0F4), to(#000000));}
#foottoolbar ul{margin: 0px;padding: 0px;}
#foottoolbar li{float:left;width:25%;height:63px;background:url(/mcode/dfloat/f_li.png) no-repeat left center;}
#foottoolbar li.t_first{background:none;}
#foottoolbar a{width:100%;height:24px;color:#fff;display:block;padding:30px 0 0 0;line-height:24px;font-size:14px;}
.f1{background:url(/mcode/dfloat/f1.png) no-repeat center 8px; background-size:20px 20px}
.f2{background:url(/mcode/dfloat/f2.png) no-repeat center 8px;background-size:20px 20px}
.f3{background:url(/mcode/dfloat/f3.png) no-repeat center 8px;background-size:20px 20px}
.f4{background:url(/mcode/dfloat/f4.png) no-repeat center 8px;background-size:20px 20px}
.f5{background:url(/mcode/dfloat/f5.png) no-repeat center 8px;background-size:20px 20px}
.f6{background:url(/mcode/dfloat/f6.png) no-repeat center 8px;background-size:20px 20px}
.f7{background:url(/mcode/dfloat/f7.png) no-repeat center 8px;background-size:20px 20px}
.f5 h3{height: 40px;line-height: 40px;}
.f5 h4{margin: 0px;height: 45px;line-height: 45px;}
.f5 p{background: url(/mcode/dfloat/wwxx1.png) 0 2px no-repeat;width: 180px;margin: 0 auto;background-size:33px;padding-left: 45px;font-size: 16px;color: #525252;text-align: center;}
.f5 p span{background: #e8e8e8;padding: 3px 8px;display: inline-block;width: 100%;border-radius: 3px;font-weight: bold;box-sizing: border-box;}
.hidden1{ width:100%;height:65px; float:left; display:block;}
.f5 a{position:relative;}
.f5 div{display:none;color:red;width:100%;height:auto; padding:10px 0;background-color:#FFF;position:absolute;top:-378px;left:0px; margin-bottom:0px;cursor:default;box-shadow:0px -10px 10px #000;}
.f5 img{ width:193px;margin: 0 auto;}
.close {background: orange;color: red;border-radius: 12px;line-height: 20px;text-align: center;height: 20px;width: 20px;font-size: 18px;padding: 1px;top: 20px;right: 20px;position: absolute;}
.close::before {content: "\2716";}
}
@media screen and (min-width:1024px) {
#foottoolbar{ display:none;}
}