﻿@charset "utf-8";
html{direction: ltr; }
html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0;}
body{
background: #e8e8e8 url(../images/06.jpg) no-repeat center 152px;
color:#303030;font:normal 12px/25px \5FAE\8F6F\96C5\9ED1; font-size:12px; line-height:25px;  margin:0 auto; padding:0;}
ul,li{list-style:none;}
a{color:#303030; text-decoration:none;}
a:hover{color:#e62424; text-decoration:none;}
img{border:none;}
p{margin:0; padding:0;}

/*顶部*/
#top{ width:100%; height:130px;}
#topc{
	width:100%;
	height:140px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:999;
	background-image: url(../images/14.gif);
	background-repeat: repeat;
	background-position: left top;
}
#topc-1{width:1000px; height:15px; margin:0 auto;}
#topc-2{width:1000px; height:111px; margin:0 auto;}
#topc-2l{width:302px; height:111px; float:left;}
#topc-2lc{width:302px; height:80px;}
#topc-2r{width:686px; height:111px; float:right;}
#topc-2r-e{width:686px; height:67px;}
#topc-2r-ec{width:540px; height:20px; float:right; margin-top:34px;}

/*邮箱登陆样式*/
#topc-2r-ec-a{width:315px; height:20px; float:left;}
.yb1{width:75px; height:18px; line-height:18px; margin:0; padding:0; border:none; background-color:#fff; color:#d0d0d0;}
.yb2{ width:37px; height:18px; line-height:18px; margin:0; padding:0; border:none;}

/*搜索框样式*/
#topc-2r-ec-b{width:220px; height:20px; float:right; overflow:hidden;}
.bb3{width:21px; height:20px;border:none; margin:0; padding:0; float:right;}
.input_txt{width:175px; height:20px; margin:0; padding:0; border:none; background-color:none; line-height:20px; margin-top:0px; float:left; color:#a0a0a0; margin-left:20px;}
#topc-2r-ec-b form{margin:0px auto;border:none;padding:0px; height:20px;}
#topc-2r-ec-b label{display:block;height:20px;position:relative;margin:0; top:0; bottom:0;}
#topc-2r-ec-b span{position:absolute;float:left; left:20px;line-height:20px;color:#a0a0a0;cursor:text;}
#td1{width:220px; height:20px; background-image:url(../images/sercah.jpg); background-position:left; background-repeat:no-repeat;}


#topc-2r-m{width:686px; height:44px;}
/*menu*/
#nav {margin:0 auto; width:686px; height:44px; display:block;}
#nav .mainlevel {background:none; float:left; width:98px;/*IE6 only*/}
#nav .mainlevel a {color:#4c4c4c; text-decoration:none; line-height:44px; font-size:14px; font-weight:bold; display:block;width:98px; height:44px; text-align:center;}
#nav .mainlevel a:hover {color:#000; text-decoration:none; background:url(../images/cl_15.jpg); line-height:44px;}
#nav .mainlevel ul {display:none; position:absolute; margin-left:-44px; z-index:9999;}
#nav .mainlevel li { display:block; width:187px; height:32px; /*IE6 only*/}
#nav .mainlevel li a{display:block; width:187px; height:32px; font-weight:normal; background-image:url(../images/cl_20.png); line-height:32px;}
#nav .mainlevel li a:hover{ color:#000; background-image:url(../images/cl_20.png); line-height:32px;}
.libt{ display:block;width:187px; height:25px; background-image:url(../images/cl_22.png); background-repeat:no-repeat;}
.clear {clear:both; *display:inline;/*IE only*/}

#m_lb{width:1000px; padding:30px; padding-top:10px;background: none;}
#m_lb ul{margin:0; padding:0;  background-image:none; margin-left:0px; background: none;}
#m_lb ul li{ display:block; width:200px; float:left; background-color:#f5f5f5; background-image:none;background: none; min-height:28px;/*IE6 only*/ margin-bottom:3px;}
#m_lb ul li b{font-size:12px; color:#404040; margin-bottom:5px;}
#m_lb ul li a{ background-image:none; width:200px; height:28px; line-height:28px; padding-top:0px; font-size:12px; color:#686868; text-align:left;}


/*幻灯*/
.fullSlide {width:100%;position:relative;height:448px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:448px;overflow:hidden;text-align:center;}
.fullSlide .bd li a {display:block;height:448px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1000;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=30);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on {background:#f00;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1000;top:50%;margin-top:-30px;left:15%;z-index:1000;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next {left:auto;right:15%;background-position:-6px -137px;}

#bannera{ width:100%; height:230px; background-image:url(../images/3.jpg);}
#bannerbot{width:100%; height:30px; /*background-image:url(../images/cl_26.jpg);*/}


/*新闻、简介、案例样式*/
#cont1{width:1020px; height:185px; margin:0 auto; background-image:url(../images/cl0_12.jpg);}
#cont1-t{width:1020px; height:13px;}
#cont1-c{width:950px; height:148px; margin:0 auto;}
#cont1-c-l{width:284px; height:148px; float:left; overflow:hidden;}
#cont1-c-l-T{width:284px; height:29px; background-image:url(../images/cl_25.jpg); overflow:hidden;}
#cont1-c-l-Tc{float:right; width:38px; line-height:48px; color:#ffffff; text-align:center; font-size:10px; font:Arial, Helvetica, sans-serif;}
#cont1-c-l-Tc a{ color:#ffffff;}
#cont1-c-l-C{width:264px; height:110px; margin-top:9px; margin-left:20px; line-height:25px;}
#cont1-c-l-C ul{margin:0; padding:0;}
#cont1-c-l-C ul li{list-style:url(../images/cl_43.jpg);}
#cont1-c-l-C ul a{display:block; width:264px; height:25px; border-bottom:#e0e0e0 1px dashed; line-height:25px;}
#cont1-c-l-C ul span{float:right; margin:0; padding:0; color:#909090;}


#cont1-c-B{width:644px; height:148px; float:right;}

#cont1-c-c{width:365px; height:148px; float:left;}
#cont1-c-c-T{width:365px; height:29px; background-image:url(../images/cl_27.jpg);}
#cont1-c-c-Tc{float:right; width:38px; line-height:48px; color:#ffffff; text-align:center; font-size:10px; font:Arial, Helvetica, sans-serif;}
#cont1-c-c-Tc a{ color:#ffffff;}
#cont1-c-c-C{width:365px; height:110px; margin-top:9px;line-height:26px;}
#cont1-c-c-C img{float:left;}



#cont1-c-r{width:257px; height:148px; float:right;}
#cont1-c-r-T{width:257px; height:29px; background-image:url(../images/cl_29.jpg); overflow:hidden;}
#cont1-c-r-Tc{float:right; width:38px; line-height:48px; color:#ffffff; text-align:center; font-size:10px; font:Arial, Helvetica, sans-serif;}
#cont1-c-r-Tc a{ color:#ffffff;}
#cont1-c-r-C{width:257px; height:110px; margin-top:9px; }
#cont1-c-r-C span{height:0px;}

/*案例滚动样式*/
.bannerbox { width:257px; height:110px; overflow: hidden; margin: 0px auto; padding:0;  margin-top:0px; padding-top:0px;}
#focusa { width:257px; height:110px; clear: both; overflow: hidden; position: relative; float: left; margin:0; padding:0; margin-top:0px;}
#focusa ul { width:257px; height:110px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focusa ul li { display:block; float: left; width:257px; height:110px; text-align:center; overflow: hidden; position: relative; padding: 0px; margin: 0px; margin-top:0px;}
#focusa .preNext { width: 45px; height:110px; position: absolute; top: 0px; cursor: pointer; margin:0; padding:0; }
#focusa .pre { left: 0; background: url(../images/sprite.png) no-repeat left center; }
#focusa .next { right: 0; background: url(../images/sprite1.png) no-repeat right center; }



/*产品、文章、视频样式*/
#cont2{width:1020px; height:230px; margin:0 auto; background-image:url(../images/cl0_17.jpg); margin-top:10px;}
#cont2-t{width:1020px; height:13px;}
#cont2-c{width:950px; height:198px; margin:0 auto;}
#cont2-c-l{width:284px; height:198px; float:left;}
#cont2-c-l-T{width:284px; height:47px; background-image:url(../images/cl_291.jpg); background-position:bottom; background-repeat:no-repeat;}
#cont2-c-l-Tccc{width:284px; height:47px; overflow:hidden;}
#cont2-c-l-Tc{float:right; width:38px; line-height:84px;  overflow:hidden;color:#ffffff; text-align:center; font-size:10px; font:Arial, Helvetica, sans-serif;}
#cont2-c-l-Tc a{ color:#ffffff;}
#cont2-c-l-C{width:284px; height:138px; margin-top:9px; line-height:25px;}
#cont2-c-l-Ca{width:284px; height:99px; line-height:33px;}
#cont2-c-l-Ca img{float:left; margin-right:10px;}
#cont2-c-l-Ca span{color:#CC0000;}
#cont2-c-l-Cb{width:220px; height:22px; margin:0 auto; margin-top:19px; overflow:hidden;}

#cont2-c-l-Cb form{margin:0px auto;border:none;padding:0px; height:20px;}
#cont2-c-l-Cb label{display:block;height:20px;position:relative;margin:0; top:0; bottom:0;}
#cont2-c-l-Cb span{position:absolute;float:left; left:20px;line-height:20px;color:#a0a0a0;cursor:text;}
#td2{width:245px; height:22px; border:#e0e0e0 1px solid; background-image:url(../images/sercah.jpg); background-position:left; background-repeat:no-repeat;}

#cont2-c-B{width:644px; height:198px; float:right;}

#cont2-c-c{width:365px; height:198px; float:left; overflow:hidden;}
#cont2-c-c-T{width:365px; height:47px; background-image:url(../images/cl_35.jpg); overflow:hidden;}
#cont2-c-c-Tc{float:right; width:38px; margin-right:5px; line-height:58px; color:#434343; text-align:center; font-size:10px; font:Arial, Helvetica, sans-serif;}
#cont2-c-c-Tc a{ color:#686868;}
#cont2-c-c-C{width:345px; height:133px; margin-top:14px; margin-left:20px; line-height:25px;}
#cont2-c-c-C ul{margin:0; padding:0;}
#cont2-c-c-C ul li{list-style:url(../images/cl_43.jpg);}
#cont2-c-c-C ul a{display:block; width:345px; height:25px; border-bottom:#e0e0e0 1px dashed; line-height:25px;}
#cont2-c-c-C ul span{float:right; margin:0; padding:0; color:#909090;}


#cont2-c-r{width:262px; height:198px; float:right;}
#cont2-c-r-C{width:262px; height:178px; margin-top:20px; background-image: url(../images/cl_39.jpg);}


#footer{ 
	width:100%; 
	height:100px; 
	border-top:#e0e0e0 1px solid; 
	margin-top:20px; 
	padding-top:8px;
	background-image: url(../images/14.gif);
	background-repeat: repeat;
	background-position: left top;
}
#footercon{width:1000px; height:60px; margin:0 auto; line-height:26px;}
#footerc-l{width:700px; height:60px; float:left;}
#footerc-r{width:160px; height:60px; float:right;}


/*友情链接样式*/
/* common styling */
.menu { width:150px; position:relative; font-size:12px; border-collapse:collapse;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:150px; height:25px; text-align:left; padding-left:10px; border:1px solid #e0e0e0; background-image:url(../images/lk1.jpg); line-height:25px; font-size:12px;border-collapse:collapse;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a { background:#fff; background-image:url(../images/lk2.jpg); background-position:right; background-repeat:no-repeat;}
.menu ul li:hover ul {display:block; position:absolute; bottom:27px; left:0;}
.menu ul li:hover ul li a.hide {background:#fff; }
.menu ul li:hover ul li {display:block; background:#fff; width:150px; clear:both;}
.menu ul li:hover ul li:hover a.hide {background:#fff; }
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#fff;  width:100%; padding-left:10px; border-bottom:none;}
.menu ul li:hover ul li a:hover {background:#fff; background-image:url(../images/lk3.jpg); background-position:right; background-repeat:no-repeat;}
.menu ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li:hover ul.left {left:-210px; width:209px;}

/*微信样式*/
#common_box{width:198px;position:fixed;_position:absolute;right:0; bottom:10px;z-index:88;}
#cli_on{width:50px;float:left;cursor:pointer;text-align:center; margin-top:92px;}
#clearkk{clear:both;}
#weixin{width:148px; height:148px; float:right; background-color:#e0e0e0}


/*内页主题样式*/
#main{width:1020px; background-image:url(../images/mlly_09.jpg); background-position:top; background-repeat:repeat-y; margin:0 auto;}
#mainbot{width:1020px; height:40px; background-image:url(../images/mlly_06-10.jpg); margin:0 auto;}
#clear{width:100%; height:0px; clear:both;}
#maincon{width:1000px; margin:0 auto;}
#mainleft{width:274px; float:left; background-image:url(../images/mlly_03.jpg); background-position:top right; background-repeat:no-repeat;}
#mainright{width:715px; float:right; margin-right:10px;}
#mainright-top{width:715px; height:25px; margin-top:20px; border-bottom:#e9e9e9 1px solid; text-align:right; color:#a0a0a0;}
#mainright-con{width:700px; line-height:28px;  margin:0 auto;margin-top:20px;}

#backtop{width:700px; height:20px; margin:0 auto;margin-top:10px;}

#mainleft-lp{width:200px; float:right; margin-top:10px; margin-right:37px; font-size:14px; font-weight:bold;}
#mainleft-lt{width:215px; float:right; margin-top:35px; margin-right:37px;}
#mainleft-lt ul{margin:0; padding:0; overflow:hidden;}
#mainleft-lt ul li{list-style:none; display:block; overflow:hidden;}
#mainleft-lt ul a{display:block; width:214px; height:35px; border-bottom:#d5d5d5 1px dashed; padding-left:30px; line-height:35px; background-image:url(../images/mily99.jpg); overflow:hidden;}
#mainleft-lt ul a:hover{ background-image:url(../images/mily991.jpg); border-bottom:#000000 1px dashed;}

#mainleft-ct{width:217px; height:110px; float:right; margin-top:30px; margin-right:37px; background-image:url(../images/mily1213.jpg);line-height:110px; font-size:14px; font-weight:bold; color:#e21e1e;}
#mainleft-ctc{width:217px; height:200px; float:right; margin-top:10px;margin-right:37px;}

#mainleft-search{width:220px; height:20px;float:right; margin-top:20px;margin-right:37px;}
#mainleft-search form{margin:0px auto;border:none;padding:0px; height:20px;}
#mainleft-search label{display:block;height:20px;position:relative;margin:0; top:0; bottom:0;}
#mainleft-search span{position:absolute;float:left; left:20px;line-height:20px;color:#a0a0a0;cursor:text;}
/*新闻样式*/
#newWP{width:698px; height:100px; border-bottom:#e0e0e0 dashed 1px; margin:0 auto; margin-top:15px;}
#new-img{width:170px; height:95px; float:left; background-image:url(../images/54655.jpg);}
#new-imgcon{width:160px; height:70px; margin-top:5px; margin-left:5px;}
#new-con{width:510px; height:80px; float:right;}
#new-top{ width:510px; height:28px; line-height:28px; font-size:14px; font-weight:bold;}
#new-top span{float:right; font-weight:normal; font-size:12px; color:#a5a5a5;}
#new-cont{width:510px; height:25px; line-height:25px; overflow:hidden;}
#new-url{width:510px; height:28px; text-align:right;}

#nextpage{width:698px; height:40px; line-height:15px; margin:0 auto; margin-top:15px; text-align:center}
#nextpage a{display:block; height:15px; float:left; padding-left:4px; padding-right:4px; border:#e0e0e0 1px solid; margin-left:4px;}
#nextpage a:hover{color:#fff; background-color:#a71818; text-decoration:none;}
#nextpagecon{height:40px; margin:0 auto;}

#info-T{width:698px; height:30px; line-height:30px; text-align:center; font-size:14px; font-weight:bold;}
#info-M{width:698px; height:25px; line-height:25px; text-align:center;}
#info-C{width:698px; line-height:25px; margin-top:10px;}
#info-N{width:698px; height:60px; line-height:24px; margin-top:20px; border-top:#e0e0e0 1px dashed;} 

/*表单样式*/
.b1{width:310px; height:20px; line-height:20px; margin:0; padding:0; background-color:#fcfcfc; border:#e0e0e0 1px solid;}
.b2{width:310px; height:80px; line-height:20px; margin:0; padding:0; background-color:#fcfcfc; border:#e0e0e0 1px solid;}


/*产品列表样式*/
#mainright-con-pro{width:700px; line-height:28px; }
#mainright-con-pro ul{margin:0; padding:0;}
#mainright-con-pro ul li{list-style:none; display:block; width:226px; height:190px; float:left; margin:3px; background-color:#e0e0e0;}
#mainright-con-pro ul li:hover{background-color:#d30c0c;}
#lia{width:218px; height:157px; margin:4px;}
#lib{width:226px; height:25px; margin:0 auto; line-height:25px; background-color:#fafafa;}
#libcon{width:206px; height:25px; margin:0 auto; text-align: center;}

#mainright-con-procase{width:700px; line-height:28px; }
#mainright-con-procase ul{margin:0; padding:0;}
#mainright-con-procase ul li{list-style:none; display:block; width:226px; height:174px; float:left; margin:3px; background-color:#e0e0e0;}
#mainright-con-procase ul li:hover{background-color:#d30c0c;}
#liacase{width:218px; height:141px; margin:4px;}
#libcase{width:226px; height:25px; margin:0 auto; line-height:25px; background-color:#fafafa;}
#libconcase{width:206px; height:25px; margin:0 auto;}


#mainright-con-proP{width:700px; line-height:28px;}
#mainright-con-proP ul{margin:0; padding:0;}
#mainright-con-proP ul li{list-style:none; display:block; width:320px; height:236px; float:left; margin:10px;}
#ppw{width:320px; height:38px; background-image:url(../images/chkl_03.jpg); line-height:48px; overflow:hidden; font-size:14px; font-weight:bold;}
#ppm{width:318px; height:88px; margin:0 auto; margin-top:3px; border:#e0e0e0 1px solid;}
#ppmc{width:312px; height:82px; margin:3px;}
#ppc{width:308px; height:75px; margin:0 auto; line-height:25px; margin-top:5px; overflow:hidden;}
#ppl{width:312px; height:23px; }
#pplcon{width:92px; height:23px; float:right; margin-top:4px;background-image:url(../images/ppl_07.jpg); line-height:23px;}
#pplcon:hover{background-image:url(../images/ppl_08.jpg);}

/*招聘*/
#jobwp{width:700px; height:30px; background-image:url(../images/libg2.jpg); background-position:left; background-repeat:no-repeat; border-bottom:#e0e0e0 1px dashed;}
#jobcon{width:670px; height:30px; line-height:30px; margin:0 auto;}
#jobcon a{ font-size:12px; font-weight:normal;}
#jobcont{width:670px; line-height:24px;margin:0 auto; border-bottom:#e0e0e0 1px dashed;}





/*menu*/

#nava {display:block; margin:0; padding:0;padding-left:80px;}
#nava .mainlevela {display:block; width:237px; height:35px; border-bottom:#e0e0e0 1px dashed;}
#nava .mainlevela a {display:block; width:237px; height:35px;padding-left:30px; border-bottom:#e0e0e0 1px dashed; line-height:35px; background-image:url(../images/mily99.jpg);}
#nava .mainlevela a:hover {line-height:38px; background-image:url(../images/mily991.jpg);}

#nava .mainlevela ul {position:absolute; z-index:999; display:none;border:#a9a9a9 1px solid; background-color:#fefefe; float:right; margin-top:-30px; margin-left:214px; *width:180px;/*IE is great need, width>=li.length*/; padding-top:10px; padding-bottom:10px;}
#nava .mainlevela li { display:block; width:220px; height:32px; overflow:hidden; padding-left:10px;padding-right:10px;}
#nava .mainlevela li a {line-height:30px; display:block; width:190px; height:30px; background-image:url(../images/mily990.jpg); background-repeat:no-repeat; background-position:left; overflow:hidden; display:block;}
#nava .mainlevela li a:hover { line-height:30px; height:30px;color:#000; text-decoration:none; border-bottom:#202020 1px dashed;}
#nava li a em/*input an em tag as a space*/ {padding:0 3px;}
#nava .mainlevela li ul{margin:0; padding:0;}
.lia{display:block; width:200px; height:200px; background-color:#333333;}
.note {color:#3f240e; border-right:1px solid #fff; background:#678900 url(../images/slide-pannel_14.png) 0 0 repeat-x; display:block; line-height:34px; padding:0 3em;}
.Triangle_con {height:9px; background:url(../images/bird.png) 36px 0 no-repeat; display:block; _margin-bottom:-6px;/*IE6 only*/}





.mF_tab { width:750px; height:320px; margin-left:180px;}
.mF_tab .btn { position:absolute; top:0; left:0px; z-index:99999; float:left; }
.mF_tab .btn li { width:170px; height:25px; line-height:25px; text-align:center; margin-right:0px; border-bottom:0; cursor:pointer; background:none; border-bottom:#e0e0e0 1px dashed; margin-top:2px;}
.mF_tab .btn li.current { height:25px; background:#fff; }
.mF_tab .cont { position:absolute; top:0px; z-index:98; left:0; overflow:hidden;}
.mF_tab .cont .swt { position:absolute; left:0; top:0; z-index:99}

#po3{width:200px; height:320px; float:right; }
#po3t{width:200px; height:60px; }
#po3c{width:200px; height:210px; text-align:center}
#po3c img{ margin-bottom:4px; border:2px #d0d0d0 solid;}

#mmppp{width:950px; height:340px; margin:0 auto; background-image:url(../images/ppooobbg.png);}
#mmpppcon{width:950px; height:302px; margin:0 auto; overflow:hidden;}
#mmpppttt{width:950px; height:20px; }
#mmpppwp{width:100%; height:320px; position:absolute; top:125px; left:0px; z-index:99999; display:none;}