/* CSS Document */
* {margin: 0;padding: 0;list-style: none;}
body,a,div,p,span,form,input,button,select,option,h1,h2,h3,h4,h5,h6,label,em{ margin:0px; padding:0px; font-family:"微软雅黑"; font-style:none; font-weight:100;}
a,img,input,button,select,option{ border:0;}
a{ text-decoration:none; }
.clearfix{display:block;}
.l{ float:left;}
.r{ float:right;}
.clear{ clear:both;}
.mainbody{ margin:100px auto;}
.mainabout{ margin:30px auto;}
.banner,.proBg,.pro_tit,.products,.casesBg,.tit,.link,.footer,.pageBg,.pageTit{width:100%;overflow:hidden;}
.ban_about,.ban_pro,.ban_news,.ban_pro2{ width:100%; height:250px; background-repeat:no-repeat; background-position:center top;}

/***********/
.top-cen{ width:100%; height:128px;}
.top-cen-in{ width:1200px; height:128px; margin:0 auto}
.top-cen-in .top-logo{ height:128px; width:873px; float:left; background:url(logo.PNG) center no-repeat }
.top-cen-in .top-lx{ height:128px; /*width:400px;*/ float:right; background:url(lx.png) center no-repeat; line-height:165px; font-size:28px; font-weight:bold; color:#0297e7; text-align:center; letter-spacing:2px}
/****************/

.dh{ width:100%; height:60px; background:#0297e7; z-index:999 }
.dh-in{ width:1200px; height:60px; position:relative; margin:0 auto;}
.dh-in ul{ float:center; display:block}
.dh-in ul li{ height:60px; line-height:60px;  color:#fff; float:left; text-align:center; font-weight:bold; width:200px}
.dh-in ul li.on{color:#fff; font-weight:bold;  background:#df0d0d}
.dh-in ul li:hover{ color:#fff; font-weight:bold; background:#df0d0d}
/***********/
/**********/
.slideBox{ width:100%; height:480px;position:relative; float:left}
.slideBox-in{ width:1200px; height:480px; position:relative}
.slideBox .bd{width:100%; height:480px;}
.slideBox .bd ul{ width:100%; overflow:hidden}
.slideBox .bd ul li{ width:100%; height:480px; float:left}

/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; z-index:999   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
/***********/
.abt{ width:100%; height:470px; border-top:10px solid #da1010; background:url(abttop.JPG) top center no-repeat;}
.abt-in{ width:1200px; height:480px; margin:0 auto; position:relative;}
.abt-in .abt-img{width: 267px;height: 412px;border-width: 6px 6px 0px;border-style: solid;padding: 0px;border-color: rgb(255, 255, 255); position:absolute; top:20px; left: 0px; background:url(abtimg.jpg) center no-repeat; }
.abt-con{ width:900px; height:190px; position:absolute; top:20px; right:0px;}
.abt-con .abt-tit{ text-align:left; height:50px; line-height:50px; float:left; color:#FFF; font-size:27px;font-family: 微软雅黑;}
.abt-con .abt-js{font-size: 14px;line-height: 28px;; width:100%; float:left; color:#FFF}
.abt-con .abt-js b{ font-weight:bold}
.abt-qy{ width:900px; position:absolute; height:205px; top: 235px; right:0px}
.abt-qy .qy-tit{ font-size:17px; font-weight:bold;font-family: 微软雅黑; color:#5a5a5a; float:left}
.abt-qy .qy-xt{ float:right; width:820px; overflow:hidden; color:#5a5a5a}
.abt-qy .qy-img{ height:170px; width:900px; overflow:hidden; float:left; margin-top:10px;}
.abt-qy .qy-img ul{ display:block; width:100%;}
.abt-qy .qy-img ul li{ width:200px; height:170px; overflow:hidden; margin-right:20px; float:left}
.abt-qy .qy-img ul li img{ width:200px; height:170px;}
.abt-ys{ width:100%; height:241px; background:url(abtys.png) center no-repeat;}
/************/
.case{ width:100%; height:520px; background:url(probg1.jpg) top center no-repeat; margin-top:20px}
.case-in{ width:1200px; height:520px; margin:0 auto; padding-top:40px}
.case-in .case-tit{ width:1200px; height:30px; font-size:24px; text-align:center;color:rgb(67, 67, 67); letter-spacing:3px }
.case-in .case-tit b{ font-weight:bold; color:#0297e7}
.case-in .case-yw{ width:450px; height:20px; text-align:center; color:#5a5a5a; font-size:14px; padding-top:30px; margin:0 auto; line-height:25px}
.case-in .case-con{ width:1200px; height:270px; margin:0 auto; position:relative; overflow:hidden; margin-top:79px}
.case-in .case-con ul{}
.case-in .case-con ul li{ float:left; margin-left:20px}
.case-in .case-con ul li .c-img{ border:1px solid #FFF; width:285px; height:200px; overflow:hidden}
.case-in .case-con ul li .c-bt{ height:70px; line-height:70px; background:#F4F4F4; text-align:center; font-size:15px; font-weight:bold; color:#0297e7}
.case-in .case-con ul li:hover .c-bt{ background:#0297e7; color:#FFF;}
.case-in .case-mo{ width:100%; height:40px; margin:0 auto; text-align:center; margin-top:30px}
.case-in .case-mo span{ height:40px; width:150px; line-height:40px; text-align:center; font-size:13px; font-weight:bold; background:#0297e7; color:#FFF; display:inline-block}
/************/
.ad1{ width:100%; height:288px; background:url(ad01.jpg) center no-repeat;}
/************/
.case1{ width:100%; height:520px; background:url(probg1.jpg) top center no-repeat; }
.case1-in{ width:1200px; height:520px; margin:0 auto; padding-top:40px}
.case1-in .case1-tit{ width:1200px; height:30px; font-size:24px; text-align:center;color:rgb(67, 67, 67); letter-spacing:3px }
.case1-in .case1-tit b{ font-weight:bold; color:#0297e7}
.case1-in .case1-yw{ width:450px; height:20px; text-align:center; color:#5a5a5a; font-size:14px; padding-top:30px; margin:0 auto; line-height:25px}
.case1-in .case1-con{ width:1200px; height:270px; margin:0 auto; position:relative; overflow:hidden; margin-top:79px}
.case1-in .case1-con ul{}
.case1-in .case1-con ul li{ float:left; margin-left:20px}
.case1-in .case1-con ul li .c1-img{ border:1px solid #FFF; width:285px; height:200px; overflow:hidden}
.case1-in .case1-con ul li .c1-bt{ height:70px; line-height:70px; background:#F4F4F4; text-align:center; font-size:15px; font-weight:bold; color:#0297e7}
.case1-in .case1-con ul li:hover .c1-bt{ background:#0297e7; color:#FFF;}
.case1-in .case1-mo{ width:100%; height:40px; margin:0 auto; text-align:center; margin-top:30px}
.case1-in .case1-mo span{ height:40px; width:150px; line-height:40px; text-align:center; font-size:13px; font-weight:bold; background:#0297e7; color:#FFF; display:inline-block}
/***新闻***/
.news{ width:100%; height:450px; padding-top:40px; float:left}
.news-in{ width:1200px; height:450px; margin:0 auto;}
.news-in .news-tit{ width:1200px; height:30px; font-size:24px; text-align:center; color:rgb(67, 67, 67); }
.news-in .news-yw{ width:450px; height:20px; text-align:center; color:#5a5a5a; font-size:14px; padding-top:10px; margin:0 auto; line-height:25px}
.news-in .news-con{ width:100%; height:295px; float:left; margin-top:35px; padding-top:20px}
.news-con .xw-img{ width:527px; height:295px; background:url(new1.jpg) center no-repeat; float:left}
.news-con .xw-lb{ height:295px; width:653px; float:right}
.news-con .xw-lb ul{}
.news-con .xw-lb ul li{ float:left; border-bottom: 1px dashed #c6c6c6; width:100%; height:48px; line-height:48px}
.news-con .xw-lb ul li:hover span#li-bt{ color:#0297e7;}
.news-con .xw-lb ul li span#li-bt{display: inline-block;font-family: Microsoft YaHei;font-size: 14px;color: #5a5a5a; float:left; padding-left:25px; background:url(dtico.jpg) left center no-repeat;}
.news-con .xw-lb ul li span#li-sj{display: inline-block;font-family: Microsoft YaHei;font-size: 14px;color: #acacac; float:right}
/*************/
.lx{ width:100%; height:540px; background: #F4F4F4 url(lxbg.jpg)top center repeat-x; float:left; padding-bottom:30px}
.lx-in{ width:1200px; height:540px; margin:0 auto;}
.lx-in .lx-le{ width:434px; height:450px; float:left;}
.lx-le .le-img{ width:100%; height:238px; float:left; margin-top:40px;}
.lx-le .le-wz{ width:434px; height:214px; border: 4px solid #038DCB; float:left; position:relative; float:left; margin-top:5px}
.lx-le .le-wz span#l1{background: none;display: block;color: #333333; width:100%; text-align:center; padding-top:60px; font-size:20px}
.lx-le .le-wz span#l2{text-align: center;overflow: hidden;font-size: 14px;color: #666666;line-height: 24px; display:block; padding-top:10px}
.lx-le .le-wz span#l3{text-align: center;overflow: hidden;font-size: 14px;color: #666666;line-height: 24px; display:block}
.lx-le .le-wz .le-mo{ width:130px; height:46px; background:#038DCB; text-align:center; line-height:50px; color:#FFF; font-size:16px; position:absolute; bottom:-25px; left:148px;border:2px solid #038DCB; z-index:666}
.lx-le .le-wz .le-mo:hover{ background:#FFF; color:#038DCB; border:2px solid #038DCB}
.lx-in .lx-ri{ width:519px; height:489px; float:right; position:relative}
.lx-ri .ri-img{ width:100%; height:187px; float:left; margin-top:40px;}
.lx-ri .ri-wz{ width:434px; height:214px; float:left; position:relative; float:left; margin-top:50px}
.ri-wz .ri-dh{ width:52px; height:52px; background:url(phnoe.png) center no-repeat; position:absolute; top:30px}
.ri-wz span#r1{font-size: 11px;text-transform: uppercase;display: block;height: 18px;color: #666666; position:absolute; top:33px; left:63px}
.ri-wz span#r2{font-size: 14px;text-transform: uppercase;display: block;height: 18px;color: #666666; position:absolute; top:63px; left:63px}
.ri-wz span#r3{font-size: 24px;text-transform: uppercase;display: block;height: 18px;color: #038DCB; position:absolute; top:53px; left:135px; font-weight:bold}
.ri-wz span#r4{font-size: 14px;display: block;color: #666666; position:absolute; top:120px; left:0px}
.ri-wz span#r5{font-size: 14px;display: block;color: #666666; position:absolute; top:150px; left:0px}
.ri-wz span#r6{font-size: 14px;display: block;color: #666666; position:absolute; top:180px; left:0px}
.ri-wz span#r7{font-size: 14px;display: block;color: #666666; position:absolute; top:210px; left:0px}
/********************/
.footer{ background:#0297e7; width:100%; height:60px; }
.footer-in{ width:1200px; height:60px; margin:0 auto; position:relative}
.footer-in ul{ width:1200px; height:60px; line-height:60px;}
.footer-in ul li{ float:left; width:200px; text-align:center; }
.footer-in ul li a{color:#FFF; font-size:14px}
.footer-in ul li:hover{ color:#fff; font-weight:bold; background:#df0d0d}

.bot{ width:100%; height:137px; background:#012239;}
.bot-in{ width:1200px; height:137px; margin:0 auto; position:relative}
.bot-in .bot-logo{ width:442px; height:87px; position:absolute;border-right:1px solid #FFF; top:25px}
.bot-in .bot-lx{ width:700px; height:87px; position:absolute; top:25px; left:462px}
.bot-in .bot-lx span{ color:#FFF; font-size:13px; display:block;}
.bot-in .content{ position:absolute; right:0; top:50px; }
.bot-in .content a{  display:inline-block; padding-right:20px; width:45px; position:relative;}
.bot-in .content a .img{ width:45px;}
.bot-in .content a.Wechat_box{ margin-right:20px}
.bot-in .content a.Wechat_box .ewm{ position:absolute; top:-150px; left:-50px; display:none;}
.bot-in .content a.Wechat_box:hover .ewm{ display:block;}