@charset "utf-8";
/* ==通用== */
* {margin:0px; padding:0px; color:#333333; }
body ，h1, h2, h3, h4, h5, h6,div, form, img, ul, li, dl, dt, dd,span,p { margin:0; padding:0; border:0; overflow:hidden;}
img { border:0;}
div, span, ul, li, select, option, input, em, u,font { color:#232323; font-size:12px; font-size-adjust:none; font-style:normal; font-variant:normal; font-weight:normal; text-decoration:none; margin:0; overflow:hidden;}
li { list-style:none; list-style-position:outside; }
a { color:#404245; text-decoration:none; }
a:hover {color:#196CAD; }
.clear { clear:both; }

/*--------header样式--------*/
#header{ width:100%;}

/* ==顶条样式== */
.top{ width:100%;height:33px; line-height:33px; color:#808080; letter-spacing:2px; background:url(topbg.jpg) repeat-x; }
.topc{ width:1000px; margin:0 auto;}
.top a{color:#196CAD; }
.top span a{ line-height:30px; color:#ff0000;}
.top span{ float:right; margin:0 5px; }
.top span.hand{ background:url(hand.gif) no-repeat left 4px; padding-left:26px; font-weight:bold; color:#D40B07}
.top input,.top p{ border:1px solid #cccccc; margin-top:4px;vertical-align:top; float:left;}
.top p{ width:63px; height:16px;padding:2px;background-color:#ffffff; display:block; }
.top p b{*width:61px;height:17px;overflow:hidden; display:block;}
.topc select{margin:-1px;vertical-align:top; border:none; padding-top:2px; width:63px;letter-spacing:0;}
.top input.text{ height:20px; line-height:20px; padding-left:8px;border-right:none;}
.top input.sear{height:22px; width:28px; border-left:none; background: url(sear.gif) 50% 70% no-repeat #ffffff;}
.top input.sear:hover{background: url(sear.png) 50% 70% no-repeat #ff4a00;}

.header{width:1300px;margin:0 auto;}
/* ==logo样式== */
.logo{width:200px;height:100px;float:left; margin-top: 23px;}

/* ==menu样式== */
.menu{width:1100px;height:60px;float:right;margin-top:50px;}
.menu ul{height: 39px;}
.menu ul li{float:left;width:145px;height:39px;line-height:39px;text-align:center;}
.menu ul li a{font-size:14px;display: block;}
.menu ul li:hover a{background:#5EC7B2;color:#fff;}

/* ==横幅宽高== */
.imglb{width:1346px;height:456px;text-align:center;margin:0 auto;}
.imglb img{width:1346px;height:456px;}
.banner{width:1346px;height:456px;margin:0 auto;}
.banner img{width:1346px;height:456px;}
/*--------footer样式--------*/
#foot{ height:120px; background:; border-top:1px solid #ccc;}
strong{color:#24a2d7;}
.copyright{ width:997px; margin:10px auto; text-align:center;}
.copyright p{ line-height:24px;}

/*首页样式*/
#main{width:1000px;margin:0 auto;margin-top:30px;}

.tittle{height:30px;width:1000px;}
.tittle h1{width:150px;float:left;text-align:center;}
.tittle span{border-top:1px solid #ccc;display:block;float:left;width:425px;height:50px; margin-top: 17px;}
.tittle span:hover{font-weight:bold;}

.tittle1{height:30px;line-height:30px;margin-bottom:20px;}
.tittle1 span{   display: block;   padding-left: 5px;
    margin-top: 7px;}
.tittle1 h1{float:left;}

.tittle2{height:30px;border-bottom:1px solid #ccc;}
.tittle2 h2{width:100px;float:left;}
.tittle2 span{float:right;padding-right:10px;margin-top:8px;}
.tittle2 span:hover{font-weight:bold;}

.products{width:1000px;padding-top: 20px;height:240px;margin-bottom:20px;}
.cpimg p{float:left;width:150px;height:180px;text-align:center;
    padding-left:40px;position: relative;
    padding-top: 15px;}
	
.cpimg p img{width:150px;height:180px;}
.cpimg p:hover img{opacity:1;}
.cpimg p span{width:150px;height:40px;font-size:14px;background:rgba(102,102,102,0.5);position: absolute;bottom:0;left:40px; line-height: 40px; transition: all 0.3s ease-in-out 0s;}
.cpimg p span a{color:#fff;}
.cpimg p:hover span{height:0; transition: all 0.3s ease-in-out 0s;}

.cpimg p{float:left;width:150px;height:180px;text-align:center;
    padding-left:40px;position: relative;
    padding-top: 15px;}

.cpimg1{padding-left:80px;}
.cpimg1 p{float:left;width:230px;height:180px;text-align:center;
    padding-left:80px;position: relative;
    padding-top: 15px;}
.cpimg1 p img{width:150px;height:180px;}
.cpimg1 p:hover img{opacity:1;}
.cpimg1 p span{width:150px;height:40px;font-size:14px;background:rgba(102,102,102,0.5);position: absolute;bottom:0;left:40px; line-height: 40px; transition: all 0.3s ease-in-out 0s;}
.cpimg1 p span a{color:#fff;}
.cpimg1 p:hover span{height:0; transition: all 0.3s ease-in-out 0s;}

.about{width:500px;height:226px;border-right:1px solid #ccc;float:left;}
.about p{line-height:25px;font-size:14px;text-indent:2em;   padding-right: 15px;}

.sanxiang span{padding-left:100px;font-size:18px;text-align:center;}

.newsnews{width:480px;height:226px;float:right;}
.newsnews ul{margin-top:5px;}
.newsnews ul li{height:30px;line-height:30px;background:url(left_listicon01.jpg) no-repeat left;   padding-left: 10px;}
.newsnews ul li span{float:right;padding-right:10px;}
.newsnews ul li:hover a{font-weight:bold;padding-left:1px;}



.products1{width:1000px;height:400px;padding-top: 20px;}
.cpimg1 p{float:left; padding-bottom: 15px;width:188px;height:150px;text-align:center;
    padding-left:10px;
    padding-top: 15px;}
	
.cpimg1 p img{width:188px;height:132px;opacity:0.8;}
.cpimg1 p:hover img{opacity:1;}
.cpimg1 p span{padding-top:5px;display: block;}





/*==二级页面样式==*/
.left{width:230px;float:left;}
.subnav{margin-bottom:20px;}
.subnav ul{margin-top:10px;}
.subnav ul li{ background:#5EC7B2;border-radius: 0px; 
    height:65px;
    line-height: 65px;
    margin-left: 5px;
 text-align:center;margin-top:5px;}
.subnav ul li a{display: block;color:#fff;font-size:14px;}
.subnav ul li:hover a{font-weight:bold;background:#57B19F;}

.contactus{}
.contactdetail{margin-top:10px;}
.contactdetail p{line-height:25px;}


.right{width:750px;float:right;height: auto !important;min-height: 550px;}

.contop{  background: url("rrr.gif") no-repeat scroll 4px 11px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    height: 30px;
    line-height: 30px;

    padding-left: 25px;}


/*--产品详情页、文章详情、单页右边样式--*/
.contentbox {padding: 20px;text-align:center;}
.contentbox p{   line-height: 2em; text-indent:2em;font-size: 14px;padding: 10px;text-align:left;}
.contentbox img{width:auto!important; max-width:710px; }

/*--文章列表页右边样式--*/
.rtit{ height:40px; text-align:center; line-height:35px; font-size:18px;margin-bottom: 10px; font-weight: bold;}
.rcon ul{ padding:0 10px;}
.rcon ul li{  height:40px; border-bottom:1px dashed #888888; line-height:40px; font-size:13px; background:url(leftnavrigt.gif) 0 15px no-repeat; padding-left:15px;}
.rcon ul li.tit{ border:0; font-weight:bold; color:#777777; height:30px; background:none;}
.rcon ul li span{ float:right; margin:0 4px; color:#777777;}
.rcon ul li a { line-height:40px;}

/*--文章列表、产品列表分页样式--*/
.page{ height:30px; margin:10px auto;text-align:right; color:#666; line-height:30px;padding-right: 10px;}
.page span{ margin-right:5px;}
.page span a{ padding:3px 6px; border:1px solid #E5E5E5; color:#0066CB;}
.page span.on{ padding:3px 6px; border:2px solid #fe6f06; color:#fe6f06;}
.page span a.lf{ padding:4px 6px 3px 13px; background:url(lf.gif) no-repeat left 5px;}
.page span a.rt{ padding:4px 13px 3px 6px; background:url(rt.gif) no-repeat right 5px;}
.page label{ margin:0 8px;}
.ye{ width:38px; border:1px solid #aaa; margin:0 3px; font-weight:bold;}

/*--产品详情页右边样式--*/
.cpinfo{ height:30px; background:url(h1bg.jpg) no-repeat 0 3px #f9f9f9; padding-left:30px; line-height:30px; font-size:14px; margin:9px 0;}
/*--产品列表页右边样式--*/
.rcon dl{ width:180px;  float:left; text-align:center;margin: 15px 15px 10px 50px;}
.rcon dl dt{ width:180px; }
.rcon dl dt img{ width:174px; height:174px; border:1px solid #cccccc; padding:2px;}
.rcon dl dt a{ line-height:22px; color: #990066; font-size:13px;}
.rcon dl dd{ height:20px;margin-top:5px;}
/*--文章详情右边样式--*/
.info{ height:30px; background-color:rgba(160,250,199,0.5); text-align:center; line-height:30px; margin:10px 0;}